/* Grundstrucktur */

* {
margin: 0;
padding: 0;
color: #000;
font-size: 12px;
font-family: Verdana;
}

body {
margin: 0;
padding: 0;
background: #fff;
color: #000;
font-size: 12px;
font-family: Verdana;
}

a, a:visited, a:active {
background: none;
color: #000;
text-decoration:underline;
}

a:hover {
background: none;
color: #5583be;
}

img {
border: none;
}

li {
list-style: none;
}

p {
line-height: 1.5;
}

#grundstrucktur {
width: 980px;
margin: 0 0 0 -490px;
padding: 0;
left: 50%;
position: absolute;
background: #fff;
float: left;
border-bottom: 20px solid #fff;
border-top: 20px solid #fff;
}

h2 {
font-size: 14px;
margin: 0 0 12px 0;
}

/* Das Logo */

#logo {
height: 169px;
width: 429px;
margin: 0;
padding: 0;
position: absolute;
float: left;
}

/* Der Header */

#header {
width: 980px;
height: 102px;
border-top: 42px solid #fff;
border-bottom: 25px solid #5583be;
float: left;
}

	/* Das Header Menue */

	#header .menue {
	width: 980px;
	height: 100px;
	background: url(bilder/hintergrund-header.jpg) #5583be;
	border-bottom: 2px solid #fff;
	float: right;
	}
	
	#header .menue ul {
	margin: 20px 20px 0 0;
	float: right;
	}
	
	* html #header .menue ul {
	/* Nicht IE Mac \*/
	margin: 20px 10px 0 0;
	float: right;
	/* */
	}

	#header .menue li {
	float: left;
	}

/* Die Header-Bilder */

#header-bilder {
width: 980px;
height: 150px;
margin: 0;
padding: 0;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
float: left;
}

/* Das Menue */

#menue {
width: 980px;
height: 40px;
border-bottom: 2px solid #fff;
float: left;
}

#menue li {
float: left;
}

#menue li a, #menue li a:visited, #menue li a:active {
background: #d7e5f2;
text-decoration: none;
font-weight: bold;
display: block;
text-align: center;
}

	/* Die jeweiligen Menuepunkte */
	
	#menue li a.startseite {
	height: 27px;
	width: 87px;
	border-right: 2px solid #fff;
	padding: 13px 0 0 0;
	}
	
	#menue li a.unsere-schule {
	height: 27px;
	width: 117px;
	border-right: 2px solid #fff;
	padding: 13px 0 0 0;
	}
	
	#menue li a.aktuelles {
	height: 27px;
	width: 83px;
	border-right: 2px solid #fff;
	padding: 13px 0 0 0;
	}
	
	#menue li a.aktionen {
	height: 34px;
	width: 145px;
	border-right: 2px solid #fff;
	padding: 6px 0 0 0;
	}
	
	#menue li a.links {
	height: 27px;
	width: 71px;
	border-right: 2px solid #fff;
	padding: 13px 0 0 0;
	}
	
	#menue li a.downloads {
	height: 27px;
	width: 95px;
	border-right: 2px solid #fff;
	padding: 13px 0 0 0;
	}
	
	#menue li a.gaestebuch {
	height: 27px;
	width: 91px;
	border-right: 2px solid #fff;
	padding: 13px 0 0 0;
	}
	
	#menue li a.foerderverein {
	height: 27px;
	width: 108px;
	border-right: 2px solid #fff;
	padding: 13px 0 0 0;
	}
	
	#menue li a.sponsoren {
	height: 27px;
	width: 92px;
	border-right: 2px solid #fff;
	padding: 13px 0 0 0;
	}
	
	#menue li a.kontakt {
	height: 27px;
	width: 73px;
	padding: 13px 0 0 0;
	}

#menue li a:hover {
background: #5583be;
color: #fff;
text-decoration: none;
font-weight: bold;
display: block;
}

/* Der Hauptteil */

#hauptteil {
width: 978px;
border-left: 1px solid #5583be; 
border-right: 1px solid #5583be;
float: left;
background: #e7e7e7;
}

	/* Links */
	#links {
	width: 240px;
	margin: 0;
	padding: 20px;
	float: left;
	background: url(bilder/hintergrund-mitte.jpg) no-repeat top right #e7e7e7;
	min-height: 350px;
	}


	#links_ebene_3 {
	width: 240px;
	margin: 0px;
	padding: 20px;
	float: left;
	background: url(bilder/hintergrund-mitte.jpg) no-repeat top right #e7e7e7;
	min-height: 350px;
	}

	* html #links_ebene_3 {
	/* Nicht IE Mac \*/
	width: 240px;
	margin: 0px 0px 0px 20px;
	padding: 30px 0px 0px 0px;
	float: left;
	background: url(bilder/hintergrund-mitte.jpg) no-repeat top right #e7e7e7;
	min-height: 350px;
	/* */
	}

    /* Das Sub-Menue */

	* html #links_ebene_3 #sub li {
	/* Nicht IE Mac \*/
	list-style-image: url(bilder/li.jpg);
	margin: 12px 0 12px 18px;
	font-weight: normal;
	/* */
	}

	* html #links_ebene_3 #sub .sel {
	/* Nicht IE Mac \*/
	font-weight: bold;
	/* */
	}

	/* Das Sub2-Menue */

	* html #links_ebene_3 #sub2 li {
	/* Nicht IE Mac \*/
	list-style-image: url(bilder/li.jpg);
	margin: 12px 0 12px 10px;
	font-weight: normal;
	/* */
	}

	* html #links_ebene_3 #sub2 .sel {
	/* Nicht IE Mac \*/
	font-weight: bold;
	/* */
	}




	
	* html #links {
	/* Nicht IE Mac \*/
	height: 350px;
	width: 240px;
	margin: 0;
	padding: 20px;
	float: left;
	background: url(bilder/hintergrund-mitte.jpg) no-repeat top right #e7e7e7;
	/* */
	}
	
	#links h3 {
	font-size: 12px;
	color: #000;
	font-weight: bold;
	margin-bottom: 24px;
	}
	
	/* Der Content */
	
	#content {
	width: 658px;
	margin: 0;
	padding: 20px;
	float: right;
	background: #efedee;
	}
	
	#content li {
	list-style-image: url(bilder/li.jpg);
	margin: 12px 0 12px 40px;
	}

/* Der Footer */

#footer {
height: 27px;
width: 980px;
padding: 13px 0 0 0;
background: #5583be;
border-top: 2px solid #fff;
float: left;
color: #fff;
text-align: center;
}

#footer address {
font-style: normal;
}

#footer a, #footer a:visited, #footer a:active {
color: #fff;
}

#footer a:hover {
color: #000;
}

/* Das Sub-Menue */

#sub li {
list-style-image: url(bilder/li.jpg);
margin: 12px 0 12px 55px;
}

#sub .sel {
font-weight: bold;
}

/* Das Sub2-Menue */

#sub2 li {
list-style-image: url(bilder/li.jpg);
margin: 12px 0 12px 65px;
font-weight: normal;
}

#sub2 .sel {
font-weight: bold;
}

/* Unser Klassen */

#klassen {
width: 100%;
border: 1px solid #5583be;
text-align: center;
}

#klassen td {
padding: 10px 0;
border: 1px solid #5583be;
}

/* Unser Klassen */

#chronik {
width: 100%;
border: 1px solid #5583be;
margin: 12px 0
}

#chronik td {
padding: 10px 10px;
border: 1px solid #5583be;
}

#chronik .monat {
width: 15%;
text-align: center;
}

#chronik .inhalt {
width: 85%;
}

/* Kontakt */

#form td {
border-bottom: 10px solid #efedee;
width: 120px;
}

#form td table td {
border: 0;
}

#form input, #form textarea {
width: 300px !important;
background: #fff;
border: 1px solid #5583be;
color: #000;
}

	#form .input_plz {
	width: 100px !important;
	}

	#form .input_ort {
	width: 190px !important;
	}
	
	#form #kontakt_resetbutton, #form #kontakt_submitbutton {
	width: 90px !important;
	}

#onOffice {
border: 10px solid #fff;
float:left;
font-size:11px;
text-align:center;
width:980px;
}

	#onOffice a {
	font-size: 11px;
	text-decoration:none;
	}

	#onOffice a.unterstrichen {
	text-decoration: underline;
	}