body {
  color:#e2e2e2;
  background:url(background.jpg) no-repeat top center #010717;
  background-attachment:fixed;
  font-size:75.00%;
  font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
  padding:0px; 
  margin:0px;
  width:100%;   
  text-align:center;  
  height:auto; 
  margin-bottom:0;
  }

#shadow {
  background:url(background_shadow.jpg) no-repeat top center #000000;
  background-attachment:fixed;
  }
  
/* Framework */

#darkline {
  background-image:url(background_startline.gif);
  background-repeat:repeat-x;
  height:5px;
  /* Workaround für IE6 */  
  font-size:1px;
  }

#container {
  text-align:left;
  padding:0px;
  margin:0px;
  text-align:left;  
  }  
  
#page {  
  padding:0px;  
  width:1000px;
  margin:auto;
  border:0px;  
  }      

#page_shadow {  
  padding:0px;  
  width:740px;
  margin:auto;
  border:0px;  
  font-size:120%;
  padding-top:1em;  
  padding-bottom:2em;
  line-height:1.4em;
  }   

#header {
  padding:0px;    
  height:115px;  
  }   

#logo {
  margin-top:20px;  
  height:78px;
  width:214px;
  float:left;
  }   
    
#navigation {
  background:url(background_menu.png) no-repeat top center;
  width:376px;
  height:36px;
  margin-left:620px;
  padding:0px;
 }  

div.box_headline {
  margin-left:23px; 
  margin-top:30px; 
  margin-bottom:20px;
  height:40px;
  width:200px; 
  }

div.box {
  width:957px;
  margin-left:35px; 
  }

div.bgtop {
  background:url(background_top.png) no-repeat bottom center;   
  height:16px;
  width:957px;
  margin:auto; 
  }

div.bgcen {
  background:url(background_center.png);
  background-repeat: repeat-y;   
  width:957px;
  margin:auto; 
  }

div.bgcen #content_call {
  font-size:150%;
  line-height:1.5em;
  margin-left:27px;
  margin-right:27px;  
  }

div.bgcen #content {
  font-size:120%;
  line-height:1.5em;
  margin-left:27px;
  margin-right:27px;
  padding-bottom:10px;    
  }

div.bgcen #form {
  min-height:450px;
  font-size:120%;
  line-height:1.1em;
  margin-left:27px;
  margin-right:27px;
  padding-bottom:10px;    
  }

div.referenzen {
  height:340px; 
  margin-bottom:20px; 
  margin-top:30px;
  border-bottom:1px dashed #494949;
  }

div.bgbot {
  background:url(background_bottom.png) no-repeat top center;
  height:17px;
  width:957px;
  margin:auto; 
  }

#socialnetworks {
  float:right; 
  margin-right:200px; 
  width:300px;
  }  
  
#footer {
  background:url(background_footer.png) no-repeat top center;
  height:50px;
  margin-top:75px;
  width:100%;
  }

#footer_content {
  width:1000px;
  margin:auto;
  text-align:left;
  }

#footer #imprint {
  width:600px;
  margin:auto;
  padding-top:20px;
  padding-left:20px;
  text-align:left;
  font-size: 85%;
  float:left;
  }

div.right {
  float:right;
  margin-left:20px;
  margin-top:20px;
  margin-bottom:20px;  
  }

/*Hauptmenü und Footericons*/

#navigation i, #footericon i  {
  display:none;
  margin:0px; 
  padding:0px;
  }
  
#navigation a {width:101px; float:left; height:23px; margin-left:14px; margin-top:4px; padding:0px;}
#navigation a.referenzen {background:url(menu_referenzen.png) no-repeat 0 0;}
#navigation a.service {background:url(menu_service.png) no-repeat 0 0;}     
#navigation a.kontakt {background:url(menu_kontakt.png) no-repeat 0 0;}     
#navigation a:hover {background-position:0 50%;}
#navigation a.active {background-position:0 50%;}

#footericon a {width:33px; float:right; height:33px; margin-left:14px; margin-top:12px; padding:0px;}
#footericon a.blog {background:url(menu_footer_blog.png) no-repeat 0 0;}
#footericon a.twitter {background:url(menu_footer_twitter.png) no-repeat 0 0;}     
#footericon a.gmail {background:url(menu_footer_gmail.png) no-repeat 0 0;}     
#footericon a:hover {background-position:0 50%;}
#footericon a:active {background-position:0 50%;}

/*Fontlayout*/

img {
  border:0px;
  }

p {
 margin:0px;
 padding-top:5px;
 padding-bottom:5px; 
 }
  
h1,h2,h3,h4,h5,h6 { 
  font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
  font-weight:lighter; 
  color:#90c200;
  margin: 0em 0 0.3em 0;
  padding-top:0.4em;
  }

h1 { font-size: 140%;}                   
h2 { font-size: 120%; padding-top:1.2em;}
h2.top {padding-top:0em;}     
h2.referenzen {color:#f27800;}    
h3 {font-size: 110%; color:#00c6ff;}                  
h4 { font-size: 105%;}                         


/*Listen*/

#vorteile {
  margin:0px;
  padding-left:10px;
  padding-right:10px;  
  margin-bottom:20px;
  }

#vorteile td {
  padding:5px;
  font-size:110%;
  line-height:1.6em;
  }

/*Links*/

a {color:#cc0000; text-decoration:none; font-weight:300;}
a:focus,
a:hover,
a:active {color:#cc0000; text-decoration:underline;}
  
#footer a.datenschutz { color: #00700e; background:transparent; font-weight: 100;}
#footer a.datenschutz:focus, 
#footer a.datenschutz:hover,
#footer a.datenschutz:active {color: #00700e; background-color: transparent; text-decoration:underline;}  

#footer a.impressum { color: #0087a2; background:transparent; font-weight: 100;}
#footer a.impressum:focus, 
#footer a.impressum:hover,
#footer a.impressum:active {color: #0087a2; background-color: transparent; text-decoration:underline;}  


#form_box {
	margin-top:28px;	
  }

.fieldclass {
	font-family:Arial, Helvetica, sans-serif;
  background-color:#404040;
	border:3px solid #202020;
	font-size:160%;
	color:#dcdcdc;
	padding:10px;
	margin-bottom: 20px;
	width:580px;
  }

#submitter{
	height:40px;
	width:160px;
	border:0px;
	background-position:top;
	cursor:pointer;
	display:block;
	background-color:transparent;
	background-image:url(submit.png);
	background-position:top;
  }

#submitter:hover{
	height:40px;
	width:160px;
	border:0px;
	background-position:top;
	cursor:pointer;
	display:block;
	background-color:transparent;
	background-image:url(submit.png);
	background-position:bottom;
  }