/* 
 * ESA Afbouwkeur
 * Style Sheet
 */
 
*
{
	margin:0px;
	padding:0px;
	text-decoration:none;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	list-style:none;
	font-size: 11px;
	line-height:15px;
}

img
{
	border:none;
}

.siteContainer 
{
    width:900px;
}

#container1 
{
    width:350px;
    float:left;
    margin-top:5px;
}

#container2 
{
    width:550px;
    float:left;
    margin-top:5px;
}


/* HEADER */
#disclaimer
{
	color:#CBCBCB;
	width:310px;
	margin-left:80px;
	font-size:11px;
}

#disclaimer label
{
    width:200px;
}

#disclaimer a
{
	color:#CBCBCB;
}

#disclaimer a:hover
{
	color:#000000;
}

.pageLogo
{
	margin-top:10px;
	margin-left:55px;
	background-image: url(Afbouwkeur);
}

#header 
{
    width:550px;
    height:75px;
    border-bottom:1px solid #FF0000;
    margin-bottom:10px;
}

.keurmerken
{
    margin-top:25px;
	border:none;
	float:left;
}

#topMenu
{
    float:left;
    margin-left:90px;
}

#topMenu li
{
	float:left;
	border-right:1px solid #CBCBCB;
	padding-left:5px;
	padding-right:5px;
	height:15px;
}

#topMenu li a
{
	color:#7D7D7D;
	font-size:10px;
}

#topMenu li a:hover
{
	color:#000000;
}
/* EINDE HEADER */

/* HOOFDMENU */
#hoofdMenu 
{
	font-size: 11px;
	margin-top:30px;
	margin-left: -15px;
	background:url(/lib/images/hoofdMenuVlak.gif) no-repeat;
	height:360px;
	width:320px;
	padding-top:1px;
	cursor:default;
}

ul 
{ /* all lists */
	padding: 0;
	padding-left: 15px;
	
	
}

.hoofdList
{
	text-align:right;
	margin-top:30px;
	width:160px;
}

li 
{ /* all list items */
	position: relative;
	height:25px;
}

#hoofdMenu li a
{
	color:#7d7d7d;
	
}
#hoofdMenu li a:hover
{
	color:#000000;
}

li ul 
{ /* second-level lists */
	display:none;
	margin-left:150px;
	margin-top:-16px;
}
li ul li 
{
	margin-left:30px;
}
li>ul 
{
	width:200px;
	text-align:left;
	background:url(/lib/images/rodePijl.gif) 15px 4px no-repeat;
}

li:hover ul, li.over ul 
{
	display: block;
}

#hoofdMenu .active a
{
	color:#E1001A;
}

#hoofdMenu .active ul li a
{
	color:#7d7d7d;	
}

.activeSub
{
	display:block;
}
/* EINDE HOOFDMENU */

/* CONTENT */
#content
{
	width:350px;
	float:left;
	cursor:default;
}

#content a
{
	color:#000000;
}

#content a:hover
{
	color:#E1001A;
}

#inleiding
{
	min-height:175px;
	color:#7D7D7D;
	font-size:11px;
	text-align:justify;
	float:left;
}

.home
{
    width:550px;
    margin-bottom:10px;
}

#inleiding p
{
	color:#000000;
	
}


#wide
{
	width:550px;
	clear:both;
	margin-top:15px;
}

#wide #stucKeur
{
	border-top:1px solid #82B719;
	padding-top:5px;
	width:170px;
	float:left;
	margin-right:15px;
}

#wide #vloerKeur
{
	border-top:1px solid #88146A;
	padding-top:5px;
	width:170px;
	float:left;
	margin-right:15px;
}

#wide #plafondKeur
{
	border-top:1px solid #0070b7;
	padding-top:5px;
	width:170px;
	float:left;
}
.stuc {color: #82b719 !important;font-weight:bold;}
.vloer {color: #88146A !important;font-weight:bold;}
.plafon {color: #0070B7 !important;font-weight:bold;}

#normaal { text-align: justify; margin: 60px 0px 30px 0px; padding: 0; float: left; min-height:300px;}
#normaal img {  margin-bottom: 20px; }
#normaal .paragraaf { clear: both;}
#normaal .paragraaf a { color:#a7a7a7;}
#normaal .paragraaf a:hover { color:#E1001A;}
#normaal .paragraaf a img { margin: 0 10px 10px 0; width: 100px; float: left;}
#normaal .paragraaf img { margin: 0 10px 10px 0; float: left;}
#normaal .paragraaf p { margin: 0px 10px 10px 0; padding: 0; width: 350px;}
#normaal p { margin: 0 0 10px 0; padding: 0; width: 350px;}
#normaal .paragraaf h2 {margin: 0px; padding: 0px; width: 328px; height: 20px;}
#normaal .paragraaf ul {list-style: disk; margin: 0px 10px 10px 0px; padding: 0 0 0 12px;  width:328px;}
#normaal .paragraaf ol {margin: 0px 10px 10px 10px; padding: 0px; float: left; height: auto; width:328px;}
#normaal .paragraaf li { /*list-style-position: outside;*/ list-style: disk important; height: auto; margin: 0px 0px 0 10px;}
#normaal .paragraaf li { /*list-style-position: inside;*/ list-style: disk important; height: auto; margin: 0px 0px 0 10px;}



h1
{
	color:#E1001A;
	font-size:18px;
	padding: 0px 0px 5px 0px;
	cursor:default;
	margin: 0;
	
}

h2
{
	font-size:12px;
	margin-bottom:10px;
	padding: 0px 0px 5px 0px;
}
 #normaal ol{ float: left}

#normaal li
{
	list-style:disc;
	height:auto;
	margin:3px;
}
/* EINDE CONTENT */

/* ZOEKEN */
#zoeken
{
	width:175px;
	float:right;
	margin-left:25px;
	position: relative;
}
#zoeken .logo {position: absolute;right:0px;}
#zoeken .logotekst {top: 26px; left: 0; position: absolute;}
#zoeken .zoekbox {top: 62px; left: 0; position: absolute;}
#zoekHeadLang
{
	position:absolute;
	right:0px;
	top:90px;
}
#zoekTekstLang
{
	margin-top:26px;
}
.headLong
{
	top:130px;
}

#ctrlZoekBox_shade, #ctl00_ctrlZoekBox_shade
{
	background:url(/lib/images/ZoekenVlak.gif) no-repeat bottom left;
	width:180px;
	height:85px;
	padding-top:10px;
	padding-bottom:15px;
	color:#7D7D7D;
	font-size:9px;
	line-height:15px;
}

#zoeken .field
{
	margin-left:7px;
	border:1px solid #E0E0E0;
	height:19px;
	width:150px;
	float:left;
	color:#7D7D7D;
}

.zoekBox
{
    height:16px;
}

#zoeken .button
{
	margin-left:-20px;
	margin-bottom:10px;
}

fieldset .button 
{
    margin-left:-10px;
    margin-bottom:-2px;
}

#ctrlZoekBox_shade .checkbox, #ctl00_ctrlZoekBox_shade .checkbox
{
	padding-left:25px;
	margin-bottom:2px;
	font-size: 9px;
}

#ctrlZoekBox_shade .checkbox label, #ctl00_ctrlZoekBox_shade .checkbox label 
{
    margin-left:5px;
    }

#ctrlZoekBox_shade #ctl00_ctrlZoekBox_zoekenNL, #ctl00_ctrlZoekBox_shade #ctl00_ctrlZoekBox_zoekenNL
{
	border:none;
	margin-top:5px;
}

#zoeken .long
{
	height:270px;
}

.zoekenResultaat
{
	width:300px;
	border:1px solid #E1001A;
	margin-left:25px;
	background-color:#EFEFEF;
	padding:5px;
	padding-bottom:16px;
}

.resultaatHighlight
{
	width:250px;
	margin-left:25px;
	background-color:#CCCCCC;
	padding:5px;
	margin-top:5px;
	margin-bottom:2px;
}

.stucbedrijven
{
	border:2px solid #679211;
}

.vloerbedrijven
{
	border:2px solid #88146a;
}

.plafondbedrijven
{
	border:2px solid #025b94;
}
/* EINDE ZOEKEN */

/* NIEUWS */
.nieuws
{
	width:550px;
	border-top:1px solid #FF0000;
	margin-top:20px;
	padding-top:5px;
	clear:both;
}

#nieuwsTag 
{
    float:left;
}

.nieuws #bericht
{
	font-size:11px;
	float:left;
	margin-left:10px;
	width:385px;
}

.nieuws a
{
    color:#7d7d7d;
}

.nieuws a:hover
{
    color:#000000;
}

.nieuws #alleBerichten a
{
	color:#FF0000;
	font-size:11px;
}

.nieuws #alleBerichten a:hover
{
	color:#000000;
}

#content .nieuwsList
{
	width:350px;
	
	list-style:none;
	margin: 0 0 0 -18px;
}



#content .nieuwsList li
{
	height:40px;
	border-top:1px solid #000000;
	list-style:none;
	
	
}

#content .nieuwsList li .datum
{
	color:#808080;
	
}
/* EIND NIEUWS */

/* PROJECTEN */
#projecten .naam
{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}

#projecten .content
{
	width:350px;
	margin-bottom:20px;
	display:none;
}

#projecten .projectItem 
{
    overflow: hidden;
    margin-bottom:10px;
}

#projecten .content img
{
	float:left;
	border:1px solid #82B719;
	margin-right:10px;
	height: 100px;
}
#projecten .content .groep1 h3 {color:#82b719;font-size:9px;margin: 0;}
#projecten .content .groep1 img {float:left;border:1px solid #82b719;margin-right:10px;height: 100px;}
#projecten .content .groep1 a {color: #82b719;}

#projecten .content .groep2 h3 {color:#0070B7;font-size:9px;margin: 0;}
#projecten .content .groep2 img {float:left;border:1px solid #0070B7;margin-right:10px;height: 100px;}
#projecten .content .groep2 a {color: #0070B7;}

#projecten .content .groep3 h3 {color:#88146A;font-size:9px;margin: 0;}
#projecten .content .groep3 img {float:left;border:1px solid #88146A;margin-right:10px;height: 100px;}
#projecten .content .groep3 a {color: #88146A;}



#projecten .content h3
{
	color:#82b719;
	font-size:9px;
	margin: 0;
	
}

#projecten .content label
{
	color:#7D7D7D;
	font-size:9px;
	margin: 0;
	padding: 0;
}

#projecten .content a
{
	color:#000000;
	float:left;
	font-size:9px;
}

#projecten .content a:hover
{
	color:#82B719;
}

#projecten .projectButton
{
	cursor:pointer;
}
/* EINDE PROJECTEN */


/* CSS Walter */
#trefwoordboxcontainer {min-height: 250px;}
.Trefwoordbox { width: 350px; padding: 10px 0 0 0; }
.Trefwoordbox h1 
{
    color:#E1001A;
    font-size:18px;
    padding: 0px 0px 15px 0px;
}

.Trefwoordbox h2 
{
    font-size:12px;
    margin-bottom:10px;padding: 15px 0px 5px 0px;
}

.Trefwoordbox fieldset 
{
        border: 0;
}

.Trefwoordbox fieldset legend 
{
    display: none;
}
.Trefwoordbox ul li a {display: block; padding: 0 0 0 20px;}
.Trefwoordbox ul li img 
{
    margin-right:5px;
    float: left;
}

/*
.zoekButton
{
    width:40px;
    margin-left:-20px;
}*/
.button 
{
    border:none;
    background:url(/lib/images/ZoekenSubmit.gif) top left no-repeat;
    text-indent:50px;
    width:39px;
    height:20px;
    cursor:pointer;
}

#ctl00_ContentContainer_ctrlZoeken_chblProvincie label, .checkbox label
{
    margin-left:5px;
}

.formulier
{
	width: 350px;
	float: left;
	padding-bottom: 40px;
}


