/* - - - - - - - - - - - - - - - - - - - - -

Title : Stysheet 001
Author : m.domhoever@freenet.de

Description : 
Stylesheet allgemein/ für Bildschirmausgabe 
Layout Nr. 001

Created : 2007-05-29
Modified : 2007-06-01

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

*{
}	
html { height:100%;
	margin:0;
	padding:0
	}
body {  margin-top:0px; font-family: Geneva, Arial, Helvetica, sans-serif; background-color: #FFDD78; 
	margin:0;
	padding:0
	height:100%;
	}

a:link { color: #ff9900; text-decoration: none; }
a:visited {  color: #ff9900; text-decoration: none;  }
a:hover {  color: #000000; text-decoration: none;  }
a:active {  color: #ff9900; text-decoration: none; } 

/* ----- IDs ----- */

#container	{ /* umschliesst alles */
		 background-color: #ffffff;
		 background-image: url(images/background_content.gif); background-repeat: repeat;
		 margin-left:5px;
		 margin-top:0px;
		 width:960px;
		 height:100%;
		 /* overflow: auto; */
		}
#container_infoline{ /* umschliesst infoline */
		 margin-left:5px;
		 margin-top:0px;
		 width:960px;
		 height:100%;
		 /* overflow: auto; */
		}

#navigation{
	/*float:left;*/
	position:absolute;
	left:5px;
	top:220px;
border: 1px solid #FFD350;
border-bottom-width: 0;
width: 185px; 
/*height:100%;*/
background-color: #FFCB50;
}	

#navigation li{
}

#navigation ul{
margin: auto;
padding: 0;
list-style-type: none;
font: normal 90% Arial, sans-serif;
}
#navigation li a{
display: block;
padding: 3px 0;
padding-left: 3px;
width: 182px;          /* Comment 185px minus all left/right paddings and margins*/
text-decoration: none;
color: #873D00;
background-color: #FFCB50;		/* Activ: Dunkel */
border-bottom: 1px solid #FFD350;
}

* html #navigation li a{ /*IE only */
width: 187px;   /* nur für IE 5*/
width: 182px;   /*Comment 185px minus all left/right paddings and margins*/
}

#navigation li a:hover {
background-color: #FFDD78;
}

.menu_headline{
color: white;
/* border-bottom: 1px solid black; */
padding: 1px 0;
padding-left: 2px;
background-color: #FF6600;
font: bold 90% Arial, sans-serif;
}
#infoline	{ display:inline;
		  width:960;
		  height:20px;
		  color:#000000;
		  background-color:#FFDA75;
	  	  background-image: url(images/background_infoline.gif); background-repeat: no-repeat;
		 margin:auto;
		float:left;
		}

#header  {
	  background-image: url(images/header.jpg); background-repeat: no;
    	  text-align:center;
	  /* color: #AAAAAA;*/
	  /* font: normal 11px Arial, sans-serif;*/
	  width:965px;
	  height:200px;
	  margin-left: 0px;
	 }

#content_main    { font-size: 11px;
		  /*padding-top: 10px;
		  padding-left: 10px;*/
		  padding:30px 20px 30px 30px;
		  color:black;
		  /*width: 760px; */
		  width: 710px;
	  	  margin: 0 0 0 200px;
		  /*float:left;*/
		  /*height:auto;*/
	 	 }

#footer  {
	  background-image: url(images/background_footer.gif); background-repeat: no;
    	  text-align:center;
	  color: #873D00; /* #FFCC66;*/
	  font: normal 11px Arial, sans-serif;
	  width:960px;
	  height:145px;
	  margin: auto;
	  bottom:0px;
	  clear: both;
	 }
#footer a {
	color: #873D00; 
	text-decoration:underline;
	font-weight:bold;
}

#hotline {float:left; 
	  padding-left:250px;
	  color: #ffffff;
	  font: bold 16px Arial, sans-serif;
	 }

#language	{ float:right;
		  padding-right: 5px;
		}
#footer p {
	margin: 0px 0px 25px 0px;
}
/* Kontaktformular */
.form_contact {
 width:650px;
}

.hint 	{
	 font: normal 9px Arial, sans-serif;
	 color:#ee0000;	 
	}
.ebene {
 clear: both;
 padding: 2px 0
}

.label {
 font: normal 11px Arial, sans-serif;
 float:left;
 padding:3px 0 0 0;
 width:10em
}

.feld{
 float:left;
 width:30em
} 

.submit{
 clear: both;
 margin:1em 0 0 10em
}

.fieldsize{
 background:#eee;
 border:1px solid #ccc;
 font:1em "trebuchet ms", arial, sans-serif;
 width:300px;
}