/* Darstellung der Internetseite, Positionen, Abstände, Hintergrundbilder */

* { padding: 0; margin: 0; }

body {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

#wrapper {margin: 0 auto; width: 902px;}

#bild {
background: url(img/background.gif);
margin-bottom: 5px; 
overflow: auto;  
width: 100%}

#bild1 {
margin-bottom: 5px; 
overflow: auto;  
width: 100%}

#bild2 {
background: url(img/start/seitenleiste1.jpg);
margin-bottom: 5px; 
overflow: auto;  
width: 100%}

#header { width: 902px; padding: 0px; height: 150px; background: #ffffff; } /* height: 145px; background: #008A00;*/
/* Header für den Countdown*/
#header1 { width: 902px; padding: 10px;  background: #008A00; }

#links {  display: inline; color: #333; margin: 10px; padding: 0px; width: 185px;background: #E3E3E3; }
#rechts { 
 float: right;
 color: #333;
 margin-left: 10px;
 margin-right: 10px;
 margin-top: 0;
 padding-left : 10px;
 padding-right: 10px;
 width: 683px;
 display: inline;
 position: relative;

}
#img {border:0;}

/* für die dreispaltige Startseite*/
#startseite1 { 
 float: left;
 color: #333;
 margin-left: 205px;
 margin-right: 10px;
 padding-left : 30px;
 padding-right: 50px;
 width: 450px;
 display: inline;
 position: relative;
 background: #FFFFFF;
}

#startseite2 { 
 float: right;
 color: #333;
 margin-left: 320px;
 margin-right: 0px;
 margin-top: -452px;
 padding-left : 2px;
 padding-right: 2px;
 width: 190px;
 height: 500px;
 display: inline;
 position: relative;
 background: #E8E8E8;
}
/* Ende dreispaltige Startseite */
#footer 	{width: 902px; clear: both; color: #333; background: #008A00; color: white; font-size:11px; font-weight: bold;
			 margin: 0px 0px 10px 0px; padding-left: 10px; padding-top: 2px; padding-right: 10px; padding-bottom: 2px;  }
.clear 		{ clear: both; background: none; }

font		{font: Arial; font-size:12px; color:#000; }

p			{text-align: justify;}
    
TABLE, TD 	{font-size:12px; vertical-align: top; padding:0;}


/* Verknüpfungen */
a			{color:#008A00; font-size: 11px;  text-decoration:none; }    
a:visited	{color:#008A00; }
a:hover		{color:#ff0000;  }

/* Überschriften */
H1			{color:#008A00; font-size:18px;  font-weight:bold;  text-transform:uppercase;}
H2			{color:#000000; font-size:14px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
H3			{color:#008A00; font-size:12px; font-weight:bold; text-decoration:none;text-transform:uppercase;}
H4			{color:#008A00; font-size:14px; font-weight:bold; text-decoration:none;text-transform:uppercase;}
#box1 {height:50px;}


  div {
 	margin: 0;padding: 0; 
	
 }
/*Klapptext*/
.spoiler a {
  color: #000000;
  font-size:12px;
  text-decoration: none;
  font-weight:none;
  text-transform:none;
}
 
.spoiler a span {
  display:none;
  color:#000000;
  text-transform:none;
  font-weight:none;
  
}
 
.spoiler a:active span, .spoiler a:focus span {
  display: block;
  
}


/*neu definierte Schriftstile*/
.w11  {font-size:11px;  color:#ffffff; }  
.w11b  {font-size:11px;  color:#ffffff; font-weight:bold;}  
.w12b  {font-size:12px;  color:#ffffff; font-weight:bold;}  
.w18b  {font-size:18px;  color:#ffffff; font-weight:bold;}  
/* schwarz */  
.b11 {font-size:11px;  font-weight:normal; color:#000000;}
.b11b {font-size:11px;  font-weight:bold; color:#000000;}
/* grün */
.g11 {font-size:11px;  font-weight:normal; color:#008A00;}
.g11b {font-size:11px;  font-weight:bold; color:#008A00;}
.g12b {font-size:12px;  font-weight:bold; color:#008A00;}
/* grau */
.gr11 {font-size:11px;  font-weight:normal; color:#4D4D4D;}
.gr11b {font-size:11px;  font-weight:bold; color:#4D4D4D;}
.grau11 {font-size:11px;  font-weight:normal; color:#777777;}
.grau11b {font-size:11px;  font-weight:bold; color:#777777;}

/* rot */
.r11 {font-size:11px;  font-weight:normal; color:#CD3333;}
.r11b {font-size:11px;  font-weight:bold; color:#CD3333;}
.r12 {font-size:12px;  color:#CD3333;}
.r12b {font-size:12px;  font-weight:bold; color:#CD3333;}
.r14b {font-size:14px;  font-weight:bold; color:#CD3333;}
.r18b {font-size:18px;  font-weight:bold; color:#CD3333;}

/* Linien zur Hervorhebung oder Unterstreichung der Überschriften*/
/*---------------------------------------------------------------*/
/* grau */
#line_1 {border-width:1px 0px 0px 0px; border-style:solid;border-color:#A2A2A2; vertical-align: middle; text-align:justify;  width: 100%;} 

#line_2 {border-width:1px 0px 0px 0px; border-style:solid; border-color:#008A00; vertical-align: middle; text-align:justify;  width: 100%;} 
/* grün - Unterstrich nach erster Überschrift */
#line_2b {border-width:2px 0px 0px 0px; border-style:solid; border-color:#008A00; vertical-align: middle; text-align:justify;  width: 100%;} 

#line_3 {border-width:1px 0px 0px 0px; border-style:solid; border-color:#CD3333; vertical-align: middle; text-align:justify;  width: 100%;} 
#line_start {border-width:1px 0px 0px 0px; border-style:solid;border-color:#ffffff; vertical-align: middle; text-align:justify;  width: 100%;} 



.input, .textarea 			{border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #666666; 
     						 border-top: 1px solid #666666; background: #eeeeee; padding: 0px 3px; margin: 3px 0;} 
 
.input:active, .input:focus, .input:hover { background: #ffff88;}
.textarea:active, .textarea:focus, .textarea:hover { background: #ffff88;}


/* Content */
.content_box_body           {border-width: 1px 0px 1px 0px;    border-style: solid; border-color: #cccccc;
                             font-size:12px; padding: 4px 4px 4px 4px; line-height: 14px; }
.content_box_footer         {border-width: 0px 1px 1px 0px;  border-style: solid;  border-color: #cccccc;}
.content_box_header         {background-color: #008A00; height: 0.9em; width: 4px; }
.content_box_header2        {padding: 0px 0px 2px 4px; font-weight: bold; height: 1em; width:150px;  
                             font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#008A00;}