/*
  Webbite Media GbR CSS
	Version: 1.0
	Author: Webbite Media | Verena Rometsch
	Author URI: http://www.webbite.de
*/


/********** GENERAL **********/
html {
margin:0;
padding:0;
}

body {
margin:0;
padding:0;
  	font-family: Helvetica,Arial,Univers,sans-serif;
  font-size:12px;
	font-weight:normal;
  background-color:#d8d8d8;
  margin-left:10px;
  margin-top:10px;
  border:0px solid #000;
 
}
 div#page {
  width:1000px;
  background-color:#FFFFFF;
  border: 0px solid #000;

  vertical-align: middle;
  height:auto;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;  

}


a:link { color:rgb(131,182,25); }
a:visited { color:rgb(131,182,25); }
a:focus { color:rgb(131,182,25); }
a:hover { color:rgb(131,182,25); }
a:active { color:rgb(131,182,25);}

a.referen:link { color:rgb(0,134,47); }
a.referen:visited { color:rgb(0,134,47); }
a.referen:focus { color:rgb(0,134,47); }
a.referen:hover { color:rgb(0,134,47); }
a.referen:active { color:rgb(0,134,47);}



div.cleaner {
  clear:both;
  height:0;
}
/********** HEADER **********/
div#header {
  width:1000px;
  height:170px;
 
}
div#logo {
  float:left;
  width:1000px;
}
div#logo img {
  padding-top:0px;
  border:none;
}
div#mainmenu {
  background-image: url(/images/hb_menu.gif);
  background-repeat:repeat-x; 
  width:1000px;
  height:32px;
   z-index:1;
}
div#mainmenu ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

div#mainmenu .trenner {
  float:left;
  background-image: url(/images/trenner_menu.gif);
  background-repeat:no-repeat;
  width:2px;
  height:32px;
  margin:0 0px 0 0;
  padding:0;
  display:block;
}


#headline_rechts {
  float:right;
  width:30px;
  
  margin-top:-40px;
}

div#mainmenu li {
  float:left;
  width:122px;
  height:32px;
  margin:0 0px 0 0;
  padding:0;
  display:block;
}
div#mainmenu li a,
div#mainmenu li a:link,
div#mainmenu li a:visited {
  padding:1px 0 0 0;
  text-align:center;
  margin-top:6px;
  font-weight:bold;
  width:125px;
  display:block;
  font-size:11px;
  text-decoration:none;
  color:#FFFFFF;
  text-transform: uppercase;
}


div#mainmenu li a:hover, 
div#mainmenu li a:active {
  color:rgb(131,182,25);
}

/********** PAGE **********/

/*** Center Column (Content) ***/
div#content_breit {
  z-index:2;
  float:left; 
  width:980px;
  padding-right:10px;
  padding-left:10px;
  padding-top:20px;
  font-size:12px;
      color:#414141;
  background-color:#FFFFFF;
  height:100%;
}



div#content_breit h1 {
  font-size:23px;
  font-weight:bold;
  margin-top:0;
  color:rgb(0,060,142);
   text-transform: uppercase;
  line-height:24px;
  }
div#content_breit h2 {
  font-size:12px;
  color:rgb(0,060,142); 
  display:inline;
  letter-spacing: 0.3px;
}
div#content_breit h3 {
  font-size:12px;
  font-weight:bold;
   display:inline;
  color:#ffffff; 
}
div#content_breit h4 {
  font-size:12px;
  font-weight:bold;
   display:inline;
  color:#000000; 
}
h5 {
  font-size:13px;
  font-weight:bold;
  display:inline;
  text-align:center;
  color:#00862f; 
}
div#content_breit b, strong {

  color:#000000;  
 letter-spacing: 0.3px;
}
div#content_breit p,td {
  font-size:12px;
  margin-top:0;
  margin-bottom:0;
  line-height:1.4em;
  letter-spacing: 0.3px;
  text-align: left;
}


div#content {
  z-index:2;
  float:left; 
  width:750px;
  padding-right:20px;
  padding-left:20px;
  padding-top:20px;
  font-size:12px;
      color:#414141;
  background-color:#FFFFFF;
  height:100%;
  }
  

div#content h1 {
  font-size:23px;
  font-weight:bold;
   width:610px;
  margin-top:0;
  color:rgb(0,060,142);
   text-transform: uppercase;
}
div#content h2 {
  font-size:12px;
  color:rgb(0,060,142); 
  display:inline;
  letter-spacing: 0.3px;
}
div#content h3 {
  font-size:12px;
  font-weight:bold;
   display:inline;
  color:#ffffff; 
}
div#content h4 {
  font-size:12px;
  font-weight:bold;
   display:inline;
  color:#000000; 
}
h5 {
  font-size:13px;
  font-weight:bold;
  display:inline;
  text-align:center;
  color:#026625; 
}
div#content b, strong {

  color:#000000;  
 letter-spacing: 0.3px;
}
div#content p,td {
  font-size:12px;
  margin-top:0;
  margin-bottom:0;
  line-height:1.4em;
  letter-spacing: 0.3px;
  text-align: left;
}

.small {
  font-size:10px;
  margin-top:0;
  margin-bottom:0;
   text-align: left;
   width:80px;
 
}

div#content ul {
  list-style-type:square;
  font-size:12px;
  
}
div#content a,
div#content a:link,
div#content a:visited {

 color:rgb(0,134,047); 
  text-decoration:none;
}
div#content a:active,
div#content a:hover {
 color:rgb(131,182,25); 

}

div#content form .button {
  width:100px;
  color:#FFFFFF;
  font-weight:bold;
  background-color: rgb(0,134,047); 
  border:none;
}
 div#content form .button_gr {
  width:140px;
  color:#FFFFFF;
  font-weight:bold;
  background-color: rgb(0,134,047); 
  border:none;
}

div#rechts {
 background-color:#FFFFFF;
       padding-top:20px;
  float:right;
  width:160px;
 
      
}



.button_left {
  margin-top:3px;
  background-color:#ffffff;
  color:#00862f;
  font-weight:bold;
  width:100px;
  border:none;
  text-align:left;
  cursor:pointer;
  padding-right:100%;  
}

.rechts_gruen {
  width:160px;
  margin-top:5px;
  margin-bottom:5px;
  background-color:rgb(0,134,047);
  height:1px;
      
}   
.strich {
  width:750px;
  margin-top:5px;
  margin-bottom:5px;
  background-color:rgb(0,134,047);
  height:1px;
      
}   
div#gruen_lang {
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;  
  width:1000px;
  margin-top:20px;
  margin-bottom:5px;
  background-color:rgb(0,134,047);
  height:1px;
  text-align:center;
}
div#kasten_rechts  {
  width:160px;
  margin-top:5px;
  margin-bottom:5px;
}

.headline {
  padding-top:20px;
  font-size:13px;
  font-weight:bold;
  margin-top:0;
  color:rgb(0,134,047);
  text-transform: uppercase;
}

.klein150 {
  font-size:9px;
  width:150px;
  margin-top:0;
  color:rgb(0,0,0);
    	font-family: Tahoma ,Helvetica,Arial,Univers,sans-serif;

}
 
 
/*ENDE CONTENT*/

 .footer { 	
  float:left;
  width:1000px; 
  height:30px; 
  text-align:center;
  margin-bottom: 0px;
  	margin-left: auto;
	margin-right: auto;
	overflow: hidden;  
}

.footer-text {
  margin-top: 0px;
	font-family: Arial,Univers,Helvetica,sans-serif;
  font-size:11px;
	font-weight:normal;
  color:#000000;
}
.footer-text a {
	font-family: Arial,Univers,Helvetica,sans-serif;
  font-size:11px;
	font-weight:normal;
  color:#000000;
  text-decoration:none;
}

 /*** ESSENTIAL STYLES ***/
 
  a.rot:link, a.rot:active,a.rot:hover,a.rot:visited      {
   color:#FF0000;
  font-weight:bold; 
  text-decoration:underline;
}


.fehlerb {
   color:#FF0000;
  font-weight:bold; 
}