/*### Stylesheet Tischlerei Holm ###*/

* {
margin: 0;
padding: 0;
}

body {
font-size: 95%;
color: #000;
background-color: #c8c1af;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.4;
}

#wrapper {
}

/*############## Header ################*/

#head {
top: 0;
background-color: #c8c1af;
height: 157px;
background-image: url(images/dunkel.gif); 
background-position: bottom;
background-repeat: repeat-x;
}

#head_links {
position: absolute;
left: 10%;
top: 30px;
z-index: 2;
}

#head_rechts {
position: absolute;
left: 900px;
top: 143px;
}

/*############## Horizontales Menue ################ */

#mainmenu {
position: relative;
z-index: 10;
background-color: #f5e9d7;
height: 6em;
}

#mainmenu ul {
list-style-type: none;
margin: auto;
width: 700px;
}

#mainmenu ul li {
float: left;
}

#mainmenu ul li a {
padding: 3px 10px;
color: #454347;		
text-decoration: none;
font-size: 90%;
}

#mainmenu a:hover {
color: #3283c3;		
text-decoration: underline;
}

#mainmenu ul li a.on {
color: #3283c3;
}

#mainmenu ul li a:hover.on {
text-decoration: none;
}

/*#################### Inhalte  #####################*/

#content {
position: relative;
left: 10%;
width: 751px;
background-color: #f5e9d7;
padding: 1px 20px 0 30px;
border-bottom: 2em solid #c8c1af;
}

#content img {
float: right;
margin: 10px;
}

#content h2 {
padding-top: 2em;
}

#homebild {
padding: 35px 0 0 0;
}

#treppenbild {
padding: 45px 0 0 10px;
}

#footer {
clear: both;
text-align: center;
font-size: 90%;
border-top: 1px solid black;
font-size: 80%;
margin-top: 15px;
}

#footer p {
padding: 0.8em 0;
}

#webdesign {
padding: 3.5em 0 0 0;
font-size: 90%;
}

/*################# Referenzen ####################*/

#referenz {
position: relative;
left: 10%;
width: 761px;
background-color: #f5e9d7;
border-bottom: 2em solid #c8c1af;
padding: 0 20px;
}

#thumbtext {
clear: both;  
/*### width: 690px; ###*/
text-align: left;    
padding: 10px 55px 0px 55px;
}

#thumbs {
clear: both;  
/*### width: 690px; ###*/
text-align: center;    
padding: 30px 55px 20px 55px;
}

#thumbs img {
padding: 5px 2px;
float: none;
}

#bild {
clear: both;
padding: 30px 0 30px 0;
text-align: center;
}

#galerienavi {
text-align: center;
}

#galerienavi a {
font-size: 190%;
font-weight: bold;
color: #797979;
padding:  5px;
}

#galerienavi a:hover {
color: #3283c3;
text-decoration: none;
}

/*##################### Kontaktformular #################*/

fieldset {
border: none;
}

fieldset div {
text-align: right;
margin: 0.7em 0;
}

form {
clear: both;
width: 500px;
margin: 2em auto 3em auto;
}

legend {
margin: 1em 0;
}

label {
width: 100px;
margin-right: 10px;
}

input, textarea {
width: 380px;
font-size: 1em;
}

/*##################### Formate #######################*/

h1 {
font-size: 120%;
}

h2 {
font-size: 110%;
}

h3 {
font-size: 100%;
}

h1, h2, h3, ul, p {
padding: 0.3em 0;
}

a {
color: #3283c3;
text-decoration: none;
}

a:hover {
color: #3283c3;
text-decoration: underline;
}

img {
border: none;
}