/*	=============================================
	=============================================
	ROOT.CSS
	=============================================
	organisation of the document:
	- containers positions
		1. main container
		2. header
		3. left
		4. footer
		5. content
	- font properties
		1. general properties
		2. header
		3. left
		4. footer
		5. content
	=============================================
	=============================================
*/
@charset "UTF-8";


/*	*******************************
		CONTAINERS POSITIONS
	*******************************
*/

/*	main container
	-------------- */
#container {
	position:absolute;
	top:10px;
	bottom:10px;
	left:10px;
	right:10px;
	min-width:820px;
	max-width:1260px;
	min-height:600px;
}

/*	header & subdivisions
	--------------------- */
#header {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	height:137px;
	max-width:1260px;
	border-bottom:#000000 4px solid;
}
#logoICST {
	position:absolute;
	top:0px;
	left:0px;
	width:127px;
	height:127px;
}
#banner {
	position:absolute;
	top:0px;
	left:137px;
	right:164px;
	height:137px;
}
#logoZHDK {
	position:absolute;
	top:0px;
	right:0px;
	height:127px;
	width:154px;
}

/*	left & subdivisions
	------------------- */
#left {
	position:absolute;
	top:151px;
	left:0px;
	bottom:0px;
	width:127px;
}
#langMenu {
	height:62px;
	border-bottom:#000000 4px solid;
}
#mainMenu {
	padding:4px 0px 8px 0px;
	border-bottom:#000000 4px solid;
}


/*	login
	-------------------------- */

#login {
	margin: 13px 0px 0px 0px;
}

#login div input {
	height:15px;
	width: 100%;
	background-color:#000000;
	border:none;
	color:#FFFFFF;
	margin:0px 0px 4px 0px;
}

#login input[type="submit"] {
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #ccc;
	margin:4px 0px 0px 0px;
}

#login .error {
	color:#aa0000;
	margin:0px 0px 4px 0px;
}



/* unused - phko

#login {
	margin-top:13px;
}
#login .input {
	height:15px;
	width:100%;
	background:#000000;
	margin:0px 0px 4px 0px;
}
#login .enterBox {
	margin:8px 0px 0px 0px;
}
*/



/*	mainContent & subdivisions
	-------------------------- */

/*	!!!
	contentCorner is not a subdivision
	but a separate part with same coordinate
	!!!
*/
#contentCorner {
	position:absolute;
	top:152px;
	left:137px;
	width:30px;
	height:30px;
	background:url(../img/top_corner.jpg);
	z-index:99;
}
#mainContent {
	position:absolute;
	top:152px;
	left:137px;
	right:0px;
	bottom:75px;
	max-width:1120px;
	border: #000000 1pt solid;
}
#pageTitle {
	position:absolute;
	top:0px;
	left:30px;
	right:10px;
	height:60px;
	border-bottom:#000000 4px solid;
	z-index:10;
}
#pageContent {
	position:absolute;
	top:64px;
	left:30px;
	right:10px;
	bottom:0px;
	background-color:#FFFFFF;
	overflow-y:auto;
	overflow-x:hidden;
	z-index:11;
}
#mainCol {
	position:absolute;
	top:8px;
	left:0px;
	right:10px;
}
#leftCol {
	position:absolute;
	top:8px;
	left:0px;
	width:389px;
/*	padding:8px 0px 0px 0px;*/
}
#rightCol {
	position:absolute;
	top:8px;
	left:399px;
	right:10px;
/*	padding:8px 0px 0px 0px;*/
}

.csc-frame-frame1 {
	background:#ddd;
	font-weight:bold;
}

.csc-frame-frame2 {
	background:#fc0;
	font-weight:bold;
	padding: 2px;
}


/*	footer & subdivisions
	--------------------- */
#footer {
	position:absolute;
	left:137px;
	bottom:0px;
	right:0px;
	height:65px;
	max-width:1120px;
	background:url(../img/footer_bckgnd.jpg) no-repeat;
}
#footerCorner {
	position:absolute;
	right:0px;
	bottom:-1px;
	width:29px;
	height:29px;
	background:url(../img/footer_corner.jpg) no-repeat;
}
#footerTitle {
	position:absolute;
	left:30px;
	right:59px;
	height:37px;
	border-bottom:#FFFFFF 4px solid;
}
#footerContent {
	position:absolute;
/*	top:48px;*/
	top:41px;
	left:30px;
	right:60px;
/*	height:79px;*/
}



/*	***********************
		FONT PROPERTIES
	***********************
*/


/*	general properties
	------------------ */
body {
	font-family:Helvetica, Arial, sans-serif;
	text-align:left;
}
* {
	margin: 0px;
	padding: 0px;
	font-size:12px;
	color:#000000;
	text-decoration: none;
}
a:hover {
	text-decoration:underline;
	color:#000000;
}
a:visited {
	color:#000000;
}
h1 {
	font-family:"Century Schoolbook", "Times New Roman", serif;
	font-size:22px;
	font-weight:bold;
}
.csc-header h1 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	padding:18px 0px 10px 0px;
}
h1.csc-firstHeader {
	padding:0px 0px 10px 0px;
}
h2 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding:0px;
}
h3 {
/*	font-size:12px;*/
	font-weight:bold;
}
h4 {
	font-family:"Century Schoolbook", "Times New Roman", serif;
/*	font-size:12px;*/
	font-weight:normal;
	font-style:italic;
	padding:0px 0px 5px 0px;
}

/*	left
	---- */
#langMenu {
	padding:0px 0px 0px 2px;
}
#langMenu a.activeLang {
	text-decoration:underline;
}
/*	-------------- */
#mainMenu ul {
	list-style:none;
}
#mainMenu ul.level1 {
	font-family:"Century Schoolbook", "Times New Roman", serif;
/*	font-size:12px;*/
	font-weight:bold;
}
#mainMenu a.level1act, #mainMenu a.level1cur {
	text-decoration:underline;
}
#mainMenu ul.level1 li {
	padding:2px 0px 0px 2px;
}
#mainMenu ul.level2 {
	font-family:Helvetica, Arial, sans-serif;
/*	font-size:12px;*/
	font-weight:normal;
	padding-left: 8px;
}
#mainMenu a.level2act, #mainMenu a.level2cur {
	text-decoration:underline;
}
#mainMenu ul.level2 li {
	padding:4px 0px 0px 0px;
}
/*	---------------- */
#login div input {
	font-family:Helvetica, Arial, sans-serif;
/*	font-size:12px;*/
	font-weight:normal;
	color:#FFFFFF;
	padding:3px 0px 0px 2px;
}

#login input[type="submit"] {
	font-family:"Century Schoolbook", "Times New Roman", serif;
	font-weight:bold;
}

#login ul {
	list-style:none;
	font-family:"Century Schoolbook", "Times New Roman", serif;
/*	font-size:12px;*/
	font-weight:bold;
	padding: 0px 0px 0px 2px;
}

/*	header
	------ */
#banner p {
	position:absolute;
	bottom:8px;
	width:100%;
	font-family:"Century Schoolbook", "Times New Roman", serif;
/*	font-size:12px;*/
	font-weight:bold;
}

/*	mainContent
	----------- */
#pageTitle .subTitle {
	font-family:Helvetica, Arial, sans-serif;
/*	font-size:12px;*/ 
	font-weight:normal;
}
#pageTitle h1 {
	font-family:"Century Schoolbook", "Times New Roman", serif;
	font-size:22px;
	font-weight:bold;
	padding:7px 0px 0px 10px;
}
#pageContent p {
/*	padding:0px 0px 0px 0px;*/
	line-height:1.3em;
	display:block;
}
#pageContent a {
	text-decoration:underline;
}
#pageContent ul {
	margin-bottom:12px;
}
#pageContent li {
	margin-left:20px;
	padding-top:6px;
}
.csc-textpic-intext-left,
.csc-textpic-intext-right,
.csc-header {
	clear:both;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
	margin-bottom:0px;
}
.csc-textpic-caption {
	padding:4px 0px 0px 0px;
}
.indent {
	padding-left:20px;
}
.hidden {
	display:none;
}


/* not used anymore - phko
.tx-felogin-pi1 {
	width:500px;
}
.tx-felogin-pi1 h3 {
	padding-bottom:12px;
}
.tx-felogin-pi1 div {
	padding-top:2px;
	line-height:1.3em;
}
.tx-felogin-pi1 div label {
	float:left;
	width:90px;
	font-style:italic;
	padding-top:1px;
}
.tx-felogin-pi1 div input {
	background-color:#000000;
	border:none;
	color:#FFFFFF;
}
.tx-felogin-pi1 div input[type="submit"] {
	background-color:#FFFFFF;
	color:#000000;
	font-weight:bold;
	margin:12px 0px 0px -3px;
}
.tx-felogin-pi1 fieldset {
	padding: 12px 0px 12px 0px;
	border:none;
}
.tx-felogin-pi1 legend {
	display:none;
}
*/


/*	footer
	------ */
#footerTitle h1 {
	font-family:"Century Schoolbook", "Times New Roman", serif;
	font-size:22px;
	font-weight:bold;
	color:#FFFFFF;
	padding:5px 0px 5px 0px;
}
#tickerspace p {
	font-family:"Century Schoolbook", "Times New Roman", serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
}
#tickertable {
	width:100%;
}
#tickerdiv {
	top:0px;
}
#tickerdiv * {
	color:#FFFFFF;
}
/*
#footerContent h2 {
	padding:0px;
}
*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
}