/* Start of CMSMS style sheet 'jan_maertens_css' */
body { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 110.01%; }
html, body { background-color: #FFF; color: #000 }

h1 { font-size: 1.4em }

a { text-decoration: none; color: #000 }

/* NewsModule */
.nieuwsdatum { font-size: .6em; padding: 3px 0px }
.nieuwsbericht { padding: 3px 0px }
/* End NewsModule */

.fl { float: left ; font-size: 11px}
.fr { float: right ; font-size: 11px}
.clear { clear: both }
.projects dt { float: left; width: 180px; height: 111px }
.projects dd { float: right; }

#wrapper { padding-right: 10px; width: 750px; height: 100.01%; margin: 0 auto; border-right: 70px solid #00656C; position: relative }
#header { width: 100%; height: 255px; padding-top: 20px }
        #language { text-align: right }
	#logo { float: left; width: 467px; }
	#references { float: right; width: 270px; }
		#project-browser { width: 100%; margin-top: 35px }
			#project-image { position: relative }
				#project-prev { position: absolute; top: 105px; left: 15px; width: 45px; height: 45px }
				#project-next { position: absolute; top: 105px; right: 15px; width: 45px; height: 45px }
				#project-title { position: absolute; top: 15px; left: 15px; padding: 3px; background: #FFF }
#content { padding-top: 10px ; float: right; width: 537px; font-size: .95em; }
	#content p { margin: 10px 0px }
	#content h1 { color: #47464B; margin-bottom: 20px }
	#content img { border: 1px solid #00656C }
	#content h1 span { color: #00656C }
    #content dl dt { font-weight: bold; color: #00656C }
    #content dl dd { margin: 5px 0px 5px 20px; font-size: .9em }
	#content a { color: #47464B; text-decoration: none }
	#content a:hover { color: #00656C; text-decoration: none }
#sidebar { float: left; width: 180px }
	#sidebar a { border-left: 2px solid #959595; padding-left: 10px }
	#sidebar #actief  { border-left: 2px solid #00656C; padding-left: 10px; color: #00656C }
	#sidebar a:hover, #sidebar h3 { border-left: 2px solid #00656C; padding-left: 10px }
        #sidebar ul li { margin: 10px 0 }
	#sidebar ul li ul li a { font-style: italic }
        #sidebar ul ul { margin-left: 20px }
#footer { margin-top: 15px; border-top: 1px solid #00656C; font-size: .9em; padding: 5px 0px }
#footer ul { text-align: center }
#footer ul li { display: inline; margin-right: 5px }

/* Contactform */
#form1 input, #form1 textarea, #m3moduleform_1 input, #m3moduleform_1 textarea {
	border: 1px solid #cecece;	
}
#form1 label, #m3moduleform_1 label {
	font-size: .9em;
	text-transform: lowercase;
}
#form1 input:focus, #form1 textarea:focus, #m3moduleform_1 input:focus, #m3moduleform_1 textarea:focus {
	border: 1px solid #000;	
}
#form1 input, #m3moduleform_1 input {
	margin: 3px 0px 10px 0px;
	width: 150px;	
}
#form1 #m3name, #m3moduleform_1 #m3fbrp__18, #m3moduleform_1 #m3fbrp__43, #m3moduleform_1 #m3fbrp__47, #m3moduleform_1 #m3fbrp__51 {
	background: url(uploads/jan_maertens/contact_1.jpg) no-repeat;
	padding-left: 25px;
}
#form1 #m3email, #m3moduleform_1 #m3fbrp__19, #m3moduleform_1 #m3fbrp__44, #m3moduleform_1 #m3fbrp__48, #m3moduleform_1 #m3fbrp__52 {
	background: url(uploads/jan_maertens/contact_2.jpg) no-repeat;
	padding-left: 25px;
}
#m3moduleform_1 #m3fbrp__20, #m3moduleform_1 #m3fbrp__53 {
	background: url(uploads/jan_maertens/contact_3.jpg) no-repeat;
	padding-left: 25px;
}
#form1 #m3submit, #m3moduleform_1 #m3fbrp_submit {
	background: #00656C;
	border: 1px solid #cecece;
	color: #fff;
	text-transform: lowercase;
	font-weight: bold;
}
/* / Contactform */

/* Sitemap */
.sitemap li { margin: 5px 0px }
.sitemap li li { margin: 5px 10px; font-style: italic }
/* / Sitemap */

#map { border: 1px solid #00656C }
.gmapje, .paginanr { font-size: .8em }

/* Footer fix */
body,html {
	margin: 0;
	padding: 0;
	height: 100%;
}
#wrapper {
	min-height: 100%;  
	height: auto !important;
	height: 100%;
}
#footer {
	position: absolute;  
 	bottom: 0;
 	height: 20px;  
 	width: 100%;  
}
#content {
	padding-bottom: 35px;	
}
/* / Footer fix */

h2 { margin: 10px 0px 5px 0px; color: #00656C; font-size: 1.2em }
h3 { margin: 10px 0px 5px 0px }
h3 a { color: #47464B; text-decoration: none }
h3 a:hover { color: #00656C; text-decoration: none }
td { vertical-align: top }
h4 { background: #00656C; font-size: 1.1em; font-weight: bold; color: #fff; padding: 2px }
#content h4 a { color: #fff; text-decoration: none; }
#content h4 a:hover { color: #fff; text-decoration: underline; }
.verberg { display: none }

/* End of 'jan_maertens_css' */