/* -- ALLGEMEINE FORMATIERUNG -- */
html, body {
	scrollbar-face-color:#CCCCCC;
	scrollbar-shadow-color:#CCCCCC; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-3dlight-color: #B0B7AF; 
	scrollbar-darkshadow-color: #B0B7AF; 
	scrollbar-track-color:#DCDCDC; 
	scrollbar-arrow-color: #808080; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:small;
	color:#333333; 
	background-color:#FFFFFF;
	font-weight: normal; 
	line-height: normal; 
	margin:0px;
	padding:0px;
	text-align:center;
	min-height:101%;	/* Mindesthöhe da Firefox sonst bei Seiten mit wenig Inhalt "springt" */
	background-color:#EBEDDE;
/*	background-color:#BCBBAF;
	background-color:#C0C0C0;
*/}

td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	text-align:left;
}

p	{
	margin-top:9px;
	margin-bottom:9px;
	padding:0px;
}

div	{
	text-align:left;
	margin:0;
	padding:0;
}

blockquote	{margin-left:20px;}

hr {
  display: block;
  padding:0px;
  height:1px;
  margin:10px 0px;
  border:0px;
  background:#c0c0c0;
  color:#c0c0c0;
  width:100%;
  }
*html hr {margin:0px;}

a:link  {color:#666600; text-decoration:none;} 
a:visited  {color:#999999; text-decoration:none;}    
a:hover	{color:#CC0000; text-decoration:none;}
a:active	{color:#CC0000; text-decoration:none;}

h1 {display:none;}

h2 {
	font-size:1.5em;
	color: #999999;
	font-weight:400;
	margin:0 0 0.5em 0;
	}

h3 {
	font-size:1.1em;
	font-weight: bold;
	color:#999999;
	margin-top:0.75em;
	margin-bottom:0.5em;
	}	
	
a img {border:0;}						/* für alle Bilder mit Link kein Rahmen */


ul {list-style-type:disc;}
li {
	list-style-position:outside;
	margin: 0 0  0.5em -1em;
}


/* -- LAYOUTBEREICHE -- */

#content	{				/* übergeordnetes DIV für ganze Seite wg. zentzrieren und Rahmen */ 
	width:60em;
 	margin:0px auto;		/* ganze Seite zentrieren - margin-left:auto wäre rechtsbündig */
	text-align:left;		/* Korrektur für text-align im body - sonst wird der ganze Text zentriert */
	padding:0px;
	border:1px  solid #c0c0c0;
	background-color:#D3D6CC;
	background-image:url(bild/hg_oben.gif);
	background-position:top;
	background-repeat:repeat-x;
}

.links {
	clear:both;
	color:#333333; 
	width:24%;
	float:left;
	height:100%;
}

#startseite-links	{			/* um dieses div im print.css verschwinden zu lassen */
	margin:0.75em 0 0 1em;
	padding-right:0.5em;
}


#berichte	{							/* Unternavigation ÖD-aktiv/Berichte */
	margin:-3px 0px 0px 0px;
	padding:0px 0px 4px 0px;
	padding-left:17px;
}
#oben {
	width:76%;
	height:150px;
	padding:0;
	margin:0;
	float:left;	
	border-bottom:1px solid #ff0000;
	background-image:url(bild/head.jpg);
	background-position: 0 0;
	background-repeat:no-repeat;
}
#oben a  {color:#333333; text-decoration:none; font-size:0.85em;} 
#oben a:visited  {color:#333333; text-decoration:none;}    
#oben a:hover	{color:#FF0000;  text-decoration:none;}
#oben a:active	{color:#333333;  text-decoration:none;}

#oben p	{padding:0.37em 0.75em 0em 0; text-align:right;}


/* -- Inhalt = bearbeitbarer Bereich -- */
#inhalt {
	width:47%;	
	padding:2em 2em 1em 2em;
	float:left;
	background-color: #FFFFFF;
}

#news	{						/* Newsbox - rechts vom Inhalt */
	float:left;
	width:20%;
	padding:0.5em;
}
* html #news	{						
	padding-top:25px;
}


/* -- Leiste unten -- */
#footer {
	width:76%;
	float:right;
}


/* -- Navigation -- */
#navigation {
	float:left;
	background-color:#808080;
	color:#333333;
	width:76%;
	height:2em;
}

#navigation ul {
	list-style-type:none;
	margin:0.45em 0 0.30em 0;
}  
#navigation li {display: inline;}
#navigation a {
  padding:0.3em 1.25em;
  color: #FFFFFF; 
  background:#808080;
  border-left: 1px solid #ffffff;
  border-right:1px solid #ffffff; 
  text-decoration:none;
  }
#navigation a:hover {color: #CC0000; background: #FFFFFF;}

#navigation .aktive-navigation {color:#666600; background:#FFFFFF;}	/* aktive Hauptnavigation */


#subnav	{
	width:85%;
	margin:2em 0 0 0 ;
	color:#666600; 
	padding:25px 0px 20px 0px;
}
#subnav	a  {
	color:#666600; 
	text-decoration:none; 
	display:block;
	background-image:url(bild/navi_line.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding:0 0 0.2em 0.5em;  } 
#subnav	a:visited  {color:#666600; }    
#subnav	a:hover	{color:#666600; background-color: #E0E0E0; }
#subnav	a:active	{color:#666600; }


ol {list-style-image: url(bild/pfeil.gif);
}

#subnav	ul	{
	list-style-type:none;
	margin-top:0px;
	margin-bottom:0px;
}

#subnav	li {
	list-style-position:outside;
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
}

#zusatznavi{
float:right;
width:10em;
margin-top:2.5em;
padding-right:0.5em;
}

#zusatznavi .kontakt a{
	background-image: url(bild/navico_mail.gif);
	background-repeat:no-repeat;
	width:27px; 
	height:17px;
	float:right;
	}

#zusatznavi .kontakt a:hover{	
	background-image: url(bild/navico_mail2.gif);
}
#zusatznavi .sitemap a{	
	background-image: url(bild/navico_sitemap.gif);
	background-repeat:no-repeat;
	width:27px; 
	height:17px;
	float:right;
}

#zusatznavi .sitemap a:hover{	
	background-image: url(bild/navico_sitemap2.gif);
}
#zusatznavi .suche a{	
	background-image: url(bild/navico_suche.gif);
	background-repeat:no-repeat;
	width:27px; 
	height:17px;
	float:right;
}

#zusatznavi .suche a:hover{	
	background-image: url(bild/navico_suche2.gif);
}

/* -- Navigation unten -- */
#navi-unten	{
	width:100%;
}

#navi-unten a {color:#666600;  text-decoration:none;}
#navi-unten a:visited  {color: #999999;  text-decoration:none;}
#navi-unten a:active  {color: #666600;  text-decoration:none;}
#navi-unten a:hover  {color:#CC0000; text-decoration:none;}

#navi-unten p {
margin: 0 1em 0 0;
font-size:0.75em;
text-align:right;}


/*--- S I T E M A P ---*/

#sitemap	{					/* blaues Hintergrundbild f. Sitemap */
	width:100%;
}
.sitemap-links	{
	width:10em;
	float:left;
	height:100%;
	padding:0.5em 0 0 1em;
	border-top:1px solid #cccccc;
}

.sitemap-links-sub	{
	width:8em;
	float:left;
	padding:0.5em 0 0 3em;

}

.sitemap-rechts	{
	width:14em;
	padding:0.5em 0 0 1em;
	float:left;
	border-top:1px solid #cccccc;
}





/* -- KLASSEN -- */
.line {
	height:20px;
	background-image:url(bild/hr.gif);
	background-repeat:repeat-x;
	background-position:0 0;	
}

.rahmen	{border:1px solid #333333;  margin-bottom:5px;}
.bild-links	{float:left; margin-right:0.7em;}
.bild-rechts	{float:right; margin:0 0 0.7em 0.5em;}	

.newsbox	{padding:5px;}
.newsbox h2	{margin-top:0px;}

.werbung-box	{width:150px; padding:3px; margin:0px;}
.werbung-box h2	{margin-top:0px;}
.werbung-box p	{padding:2px;}

.text-einruecken {text-indent: -44px; margin-left:44px;}	/* erste Textzeile rückt nach außen oedaktiv/berichte/staat/schatzhaus.php*/

.fotobeschriftung	{font-size:0.7em;}

.clear	{clear:both; height:1px;}
.unsichtbar	{border:1px solid green; display:none;}
.sichtbar	{display:block;}
.zeilenabstand-linkbloecke a	{display:block; margin-bottom:5px;}		/* für oedlinks */

.schlusstext{text-align:right; margin-right:7em; font-size:0.75em;}
.schlusslogo{float:right; margin:-1.65em 0.5em 0 0;}


/* -- FORMULAR --*/
#inhalt form	{
	padding:7px;
	margin:0px;
}

#inhalt input, textarea { 		/* Formularelemente auswählen */
/*  display:block;*/
  float:left;
  margin:5px 0px;				/* Abstand */
  width:200px; 		 			/* Breite.*/
  border:1px solid 	#D3D6CC;
  color:#666600; 
}

#inhalt select { 		/* Formularelemente auswählen */
  float:left;
  margin:5px 0px;				/* Abstand */
  width:150px; 		 			/* Breite.*/
  border:1px solid #D3D6CC;
  color:#666600; 
  background-color: #ffffff;
}


#inhalt label { 					/* Alle Labels (= Beschriftung) */
  display: block;
  float: left;
  margin:5px 0px;			/* Abstand */
  width:130px; 				/* Breite.*/
}

#inhalt form br 	{				/* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; 				/* das floating der labels und inputs aufheben */
}

#inhalt button	{
	margin:18px 0px 7px 130px;
}

#EF #rubrik	{ 						/* Gilt nur für Radio-Button "rubrik" */
  width:20px;
  margin-right:5px;
}

#EF #anrede	{ 						/* Gilt nur für Radio-Button "anrede" */
  width:20px;
  margin-right:5px;
}

#EF #tag, #EF #monat, #EF #jahr	{ 						
  width:3em;
  margin-right:0.3em;
  text-align:center;
}

#EF #prime, #EF #oed, #EF #lv, #EF #ee, #EF #uv, #EF #bauspar	{ 	/* Gilt nur für Checkboxen Prodanfr. beim Gewinnspiel */
  width:20px;
  margin-right:10px;
 	border:1px solid #D3D6CC;
  color:#666600; 
}



#EF #biete	{ 						/* Gilt nur für Radio-Button "biete" */
  width:20px;
  margin-right:5px;
}

#EF div {padding-top:4px;}			/* gilt nur für DIVs im Formular EF */

.mail-x	{display: none;}	/* für unsichtbares Feld in Formular - Spamschutz!! */