html { height: 101%;}
* { padding: 0; margin: 0;}

body {
  color: black;
  background-color: white;
  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	DIV-Bereiche
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#wrapper {
	color: #333;
	background-color: white;
	width: 800px;
	border: 1px solid #336600;
	margin: 20px auto; /* Seite zentrieren */
}
#kopfbereich {
  color: black;
  background-color: white;
  background: url("../gfx/bg_kopfbereich.gif");
  width: 800px;
  height: 204px;
}
	#kopfbereich img {
		float: right;
		padding: 130px 5px 0 0 ;
		}

#navibereich {
	float: left;
	position: relative;
	right: 10px;
	background: url("../gfx/bg_navibereich.gif") no-repeat 0 100%;
	width: 160px;
	padding: 15px 10px 60px 10px;
	border-top: 1px solid #E1E1E1;
	}
	
	#navibereich li { list-style-type: none; }
	#navibereich ul li a {
		display: block;
		color: #333333;
		text-decoration: none;
		border-bottom: 1px solid #D6D6D6;
		padding: 4px 8px;
		}
	#navibereich a:active,
	#startseite #navi01 a,
	#team #navi02 a,
	#arbeitnehmerinnen #navi03 a,
	#erfolgsgeschichten #navi04 a,
	#vernetzung #navi10 a,
	#kontakt #navi05 a,
	#impressum #navi06 a,
	#agb #navi07 a,
	#arbeitgeberinnen #navi08 a,
	#news #navi09 a  { background-color: #6FB200; color: #FFF; }
	#navibereich a:hover { 	background-color: #9ADB2E; color:#FFFFFF; }
	
#textbereich {
	padding: 12px 20px 20px 20px;
	margin-left: 180px;
	min-height: 350px;
	}
	#textbereich li { margin: 0 0 0.7em 14px; }
	.bildlinks {
		   float:left; 
		   margin-right: 10px;
		   margin-bottom: 10px; 
		   }
	.bildrechts {
		   float:right; 
		   margin-bottom: 10px;
		   margin-left: 10px; 
		   }

#fussbereich {
	padding: 20px;
	padding-top: 10px;
	border-top: 1px dotted #666666;
	margin-top: 10px;
	background-image:url(../gfx/bg_fussbereich.gif);
	background-position: bottom;
	background-repeat:no-repeat;
	}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Allgemeine HTML-Elemente
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
h2 {
	font-size: 140%;
	color: #D56B03;
	margin-bottom: 1em;
	}
h3 {
	font-size: 110%;
	color: #D56B03;
	margin: 1.2em 0 0.7em 0;
	}
h4 {
	font-size: 100%;
	font-style: italic;
	margin-bottom: 0.5em;
	color: #D56B03;
	}

p { 
	margin: 0 0 1em 0;
	line-height: 1.5em;
	}

address {
  text-align: center;
  font-size: 80%;
  font-style: normal;
  letter-spacing: 2px;
  line-height: 1.5em;
}
a { outline: none; }
a:link { color:#336600;}
a:visited { color:#669900; }

.skiplink { display: none; }
a.toplink { color: #333333; letter-spacing: 1px; float:right; }
.erfolgsgeschichten,
.news {
	display: block;
	padding-bottom: 5px;
	border: 1px dotted #999;
	border-left: 0;
	border-right: 0;
	margin: 20px 0 10px 0;
	}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	KONTAKTFORMULAR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
form {
	margin-bottom: 20px;
	}
form fieldset {
	background: url("gfx/bg_formular.gif") no-repeat 100% 100%;
	background-color: #FAFAFA;
	width: 400px;
	padding: 20px 20px 10px 20px;
	border: 1px solid #E1E1E1;
	}
form label {
	display: block;
	float: left;
	width: 80px;
	padding: 3px;
	} 
form input, textarea, select {
	display: block;
	float: right;
	width: 300px;
	padding: 3px;
	border: 1px solid #8c8c8c;
	margin-bottom:8px;
	}
input#hidden { display: none; }
form br { clear: right; }
form + * { clear:left; }
input#submit {
	float: right;
	width: auto;
	}
textarea { height: 7em; }
input:focus, textarea:focus { background-color: #E8F1D7; }