/*------------  RESET------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, blockquote, pre, code, p, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, div, span, table, tr, th, td {
margin: 0; padding: 0; }

form{ margin: 0px !important; padding: 0px !important;}

/*------------  Body/HTML  ------------------------------------------------*/
html {
overflow-y:scroll !important; /*------------ zorgt voor een verticale scroll  in ff, zodat de pagina niet springt------------*/
}
html, body {
height:100%;
}
body , table, span, tr, td, p{
color:#454545;
font-family:Arial, Tahoma, sans-serif;
font-size:12px;
line-height:18px;
text-align:left;
background:#fefefe;
}
#body { /*------------  Deze Div dient als Body van de gehele pagina. Dit voorkomt dat de tekst gecentreerd word in het CCMS beheer gedeelte  ------------------------------------------------*/
text-align:center;
height:100%;
}

/*------------  Opmaak  ------------------------------------------------*/
h1 {
color:#D30000;
font-weight:bold;
font-size:13px;
line-height:30px;
margin-left:15px;
}
h2 {
color:#454545;
font-size:13px;
font-weight:bold;
margin:6px auto 6px;
}
p {
margin-bottom:10px;
}
.tekst {
font-size: 12px;
line-height: 20px;
}
.kop {
color:#D30000;
font-size:12px;
font-weight: bold;
margin-bottom: 10px;
}
.kopzwart {
font-size: 12px;
color: #000;
font-weight: bold;
}
a:link, a:active, a:visited {
color:#454545;
font-weight:bold;
}
a:hover {
color:#D30000;
text-decoration: underline;
}

/*------------  Container  ------------------------------------------------*/
#container {
width:1081px;
background: url(/grafix/bg_container.jpg) repeat-y;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -31px; /* margin-bottom moet dezelfde hoogte krijgen als je footer maar dan in negatieve waarde */
text-align:left;
}

/*------------  Header  ------------------------------------------------*/
#header {
margin-left:15px;
position:  relative;
background: url(/grafix/header.jpg) no-repeat;
height:142px;
width:1050px;
}
#logo a:link, #logo a:active, #logo a:visited{
text-decoration:none;

display:block;
width:320px;
height:40px;
position: absolute;
z-index:3;
right: 205px;
top: 83px;
}


/*------------  Navigatie   ------------------------------------------------*/
#header_bottom {
position:relative;
height: 31px;
width:1050px;
background:url(/grafix/navigation.jpg) repeat-x;
margin-left:15px;
z-index:990 !important;
}

#siteNavigation {
display:inline;
float:left;
height:31px;
margin-left:40px;
width:750px;
z-index:990 !important;
}
#navigation_overlay {
background:transparent url(/grafix/navigation_overlay.jpg) no-repeat scroll 0 0;
height:31px;
left:15px;
position:absolute;
width:42px;
z-index:996;
}
ul#hoofdmenu {
height:31px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:relative;
z-index:990 !important;
}
ul#hoofdmenu li {
background-image:url(/grafix/navigation_button.jpg);
background-position:left top;
background-repeat:no-repeat;
float:left;
height:31px;
line-height:31px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:relative;
width:120px;
z-index:990 !important;
}
ul#hoofdmenu li a {
text-decoration:none;
color:#FFFFFF;
display:block;
font-size:12px;
font-weight:bold;
height:31px;
line-height:31px;
z-index:100 !important;
margin-left:16px;
text-align:center;
display:block;
width:104px;
}
ul#hoofdmenu li a.active {
text-decoration:underline;
}
ul#hoofdmenu li:hover a {
text-decoration:underline;
}
#siteNavigation ul#hoofdmenu li ul.submenu {
background:#FAFAFA none repeat scroll 0 0;
border:1px solid #545454;
display:none;
left:0;
position:absolute;
top:31px;
width:163px !important;
z-index:990 !important;
}
#siteNavigation ul#hoofdmenu li ul.submenu li {
background-image:none;
width:153px !important;
z-index:990 !important;
}
#siteNavigation ul#hoofdmenu li ul.submenu li a {
color:#454545;
margin-left:0px;
display:block;
font-size:12px !important;
line-height:28px;
font-weight:bold;
padding-left:10px;
position:relative;
text-align:left;
text-decoration:none;
width:153px !important;
z-index:990 !important;
}
ul.submenu li a:hover {
background:#545454 none repeat scroll 0 0;

color:#FFFFFF !important;
display:block;
text-decoration:underline;
width:153px !important;
z-index:990 !important;
}
#siteNavigation ul#hoofdmenu li:hover ul.submenu {
background-image:none;

display:block;
z-index:990 !important;
}
/*------------  Kruimelspoor------------------------------------------------*/
#kruimelspoor {
padding-left:15px;
z-index: 1 !important;
list-style: none;
width:1035px;
margin-left:15px;
color:#fff;
height:45px;
line-height:45px;
overflow: hidden;
}
#kruimelspoor ul#kruimelspoorul li a {
margin-right:13px;
padding-right:20px;
background:url(/grafix/kruimelspoor_pijl.gif) no-repeat 100%;
color:#454545;
text-decoration:none;
z-index: 1 !important;
text-decoration:underline;
}
#kruimelspoor ul#kruimelspoorul li a:hover {
color:#D30000;
text-decoration:underline;
}
#kruimelspoor ul#kruimelspoorul li {
color:#D30000;
position: relative;
list-style: none;
float: left;
z-index: 1 !important;
}

/*------------  Left Column  ------------------------------------------------*/
#left{
display:inline;
width: 190px;
float: left;
margin-left:15px;
}

/*-------------------- Submenu ----------------------------------------*/
#submenu {
background:#fff;
width:190px;
height:auto;
}
.submenu_header {
background:url(/grafix/submenu_header.jpg) no-repeat;
width:190px;
height:30px;
}

.submenu_header a:link, .submenu_header a:active, .submenu_header a:visited{
text-decoration:none;
line-height:30px;
font-size:13px;
color:#fff;
margin:0px;
margin-left:25px;
}
.submenu_header a:hover{
text-decoration:underline;

}
#submenu ul {
padding:0;
list-style:none;
}
#submenu ul li {
color:#454545;
padding:0;
margin:0;
}
#submenu li a:link, #submenu li a:active, #submenu li a:visited {
font-size:13px;
font-weight:normal;
display:block;
height:25px;
line-height:25px;
text-decoration:none;
background:url(/grafix/submenu_pijl.jpg) no-repeat 2%;
padding-left:25px;
}
#submenu li a:hover {
text-decoration:underline;
}
/*-------------------- leftbox---------------------------------------*/
#leftbox {
background:#fff;
padding-top:5px;
padding-bottom:3px;
margin-bottom:25px;
}
#leftbox_inhoud {
margin-left:5px;
margin-right:5px;
}
.leftbox_header {
margin-top:25px;
background:url(/grafix/submenu_header.jpg) no-repeat;
width:190px;
height:30px;
}
.leftbox_header h2{
line-height:30px;
font-size:12px;
color:#fff;
margin:0px;
margin-left:25px;
}
.beheerbare_balk_logos {
height:39px;
}
.beheerbare_balk_logos a{
float:left;
background:url(/grafix/keurmerk_logo.jpg) no-repeat;
display:block;
width:78px;
height:39px;
}
.beheerbare_balk .onderdeel_aenc{
float:left;
background:url(/grafix/aenc_onderdeel.jpg) no-repeat;
display:block;
width:78px;
height:39px;
}




/*------------  Columns  ------------------------------------------------*/
#home_top {
width:813px;
height:281px;
margin-bottom:25px;
}
#content {
position: relative;
padding-bottom:15px;
width:813px;
margin-left:23px;
margin-bottom:23px;
float: left;
background:#FFF;
border-left:1px solid #C3C3C3;
border-right:1px solid #C3C3C3;
border-bottom:1px solid #C3C3C3;
min-height:500px;
height: auto !important;
height:500px;
z-index: 10;
}
#content_home {
display:inline;
position: relative;
width:813px;
margin-left:23px;
float: left;
height: auto !important;
}
#content_header {
background:url(/grafix/content_header.jpg) no-repeat;
float: left;
margin-left:23px;
width:815px;
height:30px;
z-index: 10;
}
#content_home_header {
background:url(/grafix/content_home_header.jpg) no-repeat;
margin-left:0px;
width: 545px;
height:30px;
}
.content_home {
background:#FFF;
float:left;
border-left:1px solid #C3C3C3;
border-right:1px solid #C3C3C3;
border-bottom:1px solid #C3C3C3;
width:543px;
height:249px;
}
.content_bb {
width: 783px;
margin:0px 0px 0px 15px;
z-index: 10;
}
.content_home_bb {
margin:10px 0px 0px 15px;
width:515px;
height:240px;
/*height:550px; //terugzetten!*/
overflow: hidden;
}
.content_bb ul, .content_home_bb ul {
margin:0px 0 10px 15px;
}
.content_bb ul li, .content_home_bb ul li  {
list-style: disc;
}

.referentie_home_geheel {
position:relative;
float:right;
height:281px;
width:247px;
}
#referentie_home_header {
background:url(/grafix/referentie_home_header.jpg) no-repeat;
text-align:center;
line-height:30px;
width: 247px;
height:30px;
}
#referentie_home_header h2{
margin:0px;
}
#referentie_home_header h2{
margin:0px;
}
.referentie_home {
background:#FFF;
border-left:1px solid #C3C3C3;
border-right:1px solid #C3C3C3;
border-bottom:1px solid #C3C3C3;
overflow:hidden;
width: 245px;
height:245px;
padding-bottom:5px;
}
.referentie_home img {
width:218px;
height:149px;
border:1px solid #D9D9D9;
margin:13px;
margin-bottom:0px;
}
.referentie_home_tekst {
margin-left:12px;
text-align:left;
overflow:hidden;
width:215px;
height:75px;
}
.referentie_meerknop a {
text-decoration:none;
position:absolute;
z-index:100;
width:247px;
height:281px;
display:block;
bottom:0px;
right:0px;
background:url(/grafix/meerknop.gif) 98% 98% no-repeat;
}
.referentie_meerknop a:hover{
background:url(/grafix/meerknop_hover.gif) 98% 98% no-repeat;
text-decoration:none;
}
.referentie_home_geheel:hover #referentie_home_header h2 a {
color:#D30000;
}
.referentie_home_geheel:hover .referentie_home {
background:#F8F8F8;
}

#home_bottom{
width:813px;
height:281px;
margin-bottom:25px;
}

/*------------Home_acties!!------------------------------------------------*/
#actie_home_header {
position:relative;
background:url(/grafix/actie_home_header.jpg) no-repeat;
width: 544px;
height:30px;
}
.actiebutton_home a {
text-decoration:none;
position:absolute;
z-index:100;
width:52px;
height:53px;
display:block;
bottom:1px;
left:10px;
background:url(/grafix/actiebutton_home.jpg) no-repeat;
}
.actiebutton_home a:hover{
background:url(/grafix/actiebutton_home_hover.jpg) no-repeat;
text-decoration:none;
}
.actie_home {
background:#FFF;
border-left:0px solid #C3C3C3;
border-right:1px solid #C3C3C3;
border-bottom:1px solid #C3C3C3;
width:543px;
height:250px;
}
.actiebox_home {
position:relative;
float:left;
border-left:1px solid #C3C3C3;
width:180px;
height:250px;
}
.actiebox_home_inhoud {
margin:5px;
background:none;
width:170px;
height:240px;
}
.actiebox_home_inhoud h2 {
height:37px;
overflow:hidden;
margin:0px;
margin-bottom:0px;
}
.actiebox_home_inhoud ul {
list-style:none;
margin: 0px;
margin-bottom:10px;
margin-left:0px;
}
.actiebox_home_inhoud ul li {
list-style:none;
	height: 40px;
	overflow: hidden;
}
.actiebox_home_prijs {
margin-left:0px;
}
.actiebox_home_nu-prijs {
font-weight:bold;
color:#d30000;
font-size:18px;
}
.actiebox_home_inhoud img{
border:1px solid #D9D9D9;
margin-top:10px;
margin-left:0px;
}
.actie_home_meerknop a {
text-decoration:none;
position:absolute;
z-index:100;
width:180px;
height:250px;
display:block;
bottom:0px;
right:0px;
background:url(/grafix/meerknop.gif) 98% 98% no-repeat;
}
.actie_home_meerknop a:hover{
background:url(/grafix/meerknop_hover.gif) 98% 98% no-repeat;
text-decoration:none;
}
.actiebox_home:hover .actiebox_home_inhoud h2 a {
color:#d30000;;
}
.actiebox_home:hover  {
background:#F8F8F8;
}


/*------------  Projecten (anders als referenties hier!!) ------------------------------------------------*/
.projecten_home_geheel {
position:relative;
float:right;
height:281px;
width:247px;
}
#projecten_home_header {
background:url(/grafix/referentie_home_header.jpg) no-repeat;
line-height:30px;
width: 247px;
height:30px;
}
#projecten_home_header h2{
line-height:30px;
font-size:13px;
margin:0px;
margin-left:25px;
}
.projecten_home {
background:#fff;
border-left:1px solid #C3C3C3;
border-right:1px solid #C3C3C3;
border-bottom:1px solid #C3C3C3;
width: 245px;
height:245px;
padding-bottom:5px;
}
.projecten_home ul {
list-style:none;
height:230px;
overflow:hidden;
}
.projecten_home ul li {
color:#454545;
padding:0;
margin:0;
}
.projecten_home li a:link, .projecten_home li a:active, .projecten_home li a:visited {
font-size:13px;
font-weight:normal;
display:block;
height:25px;
line-height:25px;
text-decoration:none;
background:url(/grafix/submenu_pijl.jpg) no-repeat 2%;
padding-left:25px;
}
.projecten_home li a:hover {
text-decoration:underline;
}

.projecten_meerknop a {
text-decoration:none;
position:absolute;
right:5px;
bottom:5px;
width:21px;
height:21px;
display:block;
background:url(/grafix/meerknop.gif) 98% 98% no-repeat;
}
.projecten_meerknop a:hover{
background:url(/grafix/meerknop_hover.gif) 98% 98% no-repeat;
text-decoration:none;
}


.clear {
clear:both;
line-height:0px;
font-size:0px;
}

/*-------------------- Footer ----------------------------------------*/
#push, #footer {
height:31px;
clear:both;
}
#footer {
background:url(/grafix/footer.jpg) no-repeat;
color: #FFF;
width:1051px;
margin:0 auto;
}
.footer_contact {
display:inline;
margin-left:25px;
font-weight:bold;
float:left;
line-height:31px;
}
.voorwaarden {
display:inline;
float:right;
margin-right:25px;
line-height:31px;
}
.voorwaarden a:link, .voorwaarden a:active, .voorwaarden a:visited {
color:#FFF;
font-weight: bold;
text-decoration:none;
}
.voorwaarden a:hover {
text-decoration:underline;
}

/*-------------------- Sitemap ----------------------------------------*/
.sitemap {
padding:0px;
margin-bottom:10px;
line-height:20px
}
.sitemapmain {
font-weight:bold;
color:#1B2D5F;
text-decoration: none;
}
.sitemap li {
background:url(/grafix/bullet_li.gif) no-repeat;
list-style:none;
padding-left:20px;
}
.sitemap li a:link, .sitemap li a:active, .sitemap li a:visited {
text-decoration:underline;
color:#545454;
}
.sitemap li a:hover {
color:#F67811;
}
.sitemap li li li {
background:url(/grafix/bullet_lili.gif) no-repeat;
list-style:none;
padding-left:20px;
}




/*------------------- gekoppelde bestanden en downloads ----*/
li.header { background-color: #F67811; color: #FFFFFF; font-weight: bold;}

div#container div#content div.content ul.downloadClass { list-style-type: none !important;list-style: none !important; border: 1px solid #F67811; padding: 0px; margin: 10px; width: 200px; }
ul.documentClass li { list-style-type: none !important;list-style: none !important;}
ul.documentClass li a { text-indent: 5px; display: block; width: 195px; height: 20px; overflow: hidden; line-height: 20px; }

div#container div#content div.content ul.documentClass { list-style-type: none !important; list-style: none !important; border: 1px solid #F67811; padding: 0px; margin: 10px; width: 200px; }
ul.downloadClass li { list-style-type: none !important;list-style: none !important;}
ul.downloadClass li a { text-indent: 5px; display: block; width: 195px; height: 20px; overflow: hidden; line-height: 20px; }

/*----------------------------------------------------------------------------------------------------------------------------*/
/* Productimage scroller */

#productimages_table {
width: 346px;
height: 100px;
padding-top: 0px;
margin-top: 0px;
border: 0px !important;
}

#productimages_tbl {
width: 346px;
height: 100px;
border: 0px !important;
}

#productimages_wrap {
overflow:hidden;
height: 100px;
width: 248px;
border: 0px !important;
/*border: 1px solid #3c3b61;*/
}
#productimages_left {
width:65px;
}
#productimages_right {
width:65px;
}
.productimage {
margin-left: 5px;
margin-right: 5px;
border: 0px;
}




.email_meerinfo{
margin-left:5px;
}
.email_standaard {
border-collapse:collapse;
}
.email_footer {
padding:5px;
}


a.uitgebreideToelichting {
	display: block;
	width: 159px;
	line-height: 20px;
	height: 20px;
	text-align: center;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	background: url(/grafix/terugButton_large.jpg);
}

a.uitgebreideToelichting:hover {
	background: url(/grafix/terugButton_large_hover.jpg);
}

a.onderwijsCondities {
float:right;
margin-right:35px;
display:block;
margin-bottom:10px;
margin-top:10px;
	width: 190px;
	height: 20px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background: url(/grafix/reserveer_xlarge.png) no-repeat;
}
a.onderwijsCondities:hover {
	text-decoration: none;
	background: url(/grafix/reserveer_xlarge_hover.png) no-repeat;
}

a.onderwijsOverzicht {
margin-right:175px;
}
a.onderwijsDetail {
float:right;
margin-right:40px !important;
margin-top:0px;
}




/************* LAMPEN SELECTOR ******************/
#searchBoxContainer { z-index: 2000; position: relative; }
.searchContainer { z-index: 2000; position: relative; float: left; margin-right: 10px; width: 200px;}
.searchBox { position: relative; float: left; }
.searchResults { position: absolute; left: 0px; top: 23px; z-index: 100; background-color: #e0e0e0; border: 1px solid #000000; display: none;}
.searchResults a b { color: #D30000; }
.searchResults a:hover b { color: #FFFFFF; }
.searchResults a { white-space: nowrap !important; cursor: pointer; display: block; text-decoration: none; margin: 0px; line-height: 15px; text-indent: 5px;}
.searchResults a:hover { background-color: #D30000; color: #FFFFFF;}
table.lampSelect { border: 1px solid #C3C3C3;  margin: 0px; margin-top: 10px; border-collapse: collapse; }
table.lampSelect td { border-right: 1px solid #C3C3C3; border-bottom: 1px solid #C3C3C3;}
th { background-color: #D30000; color: #FFFFFF; padding: 4px;}
.td1 { background-color: #E0E0E0; padding: 4px;}
.td2 { background-color: #E5E5E5; padding: 4px;}
.td3 { background-color: #F0F0F0; padding: 4px;}
.td4 { background-color: #F6F6F8; padding: 4px;}
.td5 { background-color: #FFFFFF; padding: 4px;}