body {font-family: arial;
	background-image: url(Bilder/bg.jpg);
	background-position: top ;
	background-repeat: repeat-x;
	} 

#page { position: relative; 
	margin: 0.5em auto 2em;
	max-width: 800px; 
	height:auto; 
	}

#header {position: relative; 
	width:100%;
	height: auto;
	}

#nav 	{position: relative; 
	width:100%;
	height: auto;
	margin:-1em 0 0; 
	}

#main {	width: 100%; 
	}

#content {margin: 0;
	padding: 2em 4em;
	
	
	}

#sidebar {background: #C34C76;
	position: relative; 
	height: auto;
	margin:0 0 2em;
	padding:2em 1em 2em 4em;
	}


#footer {position: relative; text-align:center;
	float:left;
	width:100%;
	height: 50px; 
	}
#footer p {font-size:1em; font-weight: 700;}

h1	{text-align:center; font-size: 220%; font-weight: 700; color:#144CFF; padding: .25em; margin:0 -.9em 1em;  background-color:#dee6ff;}
.site-title { margin:.5em 0; padding:0; font-size: 1.7em; background-color:transparent;}
h2	{clear:both; text-align:center; font-size: 220%; font-weight: 700; color:#144CFF; padding: .25em; margin:0 -.9em 1em;  background-color:#dee6ff;}
h3	{clear:both; text-align:center; font-size: 220%; line-height: 1.2em; font-weight: 700; color:#144CFF; padding:0.2em 0.666em;}
.sidenav	{clear:both; font-size: 1.1em; color:#fff; line-height: 1.4em; font-weight: 700; padding:0; margin:1em 0 0;}
h4	{clear:both; font-size: 150%; line-height: 1.2em; font-weight: 700; color:#144CFF; padding:0.666em 0 0;}
h5	{clear:both; font-size: 150%; line-height: 1.2em; font-weight: 700; color:#144CFF; padding:0; }
h6	{clear:both; font-size: 130%; line-height: 1.2em; font-weight: 700; color:#144CFF; padding:0; margin:0;}
p	{font-size:1.3em; line-height: 1.4em; color:#202020;}
a	{color:#144CFF; }
a:hover {color:#C34C76; text-decoration: none; }
.head-small {font-size:0.8em; text-align:right; padding:0 2em 1em 0;}
ul	{}
li	{font-size:1.3em; line-height: 1.4em; color:#202020; }
li a	{color:#144CFF;}
li a:hover, a:active {color:#C34C76; text-decoration: none; }
ol {font-size:1.333em; color:#144CFF; font-weight: 700; }

hr {clear:both; height:2px;  border:0; margin: 1em 0; }

.info {  border-width:10px; border-style:solid; border-color:#dee6ff;  padding:1em 2.5em; text-align:justify; margin:0 -.9em 1em; color:#144CFF; font-weight:bold; }
.post-nav {clear:both; text-align:center; font-size:1.333em; font-weight: 700; background-color:#dee6ff; padding: 1em 2em ; clear:both; margin:3em -1.5em 3em; color:#144CFF;}
.projekte {clear:both; font-size: 150%; font-weight: 700; color:#144CFF; margin:1.5em 0 -1.5em; }
q { font-style:italic; margin-left:5%; }
.sidebar	{clear:both; text-align:center; font-size: 220%; font-weight: 700; color:#fff; padding: .25em; margin:0 1em .5em 0; }

.logo 	{max-width: 400px;}

a.tor	 { float:left; display: block; text-indent:-10000px;  background-image: url(Bilder/Tor.png); width: 306px; height: 200px; margin:0 1em 1em 0; } 
a:hover.tor { background-position:0 -200px;border-bottom: 0px} 

a.kobako	 { margin-left:auto; margin-right:auto; display: block; text-indent:-10000px;  background-image: url(Bilder/KoBaKo.png); width: 500px; height: 200px;} 
a:hover.kobako { background-position:0 -200px;border-bottom: 0px} 


rechtsoben  	   { left: 435px; top: 0;} 
rechtsoben a 	   { background-image: url(PIC/2.png); width: 397px; height: 149px;} 
rechtsoben a:hover { background-position:0 -149px;border-bottom: 0px} 

ul#content	{list-style: none; }
ul#content li	{font-size:1.333em; color:#144CFF; font-weight: 700; }

ul#nav 			{padding:0;  text-align: center;}
    
ul#nav li 		{font-family: arial; font-size:  2em; font-weight: 700; list-style: none; display: inline; margin:0 .2em; }
ul#nav li  a 		{color: #fff; padding: .2em 1em; background: #144CFF; line-height: 2em; }
ul#nav li  a:hover	{background: #C34C76; text-decoration: none; }

.active  	{color: #fff; padding: .2em 1em; background: #C34C76; line-height: 1.6em; margin: 0.222em 0 0.177em; display: inline; }

ul#projektenavtop 			{padding:0;  text-align: center;}
    
ul#projektenavtop  li 		{font-family: arial;  font-size:1.4em; font-weight:700; line-height: 2.5em; list-style: none; display: inline; margin:0 .2em; }
ul#projektenavtop  li  a 		{ color:#fff; background-color:#144CFF;  padding:.3em .5em; }
ul#projektenavtop  li  a:hover	{  color:#fff; background-color:#C34C76; text-decoration: none;  }

ul#projektenav 			{padding:0;  text-align: center;}
    
ul#projektenav  li 		{font-family: arial;  font-size:1.4em; font-weight:700; line-height: 2.5em; list-style: none; display: inline; margin:0 .2em; }
ul#projektenav  li  a 		{ color:#fff; background-color:#144CFF;  padding:.3em .5em; }
ul#projektenav  li  a:hover	{  color:#fff; background-color:#C34C76; text-decoration: none;  }

.projektactive  	{color:#fff; background-color:#C34C76; padding:.3em .5em;}


ul#sidebar 		{padding:0; }
ul#sidebar li 		{font-family: arial; font-size: 1.1em; font-weight: 700; list-style: none;  margin-right: .5em;}
ul#sidebar li  a 	{color: #fff; line-height: 2em;}
ul#sidebar li  a:hover	{background: #fff; color:#C34C76}

#foerderer			{background-color:#dee6ff; padding:1em 2em 2em; margin: 0 -2em; }
ul#foerderer			{font-size:.2em; background-color:transparent;}
ul#foerderer li 		{list-style: none; float:left; margin: .5em; }

a.foerderverein {display: block; text-indent:-10000px; background-image: url(Bilder/Logo_Foerderverein.jpg); background-position: center; background-repeat: no-repeat; width: 160px; height: 160px; background-color:#fff; }
a.schule {display: block; text-indent:-10000px; background-image: url(Bilder/Logo_Schule-am-Meer.jpg); background-position: center; background-repeat: no-repeat; width: 160px; height: 160px; background-color:#fff; }
a.bundesministerium {display: block; text-indent:-10000px; background-image: url(Bilder/Logo_Bundesministerium.jpg); background-position: center; background-repeat: no-repeat; width: 160px; height: 160px; background-color:#fff;  }
a.cuxhaven {display: block; text-indent:-10000px; background-image: url(Bilder/Logo_Cuxhaven.jpg); background-position: center; background-repeat: no-repeat; width: 160px; height: 160px; background-color:#fff; }

img	{ top:0; left:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%; border:0;}
.caption-left	{position:relative; float:left; margin:0.2em 2.333em 1em 0; width:250px; }
.caption-left-h	{position:relative; float:left; margin:0.2em 2.333em 1em 0; width:200px; }
.caption-text	{font-size:1em; margin:0.5em 0; font-style:italic; }

.schriftgroesse { float:right; font-size: 1.333em; font-weight: 700; color:#144CFF; margin-right:1em; background-color:#c8d5ff;}
#fontLarge	{ }
#fontDefault	{}
#fontSmall	{ }

.blau { background-color:#dee6ff; padding: .2em 2em ; clear:both; margin:2.5em -2em 0;}