/*
- platte tekst / inleiding: #63778b
- koppen / links: #002c5a
- tags / breadcrumbs: #a39d87
Linkstijl: bij mouse-over onderlijning.
*/

html, body
{
	margin				: 0px;
	padding				: 0px;
	height				: 100%;
}
body
{
	font				: normal 11px verdana;
	background			: #0f194a url('../img/bg/body.png') fixed left top;
	color				: #63778b;	
}


#contwrapper
{
	position			: relative;
	width				: 858px;
	padding				: 0px;
	margin				: 0 auto;
	min-height			: 100%;
	background			: url('../img/bg/wrapper.png') repeat-y;
}
#container
{
	position			: relative;
	width				: 840px;
	padding-left		: 16px;
	margin				: 0 auto;
	min-height			: 100%;
}
* html #contwrapper, * html #container
{
	height				: 100%;
}
#contwrapper #container
{
	margin				: 0px;
	min-height			: auto;
	height				: auto;
}


a
{
	color				: #002c5a;
	text-decoration		: none;
}
a:visited
{
	text-decoration		: none;
}
a:hover
{
	text-decoration		: underline;
}
a img
{
	border				: none;
}

/* padding en margins van lijsten en formulieren */
#navigation, dl#subnav, #subnav dt, #subnav dd, #subnav ul, #footer ul, #referenties, #kaders, #kadersleft, #portfolio, #footer ul, #breadcrumbs, #testimonials, #testimonials blockquote, #portfolio, #portfolioinfo, #nieuws10 ul
{
	list-style-type		: none;
	margin				: 0px;
	padding				: 0px;
}

#header
{
	height				: 354px;
	background			: url('../img/bg/header.png') no-repeat right top;
	margin-right		: 16px;
	border-bottom		: 45px solid #fff;
}
#header .wrapper
{
	height				: 354px;
	background			: url('../img/bg/subheader.jpg') no-repeat left bottom;
}
a#index
{
	margin				: 0 0 0 31px;
	padding-top			: 16px;
	display				: block;
	height				: 103px;
	width				: 213px;
}

p.lang
{
	position			: absolute;
	text-align			: right;
	width				: 114px;
	padding				: 5px 0 0 700px;
	display				: block;
	margin				: 0px;
	top					: 0px;
	color				: #002c5a;
}
p.lang span
{
	color				: #63778b;
}

#navigation
{
	position			: absolute;
	top					: 355px;
	width				: 825px;
	margin-left			: -1px;
	background			: url('../img/bg/navigation.png') repeat-x left top;
}
#navigation li
{
	float				: left;
}
#navigation a
{
	display				: block;
	color				: #fff;
	text-decoration		: none;
	height				: 25px;
	padding				: 5px 30px 0px 30px;
	border-left			: 1px solid #fff;
	background			: url('../img/bg/navigation.png') repeat-x left top;
	font-size			: 15px;
	text-align			: center;
	_width				: 136px;
	_padding			: 5px 0 0 0;
}
#navigation a:hover, #navigation a.selected
{
	background-position	: left bottom;
}

#breadcrumbs
{
	position			: absolute;
	top					: 405px;
	text-transform		: lowercase;
}
body#navleft #breadcrumbs, body#navleftkaders #breadcrumbs
{
	margin-left			: 210px;
}
body#nieuws #breadcrumbs
{
	margin-left			: 312px;
}
#breadcrumbs li
{
	float				: left;
	font-size			: 0.85em;
}
#breadcrumbs a, #breadcrumbs a:visited, #breadcrumbs span
{
	text-decoration		: none;
	color				: #a39d87;
}
#breadcrumbs span
{
	padding				: 0 3px;
}
#content #breadcrumbs a:hover
{
	text-decoration		: underline;
}
#content
{
	padding-bottom		: 109px;
}

h1, h2, h3, h4, h5, h6
{
	margin				: 0px;
	color				: #002c5a;
	font-family			: verdana;
	font-weight			: bold;
	padding-bottom		: 0px;
}
h1
{
	font-size			: 16px;
	padding-bottom		: 10px;
}
h2, h3
{
	font-size			: 11px;
	color				: #002c5a;
	/*padding-bottom		: 5px;*/
}
h3
{
	color				: #63778b;
}
#text p
{
	margin-top			: 0px;
	padding-top			: 0px;
}
#subtext
{
	padding				: 41px 0;
	margin-right		: 16px;
}
body#navleft #subtext
{
	float				: right;
	width				: 614px;
}
body#nieuws #subtext
{
	float				: right;
	width				: 512px;
}
body#navleftkaders #subtext
{
	float				: right;
	width				: 403px;
}
body.home #container #subtext
{
	padding-top			: 0px;
}

/* SUNAVIGATIE */
#container #subnav
{
	width				: 200px;
	background			: url('../img/bg/shadow.png') no-repeat left bottom;
	padding-bottom		: 6px;
	margin-bottom		: 5px;
}
#subnav dt, div.item h5
{
	display				: block;
	color				: #fff;
	text-decoration		: none;
	height				: 22px;
	width				: 190px;
	font-size			: 11px;
	font-weight			: normal;
	padding				: 8px 0 0 10px;
	background			: url('../img/bg/subnav.dt.png') no-repeat left top;
}
#subnav ul
{
	width				: 192px;		
	border-left			: 1px solid #b2b2b2;
	border-right		: 1px solid #b2b2b2;
}
#subnav ul ul
{
	border				: 0px;
	border-bottom		: 1px solid #b2b2b2;
}
#subnav ul a
{
	border-bottom		: 1px solid #b2b2b2;
	display				: block;
	width				: 182px;
	padding-left		: 10px;
	height				: 22px;
	padding-top			: 7px;
}
#subnav ul a:hover, #subnav ul a.selected
{
	background-color	: #ccd5de;
	text-decoration		: none;
}
#subnav ul ul a
{
	border-bottom		: 0px solid #b2b2b2;
	color				: #63778b;
	padding-top			: 6px;
	height				: 19px;
}
#subnav ul ul a span
{
	padding-right		: 10px;
}
#subnav ul ul a:hover, #subnav ul ul a.selected
{
	background-color	: #ebeef3;
}

/* KADERS */
#kaders
{
	float				: right;
	width				: 210px;
}
#kadersleft
{
	width				: 210px;
}
.kaders div.item
{
	margin				: 0 10px 5px 0;
	background			: url('../img/bg/shadow-ver-large.png') no-repeat right top;
}
.home #kadersleft
{
	width				: 200px;
}
.home #kadersleft div.item
{
	margin-right		: 0px;
}
.kaders div.wrap
{
	padding				: 0 6px 11px 0;
	background			: url('../img/bg/shadow-hor-kader.png') no-repeat right bottom;
}
.kaders div.wrap div, .kaders div.wrap ul
{
	border				: 1px solid #b2b2b2;
	border-width		: 0 1px 1px 1px;
}
.kaders div.wrap div
{
	padding				: 9px 0px 9px 9px;
}
.kaders div.border div.wrap div
{
	border-top-width	: 1px;
}
div.item h5
{
	background			: url('../img/bg/navigation.png') repeat-x left top;
	width				: 184px;
}
.kaders p
{
	margin				: 0px;
	padding				: 0px;
}
.kaders #scrollportfolio, .kaders #kaderhighlight
{
	list-style-type		: none;
	margin				: 0px;
	padding				: 9px 0 20px 10px;
	background			: url('../img/bg/kader.ul.png') no-repeat left bottom;
}
.kaders #itemknoppen img
{
	display				: block;
	margin-bottom		: 10px;
}
#itemknoppen img.last
{
	margin-bottom		: 0px;
}
#scrollportfolio
{
	height				: 116px;
	overflow			: hidden;
}
#scrollportfolio li
{
	
	width				: 174px;
	height				: 116px;
	position			: absolute;
	z-index				: 0;
}
#itemshowcase h5, #itemhighlights h5
{
	text-indent			: -9999px;
	height				: 61px;
	width				: 194px;
	background			: url('../img/bg/h5.showcase.png') no-repeat left top;
	padding				: 0px;
	margin				: 0px;
}
#itemhighlights h5
{
	background-image	: url('../img/bg/h5.highlights.png');
}
#container #kaderhighlight
{
	padding				: 9px 10px 0 10px;
	border				: 1px solid #b2b2b2;
	border-width		: 0 1px 1px 1px;
}
#container #kaderhighlight p
{
	margin				: 0px;
	padding				: 9px 0 0 0;
}
#kaderhighlight a
{
	font-style			: italic;
	text-decoration		: none;
}
#kaderhighlight h6 a
{
	font-style			: normal;
	font-size			: 11px;
}
#kaderhighlight li
{
	border-bottom		: 1px solid #b2b2b2;
	padding-bottom		: 10px;
	margin-bottom		: 10px;
}
#kaderhighlight li.last
{
	border-bottom-width	: 0px;
}
#container #itemtags a
{
	color				: #a39d87;
}
/* kaders postadres */
#postadres
{
	width				: 304px;
	float				: left;
	position			: absolute;
	top					: 400px;
	margin-left			: 526px;
}
#postadres img
{
	display				: block;
	margin-bottom		: 8px;
}
#postadres h3
{
	font-size			: 16px;
	padding-bottom		: 10px;
	color				: #002c5a;
}
#postadres address
{
	padding-top			: 10px;
	font-style			: normal;
}

/* NIEUWS top 10*/
#nieuws10
{
	background			: url('../img/bg/shadow-ver-large.png') no-repeat right top;
	width				: 300px;
}
#nieuws10 div
{
	padding				: 0 6px 11px 0;
	background			: url('../img/bg/shadow-hor-large.png') no-repeat left bottom;
}
#nieuws10 ul
{
	border				: 1px solid #b2b2b2;
	border-top-width	: 0px;
	padding				: 3px 10px;
}
#nieuws10 ul li
{
	padding				: 7px 0;
}
#nieuws10 a:hover, #nieuws10 a.selected
{
	color				: #a39d87;
}
#nieuws10 h4
{
	display				: block;
	text-indent			: -9999px;
	height				: 61px;
	width				: 294px;
	background			: url('../img/bg/h4.highlights.png') no-repeat left top;
}

/* FOOTER */
hr.clear
{
	clear				: both;
	height				: 1px;
	border				: 0px;
	margin				: 0px;
	padding				: 0px;
	visibility			: hidden;
}
#footer
{
	clear				: left;
	background			: url('../img/bg/footer.png') left top repeat-x;
	width				: 814px;
	margin				: -109px auto 0 auto;
	height				: 109px;
	padding-left		: 10px;
	position			: relative;
}
#footer p
{
	padding				: 5px 10px 15px 0;
	margin				: 0px;
}
#footer p span
{
	float				: right;
}
#footer, #footer a
{
	color				: #FFF;
	text-decoration		: none;
}
#footer ul
{
	width				: 160px;
	display				: block;
	float				: left;
}

/* MODULES */
div.nieuwsinleiding
{
	font-weight			: bold;
	padding-bottom		: 14px;
}
#container div.nieuws h2
{
	padding				: 0px;
}
div.nieuws p
{
	margin				: 0px;
	padding				: 0px;
}
div.nieuws div
{
	border-bottom		: 1px solid #b2b2b2;
	padding-bottom		: 5px;
	margin-bottom		: 10px;
}
#testimonials li
{
	font-weight			: bold;
	background			: url('../img/bg/shadow-ver-large.png') no-repeat right top;
	width				: 620px;
	margin-bottom		: 3px;
}
#testimonials div.wrap1
{
	padding				: 0 6px 11px 0;
	background			: url('../img/bg/shadow-hor-large.png') no-repeat left bottom;
}
#testimonials div div.wrap2
{
	border				: 1px solid #b2b2b2;	
}
#testimonials div div div
{
	border				: 10px solid #fff;
	background-color	: #ccd5de;
	padding				: 14px 8px 8px 14px;
}
#testimonials blockquote
{
	padding-bottom		: 14px;
}
#testimonials img.img
{
	float				: left;
	margin-right		: 14px;
}
#testimonials blockquote
{
	font-weight			: normal;
}

#referenties, #portfolio
{
	width				: 630px;
	margin-left			: -1px;
}
#referenties li, #portfolio li
{
	display				: block;
	background			: url('../img/bg/shadow-ver-large.png') no-repeat right top;
	width				: 201px;
	height				: 132px;
	float				: left;
	margin				: 0 9px 8px 0;
}
#referenties div.wrap1, #portfolio div.wrap1
{
	padding				: 0 6px 11px 0;
	background			: url('../img/bg/shadow-hor-portfolio.png') no-repeat right bottom;
}
#referenties div div.wrap2, #portfolio div div.wrap2
{
	border				: 1px solid #b2b2b2;	
	height				: 124px;
	width				: 193px;
}
#referenties span, #referenties a
{
	position			: absolute;
	width				: 193px;
	margin-top			: 92px;
	height				: 30px;
	display				: block;
	text-align			: center;
}
#referenties img, #portfolio img
{
	display				: block;
	margin				: 20px auto 0 auto;
}
#portfolio a img
{
	-moz-opacity		: .30; 
	filter				: alpha(opacity=30); 
	-ms-filter			: "alpha(opacity=30)";
	opacity				: .30;
}
#portfolio a:hover img
{
	-moz-opacity		: 1; 
	filter				: alpha(opacity=100); 
	-ms-filter			: "alpha(opacity=100)";
	opacity				: 1;
}
#portfolio li
{
	height				: 143px;
}
#portfolio div div.wrap2
{
	height				: 135px;
}
#portfolio img
{
	margin-top			: 10px;
}
#portfolioinfo dt, #portfolioinfo dd
{
	margin				: 0px;
	padding				: 0px;
}
#portfolioinfo dt
{
	font-weight			: bold;
}
#portfolioinfo dd
{
	padding-bottom		: 15px;
}
img.portfolio
{
	float				: right;
	padding				: 0 5px 10px 0;
}
.navportfolio
{
	font-size			: 0.85em;
	color				: #a39d87;
	clear				: right;
	text-align			: right;
	margin				: 0px;
	padding				: 30px 0 0 0;
}
p.navabsolute
{
	position			: absolute;
	clear				: none;
	width				: 824px;
	top					: 405px;
	padding-top			: 0px;
}
.navportfolio a 
{
	color				: #a39d87;
	text-decoration		: none;
}
.navportfolio .prev
{
	/*padding-left		: 11px; levert rare problemen op in IE7*/
	background			: url('../img/bg/navportfolio.png') no-repeat left 3px;
}
.navportfolio .next
{
	padding-right		: 11px;
	background			: url('../img/bg/navportfolio.png') no-repeat right -11px;
}

/* ALGEMEEN  */
/* navigatie */
ul.navigatie
{
	list-style-type		: none;
	padding				: 0 0 0 40px;
	margin				: 10px 0 0 0;
	text-align			: center;
	color				: #63778b;
	font-size			: 0.9em;
	line-height			: 14px;
}
ul.navigatie li span, ul.navigatie a, ul.navigatie li.totaal
{
	padding				: 0px 2px;
}
ul.navigatie li span
{
	color				: #63778b;
}
ul.navigatie a
{
	text-decoration		: none;
	color				: #002c5a;
}
ul.navigatie a:hover
{
	background-color	: #002c5a;
	color				: #fff;
}
ul.navigatie li
{
	display				: inline;
}
ul.navigatie li.totaal
{
	position			: relative;
	float				: right;
}
ul.navigatie li span.selected
{
	background-color	: #002c5a;
	color				: #fff;
}
/* formulieren */
label
{
	cursor				: pointer;
}
table tr.error
{
	/*background			: #fff url('../img/web/warning.gif') no-repeat right top;*/
}
table tr.error input, table tr.error textarea
{
	border-color		: #a00;
	background-color	: #f99;
}
form#contact
{
	margin				: 0px;
	padding				: 0px;
}
#contact dl
{
	margin				: 0px;
	padding				: 0px;
}
#contact dt
{
	float				: left;
	width				: 95px;
	margin				: 5px 0 2px 0;
}
#contact input.text, #contact textarea
{
	width				: 203px;
	border				: 1px solid #969696;
}
#contact textarea
{
	height				: 134px;
}
#contact dd
{
	padding-left		: 95px;
	display				: block;
	margin				: 5px 0 2px 0;
}
#contact #url
{
	display				: none;
}
#contact .submit
{
	border				: none;
	border-top			: 0px solid #fff;
	display				: block;
	color				: #fff;
	text-decoration		: none;
	height				: 30px;
	padding				: 1px 0 0 0;
	border-left			: 1px solid #fff;
	background			: url('../img/bg/navigation.png') repeat-x left top;
	font-size			: 11px;
	text-align			: center;
	width				: 205px;
}
#contact input.submit:hover
{
	background-position	: left bottom;
}

#subheader
{
	position			: absolute;
	height				: 224px;
	width				: 824px;
	top					: 131px;
}