/* Global */
html, body { /* width:100%; height:100%; */ }
body { 
	background-color:#fff; position:relative;
}

/* Structure */

#header { text-align:center; }
.header-large { height:530px; }
.header-small { height:330px; }
#header ul { display:block; }
#header ul li { xfloat:left; padding:0 1em; white-space:nowrap; text-align:left; }

#content { width:962px; margin:0 auto; position:relative; overflow:hidden; }
#content p { padding:0 0 1em 0; }
#content .hr { height:20px; width:100%; border:0; display:block; margin:1em 0 2em 0; }

	#breadcrumb { width:650px; overflow:auto;  }
	#breadcrumb li { display:inline; padding:0 0 0 5px; }
	#breadcrumb li.home { padding:0; }
	#breadcrumb li a { display:inline; padding:0 10px 0 0; }

	.articles	{ float:left; margin:15px 0 0 0; width:650px; }
		.article { padding:0 0 40px 0; position:relative; height:440px; height:auto !important; min-height:440px; }
		.article .deco { display:block; position:relative; padding:0 0 20px 0; }
		.article .lover-alert { position:absolute; width:100px; height:75px; top:-22px; }
		.article h2 { margin:0 0 .5em 0; }
		.article table tr td { width:70px; }
	.articles .article h2 { margin:0 0 15px 0; }

	/* home */
	.articles .article { width:300px; float:left; margin:0 25px 30px 0; }
	.articles .one,
	.articles .three{ clear:left; }
	.articles .lover-alert { top:-22px; right:-12px; }

	/* sub */
	.sub .article { float:left; margin:15px 0 0 0; padding:0 25px 0 0; width:625px; }
	.sub .lover-alert { right:10px; }
	

#aside { width:312px;  float:right; }

#aside .nav-sub { min-height:190px; padding:0 0 1.5em 0; margin:0 0 15px 0; position:relative;  }
#aside #direct { height:321px; margin:0; padding:0 0 16px 0; }

	#aside .nav-sub .top { width:100%; height:82px; position:absolute; top:0; left:0; z-index:1px; }
	#aside .nav-sub .middle { z-index:3; position:relative; } 
	#aside .nav-sub .footer { width:100%; height:84px; z-index:2; position:absolute; bottom:-1px; left:0; }
	
	#aside .nav-sub h2 { height:37px; position:relative; left:20px; top:-10px; }
	#aside #direct  h2 { top:-10px; }

	#aside .nav-sub p { padding:0 25px 0 23px; }
	#aside .nav-sub ul { padding:.5em 25px .5em 23px; }
	#aside .nav-sub li { padding:0 0 0 1em; margin:0 0 .5em 0; }


	#aside .nav-sub #more-info { position:absolute; bottom:30px; right:16px; width:106px; height:41px; overflow:hidden; }
	#aside .nav-sub #more-info:hover img { position:relative; bottom:41px; }

#aside #search { height:111px; position:relative; }

	#aside #search h2,
	#aside #search #search-label,
	#aside #search #search-field { position:relative; left:20px;}

	#aside #search h2 { width:118px; height:32px;  top:-10px; }
	#aside #search #search-field { z-index:1; top:6px; }
	#aside #search #search-btn { width:74px; height:43px; position:absolute; bottom:8px; right:14px; z-index:2; }

#footer { height:140px; position:relative; }
	#footer ul { display:inline; position:absolute; top:90px; left:33%; }
	#footer li { display:inline; padding:0 0 0 5px; }
	#footer li a { display:inline; padding:0 10px 0 0; }
	#footer #logo-GGD { margin:60px 0 0 66%; float:left; }

/*  Typography 
		+
	 Styling	*/

body { 
	font-family: Arial, Verdana, sans-serif; 
	color: #333333; font-size: 77.5%;
	line-height:150%;
	text-decoration:none;
}


a:link {  /*red*/ color:#ca609b; text-decoration:underline; }
a:visited { color:#ca609b; }
a:hover { color:#83b341; }
a:active { color:#83b341; }

h1 { font-size:2em; }
h2 { font-size:1.5em; }
h3 { font-size:1em; color:#ca609b; font-weight:bold; }
h4 { font-size:1em; color:#000; font-weight:bold; }

#header { background-color:#fff; }

#breadcrumb li a { background:transparent url(/assets/project/img/breadcrum-div.gif) no-repeat 100% 50%; }

#content .hr { background:transparent url(/assets/project/img/hr.gif) repeat-x left bottom; }


.articles	.one,
.articles	.two { background:transparent url(/assets/project/img/hr.gif) no-repeat left bottom; }

	.article .lover-alert { background:transparent url(/assets/project/img/lover-alert.png) no-repeat 0 0; }
	.article h2 { color:#83B341; letter-spacing:-1px; font-size:2em; font-weight:bold; text-transform:uppercase; text-decoration:none; }
	.article h2 a:link,
	.article h2 a:hover,
	.article h2 a:visited,
	.article h2 a:hover { color:#83b341; text-decoration:none; }

	
	.article p { text-align:justify; }
	.article .read-more { white-space:nowrap; }

#aside .nav-sub { background:transparent url(/assets/project/img/aside/nav-sub-middle.png) repeat-y left bottom; }

	#aside .nav-sub .top { background:transparent url(/assets/project/img/aside/nav-sub-top.png) no-repeat left bottom; }
	#aside .nav-sub .footer { background:transparent url(/assets/project/img/aside/nav-sub-footer.png) no-repeat left bottom; }


#aside	#direct { background:transparent url(/assets/project/img/aside/direct-bg.png) no-repeat scroll left top !important; }
		.nav-sub { color:#fff; font-weight:bold; font-size:17px; }
		.nav-sub p { font-size:16px; }
		.nav-sub a, .nav-sub a:visited, .nav-sub a:active { text-decoration:none; color:#fff;  }
		
		#aside .nav-sub li { background:transparent url(/assets/project/img/aside/nav-sub-li.gif) no-repeat 0 .5em; }
		#aside .nav-sub li.active { background-image: url(/assets/project/img/aside/nav-sub-li-active.gif); }
		#aside .nav-sub li.active a { color:#ca609b; }
		#aside .nav-sub li a:hover { text-decoration:underline; }

#aside #search { background:transparent url(/assets/project/img/aside/search-bg.png) no-repeat 0 0; }

	#aside #search h2 { font-weight:bold; }
/*	#aside #search #search-field { }*/
	#aside #search #search-btn { background:transparent url(/assets/project/img/aside/search-btn.png) no-repeat 0 0; }

#footer { background:transparent url(/assets/project/img/footer.png) repeat 0 0; position:relative; }
#footer li a { background:transparent url(/assets/project/img/breadcrum-div.gif) no-repeat 100% 50%; }
#footer li.last a { background-image:none; }


/* general form elements */

form input,
form textarea { width:260px; border:1px solid #755722; font-family: Arial, Verdana, sans-serif; font-size:1.2em;  }

form input,
form textarea,
form label { padding:6px 5px; } 

form .button { outline: none; border: none; cursor : pointer; }

/* contact */
.form-contact ol li { margin:0 0 1em 0; overflow:auto; }
.form-contact input,
.form-contact textarea { float:left; } 

.form-contact textarea { width:482px; } 
.form-contact label { width:120px; float:left; clear:left; } 

.form-contact #submit { background:transparent url(/assets/project/img/btn.png) no-repeat 0 0; width:111px; height:41px; float:right; }
.form-contact #submit:hover { background-position:0 -41px; }


/* addresses + vestigingen */
.addresses .state { position:relative; overflow:auto; }
.addresses table,
.hoofdvestiging table { margin:0 0 15px 0; }
.addresses table tr td, 
.hoofdvestiging table tr td { width:170px; }

.addresses .state table { float:left; }

.addresses h3,
.addresses h4,
.hoofdvestiging h3,
.hoofdvestiging h4 { padding:15px 0 7px 0 !important; font-weight:bold; color:#000; }

.addresses .to-top { position:absolute; bottom:0; right:0; height:41px; width:111px; background:transparent url(/assets/project/img/to-top.png) no-repeat 0 0; outline:none; }
.addresses .to-top:hover { background-position:0 -41px; }
.addresses .to-top img { display:none; }

/* contact form */
.message-error,
.message-valid { padding:5px; margin:0 0 1.5em 0; color:#fff; font-size:1.2em; line-height:1.5em; font-weight:bold; }
.message-error { border:1px solid #ca609b; background-color:#f5b8c3; }
.message-valid { border:1px solid #adca57; background-color:#d8f28c; }

/* Misc 
brown:#66583d 
geel: #fff600 
red: #ca609b
*/
.bold { font-weight:bold; }