/* reset
------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* general
------------------------------------------------------------------*/
body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #707070; line-height: 1.5; }
h1 { font-size: 18px; color: #003B78; margin: 24px 0 18px 0; }
h2 { color: #003B78; margin: 18px 0 9px 0; }
h3 { }
h4 {}
ul, ol { margin: 0 0 14px 16px; }
ol { list-style: decimal; }
ul { list-style: disc; margin: 0 0 14px 16px; }
p, form { margin: 0 0 14px 0; }
a {}
a:hover {}
input, textarea, select { font-size: 11px; font-family: Arial, sans-serif; color: #4F535C; }
strong { font-weight: bold; }
em { font-style: italic; }
	
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* page structure
------------------------------------------------------------------*/
#wrapper { width: 800px; margin: 0 auto; }
#header { width: 100%; /*height: 127px;*/ border-bottom: 3px solid #003B78; }
#navigation { float: left; width: 203px; margin: 0 46px 0 0; /*margin: 0 31px 0 0;*/ }
#sidebar {  }
#content { float:left; width: 550px; margin-bottom: 48px; }
#footer {	clear: both; border-top: 3px solid #003B78; color: #003B78; font-size: 12px; padding: 5px 0 }

/*home
------------------------------------------------------------------*/
#wrapperhome { width: 800px; margin: 0 auto; font-size: 15px; color: #003B78; }
#wrapperhome #banner { width: 800px; text-align: center; }
#wrapperhome img { /*margin: 130px 0 0 0;*/ margin: 60px 0 0 0; }

#wrapperhome a { display: block; width: 280px; height: 130px; font-size: 15px; color: #003B78; text-decoration: none; }
#wrapperhome a:hover { color: #8494BB; }


#wrapperhome #renta { display: inline; float: left; margin: 0 0 0 48px; width: 300px;}
#wrapperhome #renta a { float: left; background: url(/images/car01.gif) no-repeat 0 100px; }
#wrapperhome #renta a:hover { background: url(/images/car02.gif) no-repeat 0 100px}
#wrapperhome #renta img { margin: 35px 0 54px 0; }

#wrapperhome #renta_projects { display: inline; float: right; margin: 0 48px 0 0; width: 300px; }
#wrapperhome #renta_projects a { background: url(/images/car01.gif) no-repeat 0 100px; }
#wrapperhome #renta_projects a:hover {  background: url(/images/car02.gif) no-repeat 0 100px; }
#wrapperhome #renta_projects img { margin: 35px 0 11px 0; }


/* header
------------------------------------------------------------------*/
#header { position: relative; }
#header a { display: block; float: left; color: #707070; text-decoration: none; }
#header a:hover { color: #003B78; }
#header #renta { /*padding: 35px 85px 40px 39px;*/ padding: 35px 20px 40px 39px; }
#header #banner { float: left; width: 469px; margin-top: 35px; text-align: center; }
#header #image { /*float: left; margin-top: 35px;*/ }
#header #projects { float: right; padding: 35px 0 0px 20px;}

#languages { /*float: right;*/ position: absolute; top: 105px; left: 0px; width: 60px; margin: 0; }
#languages li { display: block; padding: 0 7px; float: left; }
#languages #cms_nl { border-right: 1px solid #8494BB; }

/* navigation
------------------------------------------------------------------*/
#navigation ul { width: 203px; margin: 0 0 46px 0; list-style: none; }
#navigation li { width: 203px; }
#navigation li a { display: block; width: 179px; height: 33px; background: url(/images/navbutton1.gif) no-repeat; padding: 5px 0 0 24px; margin-top: 3px; font-size: 18px; color: #FFF; text-decoration: none; }
#navigation li a:hover,
#navigation li.active a { background: url(/images/navbutton2.gif) no-repeat; color: #8494BB; }

#navigation li.metsub a { background: url(/images/navbutton3.gif) no-repeat; color: #8494BB; }

#navigation ul ul { width: 179px; margin: 0; }
#navigation ul ul li { width: 179px; }
#navigation li.metsub ul { width: 179px; margin-left: 24px; padding-bottom: 10px; background: url(/images/bg_02.gif) no-repeat; background-position: bottom; }
#navigation li.metsub ul li a { width: 155px; height: 27px; margin: 0; background: none; color: #FFF; }
#navigation li.metsub ul li:hover a,  #navigation li.metsub ul li.active a,
#navigation li.metsub ul li a:hover { background: none; color: #003B78; }
 

/* sidebar
------------------------------------------------------------------*/
#sidebar { }

/* content
------------------------------------------------------------------*/
#content { }
#path { width: 400px; font-size: 12px; text-align: right; color: #003b78; margin-bottom: 20px; }
#content a { color: #8494BB; }
#content a:hover, .active { color: #003B78; }


#content #welcome { width: 400px; }
#content #welcome #welcome-links { width: 380px; margin: 48px 24px; font-size: 18px; }
#content #welcome #welcome-links a { display: block; float: left; height: 23px; margin: 12px 0 24px 0; text-decoration: none; color: #FFF; text-transform: uppercase; line-height: 22px; padding: 0 0 0 15px; }
#content #welcome #welcome-links a:hover { color: #8494BB; }
#content #welcome #welcome-links a.info { width: 146px; background: url(/images/info-pijl1.gif) no-repeat; }
#content #welcome #welcome-links a.info:hover { background: url(/images/info-pijl2.gif) no-repeat; }
#content #welcome #welcome-links a.aanbieders { width: 203px; background: url(/images/aanbieders-pijl1.gif) no-repeat; }
#content #welcome #welcome-links a.aanbieders:hover { background: url(/images/aanbieders-pijl2.gif) no-repeat; }

#content span { font-weight: normal;}

#content #jaarverslagen { }
#content #jaarverslagen li { margin: 0 0 12px 0; }
#content #download { }
#acrobat { width: 192px; padding: 6px; background: url(/images/navbutton4.gif) no-repeat; margin: 24px 0 0 0 }
#acrobat a { line-height: 13px; }
#acrobat a img { float: left; margin: 2px 5px 0 0; }
#rentanormen { /*margin: 51px 0 0 0;*/ margin: 0; }

#contact_form { width: 400px; }
fieldset { margin-bottom: 24px; }
fieldset label { display: block; width: 105px; height: 15px; margin: 0 24px 0 12px; float: left; }
fieldset.formdeel_appel input, textarea { width: 230px; float: left; clear: right; margin-bottom: 5px; }
fieldset.formdeel_banaan label { height: 60px; }
#contact_submit { margin: 12px 0 0 140px; height: 26px; width: 130px; background: url(/images/bg_submit.gif) no-repeat; color: #003B78; border: none;}

#ledenlijst { margin: 0; list-style: none; }
#ledenlijst li { float: left; height: 60px; overflow: hidden; /*width: 150px; margin: 0 24px 24px 0;*/ width: 90px; margin: 0 20px 15px 0; }

#links { list-style: none; margin: 0; }
#links div { float: left; /*height: 170px;*/ overflow: hidden; width: 150px; margin: 0 24px 24px 0; }
.link_caption { font-size: 12px; line-height: 16px; }

#nieuwsitems,
#nieuwsitems ul { list-style: none; margin: 0; }
#nieuwsitem { display: block;}
#icon { margin: 0 14px 0 0;} 
#jaarverslagen { list-style: none; margin: 0; }

#rentafiles { margin: 0; list-style: none; }
#rentafiles a { text-decoration: none; }
#rentafiles a span { text-decoration: underline; }


/* footer
------------------------------------------------------------------*/
#footer { }
#footer a { float: left; color: #003B78; }
#footer a:hover { color: #8494BB; }
#footer div { width: 555px; margin: 0 auto; }
#footer div a { float: none; }
#footer #duo { float: right; }


/* CMS Preview
------------------------------------------------------------------*/
#CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; }
#CMSpreviewBar a { color: #fff; }