@charset "utf-8";/* CSS Document *//* style.css */
div.headerwrap, div.footerwrap, div.shadedcontent { behavior: url(style/iepngfix.htc) }

a img { border: none; }
a { color: #4492d5; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { font-size: 11pt; font-weight: bold; color: #a8c700; margin: 0px 0px 12px 0px; } 
h2 { font-size: 10pt; font-weight: bold; color: #d1770a; } 
h3 { font-size: 9pt; font-weight: bold; color: #4491d5; } 
p { color: #555555; padding-bottom: 12px; }

html {
	overflow: -moz-scrollbars-vertical; 
	overflow-y: scroll;
	overflow-x: inherit;
}

body, html {
	font-family	: Arial, Helvetica, sans-serif;
	font-size		: 11px;
	margin			:	0px;
	height			: auto;
	width				: 100%;
	color				: #000;
	background	: url(../images/layout/background.jpg);
}

div.sitewrap {
	height		: 100%;
	margin		:	0 auto;
	width			: 980px;
}

div.shadedcontent {
	width			:	980px;
	height		: 100%;
	margin		:	0 auto;
	position	:	relative;	
	display		: block;
	background: url(../images/layout/wrap_background.png) repeat-y 0 0;
}

div.wrap, div.footer, div.header {
	height		: 100%;
	margin		:	0 auto;
	width			: 910px;
	padding		: 0;
}

div.wrap {
	background-color: white;
}

div.headerwrap {
	width			: 100%;	
	height		:	135px;	
	left			:	0px;
	position	:	relative;
	background: url(../images/layout/header_background.png) no-repeat 0px 0px;
	z-index: 1;
}

div.logo {
	position: relative;
	top: 34px;
	left: 44px;
	display: inline;
	float: left;
	width: 250px;
	height: 75px;
}

div.contact {
	color			: #aac800;
	font-size	: 11px;
	float			: right;
	display		: inline;
	right			:	34px;
	top				: 50px;
	position	: relative; 
	text-align: right;
}

div.contact span.contact-item{
	display: block;
	padding-bottom: 5px;
}

div.showcase {
	width: 100%;
	height: 260px;
	display: block;
	position: relative;
	top: 0px;
}

div.portfolio {
	width: 665px;
	float: left;
	height: 260x;
	display: block;
	position: relative;
	border-top: 2px solid #b4d42c;
	border-bottom: 2px solid #b4d42c;
	text-align: center;
}

div.stappenplan {
	width: 245px;
	float: right;
	height: 100%;
	display: block;
	position: relative;
}

div.stappenplan div#imgs {
	display: none;
}

div.stappenplan div#text {
	width: 172px;
	height: 204px;
	float:left;
	position: relative;
	background: url(../images/layout/stappenplan_background.jpg) repeat-y;
	padding: 30px 20px 30px 20px;
	color: #fff;
	overflow: hidden;
	font-size: 13px;
}

div.stappenplan div#text h1 {
	color: #fff;
	font-size: 18px;
	padding-bottom: 0px;
}

div.stappenplan div#text p {
	padding-bottom: 12px;
	color: #fff;
}

div.stappenplan div#text a {
	color: #fff;
	padding-bottom: 12px;
	text-decoration: underline;
}
div.stappenplan div#text a:hover {
	text-decoration: none;
}

div.stappenplan div#tabs {
	width		: 33px;
	height	: 100%;
	float		: right;
	position: relative;
	padding-top: 1px;
}

div.stappenplan div#text a#stappenplan-footer {
	width: 172px;
	padding: 0;
	margin: 0;
	position: absolute;
	display: block;
	bottom: 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	float: left;
}

div#tab1, div#tab1_active, div#tab1_under, div#tab2, div#tab3 {
	height	: 87px;
	width		: 33px;
	position: relative;
	display	: block;
}

div.tab1 { background: url(../images/layout/stap1.jpg); }
div.tab1_active { background: url(../images/layout/stap1.jpg) -66px 0px repeat-x; }
div.tab1_under { background: url(../images/layout/stap1.jpg) -33px 0px repeat-x; }
div.tab1:hover, div.tab1_under:hover {	background: url(../images/layout/stap1.jpg) -99px 0px repeat-x; cursor: pointer; }

div.tab2 { background: url(../images/layout/stap2.jpg); }
div.tab2_active { background: url(../images/layout/stap2.jpg) -66px 0px repeat-x; }
div.tab2_under { background: url(../images/layout/stap2.jpg) -33px 0px repeat-x; }
div.tab2:hover, div.tab2_under:hover {	background: url(../images/layout/stap2.jpg) -99px 0px repeat-x; cursor: pointer; }

div.tab3 { background: url(../images/layout/stap3.jpg); }
div.tab3_active { background: url(../images/layout/stap3.jpg) -33px 0px repeat-x; }
div.tab3_under { background: url(../images/layout/stap3.jpg) -33px 0px repeat-x; }
div.tab3:hover, div.tab3_under:hover { 	background: url(../images/layout/stap3.jpg) -66px 0px repeat-x; cursor: pointer;  }

div.content {
	position	:	relative;
	padding		:	40px 10px 25px 40px;
	min-height:	200px;
	left			:	0px;
	width			: 850px;
	display		:	block;
	overflow	: auto;
	z-index		:	1;
	color			: #555555;
}

div.main {
	width: 100%;
	padding: 0px;
	display: block;
	float: left;
}

div.modules {
	width: 244px;
	float: right;
	padding: 0px 10px 15px 10px;
	position: relative;
	display: block;
}

div.footerwrap {
	position	: relative;
	display: block;
	padding: 0;
	margin: 0;
	bottom		: 0px;
	width 		: 100%;
	height		: 91px;
	z-index		: 1;
	background: url(../images/layout/footer_background.png) no-repeat;
}

div.footer {
	height: 20px;
	top: 24px;
	position: relative;
	display: block;
	color: #fff;
}

.inlog_link {
	height	:	auto;
	width		:	auto;
	display	:	inline;
	left		: 40px;
	position:	relative;
	float		: left;
}	

.inlog_link a {
	color	:	#fff;
}

.sitemap_link {
	height	:	auto;
	width		:	auto;
	display	:	inline;
	right		: 30px;
	float		: right;
	position:	relative;
}

.sitemap_link a {
	color		:	#fff;
}


div.kolom1 h2, div.kolom2 h2, div.kolom3 h2, div.kolom4 h2 { color: #a8c700; font-size: 14px; padding-bottom: 10px }
div.kolom1, div.kolom2, div.kolom3, div.kolom4 {
	width: 170px;
	height: 145px;
	display: inline-block;
	padding-right: 41px;
	text-align: justify;
	float: left;
	color: #555555;
}

div#t3dshow {
	width: 100%;
	display: block;
}

div.sticky1 {
	width: 186px;
	height: 138px;
	background: url(../images/layout/sticky1.jpg) no-repeat;
}

div.sticky2 {
	width: 188px;
	height: 138px;
	background: url(../images/layout/sticky2.jpg) no-repeat;
}

div.sticky3 {
	width: 190px;
	height: 138px;
	background: url(../images/layout/sticky3.jpg) no-repeat;
}

div.sticky4 {
	width: 189px;
	height: 138px;
	background: url(../images/layout/sticky4.jpg) no-repeat;
}

div.sticky1, div.sticky2, div.sticky3, div.sticky4 {
	display: inline-block;
	overflow: hidden;
	padding-right: 20px;
	float: left;
}

div.sticky1 h2, div.sticky2 h2, div.sticky3 h2, div.sticky4 h2 {
	color: #fff;
	padding: 15px 20px 5px 20px;
	font-weight: normal;
	font-size: 13px;
}

div.sticky1 p, div.sticky2 p, div.sticky3 p, div.sticky4 p {
	color: #fff;
	padding: 0px 20px 20px 20px;
}

h1.prijs1, h1.prijs2, h1.prijs3, h1.prijs4 { 
	padding-left: 8px;
	padding-top: 5px;
	width: 77px;
	height: 60px;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
}
h1.prijs1 span, h1.prijs2 span, h1.prijs3 span, h1.prijs4 span {
	font-size: 18px;
	padding: 5px 7px 0px 0px;
	float: right;
}
h1.prijs1 { background: url(../images/layout/sticky1-prijs.gif) no-repeat; }
h1.prijs2 { background: url(../images/layout/sticky2-prijs.gif) no-repeat; }
h1.prijs3 { background: url(../images/layout/sticky3-prijs.gif) no-repeat; }
h1.prijs4 { background: url(../images/layout/sticky4-prijs.gif) no-repeat; }
/* Login.css */

.loginpopup table {
	width				: 	356px;
	height				: 	100%;
	position			: 	relative;
	margin				: 	0px;
	border				: 	none;
	text-align			: 	left;
}

.loginpopup th {
	padding-left		: 	15px;
	padding-top			:	5px;
	color				: 	white;
	width				: 	300px;
	height				:	60px;
	vertical-align		:	top;
}

.loginpopup .sluiten {
	top				: 	0px;
	right			: 	0px;
	padding			: 	0px;
	height			: 	24px;
	width			: 	24px;
	display			:	block;
	position		: 	absolute;
}

.loginpopup table td {
	padding-left: 	15px;
	color		: 	black;
	width		: 	350px;
	height		: 	30px;
}

.loginpopup table td.submit {
	text-align	:	center;
	width		: 	350px;
}

/* thickbox.css */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*	{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font	: 	12px Arial, Helvetica, sans-serif;
	color	: 	#333333;
}

#TB_secondLine {
	font	: 	10px Arial, Helvetica, sans-serif;
	color	:	#666666;
}

#TB_window a:link 		{color: #666666;}
#TB_window a:visited 	{color: #666666;}
#TB_window a:hover 		{color: #000;}
#TB_window a:active 	{color: #666666;}
#TB_window a:focus		{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position	: 	fixed;
	z-index		:	100;
	top			: 	0px;
	left		: 	0px;
	height		:	100%;
	width		:	100%;
}

.TB_overlayMacFFBGHack 	{background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color	:	#000;
	filter				:	alpha(opacity=60);
	-moz-opacity		: 	0.60;
	opacity				: 	0.60;
}

* html #TB_overlay { /* ie6 hack */
     position	: 	absolute;
     height		: 	expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position	: 	fixed;
	background	: 	#0a1a27;
	background-image	:url(../images/layout/loginpopup_background.jpg);
	background-repeat	: no-repeat;
	background-position	:center;
	z-index		: 	102;
	color		:	#000000;
	display		:	none;
	border		: 	3px solid #666666;
	text-align	:	left;
	top			:	50%;
	left		:	50%;
	overflow:hidden;
}

* html #TB_window { /* ie6 hack */
position	: absolute;
margin-top	: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display			:	block;
	margin			: 	15px 0 0 15px;
	border-right	: 	1px solid #ccc;
	border-bottom	: 	1px solid #ccc;
	border-top		: 	1px solid #666;
	border-left		: 	1px solid #666;
}

#TB_caption{
	height	:	25px;
	padding	:	7px 30px 10px 25px;
	float	:	left;
}

#TB_closeWindow{
	height	:	25px;
	padding	:	11px 25px 10px 0;
	float	:	right;
}

#TB_closeAjaxWindow{
	padding			:	7px 10px 5px 0;
	margin-bottom	:	1px;
	text-align		:	right;
	float			:	right;
}

#TB_ajaxWindowTitle{
	float			:	left;
	padding			:	7px 0 5px 10px;
	margin-bottom	:	1px;
}

#TB_title{
	background-color:	#e8e8e8;
	height			:	27px;
}

#TB_ajaxContent{
	clear		:	both;
	padding		:	2px 15px 15px 15px;
	overflow	:	hidden;
	text-align	:	left;
	line-height	:	1.4em;
}

#TB_ajaxContent.TB_modal{
	padding	:	15px;
}

#TB_ajaxContent p{
	padding	:	5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* menu.css */
.menu {
	display: block;
	width		:	100%; 
	height	:	16px; 
	position:	relative; 
	z-index	:	999; 
	margin-left	: 0px; 
	margin-top	: 0px; 
	top: 35px;
	right: 0px;
	float: right; 
}

.menu .menutext {
	width: 470px;
	display: block;
	position: relative;
	float: right;
	z-index	:	999;
	font-weight:bold;
}

/* Breedte van menu voor oude browser (IE 5.5) */
* html .menu { 
	width	:	100%; 
	w\idth:	100%; 
}

.menu ul {
	padding	:	0;
	margin	:	0;
	list-style: none;
}

/* Float: left voor horizontaal menu */
.menu li {
	float	:	left;
	position	:	relative;
}

/* Eigenschappen van de hoofdmenuitems */
.menu a, .menu a:visited {
	display			:	block;
	font-size		:	11px;
	text-decoration	:	none; 
	color				:	#7b7b7b; 
	height			:	100%; 
	line-height	:	16px;
	padding: 0px 2px 0px 2px; 
	margin: 0px 12px 0px 12px;
	z-index: 100;
}

/* Breedte van hoofdmenuitems voor oude browser (IE 5.5) */
* html .menu a, * html .menu a:visited {
	width		:	65px; 
	w\idth	:	54px; 
	text-decoration: none;
}

/* Eigenschappen actief hoofdmenuitem */
.menu ul li .active {
	background-color: #fff;
	color: #d1770a;
	text-decoration: none;
}

/* Eigenschappen hoofdmenuitems hover */
.menu a:hover, .menu ul ul a:hover { 
	color	:	#d1770a; 
	text-decoration: none;
}
.menu :hover > a, .menu ul ul :hover > a { 
	color	:	#d1770a; 
	text-decoration: none;
}

/* Eigenschappen van de submenuitems */
.menu ul ul a, .menu ul ul a:visited { 
	text-decoration	:	none; 
	top: -13px;
	position: relative;
	font-size	: 11px;
	background: url(../images/layout/submenu_background2.jpg) repeat-y #e19426; 
	color			:	#7b7b7b; 
	height		:	auto; 
	line-height: 1em; 
	padding		:	5px 10px; 
	width			:	120px;
	border-bottom: 1px solid #d1770a;
	text-decoration: none;
}

/* Breedte submenuitems voor oude browser (IE 5.5) */
* html .menu ul ul a, * html .menu ul ul a:visited {
	width	:	150px;	
	w\idth:	128px;
	text-decoration: none;
}

/* Eigenschappen hoofdmenuitems hover */
.menu ul ul a:hover { 
	color	:	#fff;
	background: #e19426;
	text-decoration: none;
}

/* Eigenschappen actief submenuitem */
.menu ul li ul li .activesub {
	color: #fff;
	background: #e19426;
	text-decoration: none;
}

.menu ul li:hover ul,
.menu ul a:hover ul{  visibility:visible; }

/* Inspringen submenu */
.menu ul ul {
	visibility:	hidden;
	position	:	absolute;
	height		:	0;
	top				:	29px;
	left			:	0px; 
	width			:	169px;
}

/* Inspringen submenu voor oude browser (IE 5.5) */
* html .menu ul ul {
	top	:	29px;
	t\op:	30px;
}

/* Tabel voor IE */
.menu table {
	position	:	absolute; 
	top		:	0; 
	left	:	0; 
	border-collapse	:	collapse;
}

/* slimbox2.css */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
/*	background-color: #fff; */
}

.lbLoading {
	background: #fff url(../images/layout/slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 12px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/layout/slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/layout/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	line-height: 1.4em;
	text-align: left;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	background: transparent url(../images/layout/slimbox/closelabel.png) no-repeat center;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 20px;
	top: 10px;
	position: relative;
	display: block;
}

#lbCaption {
	font-weight: bold;
}

@charset "utf-8";
/* CSS Document */
span.currentpagenr {
	border		: 1px solid #7593ba;
	background: #7593ba;
	color			: #fff; 
}

span.inactive_nextpage, span.inactive_previouspage {
	border : 1px solid #666;
	background: #777;
	color: #aaa;
	visibility: hidden;
}

a.viewarchive { padding: 5px; }

a.pagenr, 
span.currentpagenr {
	position	: relative; 
	display		: inline-block; 
	width			: 18px; 
	height		: 18px;
	text-align: center; 
	text-decoration: none; 
	margin-left: 3px; 
	line-height: 18px; 
}

a.previouspage, 
a.nextpage, 
span.inactive_nextpage, 
span.inactive_previouspage { 
	position	: relative; 
	display		: inline-block; 
	width			: 85px; 
	height		: 18px;
	text-align: center; 
	text-decoration: none; 
	margin-left: 3px;  
	line-height: 18px;
}

a.nextpage, span.inactive_nextpage { margin-left: 10px; float: right; }
a.previouspage, span.inactive_previouspage { margin-right: 10px; float: left; }

a.pagenr, a.previouspage, a.nextpage, a.viewarchive { 	background: #ca774d; border: 1px solid #b44a14;	color: #fff; }
a.pagenr:hover, a.previouspage:hover, a.nextpage:hover, a.viewarchive:hover { background: #b44a14; color: #fff; border: 1px solid #b44a14; text-decoration: none; }


/* nieuws-sidebar-style.css */
div#newssidebar {
	width: 100%;
}

div#newssidebar div.sidebaritem {
	margin-bottom: 20px;	
}

div#newssidebar div.sidebaritem h2 { color: #7593ba; }
div#newssidebar h1 a { color: #7593ba; }/* nieuws-style.css */
div.newsitem, div.newsitem_overview {
	height: 100%;
	width: 100%;
	position: relative;
	display: block;
	margin-bottom: 5px;
}

div.newsitem h2, div.newsitem_overview h2 {
	margin-bottom: 0px;
	padding-top: 10px;
	font-size: 14px;
}

div.newsitem p {
	padding-bottom: 12px;
	margin: 0px;
}

div.news_details {
	height: 20px;
	width: 100%;
	position: relative;
	display: block;
	margin-bottom: 15px;
	border-bottom: 1px solid #bbbbbb;
	color:#bbbbbb;
}

div.oldnewsitem {
	width		: 100%;
	display	: block;
	position: relative;
	margin	: 0;
	padding	: 0;
}

div.archivepagenrs {
	padding-top: 10px;
	text-align: center;
}

.allnews {
	position: relative;
	display: block;
	padding-top: 15px;
}

span.date {
	width: 95px;
	padding: 0;
	margin: 0;
	position: relative;
	display: inline-block;
}

span.link {
	width: auto;
	padding: 0;
	margin: 0;
	position: relative;
	display: inline;
}

span.currentpagenr {
	border		: 1px solid #00a7e1;
	background: #00a7e1;
	color			: #000; 
}

span.inactive_nextpage, span.inactive_previouspage {
	border : 1px solid #ddd;
	background: #eee;
	color: #aaa;
}

a.pagenr, 
span.currentpagenr {
	position	: relative; 
	display		: inline-block; 
	width			: 18px; 
	height		: 18px;
	text-align: center; 
	text-decoration: none; 
	margin-left: 3px;  
}

a.previouspage, 
a.nextpage, 
span.inactive_nextpage, 
span.inactive_previouspage { 
	position	: relative; 
	display		: inline-block; 
	width			: 85px; 
	height		: 18px;
	text-align: center; 
	text-decoration: none; 
	margin-left: 3px;  
}

a.nextpage, span.inactive_nextpage { margin-left: 10px; float: right; }
a.previouspage, span.inactive_previouspage { margin-right: 10px; float: left; }

a.pagenr, a.previouspage, a.nextpage { 	background: #bee0f3; border: 1px solid #00a7e1;	color: #000;  }
a.pagenr:hover, a.previouspage:hover, a.nextpage:hover { background: #00a7e1; }

/* sitemap-style.css */

#sitemap {
	width: 100%;
	height: 100%;
}

#sitemap ul {
	padding-top: 20px;
	list-style: none;
	padding-left: 0px;
}

#sitemap ul li ul li {
	padding-top: 5px;
	padding-left: 20px;
}

#sitemap ul ul {
	padding-top: 0px;
}

#sitemap hr {
	margin: 20px 0px 0px 0px;
	color: #eee;
}

h1 a.sidebar-link {
	text-decoration: none;
	color: #0d233f;
}

div.totalbanner {
	width: 646px;
	height: 120px;
	position: relative;
	display: block;
}

div.bannertext {
	float: right;
	display: block;
	width: 391px;
	min-height: 100px;
	position: relative;
}

div.bannertext h2 {
	margin: 0px 0px 10px 0px;
}

img.sidebar-banner {
	margin-bottom: 10px;
	position: relative;
	display: block;
}

img.banner {
	height: 80px;
	width: 240px;
	overflow: hidden;
	margin-bottom: 10px;
	position: relative;
	display: inline;
	float: left;
}