@charset "utf-8";/* CSS Document *//* nieuws-sidebar-style.css */
div#newssidebar {
	width: 100%;
	background-color:#222;
	margin-left: 5px;
}

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

div#newssidebar div.sidebaritem h2 a { color: #7593ba; text-align: left; font-size: 12px; }
div#newssidebar h1 a { color: #fff; font-size: 13px; margin: 0; padding: 0; }/* nieuws-style.css */
div.newsitem {
	height: auto;
	width: 100%;
	position: relative;
	display: block;
	margin-bottom: 5px;
}

div.newsitem h2 {
	margin-bottom: 0px;
	padding-top: 10px;
	font-size: 13px;
	font-weight: bold;
}
div.newsitem h2 a { color: #7593ba; font-weight: bold; }
div.newsitem h2 a:hover { text-decoration: none; }

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

div.oldnews {
	width: 100%;
	display: block;
	padding-top: 10px;
	padding-bottom: 40px;
	clear: both;
}

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

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

span.date {
	width: 110px;
	padding: 0;
	margin: 0;
	position: relative;
	display: block;
	float: left;
}

span.link {
	width: 600px;
	padding: 0;
	margin: 0;
	position: relative;
	display: block;
	float: left;
}

span.currentpagenr {
	border		: 1px solid #7593ba;
	background: #7593ba;
	color			: #fff; 
}

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

a.allnews { padding: 5px; }

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, a.allnews { 	background: #ca774d; border: 1px solid #b44a14;	color: #fff;  }
a.pagenr:hover, a.previouspage:hover, a.nextpage:hover, a.allnews:hover { background: #b44a14; color: #fff; border: 1px solid #b44a14; text-decoration: none; }

/* 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-top: 20px; color: #fff; }

/* tabmenu.css: kleuren, zoals gebruikt in bijvoorbeeld 'paginabeheer' */
#contacttabmenu ul { 
padding: 1px 0; 
margin: 20px 15px 20px 0px;
border-bottom: 1px solid #7593BA; 
font-weight: bold;
text-align: left; 
width: 80%;
} 

#contacttabmenu ul li { 
list-style: none; 
margin: 0; 
display: inline; 
} 

#contacttabmenu ul li a { 
padding: 3px 10px; 
margin-left: 3px; 
border: 1px solid #555; 
border-bottom: none; 
background: #1a181b; 
text-decoration: none; 
color: #bbb; 
}
#contacttabmenu ul li a:hover, #contacttabmenu ul li a:visited:hover { 
color: #fff; 
border-color: #999; 
} 

#contacttabmenu ul li a#current { 
background: #1a181b; 
border-color: #7593BA #7593BA white #7593BA;
padding-top: 6px;
padding-bottom: 4px;
color: #FFF;
z-index: 2;
}

#routeplanner  {
width: 480px; 
border: 1px solid #7593BA; 
margin-bottom: 20px; 
padding: 10px;
}

#routeplanner .label { width: 100px; }
#routeplanner .input { width: 230px; }
#routeplanner td { height: 25px; }
#routeplanner input.addressinput { height: 20px; color: #444; background: #fff; border: 1px solid #7593BA; margin: 1px; }
#routeplanner input.addressinput:hover { border-width: 2px; margin: 0; }
#routeplanner input.addressinput:focus { border-width: 2px; margin: 0; border-color: #B44A14; }

#routeplanner input#button { 
	background: url(../modules/contact/front/images/pagina-opslaan.gif); 
	height: 25px; 
	width: 150px; 
	border: none; 
	padding: 0px 0px 2px 15px; 
}
#routeplanner input#button:hover { background-position: 0 -25px; cursor: pointer; }
#routeplanner input#button:active { background-position: 0 -50px; }
@charset "utf-8";
/* CSS Document */
div.portfoliocategory h3 { color: #7593ba; position: relative; display: block; padding-bottom: 10px; font-weight: normal; }
div.portfoliocategory {
	width: 685px;
	padding: 0px 0px 20px 0px;
	float: left;
}
div.portfoliocategory h2 {
	font-size: 13px;
	padding-bottom: 15px;
	padding-left: 0px;
}

div.thumbcontainer {
	margin-top: 5px;
	margin-right: 8px;
	margin-bottom: 10px;
	position: relative;
	padding: 4px;
	display: inline-block;
	background: #fff;
	zoom: 1;
	*display: inline;
}
div.thumbcontainer:hover {
	background: #7593ba;
	color: #000;
}/* 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				:	40px;
	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;
}

/* menu.css */
.menu {
	background: #1c2d45;
	top			: 85px;
	left: 0px;
	position: absolute;
	width		:	940px; 
	height	:	25px; 
	z-index	:	100; 
	display	: block;
	margin-top	: 0px;  
}

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

.menu ul {
	padding	:	0;
	margin	:	0;
	margin-left	: 20px; 
	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-weight:bold;
	font-size		:	11px;
	text-decoration	:	none; 
	color				:	#fff; 
	height			:	100%; 
	padding-left:	15px; 
	padding-right: 15px; 
	line-height	:	25px; 
}

/* Breedte van hoofdmenuitems voor oude browser (IE 5.5) */
* html .menu a, * html .menu a:visited {
	width		:	119px; 
	w\idth	:	108px;
}

/* Eigenschappen actief hoofdmenuitem */
.menu ul li .active {
	background-color: #b44a14;
}

/* Eigenschappen hoofdmenuitems hover */
.menu a:hover, .menu ul ul a:hover { 
	color	:	#fff;
	font-weight:bold;
	background-color: #ca774d;
	text-decoration: none;
}
.menu :hover > a, .menu ul ul :hover > a { 
	color	:	#fff;
	font-weight:bold; 
	background-color: #ca774d;
	text-decoration: none;
}

/* Eigenschappen van de submenuitems */
.menu ul ul a, .menu ul ul a:visited { 
	top: 0px;
	position: relative;
	font-size	: 10px;
	border-bottom: 1px solid #fff;
	color			:	#fff; 
	height		:	0px; 
	line-height: 0px; 
	padding		:	10px 10px; 
	width			:	120px;
	left			: -20px;
	background: #3c5272;
	text-decoration: none;
}

/* Breedte submenuitems voor oude browser (IE 5.5) */
* html .menu ul ul a, * html .menu ul ul a:visited {
	width	:	120px;	
	w\idth:	98px;
}

/* Eigenschappen hoofdmenuitems hover */
.menu ul ul a:hover { 
	color	:	#fff;
	background: #cd7446;
}

/* Eigenschappen actief submenuitem */
.menu ul li ul li .activesub {
	color: #fff;
	background: #b44a14;
}

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

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

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

/* Tabel voor IE */
.menu table {
	position	:	absolute; 
	top		:	0; 
	left	:	0; 
	border-collapse	:	collapse;
}/* style.css */
a img { border: none; }
a { color: #d07c52; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { font-size: 22px; font-weight: bold; color: #b44a14; } 
h2 { font-size: 14px; font-weight: bold; color: #7593ba; } 
h3 { font-size: 12px; font-weight: bold; color: #fff; } 
p { padding-bottom: 18px; }

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

body, html {
	font-family	: Arial, Helvetica, sans-serif;
	font-size		: 12px;
	margin			:	0px;
	width				: 100%;
	color				: #c2c2c2;
	line-height	: 20px;
	background	: #000;
	text-align: center;
}

div#wrap {
	text-align: left;
	width			: 940px;
	height		: 100%;
	margin		:	0px auto;
	position	:	relative;	
	text-align: left;
}

div#header {
	width				: 	100%;	
	height			:	110px;	
	background	: #fff;
}
div#header img#logo {
	float: left;
	left: 35px;
	top: 15px;
	position: relative;
}

img#slogan { 
	float: right;
	width: 290px;
	height: 16px;
	right: 35px;
	top: 15px;
	position: relative;
	border: none;
	background: url(../images/layout/team3d-slogan.jpg) no-repeat;
}

div#NAW {
	padding: 0;
	margin: 0;
	float: right;
	position:absolute;
	color: #808487;
	top: 60px;
	right: 35px;
	text-align: right;
	font-size: 11px;
	line-height: 16px;
}

div#menubalk {
	width: 940px;
	height: 25px;
	display: block;
}

div#showcase {
	width: 940px;
	height: 300px;
	display: block;
	position: relative;
	background: #b54a14;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	overflow: hidden;
}

div#content {
	position		:	relative;
	left				:	0px;
	width				: 940px;
	display			:	block;
	overflow		: auto;
	z-index			:	1;
	background: #1a181b;
}

div#main {
	width: 940px;
	display: block;
	position: relative;
	float: left;
}

div#maintext {
	width: 645px;
	padding: 20px 40px 20px 33px;
	display: block;
	position:relative;
	float: left;
}

div#maintext table {
 clear: both;
 text-align: justify;
}

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

div#footer {
	width: 940px;
	height: 25px;
	background: #444;
	position: relative;
	display: block;
	padding: 0px;
	margin: 0;
}

div#modules {
	padding: 22px 20px 0px 0px;
	width: 199px;
	position: relative;
	right: 0px;
	float: right;
	background-color: #222;
}
div#modules h1 { color: #fff; font-size: 12px; padding-bottom: 2px; }
div#modules h2 { color: #fff; font-size: 12px; }

div#footer a { font-size: 10px; text-decoration: none; color: #ababab; }
div#footer a:hover {color: #ccc; }

div#images { width: 925px; display: block; position: relative; float: left; padding: 0px 0px 10px 15px; margin-top: -25px; }
div#images img { padding-left: 20px; }

#inlog_link {
	height	:	auto;
	width		:	auto;
	display	:	inline;
	position:	relative;
	float		: left;
	padding-left: 35px;
	line-height: 24px;
}	

#stickywall_link {
	color		:	grey;
	height		:	auto;
	width		:	auto;
	display		:	inline;
	left		: 	36%;
	position	:	relative;
	float: left;
	line-height: 24px;
}

#sitemap_link {
	font-size: 11px;
	float: right;
	position	:	relative;
	padding-right: 40px;
	line-height: 24px;
}
#portfolio {
	width: 220px;
	height: 300px;
	display: block;
	position: absolute;
	background: url(../images/layout/bekijk_portfolio.jpg) no-repeat;
	z-index: 2;
	top: 0;
	right: 0;
}
#portfolio:hover {
	background-position: -220px 0px;
}

#submenu, #portfoliosubmenu, #contactsubmenu {
	width: 940px;
	background: #444;
	position: relative;
	left: 0;
	top: 0;
	display: block;
}
#submenu { position: relative; }
#portfoliosubmenu, #contactsubmenu {	position: absolute; }

#submenu ul, #portfoliosubmenu ul, #contactsubmenu ul { 
	padding: 3px 0; 
	font: bold 11px 'Arial', sans-serif; 
	text-align: left; 
	top: 0px;
	position: relative;
	width: 920px;
	display: block;
	left: 20px;
	height: 18px;
	z-index: 20;
} 

#submenu ul li, #portfoliosubmenu ul li, #contactsubmenu ul li { 
list-style: none; 
margin: 0; 
display: inline; 
} 

#submenu ul li a, #portfoliosubmenu ul li a, #contactsubmenu ul li a { 
padding: 4px 10px; 
margin-left: 0px; 
text-decoration: none; 
color : #ccc;
font-weight: normal;
line-height: 20px;
}
#submenu ul li a:hover, #portfoliosubmenu ul li a:hover, #contactsubmenu ul li a:hover { 
background: #ca774d; 
text-decoration: none; 
color: #fff;
}

#submenu ul li a#current, #portfoliosubmenu ul li a#current, #contactsubmenu ul li a#current { 
background: #1a181b; 
padding-top: 5px;
color: #fff;
border-bottom: none;
}

.clear { clear: both; }

/* 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;
}

/* 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;
}