/* CSS Document */
html{height:100%;}
body{margin:0px;padding:0px;font-family:Arial, Helvetica, sans-serif;font-size:11px; /*height:99%;*/ color:#5c7473;}
a:link, a:hover, a:visited{color:#5c7473;}
.header{min-height:141px; position:relative;}
.border{background-color:#005382; height:20px; float:none; clear:both;}
.logo{border-bottom: 20px solid #005382; width:320px; height:100px;}
.search{border-bottom: 20px solid #005382; width:722px; padding-top:100px;}
.febelgra{border-bottom: 20px solid #005382; padding-top:75px; vertical-align:top;}
.overzicht{float:left; width:320px; padding:10px 0px 0px 20px;}
.paginering{text-indent:20px; float:none; clear:both; }
.sort{}
.page{padding:10px 0px 0px 20px; float:left;}
.resultaten{}
.title{float:left; width:620px; height:20px; background-color:#f0f0f0; padding:3px 0px 3px 20px; margin-top:10px;}
/*.title td{width:250px;}*/
.thumb{margin:10px 0px 10px 20px; float:left;}
.adres{margin:10px 0px 10px 60px;float:left;}
.commercieel{padding-bottom:10px;}
.naam {float:left; width:100%; height:30px; background-color:#f0f0f0; padding:3px 0px 3px 20px; color:#005382; font-size:20px; font-weight:bold; border-bottom:1px solid #005382;}
.left {width:273px; height:100%; float:left; padding:10px 0px 0px 20px; border-right: 1px solid #005382;}
.gegevens {padding-bottom:10px;}
.detaillogo {margin-bottom:20px;}
.icons {padding-bottom:10px;}
.technieken{padding:20px; float:left; }
.tekst{font-size:12px;}
.taal{text-decoration:none; color:#000000;}

/* NIEUWE CSS ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#Zoeken_Bedrijf {
    background: url(images/shade.png) repeat-y scroll center center transparent;
    position: relative;
    width: 100%;
}
#wrap { 
	margin: 50px auto;
	width : 860px; 
	position:relative; 
	background-image:url(images/bg-landingpage.png);
	border: 1px solid #CCC;
}
#wrap2 { 
	margin: 0px auto; 
	width : 860px; 
	position:relative; 
	border-left:solid 1px #C2C1BC;
	border-right:solid 1px #C2C1BC;
}
#header {
	width: 860px;
}
#logo {
	float:left;
	width: 200px;
	margin-right: 20px;
}
#headerright {
	float:left;
	width:620px;
	position:relative;
	margin:15px 0px 0px 0px;
}
#detailWrapper{ float:left; width:200px; z-index:500; margin: 0px; }
#navLeft {
	/*background-image: url(images/bg-nav.png);*/
	background-color:#E5E5E5;
	padding: 0px;
}

#content, #content tr, #content td { margin:0px; padding:0px; border-collapse: collapse; }
#searchbar { position:relative; background-color:#01A4DB; height:70px; color:White;}
#searchbar input { color:#5C7473;}
#searchoptions2 { background-color:White; }
#searchoptions2 input {  }
#searchoptions2 #locatieVan { background-color:#E5F6FB;border-color:#01A4DB;border-width:1px;border-style:solid; }
#searchoptions2 #btnZoeken2 #VerfijnZoek { color: #FFF; background-color:#3cb04a; border: 0px;}
#txtWie2 #txtWat2 #txtWaar2 {
	background-color:#eaf2c2;
	border: 1px solid #3cb04a;
}
#searchbar_sub{position:relative; background-color:#99DBF1; height:35px; margin-top:2px;}
#results { }
#grid { width:640px; padding-bottom:10px; background-color:White; position:relative; border-left-style:solid; border-left-color:#C2C1BC; border-left-width:1px; min-height:830px; padding-top: 15px;}
#grid a { text-decoration:none; color:Black; border:0; }
#grid a img { border:0; }
#grid .detail { text-decoration:underline; color:#5C7473; }
.white { background-color:White; }
#taalkeuze { position:absolute; top:10px; left:755px; }
#taalkeuze a { color:#5c7473; }

#extraSearchoptions table tr { background-color:#e5f6fb; }
#extraSearchoptions div { display:inline; margin-right:10px; }
.optionList { list-style-type: none; margin:0; padding:0; width:180px; max-height:300px; overflow:auto; font-weight:normal; }
#verfTrefwoorden .optionList { margin:5px 0px 15px 0px; width:190px; }
.optionList li { overflow:hidden; height:17px; }
.optionList li span { overflow:hidden; cursor:default; }
.optionList img{ vertical-align:middle; margin-right:5px; cursor:pointer; }

#hdr .r table { border-collapse:collapse; line-height:25px; height:25px; }
#hdr .r table td { padding-right:10px; }
.check input { position:relative; top:2px; }
#hdrDetail { height:30px; width:845px; background-color:#99dbf1; clear:left; padding-right: 15px;}
#hdrTitle {
	line-height:25px; 
	height:28px; 
	width:200px; 
	width:205px\9;
	background-color:#01a4db; 
	border-right-style:solid; 
	border-right-color:#fff; 
	border-right-width:thin; 
	font-weight:bold; 
	color:#FFF; 
	font-size: 12px; 
	background-image:url(images/arrowdot-white.png); 
	background-repeat:no-repeat; 
	background-position: 10px 10px;
	padding-top: 2px;
	text-transform:uppercase;
}
#hdrTitle span { margin-left:30px;}

.cat { list-style-type:none; margin-left:0px; padding-left:10px; }
.titles { 
	font-weight:bold;
	font-size: 13px;
	padding-left:32px; 
	padding-top:10px; 
	padding-bottom:10px; 
	cursor:pointer;
	background-image:url(images/arrowdot-grey.png);
	background-repeat: no-repeat;
	background-position: 15px 10px;
	border-bottom: 1px solid #fff;
	font-size: 12px;
	position:relative;
}
#loc { position:relative; left:-35px; margin-top:10px; width:180px; }
#loc .optionList { margin-top:10px; max-height:150px; width:190px; }
#locaties { background: url('images/arrowdot-grey2.png') no-repeat transparent; background-position: 15px 10px; padding-left:40px; }
#trefwoorden { background: url('images/arrowdot-grey2.png') no-repeat transparent; background-position: 15px 10px; padding-left:40px; }
.l {float:left;}
.r {float:right;}
.check { vertical-align:middle;}

#spacer { width:195px; width:200px\9; height:15px; border-right-style:solid; border-right-color:#fff; border-right-width:thin; background-color:#01a4db; color:#fff; font-size:9px; padding: 15px 0px 0px 5px}
#detailList {  }

.options { overflow:auto; height:505px; padding: 0px 15px; }
.overlayTop { background-color:White; overflow:auto; height:520px; /*width:620px; height:543px;*/ /*position:absolute; top:198px; left:220px;*/ }
.overlayBottom { background-color:White; width:620px; height:30px; /*position:absolute; top:740px; left:220px;*/ padding-top:5px; border-top:solid #C2C1BC 1px; }

#Footer { position:relative; width:860px; background-color:#DFE0D0; }
#footercontent { height:25px; margin-left:200px; padding-right:10px; padding-top:5px; padding-left: 15px; background-color:#99dbf1; }
#footercontent .l a { color:#5c7473; }

#Overzicht { margin-left:10px; padding-left:10px; position:relative; left:10px; }
.spacer { margin-top:5px; }
.whitespace { margin-top:10px; }
.dataRow { border-bottom: solid 1px #01A4DB; }

/*.hdrImage { background-image:url(../img/global/grafx_top.png); height:35px; background-repeat:no-repeat; margin: 20px auto 0px auto; width:1014px; z-index:500; }*/
/*.ftrImage { background-image:url(../img/global/grafx_bottom.png); height:35px; background-repeat:no-repeat; margin: 0px auto 0px auto; width:1014px; }*/
.imageLeft { background-image:url(../img/global/grafx_leftright.png); background-repeat:no-repeat; min-height:800px; position: absolute; margin-top:auto; width:25px; min-height:25px; top:450px; left:-25px; }
.imageRigth { background-image:url(../img/global/grafx_leftright.png); background-repeat:no-repeat; min-height:800px; position: absolute; margin-top:auto; width:25px; min-height:25px; top:450px; left:870px; }

#partnerDetails { margin-left:25px; padding-top:25px; }
#progress { position:absolute; top:220px; left:420px; background-color:#fff; z-index:500; } 
#progress div { margin-left:50px; } 

.pagerRow table { float:right; }
.pagerRow table td a { margin-right:3px; }
.pagerRow span { margin-right:3px; }
.adresimg { padding-top:30px; padding-left:10px; }

#searchoptions img{ vertical-align:middle; margin-left:5px; cursor:pointer; }
#extraSearchoptions label { text-decoration:underline; cursor:pointer; }

/* NIEUWE CSS VOOR CAPTCHA ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#captchaWrap { margin: 150px auto auto auto; width:500px; /*height:400px;*/ background-color:white; position:relative; }
/*#logo { position:relative; left:154px; }*/
#subrow { background-color:#01A4DB; }
#subrow img { margin-left:150px; padding: 5px 0 5px 0; }
#check { background-color:#99DBF1; padding-top:10px; padding-bottom:10px; }
#check p { margin-left:5px; margin-right:5px; margin-bottom:5px;}
#logoFebelgra { /*position:absolute;*/ background-color:#FFF; /*top:345px;*/ /*left:298px;*/ }
#logoFebelgra img { position:relative; left:298px; }

/* LIGHTBOX -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 150%;
	background-image:url(images/bg-blackoverlay.png);
	z-index:1001;
}
 
.white_content {
	display: none;
	position: absolute;
	top: 5%;
	left: 50%;
	width: 700px;
	margin-left:-350px;
	height: 70%;
	padding: 16px;
	/*background-color: white;*/
	z-index:1002;
	/*overflow: auto;*/
}

#closeOverlay { 
	position:absolute; 
	right:16px; 
	top:5px; 
	cursor:pointer;
	width: 60px;
	height:20px;
	color:#fff;
	font-size:12px;
	padding-left:20px;
	padding-top:2px;
	background: url('../img/global/close.png') no-repeat transparent;
}

#verfijnLightbox {
	width: 300px;
	margin-bottom: 20px;
	position:absolute; 
	left:15px; 
	top:5px; 
}

.clearAll { display:inline; }
.submitButton { background-color:#01a4db !important; border:1px solid #01a4db; color: #FFFFFF !important; cursor:pointer; }
.submitButtonSmall { background-color:#01a4db !important; border:1px solid #01a4db; padding:0; color: #FFFFFF !important; cursor:pointer; width:60px; margin-left:3px; }
.submitButtonSmallRed { background-color:#e41c1c !important; border:1px solid #e41c1c; padding:0; color: #FFFFFF !important; cursor:pointer; width:60px; margin-left:3px; }
#verfTrefwoorden { position:relative; left:-35px; width:195px; }
#verfTrefwoorden select { margin-left:0px; margin-bottom:5px; }
.btnVerfijn { background-color:#01a4db !important; border:1px solid #01a4db; color: #FFFFFF !important; cursor:pointer; }

/* TOOLTIP -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.tooltip {
	background-color: #666;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 8px #000;
	-webkit-box-shadow:0 0 8px #000;
}

/* background -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.bg { height: auto; left: 0px; min-height: 100%; min-width: 1024px; position: fixed; top: 0px; width: 100%; z-index:-10; }