/* CSS Document */

/*Farbklima: #FAF9FF, #E1E6FA, #C4D7ED, #ABC8E2, #375D81, #183152*/
/*Signalfarbe orange: #FF9966*/

/* Reset CSS */
* {margin:0; padding:0}
html {height:100%; margin-bottom:1px}
body {font-size:100.01%; color:#000; background:#fff; text-align:left; padding-left:20px; padding-right:20px;}
fieldset, img {border:0 solid}
ul, ol, dl {margin:0 0 1em 1em}
li {line-height:1.5em;}
dt {font-weight:bold;}
dd {margin:0 0 1em 2em;}
blockquote, cite {margin:0 0 1em 1.5em;}

/* Dimensionen der divs */
body, #header{
background-image:url(../Graphiken/hintergrund.gif);
}

#page {
height:620px;
width:950px;
margin: 20px auto 0px auto;
}

#header {
height:125px;
width:100%;
}

#Kopf {
width:950px;
height:120px;
padding-top:20px;
background-image:url(../Graphiken/header.gif);
background-repeat:no-repeat;
}

#main {
height:500px;
width:100&;
}

#footer {
clear:both;
height:50px;
width:100%;
}

#fuss {
width:950px;
height:40px;
background-image:url(../Graphiken/fuss_bg.gif);
background-repeat:no-repeat;
margin-top:25px;
}

#nav {
float:left;
width:150px;
height:500px;
background-color:transparent;
background-image:url(../Graphiken/nav_background.gif);
}

#nav_sub {
float:left;
width:150px;
height:500px;
opacity:0.4;
filter: alpha(opacity = 40);
}

#border_left {
float:left;
width:20px;
height:500px;
background-image:url(../Graphiken/border_left.gif);
}

#inhalt{
position:relative;
float:left;
width:auto;
height:500px;
}


#startbild_innen img{
position:absolute;
filter: alpha(opacity = 100);
margin-top:60px;
margin-left:-20px;
z-index:0;
}

#headline{
width:auto;
height:37px;
margin-bottom:3px;
margin-left:10px;
margin-top:15px;

}

#inhalt_nav_sub{
display:none;
width:100%;
height:30px;
background-color:#375D81;
margin-bottom:3px;
}

#content {
position:relative;
width:610px;
height:410px;
padding-top:10px;
padding-bottom:10px;
overflow:auto;
background-color:#FAF9FF;
}

#border_right {
float:left;
width:20px;
height:500px;
background-image:url(../Graphiken/border_right.gif);
}

/*Schrift*/

#headline h1{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:normal;
}

#content p{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:left;
padding-left:15px;
padding-right:15px;
padding-bottom:5px;
line-height:1.5em;
text-align:left;
color:#183152;
}

#content h3{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-align:left;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
padding-top:10px;
text-align:left;
color:#183152;
}

/*Bilder*/

#content img.img-right {
float:right;
padding:10px 15px 10px 15px;
}

#content img.img-left {
float:left;
padding:10px 15px 10px 15px;
}

#content img.img-center {
margin-left:40px;
padding:10px 15px 10px 15px;
}

.caption {
margin-left:15px;
margin-top:30px;
width:500px;
}

#content .caption_left p, #content .caption_right p{
font-size:12px;
}

/*Bildunterschriften*/

#content p.caption_l {
margin-left:10px;
margin-bottom:30px;
width:450px;
font-size:12px;
text-align:justify;
}

#content p.caption_c {
margin-left:45px;
margin-bottom:30px;
width:450px;
font-size:12px;
text-align:center;
}

#content p.caption_r {
margin-left:30px;
margin-bottom:30px;
width:450px;
font-size:12px;
text-align:justify;
}

/*Pfeilposition*/
img.pfeil {
padding:0px 10px 20px 10px;
}

/* Farben */

body, #header, #nav_sub {background-color:#183152;}
#nav, #inhalt {background-color:#E1E6FA; color:#183152;}
#content p {color:#183152;}

/* Impressum */

#impressum {
position:relative;
left:400px;
top:10px;
}

#impressum a {
text-decoration:underline;
color:#183152;
margin-right:10px;
}

/*Schulleben*/
#content img.shadow {
filter:progid:DXImageTransform.Microsoft.Shadow (color:#183152, Direction=120, Strength=10);
}

#content .news{	
		float:left;
		margin-left:17px;
		margin-top:17px;
		width:180px;
		height:200px;
		background-image:url(../Graphiken/news_bg.gif);	
		background-repeat:no-repeat;
}

#content .news img { 
	padding-left:13px;
	padding-top:13px;
	padding-bottom:15px;
}

#content .news h5.header{ 	
			text-align:center;
			font-family: Arial,Helvetica, sans-serif;
			font-size:12px;
			font-weight:bold;
			margin-bottom:5px;
			margin-left:5px;
			margin-right:4px;
			color:#183152;
			}
			
#content .news p.date {	
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			margin-bottom:10px;
			padding:0;
			color:#183152;
			}
			
/*Pressespiegel*/
#content .presse{
margin:20px;
background-image:url(../Graphiken/pressespiegel_bg.gif);
background-repeat:no-repeat;
padding-left:70px;
width:500px;
height:100px;
}

#content .presse .header {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#183152;
text-align:center;
padding-top:25px;
margin-bottom:10px;
}

#content .presse .kurzbeschreibung {
font-size:10px;
text-align:center;
margin-left:-110px;
}

#content .presse a {
text-decoration:none;
color:#183152;
}

/*Infolinks, Formularlinks*/
#content .infos{	
		float:left;
		margin-left:17px;
		margin-top:17px;
		width:180px;
		height:170px;
		background-image:url(../Graphiken/infolink_bg.gif);
		background-repeat:no-repeat;
}

#content .form{	
		float:left;
		margin-left:17px;
		margin-top:17px;
		width:180px;
		height:170px;
		background-image:url(../Graphiken/formular_bg.gif);
		background-repeat:no-repeat;
}

#content .rund{
		float:left;
		margin-left:17px;
		margin-top:17px;
		width:180px;
		height:170px;
		background-image:url(../Graphiken/rundschreiben_bg.gif);
		background-repeat:no-repeat;
}

#content .infos a, #content .form a, #content .rund a {
text-decoration:none;
color:#183152;
}

#content .infos .header, #content .form .header, #content .rund .header {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#183152;
text-align:center;
margin-top:75px;
margin-bottom:5px;
margin-left:5px;
margin-right:5px;
}

#content .infos .kurzbeschreibung, #content .form .kurzbeschreibung, #content .rund .kurzbeschreibung {
font-size:10px;
text-align:center;
}

/*Inmenue*/

#content .inmenue img {
	padding-left:13px;
	padding-top:13px;
	padding-bottom:7px;
}

#content .inmenue{	
		float:left;
		margin-left:17px;
		margin-top:17px;
		width:180px;
		height:170px;
		background-color:#ABC8E2;
		background-image:url(../Graphiken/inmenue_bg.gif);
		background-repeat:no-repeat;
}
	
#content .inmenue h5.header {
			text-align:center;
			font-family: Arial,Helvetica, sans-serif;
			font-size:15px;
			font-weight:bold;
			margin-bottom:10px;
			margin-left:5px;
			margin-right:4px;
			color:#183152;
			}

		
/*Tabellen*/
#content table#sprechstunden, #content table.lehrer, #content table#sponsoren {
width:90%;
margin:30px 10px;
color:#183152;
margin:30px auto 40px auto;
border-collapse:collapse;
}

#content table#sprechstunden th {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
padding-top:5px;
padding-bottom:10px;
}

#content table#sponsoren td {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
padding:5px 5px 10px 5px;
}

#content table#sprechstunden td.name {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
padding-left:15px;
padding-top:5px;
padding-bottom:5px;
}

#content table#sprechstunden td.name span{
font-size:11px;
font-weight:normal;
padding-left:20px;
color:#375D81;
}

#content table#sprechstunden td.zeit, #content table#sprechstunden td.raum {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
padding-top:5px;
padding-bottom:5px;
margin:0;
text-align:center;
}

#content table.lehrer {
width:90%;
color:#183152;
margin:15px auto 0px auto;
border-collapse:collapse;
}

#content table.lehrer td.titel{
padding-right:10px;
width:14%;
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
text-align:right;
}

#content table.lehrer td.name{
font-weight:bold;
padding-right:50px;
width:36%;
padding-top:10px;
padding-bottom:10px;
}

#content table.lehrer td.fach{
padding-left:40px;
width:11%;
padding-top:10px;
padding-bottom:10px;
}

#content table.lehrer td.funktion{
width:33%;
font-size:11px;
padding-top:10px;
padding-bottom:10px;
padding-right:2px;
}

.odd  {
background-color:#FAF9FF;
}

.even{
background-color:#E1E6FA;
}

th.zeit, th.raum,  {
text-align:center;
color:#183152;

}

th.name {
text-align:left;
color:#183152;
padding-left:15px;
}

/*Internat Kopf*/
img#kopf {
margin-left:5px;
margin-bottom:20px;
}