/* standard.css für www.kinderuni.unilu.ch - 
mit Schriftformatierungen, Positionierung und Formatierung der Elemente -
Formatierung des Pop-Up Menu mittels Wizard Pop-up Menu Generator */

/*
Schrift und Links Formatierung
--------------------------------------------------------------------------------------------------------
*/

/* Überschriften Formatierung - Standard-Text entspricht H3 */
h1 { /*Titel*/
/*  color: #D9541E; /* orange dunkel */ 
	color: #F26529; /* orange hell */
	font: 90% verdana, arial, sans-serif;
	font-weight: bold;
	margin: 5px 2px 4px 4px;
	}

h2 { /*Untertitel*/
/* 	color: #D9541E; /* orange dunkel */ 
	color: #F26529; /* orange hell */
	font: 90% verdana, arial, sans-serif;
	font-weight: bold;
	margin: 0 2px 2px 4px;
	}

h3 { /*normaler Text*/
	color: #000000;
	font: 90% verdana, arial, sans-serif;
	font-weight: normal;
	margin: 0 2px 1px 4px; /* wird ansonsten vererbt ? */
	}
	
h3 a:link { /*normaler Text*/
	color: #F26529; 
	text-decoration: none;
	font: 100% verdana, arial, sans-serif; /* hier 100% weil 80% bereits von h3 vererbt */
	font-weight: normal;
	}
	
h3 a:visited { /*normaler Text*/
	color: #F26529; 
	text-decoration: none;
	font: 100% verdana, arial, sans-serif; /* hier 100% weil 80% bereits von h3 vererbt */
	font-weight: normal;
	}	

h3 a:active { /*normaler Text*/
	color: #000099; 
	text-decoration: none;
	font: 100% verdana, arial, sans-serif; /* hier 100% weil 80% bereits von h3 vererbt */
	font-weight: normal;
	}
	
h3 a:hover { /*normaler Text*/
	color: #000099;
	font: 100% verdana, arial, sans-serif;  /* hier 100% weil 80% bereits von h3 vererbt */
	font-weight: normal;
	}	

h4 { /*Formular-Text*/
	color: #000000;
	font: 80% verdana, arial, sans-serif;
	font-weight: normal;
	margin: 0 2px 1px 4px; /* wird ansonsten vererbt ? */
	}
	
h4 a:link { /*normaler Text*/
	color: #F26529; 
	text-decoration: none;
	font: 100% verdana, arial, sans-serif; /* hier 100% weil 80% bereits von h3 vererbt */
	font-weight: normal;
	}
	
h4 a:visited { /*normaler Text*/
	color: #F26529; 
	text-decoration: none;
	font: 100% verdana, arial, sans-serif; /* hier 100% weil 80% bereits von h3 vererbt */
	font-weight: normal;
	}	

h4 a:active { /*normaler Text*/
	color: #000099; 
	text-decoration: none;
	font: 100% verdana, arial, sans-serif; /* hier 100% weil 80% bereits von h3 vererbt */
	font-weight: normal;
	}
	
h4 a:hover { /*normaler Text*/
	color: #000099;
	font: 100% verdana, arial, sans-serif;  /* hier 100% weil 80% bereits von h3 vererbt */
	font-weight: normal;
	}	

.quicklinks a:link, a:visited, a:active { /* Quicklinks Kontakt und Anmeldung */
/* 	color: #D9541E; /* orange dunkel */ 
	color: #000000; 
	font: 95% verdana, arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	}

.quicklinks a:hover { /* Quicklinks Kontakt und Anmeldung */
/* 	color: #D9541E; /* orange dunkel */ 
	color: #F26529; /* orange hell */
	background-color: #FFFFFF;
	font: 95% verdana, arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	}

/*
Formatierung und Positionierung der Elemente
--------------------------------------------------------------------------------------------------------
*/

body {
/*	margin: 50px; /*pop-up unter schulter fuchs*/
	margin: 30px; /*pop-up unter schulter fuchs*/
	padding: 0;
	font: 85% verdana, arial, sans-serif;
	text-align: left;
	background-color: #FFFFFF;
	overflow: auto;
	z-index: -1;
	scrollbar-face-color: rgb(255,96,0);
	scrollbar-highlight-color: white; 
	scrollbar-shadow-color: white; 
	scrollbar-3dlight-color: rgb(255,96,0);
	scrollbar-arrow-color: rgb(255,255,255);
	scrollbar-track-color: white;
	scrollbar-darkshadow-color: rgb(255,96,0);
	}

#container { /*wird gebraucht für Browserkompatibilität und dynamische Layout */
/*	margin: 50px auto auto 30px; /* Rand oben, rechts, unten, links */
	width: 950px;
	height: 500px;
	text-align: left;
	background-color: #FFFFFF;
	z-index: -2;
/* 	border: 1px solid red; /*roter Rahmen für Sichtbarkeit */
	}

#fuchs { 
/* 	padding: 2px; */
	margin: 37px 0 10px 18px;
	float: left; /* k. IE 3*/
/*	border: 1px solid green; grüner Rahmen für Sichtbarkeit */
	z-index: 1; 
	}

#schriftzug { 
/* 	padding: 2px; */
	margin: 359px 0px 10px -191px;
	float: left; /* k. IE 3*/
/*	border: 1px solid green; grüner Rahmen für Sichtbarkeit */
	z-index: 2; 
	}

#quicklinkkontakt { /* Formatierung und Positionierung des Links Kontakt */
	clear: both;
	position: absolute;
	top: 123px;
	left: 775px;
/* 	clear: both; */
	color: #000000;
	text-align: left;
	font-size: 90%;
	text-decoration: none;
/*	border: 1px solid pink; pinker Rahmen für Sichtbarkeit */
	}
	
#quicklinkanmeldung { /* Formatierung und Positionierung des Links Anmeldung */
	position: absolute;
	top: 123px;
	left: 853px;
	/* clear: both; */
	color: #000000;
	text-align: left;
	font-size: 90%;
/*	border: 1px solid yellow; gelber Rahmen für Sichtbarkeit */
	}	

#contents { /* Inhaltfenster mit Scrollbalken */
	position: absolute;
	top: 29px;
	left: 25px; /* browsersicher mit 25px */
	margin: 0px 50px 40px 350px; /*oben,rechts,unten,links 350 browsersicher*/ 
	margin-top: 110px; /* k. IE 3*/
	height: 400px; /* für IE */
	width: 550px;
	overflow : auto;
	border: 1px solid black;
	border-left: 1px solid gray;
	border-top: 1px solid gray;
	background-color: #FFFFFF;
	z-index: 1000;
/* 	padding-left: 150px; Achtung nicht browsersicher */
/* 	min-height: 100px; */
/* 	max-height: 300px; für Firefox */
/* 	min-width: 300px; */
	}
	
#contentsshadow { /* Inhaltfenster mit Scrollbalken */
	position: absolute;
	top: 33px;
	left: 29px; /* browsersicher mit 35px */
	margin: 0px 50px 40px 350px; /*oben,rechts,unten,links 350 browsersicher*/ 
	margin-top: 110px; /* k. IE 3*/
	height: 400px; /* für IE */
	width: 550px;
/*  overflow : auto; */
	border-right: 4px solid lightgrey;
	border-bottom: 4px solid lightgrey;
	background-color: lightgrey;
	z-index: 900;
/* 	padding-left: 150px; Achtung nicht browsersicher */
/* 	min-height: 100px; */
/* 	max-height: 300px; für Firefox */
/* 	min-width: 300px; */
	}	
	
#contents p { 
	line-height: 100%; 	
	}

#contentbildcenter { 
/* 	padding: 2px; */
	margin: 4px 4px 0px 4px;
/*	border: 1px solid green; grüner Rahmen für Sichtbarkeit */
/* 	z-index: -4; Versuch Fuchs über Pop-Up zu legen */
	}

#contentbildrechts { 
/* 	padding: 2px; */
	float: right; 
	margin: 4px 4px 0px 4px;
/*	border: 1px solid green; grüner Rahmen für Sichtbarkeit */
/* 	z-index: -4; Versuch Fuchs über Pop-Up zu legen */
	}
	
#contentbildlinks { 
/* 	padding: 2px; */
	float: left; 
	margin: 4px 4px 0px 4px;
/*	border: 1px solid green; grüner Rahmen für Sichtbarkeit */
/* 	z-index: -4; Versuch Fuchs über Pop-Up zu legen */
	}

#sponsorubs { /* Sponsorlogo UBS */
	position: absolute;
	top: 510px;
	left: 240px;
	z-index: 100000;
/*	border: 1px solid magenta; magenta Rahmen für Sichtbarkeit */
	}
	
#sponsorcoop { /* Sponsorlogo Coop */
	position: absolute;
	top: 519px;
	left: 305px;
	z-index: 100000;
/*	border: 1px solid magenta; gray Rahmen für Sichtbarkeit */
	}		

#kontaktprint { /* Kontakt welcher nur bei Ausdruck angezeigt wird */
	display: none;
	}

/* <layer Name="Fuchs" style="position:absolute">
</layer> - Fuchs über Pop-Up stellen*/