/* copyright De Stijlerij ontwerp & redactie - Jeannette Nieuwenhuizen */


body {
background: #998   /* #708090 8b8970 url(../images/background.jpg)*/; /*  */
font-family: Verdana, Georgia, Arial, "Trebuchet MS", Sans-Serif;
font-size: 62.5%; /* 1em = 10px */
color: #054523; /* tekstkleur 054523*/
padding: 0;
margin: 0;
background-repeat: repeat-x;}

/* alle divs */
* {margin:0; padding:0;}


img.download {vertical-align:middle;}

/* container */
#container{ 
width:975px;
min-height:590px;
height:auto !important;
height:590px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
background:#fff;}


#container-intro{ 
width:975px;
height:590px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
background:#fff  url(../images/background-intro.jpg);
border:1px solid #fff;}



#header{
float:left;
width:975px;
height:150px;
text-align:center;
border:1px solid #fff;}


#header{background:#b4cad1 url(../images/header.jpg);}




#menu {float:left; width:976px; text-align:left; margin:0 auto; 
border-right:1px solid #fff;} /*gehele groene menubalk */

#menu ul {width:100%; margin:0; padding:0; list-style:none; white-space:nowrap; 
text-align:left; /* tekst submenu uitlijnen */
background-color:#228B22; } /* menubalk */
#menu ul {display:inline-block;} 
#menu ul {display:inline;}
#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px;}
#menu ul.level1 {display:table; margin:0 auto;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative; 
border-left:1px solid #fff;}



#menu b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering --*/

#menu a {display:block; font:normal 11px verdana,arial,sans-serif; color:#fff; 
line-height:25px; text-decoration:none; padding:0 19px;}
/* standaard menu-itemopmaak en hoe dicht menu-items op elkaar staan */
#menu ul.level1 li.level1-li a.level1-a {float:left;} /*tekst zelf*/



#menu ul li:hover > ul {visibility:visible; left:0; top:25px;} /* afstand dropdown vanaf menu-item */
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-25px;}
#menu li.left:hover > ul {visibility:visible; left:auto; right:0; top:25px;}
#menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-25px;}


#menu a:hover ul {left:0; top:23px;}
#menu li.left a:hover ul {left:auto; right:-1px; top:23px;}

#menu li.left ul a {text-align:right;}


#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu li.left a:hover a:hover ul, 
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}

#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}
#menu li.left a:hover ul ul, 
#menu li.left a:hover a:hover ul ul {left:-9999px;}

#menu li a.drop {background-color:#228b22;} /* menu-items met dropdown in gewone staat */
#menu li a.drop:HOVER {background-color:#6a5;} /* menu-items met dropdown on hover */


/* #menu li a:hover{color:#ccc; white-space:nowrap; background-color:#333;} 
#menu li a.fly:hover {color:#ccc; white-space:nowrap; background-color:#333;} 
menu-item zonder dropdown */


#menu li:hover > a{color:#fff; white-space:nowrap; 
background-color:#6a5;} /* kleur rollover links zonder dropdown, en dropdownitems zelf*/
#menu ul li:hover > a.fly {color:#fff; white-space:nowrap; 
background-color:#fc0;} /*hover menu-item rechts of links flyout*/

#menu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-4px;}
#menu table table {position:absolute; left:99%; height:0; width:0; 
border-collapse:collapse; margin-top:-29px;}

#menu li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px;}
#menu li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; 
margin-top:-29px;}

#menu ul.level2{list-style-type:square; background-color: #6a5; border:1px solid #fff; margin-left:-1px;} /*dropdownvlakken*/
#menu ul.level2 a{list-style-type:square; color:#fff; padding:2px 0px 2px 19px;} 
/*links in submenu*/
#menu ul.level2 a:HOVER{list-style-type:square; color:#fff; background-color:#228b22;text-decoration:none;}/* achtergrondkleur dropdownitems on hover*/


#menu ul.level2w{list-style-type:square; background-color: #6a5; border:1px solid #fff; margin-left:-1px; width:250px;} /*dropdownvlakken breder*/
#menu ul.level2w a{list-style-type:square; color:#fff; padding:2px 0px 2px 19px;} /*links in submenu*/
#menu ul.level2w a:HOVER{list-style-type:square; color:#fff; background-color:#228b22;text-decoration:none;}/* achtergrondkleur dropdownitems on hover*/






#content, #content-bedrijfsinformatie,#content-projectontwikkeling, #content-werken, #content-contact{
float:left;
width:975px;
height:415px;
overflow:auto;
border:1px solid #fff;
background:#dbebde;}

#content{background:url(../images/background-home.jpg) no-repeat;}
#content-bedrijfsinformatie{background:url(../images/background-bedrijfsinformatie.jpg) no-repeat;}
#content-projectontwikkeling{background:url(../images/background-projectontwikkeling.jpg) no-repeat;}
#content-werken{background:url(../images/background-werken.jpg) no-repeat;}
#content-contact{background:url(../images/background-contact.jpg) no-repeat;}





#blok-001{
float:left;
width:296px;
min-height:415px;
height:auto !important;
height:415px;}


#blok-002{
float:left;
width:580px;
min-height:415px;
height:auto !important;
height:415px;
border-left:1px solid #fff;}


#blok-003{
float:right;
width:98px;
min-height:415px;
height:auto !important;
height:415px;}


#adres{padding:348px 20px 0 10px; text-align:left; font-size:.9em;}
#adres a{color:#352;}


/* TEKSTOPMAAK */

#tekst{
float:left;
padding:20px 0px 5px 50px;}



a{color: #66aa55; text-decoration:none; font-weight:bold;}
a:visited{color: #66aa55;}
a:hover{color: #66aa55; text-decoration:underline;}
a:active{color: #66aa55;}


p{
font:1.1em Verdana;
margin-bottom:18px;
line-height:1.6em;}

p b{font-weight:bold;}
p i{font-style:italic;}
.comment{color:red;}



ul{
font-size:1.1em;
line-height:1.6em;
list-style-type:square;
list-style-position:outside;
margin-left:16px;}



h1{font:1.6em Georgia; margin-bottom:18px;}
h2{font:1.2em Verdana; font-weight:bold; color:#054523; margin-bottom:2px;}

#tabel-bedrijfsinformatie1, #tabel-bedrijfsinformatie2{
line-height:1.5em;
margin-bottom:18px;}


#tabel-bedrijfsinformatie1 td, #tabel-bedrijfsinformatie2 td
{font-size:1.1em; width:200px; margin-left:auto; margin-right:auto; margin-bottom:18px; vertical-align:top;}



#tabel-certificeringen-a, #tabel-certificeringen-b, #tabel-certificeringen-c, #tabel-certificeringen-d{
line-height:1.5em;
margin-left:-2px;
border-top:1px solid #352;}

#tabel-certificeringen-a td, #tabel-certificeringen-b td, #tabel-certificeringen-c td, #tabel-certificeringen-d td
{font-size:1.1em; width:80%; padding:12px 0 0 0; vertical-align:top;}

#tabel-certificeringen-a .right, #tabel-certificeringen-b .right, #tabel-certificeringen-c .right, #tabel-certificeringen-d .right 
{text-align:right; vertical-align:middle;}






/* portfolio */

#content-portfolio{
float:left;
width:975px;
min-height:415px;
height:auto !important;
height:415px;
border:1px solid #fff;
background:#fff url(../images/background-portfolio.jpg) no-repeat;}




#tekst-portfolio{
/*width:100%;*/
float:left;
margin-left:348px;}



#tekst-portfolio table{
margin-bottom:16px;}

#tekst-portfolio td
{width:300px; font-size:1.1em;vertical-align:top; 
margin:0; border:1px solid #352; padding:2px;}

#tekst-portfolio img{width:300px; height:210px; /*border:1px solid #352;*/}

td.onderschrift{width:297px; line-height:1.3em; background-color:#dbebde; text-align:left;}

#tekst img{border:1px solid #352;}





/* uitklapteksten */ 
#woningbouw, #utiliteitsbouw, #verbouw
{margin-bottom:3px;}

#woningbouw-fotos, #utiliteitsbouw-fotos, #verbouw-fotos
{width:50%; display:none; margin-bottom:12px; background-color:#fff;}

.uitklapkop{font:1.6em Georgia; margin-bottom:18px;}
.uitklapkop:HOVER{text-decoration:none;}
#portfoliokop{font:1.6em Georgia; padding-top:20px; margin-bottom:18px; }




#credits{clear:both; color:#fff; font-size:.9em; text-align:center; margin-top:5px;}
#credits a{color:#fff; text-decoration:none;}

#printknop{
margin-top:25px;
width:200px;
font: 1.1em Verdana, Georgia, Arial, "Trebuchet MS", Sans-Serif;
border:1px solid #352;}