html, body {
	scrollbar-face-color: #99ff66; 
	scrollbar-shadow-color: #CCCCCC; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-3dlight-color: #000000; 
	scrollbar-darkshadow-color: #000000; 
	scrollbar-track-color: #003399; 
	scrollbar-arrow-color: #003399;	
	background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight: normal; 
	line-height: normal; 
	color:#333333;
	margin:0px;
	padding:0px;
	text-align:center;
	min-height:101%;		/* Mindesthöhe da Firefox sonst bei Seiten mit wenig Inhalt "springt" (wg. Scrollbalken*/
}

h1 {
	font-size:1.12em;
	letter-spacing:0.01em;
	padding:0em;
	margin:0em;
	margin-bottom:1.25em;
	}

h2 {
	font-size:1.01em;
	font-weight: bold;
	letter-spacing:0.01em;
	padding:0em;
	margin:0em;	
	margin-top:1.02em;
	margin-bottom:0.45em;
	}
h3 {
	font-size:1em;
	font-weight: bold;
	letter-spacing:0.01em;
	padding:0em;
	margin:0em;	
	margin-top:1.02em;
	margin-bottom:0.45em;
	}


p	{
	padding: 0em;
	margin: 0em;
	margin-top:0.6em;
	margin-bottom:0.6em;
}

hr {
	clear:both;
	display: block;
	padding:0;
	height: 1px;
	margin-top:0.5em;
	margin-bottom:0.5em;
	border:0em;
	color:#999999;
	background-color:#999999;
	width:100%;
	}

div	{text-align:left;}

a:link  {color:#0000cc; text-decoration:none;} 
a:visited  {color:#0000cc; text-decoration:none;}    
a:hover	{color:#ff0000; text-decoration:none;}
a:active	{color:#DE0029; text-decoration:none;}
		
a img {							/* für alle Bilder mit Link*/
	border:0px;					/* kein Rahmen */
}	

ul {				
	list-style-type:disc;
	margin:0.6em 0em 0.5em 2em;
	padding:0em;
	}
li {
	margin: 0.4em 1em 0.4em 0em;
	text-align:left;
	padding:0em;
	}

	
/* TABELLEN */
table {border-spacing: 2px; }
th {padding: 4px;}
tr {}
td   {padding: 4px;}


/* -- LAYOUTBEREICHE -- */
#head			
	{
	width:760px;
	margin:0em auto; 	/* ganzer Block zentriert*/
	padding:0em;
	padding-top:5px;
	height:241px;	
	border-top: 1px solid #003399;
	border-left: 1px solid #003399;
	border-right: 1px solid #003399;
	background-image: url(layout/streifen.gif);
	background-color:#ffffff;
}
#head .startbild	{float:right;}
*+html #head .startbild	{margin-top:14px;}
* html #head .startbild	{margin-top:14px;}

#piktogramme	{
	margin:0em;
	padding:0em;
	padding-top:0.8em;
	padding-right:1.1em;
	float:right;
	width: 15em;
}
#piktogramme .home a	{
	display:block; 
	background-image:url(layout/navico_home.gif);
  width:24px; 
	height:17px;
	float:right;
	margin:0em;
	padding:0em;
}
#piktogramme .home a:hover	{background-image:url(layout/navico_home2.gif); }
#piktogramme .suche a	{
	display:block; 
	background-image:url(layout/navico_suche.gif);
  width:24px; 
	height:17px;
	float:right;
	margin:0em 0.1em;
	padding:0em;
}
#piktogramme .suche a:hover	{background-image:url(layout/navico_suche2.gif); }
#piktogramme .uebersicht a	{
	display:block; 
	background-image:url(layout/navico_site.gif);
  width:24px; 
	height:17px;
	float:right;
	margin:0em 0.3em 0em 0.1em;
	padding:0em;
}
#piktogramme .uebersicht a:hover	{background-image:url(layout/navico_site2.gif); }
#piktogramme .kontakt a	{
	display:block; 
	background-image:url(layout/navico_mail.gif);
  width:24px; 
	height:17px;
	float:right;
	margin:0em 0.2em;
	padding:0em;
}
#piktogramme .kontakt a:hover	{background-image:url(layout/navico_mail2.gif); }
#piktogramme .gb a	{
	display:block; 
	background-image:url(layout/navico_gb.gif);
  width:24px; 
	height:17px;
	float:right;
	margin:0em 0.2em;
	padding:0em;
}
#piktogramme .gb a:hover	{background-image:url(layout/navico_gb2.gif); }

#navigation	{
	clear:both;
	width:251px;
	height:200px;	
	margin:0px;
	padding:0px;
	background-image: url(layout/head_links.jpg);
	background-repeat:no-repeat;
	float:left;
}




#navigation ul {
clear:both;
	list-style-type:none;
	margin:0px;
	padding:0px;
	padding-left:1.4em;
	padding-top:20px;
/*	height:50%;					 für IE6 - sonst sind die Zeilen (li) zu weit auseinander */
}
*+ html #navigation ul {padding-top:0em; margin-top:20px;}
#navigation li {
	float:left;
	margin:0em;
	padding:0em;
	width:5em;	
}

#content	{
	width:760px;
	margin:0em auto 1em auto; 	/* ganzer Block zentriert*/
	padding:0em;
	padding-bottom:0.5em;
	padding-top:1.3em;
	border-bottom: 1px solid #003399;
	border-left: 1px solid #003399;
	border-right: 1px solid #003399;	
}

#navi-links	{					/* Überordner für #subnavi und #subnavi-unten */
	width:200px;
	float:left; 
	margin:0em; 
	margin-top:-1.6em;
	padding:0em;
}
	
#onlinegames-links	{					/* Linke Spalte für Online-Games */
	width:182px;
	float:left; 
	margin:0em; 
	padding:0em;
	padding-left:8px;
}	
	
#subnavi	{
	border-bottom:1px solid #99ff32;	/* sonst Abstand zum unteren DIV !!!??? */
	margin:0em;
	padding:55px 0px 0px 20px;
	width:180px;
	background-image:url(layout/nav_box_oben.jpg);
	background-repeat:no-repeat;
	background-color:#99ff32;	
}
#subnavi img	{
	border:1px solid #003399;
	margin-right:0.5em;
	float:left;
	clear:both;
}
#subnavi p	{							/* gilt für Startseite - Schrift neben Icons */
	float:left;
	margin:0em;
	margin-bottom:1.3em;
	padding:0em;
	padding-top:10px;	
}
#subnavi ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	padding-left:1.4em;
}
#subnavi li {							/* gilt für Themenseiten - Subnavigation */
	margin:0.4em 0em;
	padding:0em;
}

#subnavi-unten	{
	margin:0px;
	padding:0em;
	width:200px;
	height:58px;
	background-image:url(layout/nav_box_unten.jpg);
	background-repeat:no-repeat;
}

#seite	{
	float:left;
	width:530px;
	margin:0em; 	
	padding:0em 0px 10px 30px;
	background-color:#ffffff;
}

#inhalt	{						/* in #seite - linke Spalte mit Text und Bildern */
	float:left;
	width:340px;
	margin:0em; 	
	padding:0em 20px 10px 0px;
	background-color:#ffffff;
}

.news	{								/* News (in #boxes) */
	margin: 0px;
	margin-right:15px;
	margin-top:5px;
	padding:8px;
	width:130px;
	border:1px solid #cccccc;
	line-height:1.5em;
	float:right;
}
* html .news	{margin-right:7px;}

#saison	{						/* für Anzeige der saisonellen Includedateien auf Startseite */
	margin:0em;
	padding:0em;
	padding-right:0.5em;
	line-height: 1.3em; 
	line-height:1.5em;
}
#saison	img {
	float:left;
	margin:0.2em 0.7em 0.5em 0em;
	padding:0em;
	}

#kalender	{						/* für Anzeige der Kalender Daten aus T_oebv4kids_kalender auf Startseite */
	margin:0em;
	margin-bottom:1.5em;
	padding:8px;
	padding-top:15px;
	margin-top:0.5em;
	clear:both;
	line-height: 1.3em;
	width:325px;
	border:1px solid #cccccc;
	border-top:none;
	float:left;
}
#kalender h1	{
	display:inline;
	font-size:small;
	margin-right:0.5em;
}
.heute	{					/* Überschrift "heute" für Kalender (Namenstag, Sondertage) auf Startseite */
	margin:0em;
	margin-top:1.5em;
	margin-bottom:-13px;
	padding:0em;
	width:343px;
	padding-top:-5px;
	background-image:url(layout/line.gif);
	background-repeat:repeat-x;
}
.heute span	{background-color:#ffffff;}

#footer-links	{
	margin:0em;
	padding:0em;
	width:230px;
	float:left;
}

#footer-mitte	{
	margin:0em;
	margin-top:3px;
	padding:0em;
	width:458px;
	float:left;
	background-color:#FFFFFF;
}

#footer-mitte ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	line-height:1.5em;
}
#footer-mitte li {
	display: block;
	float:left;
	margin:0em;
	padding:0em;
	width:5.8em;
}
*+ html #footer-mitte li {width:5.7em;}

#footer-rechts	{
	margin:0em;
	padding:0em;	
	float:left;
	margin-top:1.1em;
}
*+ html #footer-rechts	{margin-top:1.6em;}


/* KLASSEN */	
.bild-links	{
	float:left;
	margin:0 1em 0.5em 0;
	padding:0em;
}

.bild-rechts	{
	float:right;
	margin:0 0 0.5em 1em;
	padding:0em;
}

.zweispaltig-links	{
	line-height:1.4em;
	width:160px;
	margin:0em;
	float:left;
	padding:0em;
}
.zweispaltig-rechts	{
	line-height:1.4em;
	width:160px;
	margin:0em;
	float:right;
	padding:0em;
}

.hinweisbox-inhalt	{
	border:1px solid red; 
	width:85%; 
	margin:0px auto; 
	padding:10px;
}
.rahmen	{border: 1px solid #CCCCCC;}

.clear	{clear:both; height:0;}
.fotobeschriftung{
	font-size:0.8em;
	color:#666666;
	text-decoration:none;
}
.rot	{color:red;}

.quelle {
text-align:right;
font-style:italic;
font-size:0.75em;
color:#666666;}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/click-gallery-preview.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#gallery {
	width:530px;
	height:400px;
	margin:0 auto;
	position:relative;
	font-family:verdana, arial, sans-serif;
	background:#f8f8f8;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
#gallery #fullsize {
	position:absolute;
	left:0;
	top:0;
	height:500px;
	width:530px;
	overflow:hidden;
	text-align:center;
}
#gallery #fullsize div {width:530px; height:700px; padding-top:20px; position:relative;}
#gallery #fullsize div img {clear:both; display:block; margin:0 auto; border:5px solid #fff; width:400px; height:300px; position:relative;}
#gallery #fullsize div h3 {padding:10px 0 0 0; margin:0; text-align:center;}
#gallery #fullsize div p {padding:5px 0; margin:0; text-align:center;}

#gallery #fullsize a.previous {height:40px; width:60px; position:absolute; left:1px; top:150px; z-index:1; }
#gallery #fullsize a.next { height:40px; width:60px; position:absolute; right:1px; top:150px; z-index:1; }

#gallery #fullsize a.previous img,
#gallery #fullsize a.next img {width:40px; height:60px; border:0; filter: alpha(opacity=40); opacity:0.4;}

#gallery #fullsize a:hover {direction:ltr; z-index:600;}
#gallery #fullsize a:hover img {filter: alpha(opacity=80); opacity:0.8;}