/* CSS Document */

body
{
	background-color:#e1df7a;
	text-align:center;
	margin:0px;
}


#bg
{
	height:518px;
	background-image:url(../img/bg.jpg);
	background-repeat:repeat-x;
}


#blob
{
	text-align:center;
	width:970px; 
	height:518px;
	margin:0 auto;
}

/*---------------------------------------------------------*/

#nav
{
	float:left;
	width:227px;
	height:518px;
	background-color:#000000;
}	


#nav-space-left
{
	float:left;
	width:15px;
	height:321px;
	background-image:url(../img/nav/nav-space-left.jpg);
}


#nav-space-right
{
	float:right;
	width:41px;
	height:518px;
	background-image:url(../img/nav/nav-space-right.jpg);
}


#nav-home
{
	float:left;
	width:73px;
	height:35px;
	background-image:url(../img/nav/nav-home.jpg);
}


#nav-impressum
{
	float:left;
	width:98px;
	height:35px;
	background-image:url(../img/nav/nav-impressum.jpg);
}


#nav-die-schule
{
	float:left;
	width:171px;
	height:27px;
	background-image:url(../img/nav/nav-die-schule.jpg);
}


#nav-die-geschichte
{
	float:left;
	width:171px;
	height:31px;
	background-image:url(../img/nav/nav-die-geschichte.jpg);
}


#nav-der-unterricht
{
	float:left;
	width:171px;
	height:28px;
	background-image:url(../img/nav/nav-der-unterricht.jpg);
}


#nav-ogs
{
	float:left;
	width:171px;
	height:30px;
	background-image:url(../img/nav/nav-ogs.jpg);
}


#nav-das-schulleben
{
	float:left;
	width:171px;
	height:28px;
	background-image:url(../img/nav/nav-das-schulleben.jpg);
}


#nav-der-foerderverein
{
	float:left;
	width:171px;
	height:29px;
	background-image:url(../img/nav/nav-der-foerderverein.jpg);
}


#nav-blank
{
	float:left;
	width:171px;
	height:29px;
	background-image:url(../img/nav/nav-blank.jpg);
}


#nav-termine
{
	float:left;
	width:171px;
	height:30px;
	background-image:url(../img/nav/nav-termine.jpg);
}


#nav-kontakt
{
	float:left;
	width:171px;
	height:28px;
	background-image:url(../img/nav/nav-kontakt.jpg);
}


#nav-kinderseite
{
	float:left;
	width:171px;
	height:26px;
	background-image:url(../img/nav/nav-kinderseite.jpg);
}

#nav-space-bottom
{
	float:left;
	width:186px;
	height:197px;
	background-image:url(../img/nav/nav-space-bottom.jpg);
}

/*---------------------------------------------------------*/

#top
{
	float:right;
	width:743px;
	height:156px;
	background-image:url(../img/top.jpg);
}


#innerblob
{
	float:right;
	width:743px;
	height:362px;
	background-color:#00f;
}


#content-left-space
{
	float:left;
	width:23px;
	height:362px;
	background-image:url(../img/content-left-space.jpg);
}


#content-top
{
	text-align:left;
	float:left;
	width:442px;
	height:54px;
	background-image:url(../img/content-top-index.jpg);
}


div#content-top a:link { color:#06430d; }
div#content-top a:visited { color:#06430d; }
div#content-top a:focus { color:#009b19; }
div#content-top a:hover { color:#009b19; }
div#content-top a:active { color:#009b19; }
div#content-top a
{
	text-align:left;
	padding-right:10px;
	text-decoration:none;
	font-weight:bold;
	font-family: arial, helvetica;	
	color:#06430d;
	font-size:12px;
}


#content-right-space
{
	float:right;
	width:278px;
	height:362px;
	background-image:url(../img/content-right-space-index.jpg);
}


#content-header
{
	float:left;
	width:442px;
	height:30px;
	background-image:url(../img/content-header.jpg);
} 

div#content-header h1
{
	text-align:left;
	font-family: arial, helvetica;	
	color:#06430d;
	font-size:18px;
	margin-top:-2px;
}

#content-header-space
{
	float:left;
	width:442px;
	height:18px;
	background-image:url(../img/content-header-space.jpg);
}

#content
{
	float:left;
	width:437px;
	padding-right:5px;
	height:233px;
	overflow-y:scroll;
	overflow-x:auto;
	background-image:url(../img/content.jpg);
}

div#content p
{
	text-align:justify;
	font-family: arial, helvetica;	
	color:#06430d;
	font-size:12px;
}

div#content a:link { color:#06430d; }
div#content a:visited { color:#06430d; }
div#content a:focus { color:#009b19; }
div#content a:hover { color:#009b19; }
div#content a:active { color:#009b19; }
div#content a
{
	text-align:justify;
	text-decoration:underline;
	font-family: arial, helvetica;	
	color:#06430d;
	font-size:12px;
}

div#content ul
{
	text-align:justify;
	font-family: arial, helvetica;	
	color:#06430d;
	font-size:12px;

}

div#content li
{
	margin-left:-10px;
	text-align:justify;
	font-family: arial, helvetica;	
	color:#06430d;
	font-size:12px;

}

#content-bottom-space
{
	float:left;
	width:442px;
	height:27px;
	background-image:url(../img/content-bottom-space.jpg);
}