body { font: 12px/16px Arial, Verdana, sans-serif; color: #013567; background: url(/images/bg_body.jpg) repeat-x; letter-spacing: 1px; }

* { margin: 0; padding: 0; }
img { border: 0; }
p { margin: 0 0 15px 0; }
ul, ol { margin: 0 0 10px 18px; }
ol { margin-left: 26px; }

sup { font-size: 11px; vertical-align: baseline; position: relative; bottom: 0.33em; }

a { color: #013567; font-weight: bold; }
a:hover { color: #000000; }

table { border-collapse: collapse; }
td, th { font: 12px/18px Arial, Verdana, sans-serif; vertical-align: top; padding: 5px 10px 5px 0; border-bottom: 1px solid #DDE6EF; }

h1 { color: #003566; margin: 12px 0; letter-spacing: 4px; font: normal 21px/22px Arial, Verdana, sans-serif; }
h2 { font: bold 14px/18px Arial, Verdana, sans-serif; color: #CC0000; margin: 0 0 5px 0; }
h3 { font: 12px/16px Arial, Verdana, sans-serif; color: #5584AF; margin: 0 0 5px 0; border-bottom: 1px solid #DFE6EB; }
input, select, textarea { font: 11px/14px Arial, Verdana, sans-serif; margin: 0 2px 0 0; }

fieldset { clear: both; overflow: hidden; border: 1px solid #DDE6EF; padding: 10px; margin: 0 0 15px 0; }
fieldset div { clear: left; overflow: hidden; margin: 0 2px 2px 0; }
fieldset legend { font-weight: bold; padding: 0 5px; margin: 0 0 10px 0; color: #CC0000; }
fieldset label { clear: both; width: 95px; display: block; float: left; padding: 0 3px 0 0; }
fieldset input, fieldset select, fieldset textarea { width: 250px; float: left; display: block; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix, .company li { zoom: 1; }

dl { clear: left; }
dt { clear: left; font-weight: bold; }
dt.short { clear: none; float: left; width: 35px; }
dd { margin: 0 0 5px 0; min-height: 15px; }
dl a { font-weight: normal; }


small { display: block; font-size: 10px; float: right; }

.clear { clear: both; height: 0; line-height: 0px; overflow: hidden; }
.check input, .radio input { width: auto; }
.check label, .radio label, fieldset div.radio { width: auto; clear: none; }

#wrapper { width: 930px; margin: 0 auto; background: url(/images/bg_content.gif) repeat-y top center; }



/* ------------------------------- HEADER ---------------------------------------- */

#header { height: 264px; width: 869px; margin: 0 auto; padding: 19px 30px 0 31px; background: url(/images/bg_header.gif) no-repeat top center;  }
#top { height: 74px; }
#logo { float: left; }
#search { float: right; border-left: 1px solid #E6EEF3; padding: 5px 0 2px 15px; width: 150px; color: #CC0000; margin: 15px 0 0 0; }
#search label { display: block; }
#search input { float: left; width: 122px; height: 14px; margin: 0 3px 0 0; }
#search input.button { width: auto; height: auto; margin: 0; }

ul#languages { float: right; list-style-type: none; margin: 37px 15px 0 0; }
ul#languages li { float: left; margin: 0 2px; text-transform: uppercase; width: 18px; height: 10px; padding: 4px 0; text-align: center; background: url(/images/bg_lang.gif) no-repeat; font: bold 10px/11px Arial, Verdana, sans-serif; color: #FFF; letter-spacing: 0px; }
ul#languages li a { display: block; color: #FFF; text-decoration: none; }
ul#languages li.active, ul#languages li a:hover { color: #194975; }

#mainNavigation { float: left; width: 190px; height: 190px; background: #194975; margin: 0 5px 0 0; position: relative; }
#mainNavigation ul { list-style-type: none; margin: 0; position: absolute; bottom: 10px; left: 8px; font: 16px/21px Arial, Verdana, sans-serif; }
#mainNavigation li a { display: block; color: #FFF; padding: 0 0 0 4px; width: 170px; text-decoration: none; font-weight: normal; }
#mainNavigation li.active a, #mainNavigation li.active a:hover { font-weight: bold; }
#mainNavigation li a:hover { background: #3B648A; }

#sfeerBeeld { width: 673px; height: 190px; float: left; position: relative; }
#sfeerBeeld .overlay { width: 673px; height: 10px; background: url(/images/overlay_fotoheader.png) no-repeat; position: absolute; top: 0; left: 0; }

#mainNavigation .overlay { width: 190px; height: 10px; background: url(/images/overlay_mainnav.png) no-repeat; position: absolute; top: 0; left: 0; }



/* ------------------------------- CONTENT ---------------------------------------- */

#leftNavigation { width: 168px; padding: 25px 0 40px 31px; margin: 28px 22px 0 0; float:left; font: 12px/16px Arial, Verdana, sans-serif; overflow: hidden; }
#leftNavigation ul { list-style-type: none; margin: 0; }
#leftNavigation li { width: 168px; }
#leftNavigation li a { font-weight: normal; display: block; width: 158px; border-bottom: 2px solid #DDE6EF; padding: 3px 0 0 10px; margin: 0 0 3px 0; text-decoration: none; }
#leftNavigation li.active a, #leftNavigation li a:hover { background: #DDE6EF; }
#leftNavigation li.active li a { margin: 0; }
#leftNavigation ul ul { margin: -3px 0 3px 0; letter-spacing: 0px; padding: 5px 0 8px 20px; background: #DDE6EF; }
#leftNavigation ul ul li { background: url(/images/arrow_blue.png) no-repeat; padding: 0 0 0 15px; width: 133px; }
#leftNavigation ul ul a { width: 135px; padding: 0; margin: 0; font: 11px/14px Arial, Verdana, sans-serif; }
#leftNavigation ul ul li.active a, #leftNavigation ul ul a:hover { color: #CC0000; }
#leftNavigation ul ul li.active { background: url(/images/arrow_red.png) no-repeat; }

#holder { width: 930px; margin: 0 auto; background: url(/images/bg_footer.gif) no-repeat bottom center; overflow: hidden; }
#content { width: 460px; min-height: 350px; margin: 30px 30px 10px 0; padding: 0 0 15px 22px; float: left; border-left: 1px solid #E6EEF3; }
#content #path, #content #path a { color: #9BB8C6; font: 11px/12px Arial, Verdana, sans-serif; text-transform: lowercase; text-decoration: none; }
#content #path a:hover { color: #013567; }

#content ul.listProducts { margin: 0; }
#content .listProducts li { float: left; list-style-type: none; }
#content .listProducts li a { color: #013567; letter-spacing: 0; background: #DDE6EF; width: 209px; display: block; padding: 5px 5px 5px 10px; margin: 0 6px 6px 0; font-weight: bold; text-decoration: none; }
#content .listProducts li a:hover { background: #013567; color: #FFF; }

.forgotPsw { margin: 10px 0 0 0; }

#content table { width: 460px; }

.company { margin-bottom: 10px; border: 1px solid #dde6ef; background: url(../images/bg_company.png) repeat-x; }
.company h2 { float: left; width: 215px; padding: 20px 0 0 28px; font-size: 16px; }
.company .address { float: left; width: 195px; padding: 0 20px 15px 28px; }
.company .contactEmail { float: left; margin: 17px 0 10px 0; padding: 3px 5px; border: 1px solid #1a4875; background: #3b6389; color: #fff; text-decoration: none; font-weight: normal; }
.company .telephone { float: left; }
.subCompanies { clear: both; background: #fff url(../images/bg_subcompanies.png) no-repeat 28px 32px; }
.subCompaniesLink { display: block; height: 16px; padding: 8px 8px 8px 28px; background: #dde6ef url(../images/icon_arrow_right.png) no-repeat 8px 10px; font-weight: normal; }
.company .open { background: #dde6ef url(../images/icon_arrow_down.png) no-repeat 8px 12px; }
.subCompanies ul { display: none; margin: 0; list-style: none; }
.subCompanies li { padding: 0 0 0 8px; border-top: 1px solid #dde6ef; }
.subCompany { margin: 17px 0 15px; border-left: 4px solid #dde6ef; }
.subCompanies .first { border: 0; }
.subCompanies h3 { float: left; width: 215px; padding: 3px 0 0 16px; border: 0; color: #3b6389; font-size: 16px; }
.subCompanies .contactEmail { margin-top: 0; }
.subCompanies .address { padding-left: 16px; padding-bottom: 0; }

#formRegister fieldset label, #formLogin fieldset label { width: 120px; }
.error { color: red; margin: 20px 0; }

#sitemap ul { margin: 0; list-style-type: none; }
#sitemap ul li { width: 215px; float: left; margin: 0 15px 0 0; }
#sitemap ul a { font: bold 16px/21px Arial, Verdana, sans-serif; text-decoration: none; }
#sitemap ul ul { margin: 0 0 10px 0; }
#sitemap ul ul ul { padding: 0 0 0 17px; list-style-type: disc; }
#sitemap ul ul li { float: none; margin: 0; border-bottom: 1px solid #DDE6EF; }
#sitemap ul ul a { font: bold 12px/16px Arial, Verdana, sans-serif; color: #CC0000; }
#sitemap ul ul ul a, #sitemap ul ul ul li { margin: 0; font-weight: normal; letter-spacing: 0; font: 12px/16px Arial, Verdana, sans-serif; color: #013567; border-bottom: 0; width: 198px; }
#sitemap a:hover { color: #000; }

a.linkTerug { display: block; text-decoration: none; color: #CC0000; margin: 30px 0 0 0; }
a.linkTerug:hover { text-decoration: underline; }

.picture { float: left; margin: 0 15px 15px 0; }
.rechts { float: right; margin: 0 0 15px 15px; }

#rightNavigation { float: left; width: 163px; margin: 33px 0 0 0; letter-spacing: 0px; }
#rightNavigation div { margin: 0 0 10px 0; padding: 0 0 10px 0; background: url(/images/dropshadow_rightnav.gif) no-repeat bottom center #194975; }
#rightNavigation div.title { font: bold 16px/21px Arial, Verdana, sans-serif; background: #FFF; margin: 0; padding: 0; }
#rightNavigation ul { margin: 0 2px 2px 2px; list-style-type: none; }
#rightNavigation li { background: url(/images/arrow_white.png) no-repeat; padding: 0 0 0 14px; margin: 0; width: 133px; }
#rightNavigation ul, #rightNavigation p { padding: 6px; font: bold 11px/15px Arial, Verdana, sans-serif; }
#rightNavigation ul a { color: #FFF; text-decoration: none; }
#rightNavigation ul a:hover { color: #013567; }
#rightNavigation p { color: #FFF; font: normal 11px/13px Arial, Verdana, sans-serif; margin: 0; }


#rightNavigation div#login { background-color: #194975; }
#rightNavigation div#login ul a:hover { color: #FFF; text-decoration: underline; }
#rightNavigation div#login p.logged { padding-bottom: 0; }
#rightNavigation div#login ul.logged { padding-top: 0; }
#rightNavigation div#login div.title { color: #194975; }
#rightNavigation div#login li.pdf { font: bold 11px/13px Arial, Verdana, sans-serif; padding: 2px 0 2px 22px; background: url(/images/icon_pdf.gif) no-repeat #FFF 2px 2px; width: 125px; margin: 10px 0 0 0; }
#rightNavigation div#login li.pdf a { font: bold 11px/13px Arial, Verdana, sans-serif; color: #CC0000; }
#rightNavigation div#login li.pdf a:hover { color: #194975; }

#rightNavigation div#spotlight { background-color: #668CAF; font: normal 11px/13px Arial, Verdana, sans-serif; }
#rightNavigation div#spotlight ul { font: normal 11px/13px Arial, Verdana, sans-serif; }
#rightNavigation div#spotlight ul li { margin: 0 0 10px 0; }
#rightNavigation div#spotlight a { font-weight: normal; }
#rightNavigation div#spotlight a#moreSpotlights { margin: 0 0 5px 22px; display: block; font-weight: bold; color: #FFF; text-decoration: none; }
#rightNavigation div#spotlight a:hover#moreSpotlights { color: #013567; }
#rightNavigation div#spotlight div.title a { color: #668CAF; text-decoration: none; font-weight: bold; }
#rightNavigation div#spotlight div.title a:hover { color: #CC0000; }

#rightNavigation #map,
#rightNavigation #map div { background: none; }
#map div.title { margin-bottom: 10px; font-size: 16px; color: #1a4875; }
#showMapLink { padding: 3px 5px; border: 1px solid #1a4875; background: #3b6389; color: #fff; text-decoration: none; font-weight: normal; }
div.pdf { padding: 6px 8px 6px 27px; width: 417px; background: url(/images/icon_pdf.gif) no-repeat #FFF 5px 5px; margin: 10px 0; border: 1px solid #FEB0B2; }
div.pdf a { color: #CC0000; text-decoration: none; }
div.pdf a:hover { color: #194975; text-decoration: underline; }

ul.pdf { list-style-type: none; margin: 0 0 15px 0; }
ul.pdf li { background: url(/images/icon_pdf.gif) no-repeat #FFF 0 2px; padding: 2px 0 2px 22px; }

.print { display: block; width: 13px; height: 12px; background: url(/images/icon_print.gif) no-repeat; text-indent: -9999px; }


/* ------------------------------- FOOTER ---------------------------------------- */

#footer { clear: both; overflow: hidden; width: 872px; margin: 0 auto; background-color: #003566; color: #FFF; padding: 4px 14px; font: 11px/12px Arial, Verdana, sans-serif;  }
#footer a { color: #FFF; text-decoration: none; text-transform: lowercase; }
#footer a:hover { text-decoration: underline; }
#footer #links { float: left; }
#footer #duo { float: right; }
#footer #duo a { color: #809AB3; text-transform: uppercase; }



#CMSpreviewBar { background-color: red; color: white; padding: 3px; margin-bottom: 10px; }
#CMSpreviewBar a { color: white; }






/* editor styles
------------------------------------------------------------------*/
.rood { color: #CC0000; }