html{
font-size: 62.5%;
height: 100.5%;
}
root { 
display: block;
}
body{
margin-top: -10px;
font-family: verdana, helvetica,sans-serif;
font-size: 1.2em;
line-height: 1.8em;
border: 0px;
background-color: #fff;
background: linear-gradient(#000000 0%, #faebd7 0%, #ffffff 30%);
background: -moz-linear-gradient(#000000 0%, #faebd7 0%, #ffffff 30%);
background: -webkit-linear-gradient(#000000 0%, #faebd7 0%, #ffffff 30%);
background: -ms-linear-gradient(#000000 0%, #faebd7 0%, #ffffff 30%);
background: -o-linear-gradient(#000000 0%, #faebd7 0%, #ffffff 30%);
background-repeat: no-repeat;
}
body #wrapper{
width: 960px;
background-color: #faebd7;
margin: 15px auto;
box-shadow: 0px 10px 10px #888;
height: 100%;
}

#page_header #logo{
margin-top: 30px;
margin-left: 30px;
margin-right: 107px;
margin-bottom: 30px;

}
#balken{
float: right;
margin-top: 30px;
}
nav{
width: 100%;
height: 100%;
clear: both;
position: relative;
z-index: 2;
}
nav ul{
list-style: none;
height: 30px;
padding-bottom: 5px;
background-color: #fff;
background: linear-gradient(  #85332D,  #66332D);
background: -ms-linear-gradient(top,  #85332D,  #66332D);
background: -webkit-gradient(linear, left top, left bottom, from(#85332D), to(#66332D));
background: -moz-linear-gradient(top,  #85332D,  #66332D);
box-shadow: inset 0px 20px 10px rgba(255,255,255,0.15);
text-transform: uppercase;
font-family: verdana, helvetica, sans-serif;
text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}
nav ul li{
float: right;
padding: 10px 0px;
list-style: none;
font-size: 1.2em;
display: inline;
line-height: 100%;
border-right: rgba(0,0,0,0.3) solid 2px;
} 
nav ul .last{
float: right;
padding: 10px 0px;
list-style: none;
font-size: 1.2em;
display: inline;
line-height: 100%;
border-right-width: 0px;
} 

nav ul li a{
color: #faebd7;
text-decoration: none;
box-sizing: border-box;
text-align: left;
padding: 10px 20px; 
}

nav #aktuell a,
nav a:active,
nav a:hover{
color: #85332D;
background-color: #faebd7;
background: linear-gradient(#faebd7,  #b1c15d);
background: -ms-linear-gradient(top,  #faebd7,  #b1c15d);
background: -webkit-gradient(linear, left top, left bottom, from(#faebd7), to(#b1c15d));
background: -moz-linear-gradient(top, #faebd7,  #b1c15d);
box-shadow:  2px 2px 3px rgba(10,10,10,0.15);
text-shadow: 2px 2px 3px rgba(10,10,10,0.15);
}
div.slideshow{
position: relative;
margin-top: -12px;
width: 960px;
min-height: 330px;
background-color: #faebd7;
z-index: 1;
}
div .slideshow img{
position: absolute;
margin: 0px;
}
.loading{
background-image: url(../img/loading.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}
#main{
width: 550px;
margin-top: 30px;
margin-left: 50px;
margin-bottom: 20px;
padding-left: 10px;
float: left;
min-height: 300px;
}
#main p{
font-size: 1.1em;
color: #666666;
}
#main p strong{
    color: #85332D;  
}
#main #startliste li{
    font-size: 1.1em;
    color: #666666;
    list-style-type: square;
    margin-top: 20px;
}
.start{
    margin-top: 40px;
}
#leistungen li{
    
    font-size: 1.2em;
    color: #85332d;
    font-weight: bolder;
    list-style-type: square;
    margin-top: 10px;
}
#leistungen li ul li{
    font-size: 1.0em;
    color: #666666;
    font-weight: normal;
    margin-top: 5px;
}
#zert{
    margin-left: 40px;
        
}
#zert #anzeigen{
    margin-bottom: 20px;
    color: #666666;
    border-radius: 3px;
    border-color: #66332D;
    border-width: 1px;
    font-style: italic;    
}

h1{
font-weight: bolder;
font-size: 1.5em;
color: #85332D;
}
h2{
font-size: 1.2em;
font-weight: bolder;
color: #85332D;
}
h3{
    font-size: 1.1em;
    font-weight: bolder;
    font-style: italic;
    color: #666666;
}

#rightbox{
float: right;
width: 300px;
margin-top: 60px;
border-left: 1px solid #85332D;
padding-left: 10px;
color: #666666;
font-size: 1.1em;
margin-bottom: 30px;
}
#rightbox #adresse{
    margin-top: 20px;
    margin-right: 20px;
    padding-top: 20px;
    border-top: #85332D thin solid;
}

#page_footer{
clear: both;
background-color: #85332D;
background: linear-gradient(#66332D, #85332D);
background: -ms-linear-gradient(top, #66332D, #85332D);
background: -webkit-gradient(linear, left top, left bottom, from(#66332D), to(#85332D));
background: -moz-linear-gradient(top, #66332D, #85332D);
box-shadow: inset 0px 20px 10px rgba(255,255,255,0.15);
color: #faebd7;
width: 960px;

}


#page_footer p{
text-align: left;
padding-left: 30px;
padding-bottom: 10px;
padding-top: 10px;
}
#page_footer ul{
list-style: none;
text-transform: uppercase;
text-align: right;
}
#page_footer ul li{
float: right;
padding: 10px 0px;
list-style: none;
display: inline;
line-height: 100%;
}
#page_footer ul li a{
color: #faebd7;
text-decoration: none;
box-sizing: border-box;
text-align: left;
padding: 10px 20px; 
}
#page_footer ul li a:active,
#page_footer ul li a:hover{
text-decoration: underline;
}

.error{
color: red;
}
/*referenzen*/
#main article{
    margin-top: 10px;
    border-top: #85332d solid 1px;
}
#main #lightblock1,
#main #lightblock4,
#main #lightblock7,
#main #lightblock10{

width: 160px;
height: 250px;
border-radius: 3px;
background-color: #fff;
background: linear-gradient(  #85332D,  #66332D);
background: -ms-linear-gradient(top,  #85332D,  #66332D);
background: -webkit-gradient(linear, left top, left bottom, from(#85332D), to(#66332D));
background: -moz-linear-gradient(top,  #85332D,  #66332D);
box-shadow: inset 0px 20px 10px rgba(255,255,255,0.15);
text-shadow: 2px 2px 3px rgba(0,0,0,0.5); 
float: left;
display: inline-block;

}
#main #lightblock1 a,
#main #lightblock2 a,
#main #lightblock3 a,
#main #lightblock4 a,
#main #lightblock5 a,
#main #lightblock6 a,
#main #lightblock7 a,
#main #lightblock8 a,
#main #lightblock9 a,
#main #lightblock10 a,
#main #lightblock11 a{
    visibility: hidden;
}
#main #lightblock1 a img,
#main #lightblock2 a img,
#main #lightblock3 a img,
#main #lightblock4 a img,
#main #lightblock5 a img,
#main #lightblock6 a img,
#main #lightblock7 a img,
#main #lightblock8 a img,
#main #lightblock9 a img,
#main #lightblock10 a img,
#main #lightblock11 a img{
    margin: 20px 20px 0px 20px;
    visibility: visible;
}
#main #lightblock1 p,
#main #lightblock2 p,
#main #lightblock3 p,
#main #lightblock4 p,
#main #lightblock5 p,
#main #lightblock6 p,
#main #lightblock7 p,
#main #lightblock8 p,
#main #lightblock9 p,
#main #lightblock10 p,
#main #lightblock11 p{
    color: #faebd7;
    text-align: center;
    margin: 5px 20px 5px 20px;
}
#main #lightblock2,
#main #lightblock5,
#main #lightblock8,
#main #lightblock11{

width: 160px;
height: 250px;
border-radius: 3px;
background-color: #fff;
background: linear-gradient(  #85332D,  #66332D);
background: -ms-linear-gradient(top,  #85332D,  #66332D);
background: -webkit-gradient(linear, left top, left bottom, from(#85332D), to(#66332D));
background: -moz-linear-gradient(top,  #85332D,  #66332D);
box-shadow: inset 0px 20px 10px rgba(255,255,255,0.15);
text-shadow: 2px 2px 3px rgba(0,0,0,0.5);  
clear: both;
display: inline-block;
margin-left: 35px;
}
#main #lightblock3,
#main #lightblock6,
#main #lightblock9
{

width: 160px;
height: 250px;
border-radius: 3px;
background-color: #fff;
background: linear-gradient(  #85332D,  #66332D);
background: -ms-linear-gradient(top,  #85332D,  #66332D);
background: -webkit-gradient(linear, left top, left bottom, from(#85332D), to(#66332D));
background: -moz-linear-gradient(top,  #85332D,  #66332D);
box-shadow: inset 0px 20px 10px rgba(255,255,255,0.15);
text-shadow: 2px 2px 3px rgba(0,0,0,0.5);  
float: right;
display: inline-block;
}

#main #lightblock10,
#main #lightblock11{
    margin-top: 10px;
}
#main #lightblock10 p{
    line-height: 100%;
}
/*Kontaktformular*/
fieldset{
    border: thin dotted #85332d;
    padding: 10px;
    margin: 10px;
    color: #666666;
}

#mainfield #mainlegend{
    font-weight: bold;
    color: #85332d;
}

legend{
    background-color: #faebd7;
    margin: 0px 5px;
    font-weight: bolder;
}

label,
input{
    margin: 5px;
}

#cform label.error{
    color: red;
    width: 400px;
    margin-left: 10px;
}
fieldset fieldset{
    border: none;
    margin-left: 0px;
}
input#name{
    margin-left: 24px;
}
input#email{
    margin-left: 22px;
}

fieldset#telefon{
    margin: 0px 0px -5px 0px;
    padding: 5px 5px 0px 5px;
}
fieldset#telefon legend,
fieldset#angebot legend{
    margin-top: 5px;
    
    color: #85332d;
    font-style: italic;
    font-weight: normal;
}
fieldset#telefon legend{
    margin-left: 34px;
}
fieldset#angebot legend{
    margin-left: 28px;
}
fieldset#telefon label{
    margin-left: 34px;
}
fieldset#grund p{
    font-size: 1.0em;
    margin-top: 0px;
    margin-bottom: 0px;
}
fieldset#grund input{
    margin-left: 10px;
}
fieldset#grund input#rueckruf{
    margin-left: 10px;
}
fieldset#grund #label_rueckruf{
    margin-left: 10px;
}
.right{
    margin-left: 15px;
}
fieldset#angebot p{
    margin-left: 10px;
    margin-bottom: 5px;
}
fieldset#angebot p label{
    margin-left: 20px;
}
fieldset#angebot p select{
    color: #666666;
    
}
#raum{
    margin-left: 19px;
}
#bereich{
    margin-left: 9px;
}
#art{
    margin-left: 36px;
}
#anfrage_sonst{
    margin-left: 20px;
    
}
#message{
    margin-left: 36px;
    margin-top: 5px;
    font-size: 1.0em;
}
#message textarea{
    margin-left: 36px;
    margin-top: 5px;
}

table{
    width: 400px;
    color: #666666;
    text-align: left;
    
}
caption{
    font-weight: bold;
    font-size: 1.1em;
    text-align: left
}
th{
    text-align: left;
    font-weight: bolder;
    padding-top: 10px;
}
td{
    padding-top: 10px;   
}
#sitemap{
    color: #85332D;
}
#sitemap li{
    font-size: 1.2em;
    font-weight: bolder;
    list-style-type: square;
    margin-top: 10px;
    
}
#sitemap li a,
#sitemap li a:link{
    color: #666666;
    
    
}
#sitemap li a:visited,
#sitemap li a:hover{
    color: #85332D;
    
}
.gens{
    font-size: 0.9em;
}
.gens a{
    color: #666666;
    font-weight: lighter;
}
#main .partner,
#main .partner:link{
    width: 250px;
    height: 200px;
    border: thin solid #85332d;
    background-color: #ffffff;
    margin: 5px;
    display: inline-block;
}
#main .partner:visited{
    border: thin solid #b1c15d;
}
#main .partner:hover{
    border: thin solid #666666;
}
#fb{
    margin-top: 20px;
    margin-right: 20px;
    border-top: #85332D thin solid;
}
#fb h4{
    font-size: 1.0em;
    font-weight: bolder;
    font-style: italic;
    color: #666666;
}
.datenschutz {
   color: #666666; 
   font-weight: bolder;
   font-style: italic;
}