@charset "utf-8";
/* Koning Installaties stylesheet */

body{
background: #ede9d6;
margin: 0;
padding-top: 30px;
font-family: Arial, Tahoma, Verdana;
color: #4c3215;
}

td a{
text-decoration: none;
color: #4c3215;
border-bottom: 1px solid #bebaa4;}

a img {border: 0;}

div#holder{
margin: 0 auto;
width: 890px;
}

div#container{
width: 890px;
height: 525px;
background: url(../img/kringel.png) top right no-repeat;
position: fixed;
z-index: 0;
}

img.logo{
width: 159px;
height: 87px;
margin: 134px 0 0 0;
position: fixed;
}


ul#menu{
list-style: none;
margin: 252px 0 0 0;
padding: 0px;
width: 193px;
z-index: 3;
position: fixed;
}

ul#menu li{
padding: 0 35px 0 0;
line-height: 28px;
text-align: right;
font-weight: bold;
font-size: 0.9em;
letter-spacing: 1px;
z-index: 3;
}

ul#menu li a{
text-decoration: none;
color: #4c3215;
}

ul#menu li:hover, ul#menu li:hover a{
background: #4c3215;
color: #fff;
}

ul#menu li.p{background: #bebaa4; color: #fff;}
ul#menu li.p:hover, ul#menu li.p a{background: #bebaa4; color: #fff;}

div#margin{height: 134px;}

div#content{
margin: 0 0 80px 193px;
padding-bottom: 20px;
position: relative;
z-index: 1;
background: url(../img/contbg.png) repeat-y;
border-top: 1px solid #d6d5d4;
border-right: 2px solid #d6d5d4;
border-bottom: 2px solid #d6d5d4;
width: 469px;
letter-spacing: 1px;
min-height: 363px;
}

div#content a{
text-decoration: none;
color: #4c3215;
border-bottom: 1px solid #bebaa4;
}

div#content a:hover{border-bottom: 1px solid #4c3215; color: #000;}

h1{
font-size: 0.9em;
font-weight: bold;
}

div#content h1, div#content h2{margin: 0.6em 39px 0.4em 59px;}

h2{
font-size: 0.8em;
font-weight: bold;
}


div#content p{
font-size: 0.75em;
margin: 1em 39px 1em 59px;
line-height: 1.65em;
}

div#content ul li{
font-size: 0.75em;
list-style: square;
margin: 0 39px 0 29px;
line-height: 1.65em;
}

div#content ul{
margin: 1em 0;
padding: 0 0 0 30px;
}
.gr{
padding: 12px 0 0 0;
height: 57px;
margin: 0 0 0 20px;
border-bottom: 1px solid #e6e6e6;
}
.gr:hover{
background: #bebaa4;
cursor: pointer;
}
.gr span, .projecttitel span{
margin: 0 0 0 5px;
font-size: 0.75em;
line-height: 13px;
}
img.thumb{
border: 1px solid #4c3215;
width: 40px;
height: 40px;
margin: 2px 10px 0 39px;
float: left;
}
.gr:hover img,.projecttitel img{border: 1px solid #fff;}
.gr:hover span,div#content .gr:hover h2{color: #fff;}
#boven{border-top: 1px solid #e6e6e6;}
div.gr h2, .projecttitel h2{padding: 0;margin: 5px 20px 4px 95px !important;}

.projecttitel{
padding: 12px 0 0 0;
min-height: 57px;
margin: 0 0 0 20px;
background: #bebaa4;
color: #fff;
}

.bruinebalk{
background: #4c3215;
padding: 5px 0 5px 59px;
color: #fff;
font-size: 0.65em;
}

.bruinebalk a{
color: #fff !important;
text-decoration:none!important;
border:none!important;
}

.bruinebalk a:hover{
color: #FC0 !important;
}

.slideshow{
margin: 0 0 -20px 20px;
min-height: 335px;
}

div.grijsvak{
padding: 0 0 0 22px;
border-top: 1px solid #e6e6e6;
position: absolute;
background: #f6f5f4;
height: 110px;
width: 426px;
bottom: 0px;
margin: 0 20px 0 20px;
}

div.grijsvak img{
float: left;
margin: 14px 17px 10px 17px;
width: 100px;
height: 80px;
border: 1px solid #e6e6e6;
}

div#adres{
position: fixed;
margin: 325px 0 0 688px;
width: 175px;
letter-spacing: 1px;
}

div#adres p, div#adres h2{margin: 0.5em 0;}
div#adres p, div#adres td{
font-size: 0.75em;
}

div#adres table{
border: 0;
border-spacing: 0; border-collapse: 0;}

.tekstkoning a{
position: absolute;
bottom: -55px;
right: -10px;
left: -2px;
line-height: 30px;
font-family: 'Times New Roman';
font-size: 37px;
letter-spacing: 2px;
font-weight: bold;
text-decoration: none;
color: #bebaa4 !important;
border-bottom: none !important;
z-index: -1;
}

.realisatie{
color: #bebaa4 !important;
font-size: 0.7em !important;
margin: 30px 0 0 0 !important;
}

.realisatie a{
color: inherit;
text-decoration: none;
}