@charset "UTF-8";
/* CSS Document */

body {
background-color: #000000;
text-align: center;
margin: 0;
padding: 0;
}

#page {
width: 844px;
height: 100%;
margin-left: auto;
margin-right: auto;
border: 0px;
text-align: left;
}

#head {
width: 844px;
height: 98px;
background-color: #000000;
}

#navi {
width: 844px;
height: 375px;
background-position:center;
background-repeat:no-repeat;
}

#punkt {
width: 230px;
height: 149px;
margin-top: 44px;
background-image:url(images/punkt.gif);
background-repeat:no-repeat;
float: left;
}

#content {
width: 540px;
height: auto;
margin-top: 0px;
margin-left: 260px;
background-color: transparent;
border: 0px;
color: #ffffff;
}

.textlink {
color: #666666;
text-decoration: none;
}

#content h1 {
font-family: Arial, Helvetica, sans-serif;
font-size:17px;
line-height: 1.8em;
font-weight: normal;
color: #666666;
}

#content h2 {
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
line-height: 1.0em;
font-weight: bold;
color: #00ff00;
margin-bottom: 6px;
}

#content h1.csc-firstHeader {
    margin-top: 2px;
}

#content p {
color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
}

#content p.bodytext {
    margin-top: 0px;
}

div.menu {
  padding-top: 28px;
  display:block;
  float:left;
  height: 264px;
  width: 162px;
}

div#navi ul {
  padding-left: 0px;
  margin-top: 0px;
  margin-left: 0px;
}

div#navi li {
  height: 24px;
  /*padding-top: 6px;*/
  list-style-type: none;
}

div#navi li.menu_activ {
  background-color: #00ff00;
  width: 162px;
}

div#level4 li.menu_activ {
  width: 252px;
}

div#navi a.menu_activ:hover {
color: black;
}

div#navi a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: none;
  color: #ffffff;
  display: block;
  height: 24px;
  margin-left: 20px;
  line-height: 24px;
  vertical-align: bottom;
}


div#navi a:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: none;
  color: #000000;
  display: block;
  height: 24px;
  margin-left: 20px;
  line-height: 24px;
  vertical-align: bottom;
}

div#level2 a:hover, div#level3 a:hover, div#level4 a:hover {
  color: #00ff00;
}

div#navi a.menu_activ {
  color: #000000;
}

div#level1 {
  margin-left: 53px;
  width: 162px;
}

div#level2 {
  background-color:transparent;
  background-image:url(images/grau-level2.png);
  height: 292px;
}

div#level3 {
  background-color:transparent;
  background-image:url(images/grau-level3.png);
}

div#level4 {
  background-color:transparent;
  background-image:url(images/grau_level4.png);
  width: 252px;
}

.clearfloat {
  clear:left;
  display: none;
}

form #mailform {
  	border:none;
  	background-color: transparent;
  	line-height: 4.2em;
  }
  
   
  input#mailformFirma {
  	background-color: #666666;
    	padding: 3px 3px 3px 3px;
    	border: 0px;
  	line-height: 1.3em;
   	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: white;
	text-decoration: none;
	
    }
  
  
  input#mailformname {
  	background-color: #666666;
    	padding: 3px 3px 3px 3px;
    	border: 0px;
  	line-height: 1.3em;
   	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: white;
	text-decoration: none;
	
    }
    
     input#mailformtelefon {
     	background-color: #666666;
    	padding: 3px 3px 3px 3px;
    	border: 0px;
  	line-height: 1.3em;
   	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: white;
	text-decoration: none;
	
    }
    
     input#mailformemail {
     	background-color: #666666;
    	padding: 3px 3px 3px 3px;
    	border: 0px;
  	line-height: 1.3em;
   	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: white;
	text-decoration: none;
	
    }
    
     input#mailformstrasse {
     	background-color: #666666;
    	padding: 3px 3px 3px 3px;
    	border: 0px;
  	line-height: 1.3em;
   	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: white;
	text-decoration: none;
	
    }
    
      input#mailformPLZOrt {
     	background-color: #666666;
    	padding: 3px 3px 3px 3px;
    	border: 0px;
  	line-height: 1.3em;
   	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: white;
	text-decoration: none;
	
    }
    
       input#mailformTelefon {
        background-color: #666666;
    	padding: 3px 3px 3px 3px;
    	border: 0px;
  	line-height: 1.3em;
   	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: white;
	text-decoration: none;
	
    }
    
    textarea#mailformIhr_Anliegen {
    	background-color: #666666;
    	padding: 3px 3px 3px 3px;
    	border: 0px;
  	line-height: 1.3em;
   	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: white;
	text-decoration: none;
	
    }
    
   input#mailformformtype_mail.csc-mailform-submit {
       	border: none;
  	line-height: 1.3em;
  	padding: 3px 3px 3px 3px;
   	font-family:Arial, Helvetica, sans-serif;
   	font-size: 12px;
	font-weight: bold;
	color: black;
	background-color: #00ff00;
    }
    
    
    
    fieldset.csc-mailform {
     	border: 0px;
      	padding: 3px 3px 3px 3px;
      	margin-bottom: 5px;
      	margin-top: 10px;
      	width: 400px;
      	line-height:1.5em;
    } 
    
    .csc-textpic-caption {
	font-size: 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*color: black;*/
	color: #999999;
	}
	
    div.csc-mailform-field {
        clear: both;
        
    }    
	
    div.csc-mailform-field input, div.csc-mailform-field textarea {
        width: 270px;
        float: right;
        margin-bottom: 4px;
    }
    
    div.csc-mailform-field label {
        float: left;
        font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: white;
    }
    
    div.csc-mailform-field input.csc-mailform-check, div.csc-mailform-field input.csc-mailform-submit {
        width: auto;
    }