html {
	background:url(img/bg_main.gif) repeat-x 0 0;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
}

#wrapper{
	position:absolute;
	width:970px;
	left:50%;
	margin-left:-485px;
}

#logo{
	display:block;
	width:302px;
	height:52px;
	background:url(img/logo.png) no-repeat 0 0;
	text-indent:-999999px;
	margin-top:15px;
	margin-left:3px;
	padding-bottom:15px;
	overflow:hidden
	
	
}

#telnr{
	display:block;
	background:url(img/tel_icon.png) no-repeat 0 0;
	padding:4px 0 7px 25px;
	width:150px;
	text-decoration:none;
	color:#000;
	position:absolute;
	top:45px;
	right:38px;
	text-align:right;
	font-size:1.8em;
	vertical-align:bottom;
		
}

#tagline{
	position:absolute;
	display:block;
	width:355px;
	height:104px;
	top:132px;
	left:560px;
	z-index:99
}

#container{
		}

#header{
	background:url(img/header.gif) no-repeat 0 0;
	height:181px;
	width:970px;
	position:relative;
	
}

/* BEGIN EXTRA MENU*/
#header ul{
	position:absolute;
	list-style:none;
	list-style-position:inside;
	top:15px;
	left:720px;
	height:15px;
	width:250px;
	margin:0px;
	padding:0px;
	
	
}

#header ul li{
	float:left;
	background:url(img/extranavsep.gif) no-repeat 0 0px;
	height:15px;
}

#header ul li#first{
	background:none;
}

#header ul li a{
	color:#fff;
	text-decoration:none;
	padding:0 10px 3px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
}

#header ul li a:hover{
	text-decoration:underline;
}

/* END EXTRA MENU*/


/* BEGIN MAIN MENU */
#contentbox{
	position:relative;
	z-index:1;
	background-color:#fff;

}

#contentbox dl#nav { /* all lists */
	list-style: none;
	float:left;
	clear:both;
	width:960px;
	border-bottom:1px solid #eee;
	position:absolute;
	left:5px;
	top:0;
	}



#contentbox dl#nav dt{ /* all list items */
	float: left;
	position: relative;
	margin-right:1px;
	border-right:solid 1px #ddd;
	
}

#contentbox dl#nav dt a{
	display:block;
	padding:6px 0;
	text-align:center;
	text-decoration:none;
	width:150px;
	background:#eee;
	height:15px;
	color:#848484;
	font-size:16px;
	font-weight:bold;	
	border-top:7px solid #000;
	border-bottom:1px #ddd solid;
}

div#end{
	position:absolute;
	top:0;
	left:765px;
 	height:27px;
	_height:28px;
	width:200px;
	border-top:7px solid #000;
	border-bottom:1px #ddd solid;
	background: #eee;
	border-right:none;
	margin-right:0
}

#contentbox dl#nav dt a:hover, #contentbox dl#nav dt a#active{
	color:#000;
	border-top:7px solid #00b1eb;
}


#contentbox dl#nav dt ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
}

#contentbox dl#nav dt>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#contentbox ul#nav li:hover ul,#contentbox ul#nav li.over ul { /* lists nested under hovered list items */
	display: block;
	
}

#contentbox ul#nav li:hover ul.subnav li,#contentbox ul#nav li:hover ul.subnav li a{
	background:none;
	border:none;
	float:left;
}


dl.dropdown{

}

.dropdown {
	float:left;
	
	}
.dropdown dt {
	float:left;

}
.dropdown dt:hover {
}

dt#one-ddheader{

}

.dropdown dd#one-ddcontent {
	position:absolute; 
	top:35px;
	left:456px;
	overflow:hidden; 
	width:150px; 
	display:none; 
	background:#fff; 
	z-index:1000; 
	opacity:0; 
	background:#eee;
	width:150px;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}

.dropdown dd#two-ddcontent {
	position:absolute; 
	top:35px;
	left:606px;
	overflow:hidden; 
	width:150px; 
	display:none; 
	background:#fff; 
	z-index:1000; 
	opacity:0; 
	background:#eee;
	width:150px;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}

.dropdown dl dd#two-ddcontent{
	left: 606px;
}

.dropdown ul {
	width:150px; 
	list-style:none; 
	border-top:none
}

.dropdown li {
	display:inline
}

.dropdown dt a, .dropdown dt a:active, .dropdown dt a:visited {
	display:block;
	padding:6px 0;
	text-align:center;
	text-decoration:none;
	width:150px;
	background:#eee;
	height:15px;
	color:#848484;
	font-size:16px;
	font-weight:bold;	
	border-top:7px solid #000;
	}
.dropdown dt a:hover {
	color:#000;
	border-top:7px solid #00b1eb;
	}

a.subnav{
	display:block;
	width:100%;
	color:#848484;
	font-size:12px;
	padding:10px 0 10px 20px;
	font-weight:bold;	
	text-decoration:none;
}

a.subnav:hover{
	background: url(img/submenulink.gif) no-repeat 5px 50%;
	color:#000;

}
/* END MAIN MENU */

#contentbox{
	float:left;
	background:url(img/bgcontent.gif) repeat-y 0 0;
	padding:87px 0px 50px 0px;
	position:relative;
	left:1px;
	

}

#box{
	float:left;
	background:url(img/seperator.gif) repeat-y 612px 0;
	padding:0 50px 50px 50px;
	margin:0 0  0 0;
	width:870px;
	position:relative;
	overflow:hidden;
		
}

#box img{
	float:left;
	margin-right:10px;
	border:1px solid #000;
}

#contentbox_left{
	float:left;
	width:520px;
}

a.portfoliocta{
	display:block;
	background:url(img/ctaportfolio.gif) no-repeat 0 0;
	text-indent:-9999px;
	width:232px;
	height:53px;
	clear:both;
	float:right;
	position:absolute;
	bottom:0;
	right:370px;
}

a.portfolio_cta{
	display:block;
	background:url(img/ctaportfolio.gif) no-repeat 0 0;
	text-indent:-9999px;
	width:232px;
	height:53px;
}



a.portfoliocta:hover, a.portfolio_cta:hover, a.portfoliocta:focus, a.portfolio_cta:focus{
	background:url(img/ctaportfolio.gif) no-repeat 0 -57px;
}

a.leesverdercta{
	display:block;
	background:url(img/ctadiensten.gif) no-repeat 0 0;
	text-indent:-9999px;
	width:241px;
	height:52px;
	clear:both;
	float:right;
	position:absolute;
	bottom:0;
	right:15px;
}

a.leesverdercta:hover{
	background:url(img/ctadiensten.gif) no-repeat 0 -54px;
}

#contentbox_right{
	float:right;
	width:280px;
}

#contentbox_right img{
	margin-top:15px;
}


#footer{
	width:920px;
	height:76px;
	background:url(img/footer.gif) no-repeat bottom left;
	position:relative;
	padding-left:50px;
}


/*BEGIN REFERENTIES EN BIJSCHRIFTEN*/
div.refnaam{
	display:block;
	font-weight:bold;
	text-align:right;
}

div.refnaam span{
	font-weight:normal;

}

.reftekst{
	font-style:italic;
	font-size:90%;
	color:#000000
}

.bijschrift{
	text-align:right;
	font-size:.8em;
	color:#999999;
	padding:0;
	margin:0;

}

/*END REFERENTIES EN BIJSCHRIFTEN*/

/*BEGIN ICON SET*/

.print, .send,.contact,.acroread,.outlook,.up,.vcard, .volgende, .deze, .vorige {
	width:16px;
	height:16px;
	padding-left:20px;
	padding-right:10px;
	

 }
 
.outlook{
	background:url(img/mail.gif) no-repeat 0 50%;
}

.acroread{
	background:url(img/acroread.gif) no-repeat 0 50%;
}

.vcard{
	background:url(img/vcard.gif) no-repeat 0 50%;
}

.print{
background:url(img/print.gif) no-repeat 0 50%;
} 

.send{
background:url(img/forward.gif) no-repeat 0 50%;
}

.contact{
background:url(img/mail.gif) no-repeat 0 50%;
}

.up{
display:block;
text-indent:-99999px;
width:278px;
height:50px;
background:url(img/portfolio-overzicht.gif) no-repeat 0 -48px;
}

.up:hover{
background:url(img/portfolio-overzicht.gif) no-repeat 0 0;
}


.vcard{
background:url(img/vcard.gif) no-repeat 0 50%;
}

.volgende{
background:url(img/volgende.gif) no-repeat 0 50%;
}

a.deze{
background:url(img/deze.gif) no-repeat 0 50%;
color:#000;
cursor:default;
}

.vorige{
background:url(img/vorige.gif) no-repeat 0 50%;
}

/*END ICON SET*/

#footer p{
position:absolute;
top:40px;
font-size:10px;
color:#fff;

}

#footer p a{
color:#00b1eb;
font-weight:normal;

}

#footer p.cta2 a{
	font-size:12px;
	color:#ddd;
	
}
#footer p.cta2{
	position:absolute;
	top:40px;
	right:50px;
}

em{
	font-style:italic;
	font-family:verdana;
	font-size:90%
}





.tool-tip {
	color: #fff;
	width: auto;
	z-index: 13000;
	border:1px solid #555;
}
 
.tool-title {
	font-weight: bold;
	font-size: 1.1em;
	width:350px;
	margin: 0;
	color: #00b1eb;
	padding: 8px 8px 4px;
	background-color:#666666;
}
 
.tool-text {
	font-size: 1.1em;
	padding: 4px 8px 8px;
	background-color:#666666;
	width:350px;
	height:80px;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 1.1em;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 1.1em;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

h2 span{
	color:#7f7f7f;
	font-size:16px
}

ol#checklist{
	padding:10px 10px 10px 0;
	margin-top:10px;

}

ol#checklist li{
border-top:2px dashed #00B1EB;
	margin-bottom:15px;
	padding-top:15px;
}

ol#checklist li strong{
	font-size:14px;

}

ol#checklist li strong span{
	font-size:16px;
}