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

ul {
margin-top: 0;
margin-bottom: 0;
list-style-image:url("../grafik/sonstiges/listenpunkt.gif");
padding-left: 5px;
} 

 #main {

 width: 100%; /* oder auch z.B. 75% */
 margin: 0;
 text-align: center;


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

 
 #nest
 {
 
 color: black;
  margin: 0;
 	font-size: 80%;
 	text-align: left;
 	width: 800px
 }
 
 #menue_jens 
 {
 	position: relative;
 	top: 0px;
 	left: 0px;
 	width: 130px;
 	font-size: 12px;
 	color: #fff;
 	font-weight: bold;
 	line-height:100%;
 	background-repeat: repeat;
 	border-color: #903;
 	border-width: 1px;
 	border-style: dotted;
 }
  
  
#menue_jens a:link 
 {	
 color: #603;	
 }  

#menue_jens a:visited
 {	
 color: #603;	
 }  

#menue_jens a:hover
 {	
color: #603;	
 text-decoration: underline;
	background-color: #ffeb9b;	
 }  

  
 #produkte{
  position:relative;
 top:0px;
 left:220px;
 font-size:12px;
 text-align:left;
 }
 
 #content {
 

 color: #603;
 margin-left: 0px;
 line-height: 140%;
 width: 800px
 font-size: 12px;
 text-align: left;

 }
  
 #content_img  { 
 position: relative;
 margin: 0;
 padding: 50px 0 10px 600px; 
 font-family: Arial, Helvetica, SunSans-Regular, sans-serif; 
 line-height: 140%;
 width: 200px
 }
 
 #content h1  { 
 font-size: 1.5em; 
 font-family: Arial, Helvetica, SunSans-Regular, sans-serif; 
 line-height: 140%; 
 margin: 0; 
 padding: 10px 0 10px 20px; 
 width: 550px }
 
 
  #content h2  { 
  color: gray; 
  font-size: 1.3em; 
  font-family: Arial, Helvetica, SunSans-Regular, sans-serif; 
  line-height: 120%; 
  margin: 0; 
  padding: 10 0 0 40px; 
  width: 550px }
 
 .content_p1 {
 	padding: 10px 0px 20px 20px;
 	margin: 0;
 	width: 550px;
 	font-size: 12px;
  }
  
  #content p {
 	padding: 10px 0px 20px 20px;
 	margin: 0;
 	width: 540px;
 	font-size: 12px;
  }
  
  #content  ul {
 	padding: 10px 0px 5px 55px;
 	margin: 0;
 	width: 540px;
 } 
 
 
#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;
}


 
 
.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 --------------- */ 

 
 /* ------------ GRUEN ------------- */ 


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

 #leftBox_gruen {
 position:relative;
 width:90px;
 margin-left: 12px;
 color:  #603;
 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:  #603;
}


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

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


/* FARBEN Special ENDE */ 


 

#tabelle
{
	color:  #603;
	font-size: 12px;
	font-family: arial, sans-serif;
	line-height: 100%;
	text-decoration: none;
	text-align: left;
	padding: 1px;
	margin: 0px 0px 20px 40px;
	background-color: #c0f2f0;
	border-style: solid;
	border-color: silver;
}
 
 #footer 
 {
 	color: black;
 	background-color: #F8F3E0;
 	font-size: 10px;
 	padding: 0px;
 }


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

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

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


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

#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 :    110px;
    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: 6.3em;
}

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%;
}