html, body 
 {
 	margin: 0;
 	padding: 0;
 	background-color: white;
 	color: black;
 	font-size: 100%;
 	font-family: arial,sans-serif;
 }
 
 p {
 font-size: 12px;
 }
 


ul {
margin-top: 0;
margin-bottom: 0;
width: 40px;
padding-left: 1px;
text-align:left;
font-size: 12px;

} 

 
 li {
margin: 0;
 	width: 340px;
 	padding-left: 18px;
 	list-style-type: none;
 	background-image: url(../grafik/sonstiges/listenpunkt_back.gif);
 	text-align: left;
 	font-size: 12px;
 	color: black;
}

 #main {

 width: 100%; /* oder auch z.B. 75% */
 margin: 0; 

 }
 
 #top {
 	background-image: url(../grafik/menu/gelb_head_back.gif);
 	color: black;
 	height: 149px;
 	width: 100%;
 	text-align: left;
 }

 
 #content {
 background-color: white; 
 color: black;
 margin-left: 130px;
 line-height: 140%;
 }
 
 #content h1  { font-size: 2.3em; 
 font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
 line-height: 140%; 
 margin: 0; 
 padding: 40px 0 0px 20px; 
 width: 550px }
 
 
  #content h2  { color: gray; 
  font-size: 1.5em; 
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
  line-height: 120%; 
  margin: 0; 
  padding: 0 0 10px 40px; 
  width: 550px }
 
 #content p {
 	padding: 10px 0px 20px 40px;
 	margin: 0;
 	width: 540px;
 	text-align:left;
  }  
  
   #tabelle_start {
 	margin: 0;
 	padding: 0px 0px 0px 40px;
 	text-align:left;
  }  
  
  
 #content ul { margin: 0 0 0 5px; }  
  
  
  #content li { margin: 0px 0px 0px 5px; }  
  

  
  #content 2kontakt {
 	
 	margin-left: 340;
 	text-align:left;
  }  
  
   #content_p1 {
 	padding: 10px 0px 20px 40px;
 	margin: 0;
 	width: 540px;
 	text-align:left;
 	
  }  
  
 
  
    #content_sitemap    
    {
    	padding: 0px 0px 0px 10px;
    	margin-left: 10px;
    	width: 300px;
    	display: block;
    	background-color: #ffeb9b;
    	color: black;
    	font-style: bold;
    	font-size: 1.1em;
    	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
    }  
  
    #content_p2 {
 	padding: 10px 0px 20px 220px;
 	margin-left: 290;
 	width: 190px;
 	text-align:left;
 	
  }  

 
#content_p1 ul {
margin-top: 0;
margin-bottom: 0;
width: 40px;
padding-left: 1px;
text-align:left;
font-size: 12px;
} 
 
 
 #content_p1 li 
 {
 	margin: 0;
 	width: 340px;
 	padding-left: 18px;
 	list-style-type: none;
 	background-image: url(../grafik/sonstiges/listenpunkt_back.gif);
 	text-align: left;
 	font-size: 12px;
 	color: black;
 }
 
 
#content A {
	color: gray;
	font-family: arial, sans-serif;
	text-align: right;
	font-weight: bold;
	border: none;
}


#content A:visited { 
      color: gray; 
      }
  
  
#content A:hover {
	color: #f00;
	text-decoration: underline;
	background-color: #ffeb9b;
	border: none;
}

/* ----------- MENUE Farben specials ANFANG BLAU --------------- */


 #nest_blau 
 {
 	background-image: url(../grafik/menu/blau_rand_back.gif);
 	background-repeat: repeat-y;
 	color: black;
 	font-size: 80%;
 	text-align: left;
 }


 #leftBox_blau {
 position:relative;
 width:90px;
 margin-left: 12px;
 color: black;
 padding-top: 20px;
 padding-right: 10px;
 text-align: left;
 line-height: 120%;
 float: left;
 font-size: 11px;
 }
 
 

 #leftBox_blau ul {
	list-style:none;
	margin:0;
	padding:0;
	color: black;
}


 #leftBox_blau li {
	margin:0;
	padding:0;
	color: black;
	line-height: 140%;
}

 #leftBox_blau a:link, #leftBox a:visited {
	display:block;
	margin: 0px;
 	padding: 10px 3px 10px 3px;
	color: black;
	border-left:7px solid #ABEEEE;
	text-decoration: none;
	}
	

	
	
 #leftBox_blau a:hover { border-color: #0CC; 
 text-decoration: underline;}
 
 
 
.WebYep_MenuSelected a:link {
	display:block;
	margin: 0px;
 	padding: 10px 3px 10px 3px;
	color: black;
	border-left:7px solid #ABEEEE;
	text-decoration: none;
	}
	
.WebYep_MenuSelected a:visited {
	display:block;
	margin: 0px;
 	padding: 10px 3px 10px 3px;
	color: black;
	border-left:7px solid #ABEEEE;
	text-decoration: none;
	}
	
.WebYep_MenuSelected	a:hover { border-color: #0CC; 
 text-decoration: underline;}
	
.WebYep_MenuItem a:link {
	display:block;
	margin: 0px;
 	padding: 10px 3px 10px 3px;
	color: black;
	border-left:7px solid #ABEEEE;
	text-decoration: none;
	}
	
.WebYep_MenuItem a:visited {
	display:block;
	margin: 0px;
 	padding: 10px 3px 10px 3px;
	color: black;
	border-left:7px solid #ABEEEE;
	text-decoration: none;
	}
	
.WebYep_MenuItem	a:hover { border-color: #0CC; 
 text-decoration: underline;}
	
.WebYep_MenuTitle a:link {
	display:block;
	margin: 0px;
 	padding: 10px 3px 10px 3px;
	color: black;
	border-left:7px solid #ABEEEE;
	text-decoration: none;
	}

.WebYep_MenuTitle a:visited {
	display:block;
	margin: 0px;
 	padding: 10px 3px 10px 3px;
	color: black;
	border-left:7px solid #ABEEEE;
	text-decoration: none;
	}
.WebYep_MenuTitle a:hover { border-color: #0CC; 
 text-decoration: underline;}

/* ----------- MENUE Farben specials  GELB --------------- */ 

 #nest_gelb 
 {
 	background-image: url(../grafik/menu/gelb_rand_back.gif);
 	background-repeat: repeat-y;
 	color: black;
 	font-size: 80%;
 	text-align: left;
 }


 #leftBox_gelb {
 position:relative;
 width:90px;
 margin-left: 12px;
 color: black;
 padding-top: 20px;
 padding-right: 10px;
 text-align: left;
 line-height: 120%;
 float: left;
 font-size: 11px;
 }
 
 

 #leftBox_gelb ul {
	list-style:none;
	margin:0;
	padding:0;
	color: black;
}


 #leftBox_gelb li {
	margin:0;
	padding:0;
	color: black;
}

 #leftBox_gelb a:link, #leftBox_gelb a:visited {
	display:block;
	margin: 0px;
 	padding: 0px 3px 0px 3px;
	color: black;
	border-left:7px solid #FFF0B2;
	text-decoration: none;
	}
	
	
	
 #leftBox_gelb a:hover { border-color: #FC3; 
 text-decoration: underline;}
 
 #leftBox_gelb a:active, #leftBox_gelb a:focus { border-color: #FC3; 
 text-decoration: underline;}
 
 /* ------------ GRUEN ------------- */ 


#nest_gruen
{
	background-image: url(../grafik/menu/gruen_rand_back.gif);
	background-repeat: repeat-y;
	color: black;
	font-size: 80%;
	text-align: left;
}
 

 #leftBox_gruen {
 position:relative;
 width:90px;
 margin-left: 12px;
 color: black;
 padding-top: 20px;
 padding-right: 10px;
 text-align: left;
 line-height: 120%;
 float: left;
 font-size: 11px;
 }
 
 

 #leftBox_gruen ul {
	list-style:none;
	margin:0;
	padding:0;
	color: black;
}


 #leftBox_gruen li {
	margin:0;
	padding:0;
	color: black;
}

 #leftBox_gruen a:link, #leftBox_gruen a:visited 
 {
 	display: block;
 	margin: 0px;
 	padding: 0px 3px 0px 3px;
 	color: black;
 	border-left: 7px solid #E9E990;
 	text-decoration: none;
 }
	
	
	
 #leftBox_gruen a:hover { border-color: #D1D11A; 
 text-decoration: underline;}


/* FARBEN Special ENDE */ 

#team
{
	color: black;
	font-size: 12px;
	font-family: arial, sans-serif;
	line-height: 120%;
	text-decoration: none;
	text-align: left;
	padding: 1px;
	margin: 0px 0px 5px 10px;

	border-style: none;
	
}
 

#tabelle
{
	color: black;
	font-size: 12px;
	font-family: arial, sans-serif;
	line-height: 120%;
	text-decoration: none;
	text-align: left;
	padding: 1px;
	margin: 0px 0px 5px 20px;
	background-color: silver;
	border-style: none;
	
}
 

 
 #footer
 {
 	background-color: #fc0;
 	height: 20px;
 	color: black;
 	font-size: 9px;
 	padding: 7px;
 	border-left: #0CC;
 	border-width: 0 0 0 11px;
 	border-style: none none none solid;
 }


#footer a
{
	color: black;
	text-decoration: none;
	padding:0px;
}

#footer a:link
{
	color: black;
	text-decoration: none;
	padding:0px;
}

#footer a:visited
{
	color: black;
	padding:0px;
}


#footer a:hover
{
	text-decoration: underline;
	color: red;
	
}

#slogan
{

position: absolute;
left: 580px;

}

#invis
{
display: none;
}

.invis
{
display: none;
}

/*  Formulareigenschaften: */

fieldset
{
	margin-left: 40px;
	width: 500px;
	border-color: silver;
	border-style: solid;
	
}

.submitbutton {
margin-left:110px;

}


/*  haengt die Labels rechtsbuendig an 
    einer imaginaeren Mittelachse 5em 
    von links auf und kontrolliert den 
    Abstand zu den Kontrollelementen: */

label.left
{
    float: left;
    text-align: right;
/*  die naechsten zwei sind beliebig anpassbar,
    um in das jeweilige Gestaltungsraster (Sie 
    verwenden doch ein Gestaltungsraster, oder?) 
    zu passen. Bei Aenderungen aber nicht 
    vergessen, die margins bei input.right 
    entsprechend anzupassen: */
    width: 100px;
    margin-right: 2em;
}

/*  positioniert die Text- und 
    Auswahlboxen rechts daneben: */

input[type=text], select
{
    float : left;
    
}

/*  dann werden alle checkboxen und radiobuttons,
    die mit der Klasse "right" versehen wurden,
    um den errechneten linken Abstand der input
    und select-Elemente (s.o.) nach rechts
    verschoben: */

input.right
{
    float:    left;
    width:    auto;
    clear:    both;
    margin-left :    125px;
    margin-right :    2em;
}

/*  Extrawurst fuer Mozilla, keine Ahnung, 
    warum das so ist. Feedback und 
    Loesungsvorschlaege willkommen */


input[type=radio].right,
input[type=submit].right
{
    margin-left:  125px;
}

input[type=checkbox].right

{
    margin-left: 130px;
}

/*  Nicht vergessen, die floats wieder aufzuheben,
    sonst floatet es munter weiter */

form br
{
    clear: both;
    
}

/*  fuer grafische UAs und DAUs der Hinweis, dass
    die Label anklickbar sind. Weil's so schoen ist, 
    die Kontrollelemente gleich mit. Mit einer Ausnahme: 
    fuer Textfelder macht der Pointer natuerlich keinen 
    Sinn, dort sollte nach wie vor die Text-Einfuegemarke 
    als Cursor erscheinen. Daher hier die Einschraenkung 
    auf die input-Elemente des Typs checkbox, radiobutton, 
    button und submit: */

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
    cursor: pointer;
}

/*  legt den vertikalen Abstand der 
    einzelnen Elemente zueinander fest */

form
{
    line-height:  140%;
}