/* --------------------------------------------- GENERAL STYLES --------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: "Arial", "Verdana", sans-serif;
	line-height: 160%;
	color: #003;
	background-color: #E4E6F0;
	}

a { color: #48486E; font-weight: bold; }
a:link { color: #48486E; text-decoration: underline; }
a:visited { color: #48486E; }
a:active { color: #48486E; }
a:hover { color: #8F93C8; }

.current, .current a:visited, .current a:link { color: #8F93C8; font-weight: bold; }

hr { color: #646D98; height: 1px; }
img { border: none; }
p { margin: 8px 0 15px 0; }

h1 { font-family: "Arial", "Verdana", sans-serif; font-size: 190%; font-weight: normal; line-height: 100%; margin: 0 0 10px 0; color: #646D98; }
h2 { font-family: "Arial", "Verdana", sans-serif; font-size: 140%; line-height: 100%; margin: 15px 0 8px 0; color: #646D98; }
h3 { font-family: "Arial", "Verdana", sans-serif; font-size: 120%; line-height: 100%; margin: 2em 0 0 0; color: #48486E; }
h4 { font-family: "Arial", "Verdana", sans-serif; font-size: 100%; font-weight: bold; line-height: 110%; margin: 15px 0 4px 0; color: #48486E; }

ul { margin-left: 1.4em; padding: 0; list-style-position: outside; }

/* --------------------------------------------- HEADER --------------------------------------------- */
#top { background: url("../img/restbalk2.jpg") left top repeat-x; }

/* hidden */
.hoofdnavigatie { position: absolute; left: -1000px; width: 990px; font-size: 1%; line-height: 1; }
#top .printlogo { display: none; }
#top .logo { background: url("../img/bg-header2.jpg") left top no-repeat; height: 80px; display: block; }
#top .logo span { display: none; }

/* --------------------------------------------- TOPNAVIGATIE --------------------------------------------- */
#topnavigatie li span { display: none; }
#topnavigatie ul { list-style: none; padding: 0; margin: 0; }
#topnavigatie li { float: left; margin: 0; padding: 0; }
#topnavigatie li a { display: block; text-decoration: none; height: 21px; margin: 0; padding: 0; }

/* --------------------------------------------- LEFT --------------------------------------------- */
#left { position: absolute; left: 0;width: 175px; padding: 30px 5px 35px 15px; font-size: 70%; line-height: 140%; }
#left ul { text-indent: 0; margin: 0; }
#left li { padding: 0; margin: 5px 0 13px 15px; list-style-image: url("../img/list-arrow.gif"); }
#left li.current { margin: 5px 0 13px 15px; list-style-image: url("../img/list-arrow-on.gif"); }
#left a, #left a:link { border-bottom: 1px solid #ABACC1; margin: 0; text-decoration: none; }
#left h2 { border-bottom: 1px solid #646D98; padding: 0 0 2px 0; }


/* --------------------------------------------- RIGHT --------------------------------------------- */
#right { position: absolute; right: 0; width: 175px; margin: 0; font-size: 70%; line-height: 140%; padding: 30px 5px 0 30px; }
#right h2 { border-bottom: 1px solid #646D98; padding: 0 0 2px 0; }

/* Right: Subnavigatie */
#right li { margin: 5px 0 13px 0; list-style-image: url("../img/list-arrow.gif"); line-height: 120%; }
#right li.current { margin: 5px 0 13px 0; list-style-image: url("../img/list-arrow-red.gif"); line-height: 120%; }
img.border { border: 1px solid #ABACC1; padding: 1px; margin-top: 3px; float: left; }

/* --------------------------------------------- MAIN --------------------------------------------- */
#middle { width: auto; margin: 0 195px 0 195px; padding: 30px 20px 170px 20px; font-size: 80%; line-height: 150%; border-left: 1px dotted #336; border-right: 1px dotted #336;
/* fix 20081121 */
	height: 800px;	
}
html>body #middle {
	height: auto;
	min-height: 800px;
}

/* big image */	
#middle.index
{
	padding: 30px 20px 380px 20px;
	background-image: url("../img/main-image.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* grote foto, geen border right */
.foto, #middle.foto { width: 610px; margin-right: auto; border-right: 0; }  
html>body .foto { width: auto; margin-right: 195px; } 
  
#middle p { margin-right: 7%; }
#middle .breadcrumbs { font-size: 90%; }

.cleaner { clear: both; height: 1px; font-size: 1px; border: none; margin: 0; padding: 0; background: transparent; }
#middle .noborder img { border: none; }

/* grote foto border */
#middle img { border: 1px solid #A0A1B5; }

/* download instructie */
#instructie { background: #EBEDF5; border: 1px solid #CED1DD; padding: 0 15px 10px 25px; margin: 20px 0 20px 0; font-size: 90%; }

/* --------------------------------------------- FOOTER --------------------------------------------- */
#footer { color: #646D98; font-size: 70%; text-align: center; height: 50px; border-top: 1px solid #646D98; }