html{
	height:100%;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
* html body {
 	height: 100%;
}


/* TEXT STYLEZ */

A:link {text-decoration: none;color: #008726;}
A:visited {text-decoration: none;color: #008726;}
A:active {text-decoration: none;color: #008726;}
A:hover {text-decoration: underline; color: #008726;}


#navi a:link, #navi a:visited {
	color: #666666;
}

#subnavi a:link, #subnavi a:visited {
	color: #666666;
}

#navi a:hover, #navi a:active, #subnavi a:hover, #subnavi a:active {
	color: #008726;
}

.activ {
	color: #FF6600;
}

.content {
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

h1 {
	color: #666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 3px 0 3px 0;
	font-weight:normal;




}

h2 {
	color: #008726;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px 0 12px 0;	
	font-weight:normal;



}

ul {
	margin: 0px;
	padding-left: 20px;
}

li {
	margin:0px;
	padding:0px;
	list-style-position:inside;
	list-style-type:disc;
}

/* CONTENT STYLEZ */

#box{
	position:absolute;
	left: 0px;
	top: 160px;
	border:none;
}

#noscript{
	position:absolute;
	width:320px;
	left: 0px;
	top: 0px;
	color: #666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow:visible;
	text-align:right;
}

#logo{
	position:absolute;
	width:150px;
	height:107px;
	left: 60px;
	top: 20px;
	border:none;
}

#navi{
	position:absolute;
	height:20px;
	width:580px;
	left: 220px;
	top: 80px;
	color: #666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow:visible;
	text-align:right;
	white-space:nowrap;
}

#subnavi{
	position:absolute;
	height:20px;
	left: 280px;
	top: 5px;
	width:520px;
	color: #666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow:visible;
	text-align:right;
}

#spacer{
	padding-left:11px;
	padding-right:11px;
	border:none;
	width:1px;
	height:20px;
	display:inline;
}

#text{
	position:absolute;
	left: 330px;
	top: 196px;
	z-index: 100000;
	width: 430px;
	overflow:visible;
	border: none;
}

#gruen_links{
	position:absolute;
	left:22px;
	z-index:99;
	top: 0px;
	width: 34px;
	height: 40px;
	overflow: visible;
	background-color:#a6d5b4;
}

#orange_links{
	position:absolute;
	left:0px;
	z-index:99;
	top: 0px;
	width: 18px;
	height: 40px;
	overflow: visible;
	background-color:#FF6600;
}

#berufe{
	width: 430px;
	overflow: visible;
	background-color:#cce7dd;
	padding-bottom:10px;
}

#berufe_head{
	width: 430px;
	overflow: visible;
	background-color:#D1D1D1;
	color:#FFFFFF;
	padding:3px;
	margin-bottom:10px;
	font-weight:bold;
}
#bereiche{
	position:absolute;
	left: 60px;
	z-index: 10;
	width: 210px;
	overflow:hidden;
	border: none;
	white-space:normal;
}

#bereiche_head{
	position:relative;
	left: 0px;
	top:0px;
	width: 210px;
	height:30px;
	overflow:hidden;
	border: none;
	white-space:normal;
	background-color:#d1d1d1;
	padding-left:10px;
	padding-top:10px;
	margin-bottom:20px;
}

#chosen{
	font-weight:bold;
}

#angebote_head{
	position:relative;
	left: 0px;
	top:0px;
	width: 353px;
	height:30px;
	overflow:hidden;
	border: none;
	white-space:normal;
	background-color:#d1d1d1;
	padding-left:10px;
	padding-top:10px;
	margin-bottom:20px;
}

#angebote{
	position:absolute;
	left: 280px;
	z-index: 20;
	width: 353px;
	overflow:visible;
	border: none;
}

#info_head{
	position:relative;
	left: 0px;
	top:0px;
	width: 300px;
	height:30px;
	overflow:hidden;
	border: none;
	white-space:normal;
	background-color:#d1d1d1;
	padding-left:10px;
	padding-top:10px;
	margin-bottom:20px;
}

#info{
	position:absolute;
	left: 652px;
	z-index: 20;
	width: 300px;
	overflow:visible;
	border: none;
}

#attention{
	text-align: middle;
	font-weight:bold;
	color:red;
}