﻿body{font-size:small;font-family:Arial, Helvetica, Sans-Serif;color:#666;margin: 20px 0px;background: url(../img/layout/bg.png) #fff repeat-x center top;}
img{border-width:0px;}
td{vertical-align:top;}
table{border-collapse: collapse;}

.clear{clear:both;visibility:hidden;}

.designby{text-align:center;width:996px;color:#333;margin-top:16px;}
.designby a{font-size:x-small;color:#333;font-weight:normal;text-decoration:none;}
.designby a:hover{font-size:x-small;color:#333;font-weight:normal;text-decoration:none;}

.container{width:980px;margin: 0 auto;}

#logo{height:131px;background: url(../img/layout/logo.png) transparent no-repeat right top;}
#menu{height:60px;background: url(../img/layout/bg_menu.png) transparent no-repeat right top;}
#menu > div{width:820px;float:left;height:60px;position:absolute;}
/*Untermenü padding-left*/
div[style*="z-index: 101"] > div{cursor:pointer;}
div[style*="z-index: 102"] > div{padding-left:30px!important;cursor:pointer;}

#header{height:559px;}
#header2{height:423px;}
#quicknav{height:192px;background-color:#fff;/*background: url(../img/layout/bg_quicknav.png) transparent repeat-x left top;*/}
#content{background: url(../img/layout/bg_content.png) transparent repeat-x left top;padding-top:5px;}
#footer{text-align:center;padding-top:40px;}
#footer a, #footer a:hover{font-size:10px;color:#999;font-weight:normal;text-decoration:none;}

#quicknav > div{width:286px;height:192px;margin-right:1px;float:left;padding: 0 20px;}
#quicknav h3{font-family: 'Open Sans', sans-serif;font-size: 30px;line-height:30px;font-weight:600;color:#f5b84b;margin-top:40px;}
#quicknav h4{font-family: 'Open Sans', sans-serif;font-size: 30px;line-height:30px;font-weight:600;color:#f5b84b;margin-top:40px;}
#quicknav h1{font-family: 'Open Sans', sans-serif;font-size: 30px;line-height:30px;font-weight:600;color:#f5b84b;margin-top:40px;}
#quicknav h1 > span{font-family: 'Open Sans', sans-serif;font-size: 24px;line-height:24px;font-weight:700;color:#43403d;}
#quicknav h3 > span{font-family: 'Open Sans', sans-serif;font-size: 24px;line-height:24px;font-weight:700;color:#43403d;}
#quicknav h4 > span{font-family: 'Open Sans', sans-serif;font-size: 24px;line-height:24px;font-weight:700;color:#43403d;}
.quicknav1{background: url(../img/home/quicknav/1.png) transparent no-repeat bottom right;}
.quicknav2{background: url(../img/home/quicknav/2.png) transparent no-repeat bottom right;}
.quicknav3{background: url(../img/home/quicknav/3.png) transparent no-repeat bottom right;}

.button{background: url(../img/layout/b_mehrlesen.png) transparent no-repeat left top;width:98px;height:24px;color:#333;text-decoration: none;vertical-align: middle;display:inline-block;text-align:center;padding-top:10px;}
.button:hover {background: url(../img/layout/bh_mehrlesen.png) transparent no-repeat left top;text-decoration: none;color: #333;}

/*#content > div{margin: 0 auto;}*/
.title{border-bottom:1px #e1e1e1 solid;height:24px;width:980px;margin-top:20px;}
.title > h1, .title h2{font-family: 'Open Sans', sans-serif;color:#666;font-size:18px;line-height:18px;font-weight:normal;margin:10px 0 0 0;}
.title h1{font-family: 'Open Sans', sans-serif;color:#f5b84b;font-size:20px;line-height:22px;font-weight:normal;margin:10px 0 0 0;}
.title h2{font-family: 'Open Sans', sans-serif;color:#666;font-size:18px;line-height:30px;font-weight:normal;margin:10px 0 0 0;}
.title h3{font-family: 'Open Sans', sans-serif;color:#666;font-size:16px;line-height:18px;font-weight:normal;margin:10px 0 0 0;}
.title h4{font-family: 'Open Sans', sans-serif;color:#666;font-size:16px;line-height:18px;font-weight:normal;margin:10px 0 0 0;}


.boxen{width:980px;margin-top:20px;}
.box{width:180px;height:200px;float:left;margin-right:20px;text-align:center;}
.projekte{height:180px!important;}
.box a, .box a:hover{display:block;width:180px;height:200px;text-decoration:none;color:#666;}
.box img{border:1px #ccc solid;margin-bottom:5px;}

.inhalt{width:980px;margin-top:20px;}
.inhaltl{float:left;width:780px;}
.inhaltr{float:right;width:180px;}
.inhaltr img{border:1px #ccc solid;}

.inhalt{width:980px;margin-top:20px;}
.inhalt640{float:left;width:640px;}
.inhalt320{float:right;width:320px;}
.kontaktl{float:left;width:560px;}
.kontaktr{float:right;width:400px;}
.kontaktr iframe{width:400px;height:360px;}
.kontaktl a, .kontaktr a, .inhaltl a, .inhalt640 a{color:#999;font-weight:normal;text-decoration:none;}
.kontaktl a:hover, .kontaktr a:hover, .inhaltl a:hover, .inhalt640 a:hover{color:#999;font-weight:normal;text-decoration:underline;}

.brunner{font-size:10px;}
.impressum{font-size:10px;}

.nomargin{margin:0px!important;}
.hidden{display:none;}
#slides{position:relative;z-index:1;width:980px;height:559px;background-color:#fff;}
#slidethumbs{position:relative;z-index:2;width:876px;height:90px;margin-top:-136px;background: url(../img/layout/bg_slidethumbs.png) transparent no-repeat left top;padding:23px 52px;}
#slidethumbs > div{float:left;width:153px;height:88px;margin-right:25px;border:1px #ccc solid;cursor:pointer;}
#slidethumbs > div:hover{float:left;width:153px;height:88px;margin-right:25px;border:1px #f5b84b solid;cursor:pointer;}