/*********************************************/
/****************** LAYOUT *******************/
/*********************************************/

* {
  margin:0;
  padding:0;
}

html, body, form {
	text-align: left; 
	font-size:14px;
	font-family:arial,helvetica,sans-serif;
	color:#000000;	
}

/* ###  Textformatierungen ################################################################## */
h1,h2,h3,h4 {
	font-weight: bold;
}

h1 {
	font-size:20px;
	font-weight:bold;
	color: #008359;
	margin: 0 0 10px 0;
}

h2 {
	font-size: 16px;
	color: #000000;
	margin: 16px 0 8px 0;
}

h3 {
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	margin: 7px 0 7px 0;
}

a 
{
	color: #000000;
	text-decoration: none;
}

h3 a 
{ 
	color: #000000; 
}

h4,h5,h6 {
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	margin: 7px 0 7px 0;
}


li {
	margin-left: 28px;
}
p,ul,dd,dt,li {
	line-height: 20px;
}
ul,dd,dt {
	position: relative;
}
ul {
	margin-top:7px;
 	list-style-image: url(../images/whk-bullet.jpg);
}
dt {
	font-weight: bold;
}

p {
  padding-bottom: 0px;
}

a:hover, a:focus 
{
	text-decoration: underline;
}

.versteckt
{ 
	position:absolute; left:-10000px;
}

div#wrap
{ 		
	width:1100px;
	border:1px solid #008359;
}
		
div#header
{     	
	border-bottom:0px solid #008359;
	height:120px;
	position:relative;
	background:#99CC99;
}

div#header_title
{     	
	border-bottom:0px solid #008359;
	height:120px;
	margin-left: 225px;
	position:relative;
}

div#header_sub{
	padding:14px;
	border-bottom:0px solid #008359;
	background-color:#fff;
  }

/*********************************************/
/****************** IMAGES *******************/
/*********************************************/
.logo {
	position:absolute;
	background:#008359;
	left:18px;
	height:120px;
}

.title {
	position:absolute;
	height:65px;
	top:30px;
	left:225px;
}	

div#main_wrap 
{	
	background-color: white;
	width:100%;
	clear:both;
}
		
div#navigation 
{ 
	clear:both; 
}
		
div#nav_col 
{   	
	width:220px;
	float:left;
	line-height:16pt;
}		
			
div#inhalt 
{	
	padding:7px;
	margin-bottom:28px;
}

div#inhalt  a:link, div#inhalt  a:visited, div#inhalt  a:active{
	color: #008359;
}

div#seitentitel {
	position: relative;
	margin-top:30px;
	margin-bottom:20px;
	padding:7px;
	font-size:20px;
	line-height:20px;
	font-weight:bold;
	color: #008359;
}
		
div#rechts 
{	
	margin-bottom:28px;
}

div#infobox_header {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	background-color: #ccc;
	border-bottom: 2px #fff solid;
	padding: 7px 14px 7px 14px;
	margin: 0;
}

div#infobox_content {
	padding: 14px;
	margin: 0;
	line-height: 16px;
  	background-color: #eee;
}

div#content_wrap  
{	
  width:850px;
  float:right;
}	
		
div#content_col 	
{
  width:580px;
}	
	
div#content_colr 	
{	
  float:right;
  width:250px;
}	
		
div#footer 
{ 	
  clear:both;
  padding:14px;
  border-top:1px solid #008359;
  background-color:#eee;
  color:#494A47;
}	

div.copyright 
{
  float:left;
  width:30%;
}

div.toplink 
{
  float:right;
  width:30%;
  text-align:right;
}

div.topnavi 
{
  text-align:center;
  color:#494A47;
  font-weight:bold;
}

div.topnavi a:hover
{ 
  font-weight:normal;
  color:#008359;
  font-weight:bold;
}

div.topnavi a.active
{ 
  font-weight:normal;
  color:#008359;
  font-weight:bold;
}

div.bottomnavi 
{
  text-align:center;
  color:#494A47;
}

div.bottomnavi a:hover
{ 
  font-weight:normal;
  color:#008359;
}

div.bottomnavi a.active
{ 
  font-weight:normal;
  color:#008359;
}

div.links 
{ 	
  float:left; 
}

div.rechts 
{ 	
  float:right; 
}

div.csc-textpic-imagewrap 
{
	padding-top:30px;
	padding-bottom:30px;
}

.align-left
{
	text-align:left;
}

.align-center
{
	text-align:center;
}

.align-right
{
	text-align:right;
}