/* CSS by Robert Bickmann	*/
/* Website 3/4-Plus			*/

/* Used colours				*/
/* blue:			#2584C3		*/
/* red:				#C83800		*/
/* yellow:			#F8DB00		*/
/* dark blue:		#416C9E		*/
/* light blue 1:	#BACFE9		*/
/* light blue 2:	#EEF4F9		*/


body {
	background-color:#e1ddd9;
	font-size:11px;
	line-height:1.5em;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#564b47;
	padding:0px;
	margin:0px;
}

a { color:#2584C3; text-decoration:underline; }
a:visited { color:#2584C3; text-decoration:underline; }
a:hover { color: #F8DB00; } /* #564b47 */
a:active { color:#2584C3; text-decoration:none; }

#content h1 {
	color:#2584C3;
	font-size:13px;
	font-weight:bold;
	padding:5px 10px;
	margin:0;
}

#content h2 {
	color:#2584C3;
	font-size:11px;
	font-weight:bold;
	padding:5px 10px;
	margin:0px;
}

#content h3 {
	color:#564b47;
	font-size:11px;
	font-weight:bold;
	padding:5px 10px;
	margin:0px;
}

#content div.imgBeschriftung {
	text-align:center;
	font-size:10px;
	margin:10px 10px;
	padding:7px 0px 3px 0px;
	border:1px dotted #BACFE9;
	background-color:#EFEFEF;
}

#content.portal #leftArea {
	float:left;
	width:45%;
	padding-right:25px;
}

#content.portal #rightArea {
	float:right;
	width:45%;
	padding-left:25px;
	color:#2584C3;
}
#content #leftArea {
	float:left;
	width:25%;
}

#content #rightArea {
	color:#000000;
	float:right;
	width:65%;
	padding-left:25px;
}

/* ----- table ------------*/

#content table {
	margin:15px 10px;
	padding:0;
	border-collapse:collapse;
}
#content table td {
	vertical-align:top;
	padding:4px;
	border:1px solid #BACFE9;
}
#content table td.sub_h {
	background-color:#bacfe9;
}
#content table th {
	vertical-align:top;
	padding:1px;
	border:1px solid #BACFE9;
	background-color:#F8DB00;
}
#content table td p, #content table th p {
	margin:5px 0px;
	padding:0;
}

/* ------ table.noborder -------- */

#content table.noborder {
	margin:15px 10px;
	padding:0;
}
#content table.noborder td, #content table.noborder th {
	border:none;
	vertical-align:top;
	padding:4px;
}
#content table.noborder td p, #content table.noborder th p {
	margin:5px 0px;
	padding:0;
}
/* ----------------------------- */

#content p {
	padding:5px 10px;
	margin:0px;
}

#content ul {
	margin:0;
	padding:5px 10px;
}

#content ul li {
	list-style-position:outside;
	padding-bottom:5px;
}

#content ul li.blue, #content ul.blue li {
	list-style-image:url(../../bilder/BlauQuadrat.gif);
}

#content ul li.red, #content ul.red li {
	list-style-image:url(../../bilder/RotQuadrat.gif);
}

#content ul li.yellow, #content ul.yellow li {
	list-style-image:url(../../bilder/GelbQuadrat.gif);
}


/* ----------container zentriert das layout-------------- */
#container {
	width:800px;
	margin-bottom:10px;
	background-color:#2584C3;
}

/* ----------banner for logo-------------- */
#banner {
	background-color:#2584C3;
	text-align:left;
	padding:0;
	margin-left:140px;
	margin-right:0;
	height:47px;
	line-height:47px;
}
#banner.centered { text-align:center; }
#banner img { padding:10px 0px; margin:0; }
#banner span { color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:2em; font-weight:bold;}

#banner2a {
	text-align:left;
	padding:0;
	margin-left:140px;
	margin-right:0;
}

#banner2b {
	text-align:left;
	padding:0 0 0 25px;
	margin-left:140px;
	margin-right:0;
	color:#416C9E;
	background-color:#BACFE9;
	height:25px;
	line-height:25px;
}



/* ------- Rechte Box Kontakt / Impressum ------------*/
#rightBox {
	background-color:#2584C3;
	float:right;
	width:101px;
	height:47px;
	border-left:1px solid #ffffff;
	text-align:center;
}

#rightBox a { color:#F8DB00; font-weight:bold; text-decoration:none; }
#rightBox a:visited { color:#F8DB00; font-weight:bold; text-decoration:none; }
#rightBox a:hover { color:#F8DB00; font-weight:bold; text-decoration:underline; }
#rightBox a:active { color:#F8DB00; font-weight:bold; text-decoration:none; }
#rightBox p { padding:0; margin:0; padding-top:6px; }

/* -----------------Inhalt--------------------- */

#content {
	background-color:#EEF4F9;
	padding:50px 50px 50px 35px;
	margin-left:140px;
	margin-right:0;
	min-height: 500px; /* sets min-height value for all standards-compliant browsers */
}

div#content {
  min-height:650px;
  height:auto !important;
  height:650px;
}

#content.portal {
	margin-left:140px;
	padding:50px;
	background-image:url(../../bilder/Hintergrund-Logo-neu.gif);
	background-repeat:no-repeat;
	min-height:770px;
    height:auto !important;
    height:770px;
}

#content #clear {
	clear:both;
}

/* ---  Schulwähler  --- */

#content #schulWaehler {
	clear:both;
	margin-left:auto;
	margin-right:auto;
	color:#2584C3;
	font-size:12px;
	text-align:center;
	font-weight:bold;
}
#content #schulWaehler p {
	padding-top:40px;
}
#content #schulWaehler form {
	color:#564b47;
	padding:0;
	margin:0;
	margin-top:5px;
}
#content #schulWaehler form select {
	text-align:left;
	color:#564b47;
	width:350px;
	height:auto;
	font-weight:normal;
}
#content #schulWaehler form optgroup {
	text-align:left;
	color:#564b47;
	font-weight:bold;
}
#content #schulWaehler form option {
	color:#564b47;
	font-weight:normal;
	text-align:left;
}

/* Schulwähler für Startseite */
#content #schulWaehlerHome {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	color:#2584C3;
	font-size:12px;
	font-weight:bold;
}
#content #schulWaehlerHome p {
	padding-top:0px;
}
#content #schulWaehlerHome form {
	color:#564b47;
	padding:0;
	margin:0;
	margin-top:5px;
}
#content #schulWaehlerHome form select {
	text-align:left;
	color:#564b47;
	width:255px;
	height:auto;
	font-weight:normal;
}
#content #schulWaehlerHome form optgroup {
	text-align:left;
	color:#564b47;
	background-color:#FFFFFF;
	font-weight:bold;
}
#content #schulWaehlerHome form option {
	color:#564b47;
	font-weight:normal;
	text-align:left;
}


/* --------------left navigavtion------------- */

#left {
	position:absolute;
	float:left;
	width:140px;
	margin:0px;
	padding:47px 0px 0px 0px;
	text-align:center;
}

#left img {
	border:1px solid #ffffff;
	margin:0px;
	padding:0px;
}

/* *************** Hauptmenü *************** */
#left li.first {
	border-top:1px solid #ffffff;
}
#left li.last {
	border-bottom:none;
}
/* ---------  1te Ebene  --------- */
#left ul {
	width:94px;
	padding:0;
	list-style-type:none;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	margin-top:0px;
}
#left ul li {
	margin:0;
	padding:0;
	background-color:#416C9E;
	color:#ffffff;
	font-weight:bold;
	border-bottom:1px solid #ffffff;
}
#left ul li a {
	padding:2px 0 0 0;
	color:#ffffff;
	height:20px;
	font-weight:bold;
	display:block;
	text-decoration:none;
}
#left ul li a:hover, #left ul li a.active {
	background-color:#F8DB00;
	color:#416C9E;
}

/* ---------  2te Ebene  --------- */
#left ul li ul {
	padding:0;
	margin:0;
	list-style-type:none;
	border:none;
}
#left ul li ul li {
	margin:0;
	padding:0;
	background-color:#BACFE9;
	color:#416C9E;
	/*height:20px;*/
	font-weight:normal;
	border-left:none;
	border-right:none;
}

#left ul li ul li a {
	width:94px;
	color:#416C9E;
	height:20px;
	font-weight:normal;
	display:block;
	text-decoration:none;
}
#left ul li ul li a:hover, #left ul li ul li a.active {
	background-color:#F8DB00;
	color:#416C9E;
}

/* ---------  3te Ebene  --------- */
#left ul li ul li ul {
	padding:0;
	margin:0;
	list-style-type:none;
	border:none;
}
#left ul li ul li ul li {
	margin:0;
	padding:0;
	background-color:#EEF4F9;
	color:#416C9E;
	/*height:20px;*/
	font-weight:normal;
	border-left:none;
	border-right:none;
}
#left ul li ul li ul li a {
	width:94px;
	color:#416C9E;
	height:20px;
	font-weight:normal;
	display:block;
	text-decoration:none;
}
#left ul li ul li ul li a:hover, #left ul li ul li ul li a.active {
	background-color:#F8DB00;
	color:#416C9E;
}