* {
  margin: 0;
  padding: 0;
  } 
  
body {
  background: url(../images/background2.jpg);
  background: rgb(245,245,245);
}    

div#wrapper {
  width: 850px;
  border: 1px solid #808080;
  border-top: none;
  border-bottom: none;
  margin:auto;
  -moz-box-shadow: 0px 0px 5px 2px #888;
  -webkit-box-shadow: 0px 0px 5px 2px #888;
  box-shadow: 0px 0px 5px 2px #888;
  
    font-family: Cambria, Calibri, “Trebuchet MS”, sans-serif;
    line-height: 1.2em;    
  }
  

/********************** 
   Header
***********************/

div#header {
  width: 100%;
  height: 300px;
  background:url(../images/header/header_1.jpg) no-repeat;
  background: black;
  }


/********************** 
   Menue
***********************/    

div#menue {
  width: 100%;
  height: 30px;
  background-color: #c1872c;
  background: url(../images/footer_2.jpg) repeat-x #ac7114;
  color:#fff;
  border-top: 1px solid rgb(227,168,61);
  border-bottom: 1px solid rgb(227,168,61);
  }

div#menue ul {
  list-style-type: none;
  height:30px;
  }
  
div#menue li {
  float:left;
  height:30px;
  border-right: 1px solid #ffe9c6;
  }    

div#menue ul li a {
  float:left;
  text-decoration:none;
  height:30px;
  color: #ffe9c6;
  display:block;
  padding: 0px 21px;  /* wenn zusätzlich der Bereich Rund ums Haar eingetragen ist */
  padding: 0px 35px;
  line-height:28px;
  font-size:17px;
  }
  
div#menue ul li a:hover {
  color:#fff;
  }  

/********************** 
   Main
***********************/  

div#main {
  width: 100%;
  background-color:#f5f5dc;
  }
  
div#left_sidebar {
  width: 220px;
  float: left;
  min-height: 800px;
  background-repeat: no-repeat;
  background-position: 20px 5px;
  }  
  
div#content {
  min-height: 800px;
  }        
  
* html div#content, * html div#left_sidebar {
  height:800px;
  } 

div#inner_content {
  padding:50px 30px;
  margin-left:220px;
  }     

* html div#inner_content {
  padding:60px 10px;
  margin-left:0px;
  } 
  
* + html div#inner_content {
  margin-left:0px;
  }   

div#inner_content h1 {
  font-size: 21px;
  }  
  
div#inner_content h2 {
  font-size: 18px;
  }
  
#preise table tr:hover td {
  background-color:#e0cf6f;
} 

#preise table td {
  padding:3px;
}                   

/*********************
 *  Kontaktformular
 *********************/ 

#kontakt label {
display: inline-block;
width: 70px;
vertical-align: top;
}  

#kontakt div#error {
font-weight: bold;
}

#kontakt div#error span {
margin-left: 5px;
color: red;
}

#kontakt input#submit {
margin-left: 300px;  
background: rgb(255,212,144);
} 
  
#kontakt input:focus, #kontakt textarea:focus {
  border: 1px solid #84B8E0;
} 

#kontakt input, #kontakt textarea {
  padding: 4px;
  border: 1px solid #ddd;
} 

/*********************
 *  Danksagung
 *********************/ 

dd {
 margin-left: 12px;
 }

dl#danksagung dt {
  font-weight: bold;
}

dl#danksagung a {
  text-decoration: none;
  color: rgb(37,72,171);
  font-weight: bold;
}  

dl#danksagung a:hover {
  text-decoration: underline;
}

/********************** 
   Footer
***********************/


div#footer {
  clear: left;
  height: 160px;
  background: url(../images/footer_2.jpg) repeat-x #ac7114;
  border-top: 1px solid black;
  color: #ffe9c6;
  color: #fff;
}  

div#inner_footer {
  padding: 50px;
}

div#inner_footer a {
  color: #fff;
  
}



/***********************
 *   Tooltip CSS
 ***********************/    
 
#screenshot{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}

#preview{
        position:absolute;
        border:1px solid #ccc;
        background:#222;
        padding:5px;
        display:none;
        color:#fff;
}

#tooltip{
        position:absolute;
        border:1px solid #333;
        background:#f7f5d1;
        padding:2px 5px;
        color:#333;
        display:none;
}

img {
  border: none;
  }