/* reset
------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, del, dfn, em, font, img, ins,
small, strike, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	border: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	/*line-height: 1;*/
	font-family: inherit;
	vertical-align: baseline;
}
body { background: #fff; font: 8pt/12pt Arial, sans-serif; color: #000; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a img { border: none; }

/* general
------------------------------------------------------------------*/
h1 { padding: 0 0 10px 10px; border-bottom: 1px solid #000; text-transform: lowercase; font: bold 20px/22px Georgia, Times, serif; color: #000; }
h1 span { font: 18px/30px Georgia, Times, serif; color: #000; }
h2 { font: bold 20px/22px Georgia, Times, serif; color: #000;}
ul, ol { margin: 0 0 14px 16px; }
p, form { margin: 0; padding: 10px 0 0 10px; line-height: 18px; text-align: justify; }
p strong { color: #AAA; }
a { color: #AAA; }
a:hover { color: #AAA; }
input, textarea, select { font-size: 11px; font-family: Arial, sans-serif; color: #AAA; }
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 { padding: 0; width: 630px; text-align: left; }
#navigation { display: none; }
#content { width: 630px; }
#footer { display: none; }

/* sidebar
------------------------------------------------------------------*/
#sidebar #fotos { width: 230px; height: 570px; overflow: hidden; }
#sidebar #fotos { display: none; }
#sidebar #logoPrint { margin: 0 0 20px 0; display: block; }
#sidebar #logoRogier a { display: none; }

/* navigation
------------------------------------------------------------------*/


/* scrollbar
------------------------------------------------------------------*/
.jScrollPaneContainer { width: 630px !important; position: relative; }

.jScrollPaneTrack { display: none; }


/* content
------------------------------------------------------------------*/
.greyBold { font-weight: bold; }
#content #scrollContent { width: 630px !important; }
#content #scrollContent.scrollContentPartners { position: relative; width: 464px; height: auto; margin: 0; padding: 0 55px 0 0; }
.de #content #scrollContent h1 { text-transform: none; }
#home #content #scrollContent h1 { text-transform: none; }
#content #scrollContent a#infoLink { display: block; margin: 0; padding: 10px 0 10px 0; color: #AAA; text-decoration: none; text-align: right;}
#content #scrollContent a:hover#infoLink { color: #284A69; text-decoration: none; }

#content #scrollContent .jScrollPaneContainer #block.scroll-pane { width: 630px !important; padding: 0 !important; }
#content #scrollContent #block.scroll-panePartners { position: relative; width: 484px; }

#content #scrollContent ul { padding: 10px 0 0 15px; list-style-image: url(/images/puntjes.gif); }
#content #scrollContent ul li { padding: 0 0 0 0; }

table { margin: 10px 0 0 10px; }
td { padding: 2px; }

#content #scrollContent ul#onderwijs { margin: 0; padding: 20px 0 0 0; line-height: 20px; list-style-image: none; }
#content #scrollContent ul#onderwijs li a { color: #000; }
#content #scrollContent ul#onderwijs li.active a { color: #AAA; }
#content #scrollContent ul#onderwijs li a:hover { color: #AAA; }
#content #scrollContent ul#onderwijs li ul { display: none; list-style-image: none; }
#content #scrollContent ul#onderwijs li.active ul { display: block; margin: 15px 0 0 30px; }
#content #scrollContent ul#onderwijs li.active ul li a { color: #AAA; }
#content #scrollContent ul#onderwijs li.active ul li.active a { color: #AAA; }
#content #scrollContent ul#onderwijs li.active ul li a:hover { color: #AAA; }
#content #scrollContent ul#onderwijs li.active ul ul{ display: none; list-style-image: none; }
#content #scrollContent ul#onderwijs li.active ul li.active ul{ display: block; margin: 15px 0 15px 30px; }
#content #scrollContent ul#onderwijs li.active ul li.active ul li a { color: #000; }
#content #scrollContent ul#onderwijs li.active ul li.active ul li a:hover { color: #AAA; }
#content #scrollContent ul#onderwijs li ul li ul { display: none; }

#content #scrollContent a#stratenplan,
#content #scrollContent a#routeplanner { display: block; padding: 5px 0 0 0; font-weight: bold; line-height: 18px; text-align: right; color: #AAA; }
#content #scrollContent a:hover#stratenplan,
#content #scrollContent a:hover#routeplanner { color: #284A69; }

#content #nieuwsblok { display: none; }

#content #wedstrijdblok { width: 235px; height: 55px; }
#content #wedstrijdblok a { display: block; font-size: 16px; line-height: 18px; text-align: center; color: #fff; }
#content #wedstrijdblok a:hover { color: #284A69; }

#content #scrollContent #partners { position: relative; width: 464px; margin: 10px 0 0 0; padding: 5px 0 5px 0; }
#content #scrollContent #partners ul { width: 454px; height: 81px; margin: 0; padding: 0 0 0 10px; list-style-image: none; }
#content #scrollContent #partners ul.first { width: 454px; height: 86px; }
#content #scrollContent #partners li { float: left; width: 101px; height: 71px; padding: 5px 5px 5px 5px; }
#content #scrollContent #partners a { display: block; width: 101px; height: 71px; padding: 0 0; }


/* footer
------------------------------------------------------------------*/


/* home structure
------------------------------------------------------------------*/
#wrapperHomepageTaalkeuze { position: absolute; top: 50%; left: 50%; margin-top: -280px; margin-left: -490px; width: 980px; height: 560px; background: url(/images/homepage_taalkeuze.jpg) no-repeat; text-align: center; }
#wrapperHomepageTaalkeuze h1 { position: absolute; top: -1000px; }
#wrapperHomepageTaalkeuze ul { position: absolute; top: 365px; left: 115px; text-align: left; font: bold 9px/12px Georgia, Times, serif; text-transform: uppercase; letter-spacing: 1px; }
#wrapperHomepageTaalkeuze ul li { padding: 1px 0; }
#wrapperHomepageTaalkeuze a { display: block; text-decoration: none; color: #4CBFEF; }
#wrapperHomepageTaalkeuze a:hover { color: #CCC; }

#wrapperHome { position: absolute; top: 50%; left: 50%; margin-top: -280px; margin-left: -490px; width: 980px; height: 560px; background: url(/images/background.jpg) no-repeat; text-align: center; color: #fff; }
#wrapperHome h1 { position: absolute; top: 227px; left: 123px; width: 106px; height: 103px; background: url(/images/logo_rogiervanderweyden.gif) no-repeat; text-indent: -9999px; }
#wrapperHome h2 { position: absolute; top: 358px; left: 123px; width: 173px; height: 7px; background: url(/images/logo_masterofpassions.gif) no-repeat; text-indent: -9999px; }
#wrapperHome h3 { position: absolute; top: 400px; left: 123px; text-align: left; font: 23px/26px Georgia, Times, serif; }
#wrapperHome h3 span { font-weight: bold; }
#wrapperHome sup { font-size: 12px; vertical-align: super; }
#wrapperHome p.websiteSoon { position: absolute; top: 488px; left: 260px; text-align: left; font: bold 11px/16px Arial, Verdana, sans-serif; }
#wrapperHome form.enterEmail { position: absolute; top: 480px; left: 410px; text-align: left; font: bold 11px/18px Arial, Verdana, sans-serif; }
#wrapperHome label {display: block; }
#wrapperHome input { width: 34em; } /* firefox/safari 355px = 32.3 em (1/font-size*width)  34em*/
#wrapperHome input#submit { width: 70px; margin: 0 0 0 10px;}
#wrapperHome #confirmation { position: absolute; top: 487px; left: 410px; text-align: left; font: bold 11px/18px Arial, Verdana, sans-serif; }

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