@charset "utf-8";
body {
	background: #7fb23a;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    }
h1, h2,  h3,  p, div {
	margin: 0px;
}

    #container {
	width: 810px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background: #FFFFFF;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: no;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
#pre-header {
	height: 20px;
	background-color: #7fb23a;
	padding: 40px 25px 0px 25px;
}
#pre-header_intern {
	height: 20px;
	padding: 0;
	background-color: #7fb23a;
}


#sitemap {
	float: right;
	font-size: 12px;
	color: #FFFFFF;
}
    #header {
	background: #DDDDDD;
	padding: 0 25px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
	height: 248px;
	background-image: url(images/head.jpg);
	position: relative;
    }
/* End hide from IE-mac */
#kontaktinfos {
	font-size: 11px;
	color: #FFFFFF;
	top: 40px;
	position: relative;
	width: 200px;
}
#kontaktinfos a {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
#kontaktinfos a:hover {
	font-size: 11px;
	color: #0066FF;
	text-decoration: underline;
}
#kontaktinfos a:visited {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
#logo {
	position: relative;
	width: 120px;
	height: 117px;
	top: 20px;
}





#header_intern {
	background: #DDDDDD;
	padding: 0 25px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
	height: 150px;
	background-image: url(images/head_intern.jpg);
	position: relative;
}
#benutzerangaben {
	color: #FFFFFF;
	left: 165px;
	position: absolute;
	top: 120px;
	font-weight: bold;
	font-size: 11px;
}
#benutzerangaben a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
#benutzerangaben a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
#benutzerangaben a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}





#navigation {
	background-image: url(images/bg_maincontent.jpg);
	padding: 0px 0px 0px 4px;
	background-color: #7fb23a;
}

    #mainContent {
	padding: 20px 25px 0px 25px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	background: #FFFFFF;
	background-image: url(images/bg_maincontent.jpg);
	overflow: hidden;
    }
#news_left {
	width: 400px;
	text-align: justify;
	border-right-color: #666666;
}

#news_right {
	float: right;
	font-size: 11px;
	margin: 0;
	position: relative;
	width: 320px;
	padding-left: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;

}
.news_ueberschrift {
	font-size: 16px;
	color: #999900;
	font-weight: bold;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
}
.news_box {
	background-color: #EBEBEB;
	padding: 5px;
	font-size: 11px;
	text-align: justify;
	margin-bottom: 6px;
}
.news_box  a {
	text-decoration: none;
}
.news_box a:hover {
	text-decoration: underline;
}

.news_box   .titel {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #000000;
}
.news_box img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}





#footer_mainContent {
	background-image: url(images/bg_footer_maincontent.jpg);
	height: 26px;
	background-repeat: no-repeat;
	clear: both;
}

    #footer {
	padding: 0 25px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	background:#7fb23a;
    }
#navigation_unten {
	text-align: center;
	padding: 10px 0px 20px 0px;
}
#navigation_unten a {
	text-decoration: none;
	color: #000000;
}
#navigation_unten a:visited {
	text-decoration: none;
	color: #000000;
}
#navigation_unten a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #000000;
}



#copyright {
	color: #FFFFFF;
	text-align: center;
}
#navi_frame {
	margin: 0;
	position: relative;
	width: 180px;
	padding-right: 20px;
	float: left;
}
.navi_box {
	background-color: #EBEBEB;
	padding: 5px 5px 10px 10px;
}
.navi_box  a {
	color: #666666;
	text-decoration: none;
}


.navi_box a:hover {
	color: #666666;
	text-decoration: underline;
	font-weight: normal;
}
.navi_box p {
	margin-bottom: 12px;
}


#inhalt {
	width: 560px;
	float: right;
}

/*  floating-Problem behoben für alle Browser. Quelle: http://www.positioniseverything.net/easyclearing.html --------------- */
.clearfix {
	display: inline-block;
	background-image: url(images/bg_maincontent.jpg);
	padding: 20px 25px 0px 25px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;
			background-image: url(images/bg_maincontent.jpg);}
#logo_elternmitarbeit {
	float: right;
	padding-bottom: 15px;
	padding-left: 25px;
}