html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 140%;
	background-attachment: fixed;
	background-color: #666;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	background-position: left top;
}
html { overflow-y: scroll; }

#container, .center,
#top, #topnav, #logo, #nav,
#header, #blockaangekocht, #flashreplace,
#footer, .footerleft, .footerright, .clear {
	margin: 0;
	padding: 0;
	text-align: left;
}


#container			{ width: 100%; text-align: center;}
div.center			{ width: 960px; margin: 0px auto; position: relative;} /* Wordt ook gebruikt in #footer */
#banner				{ width: 958px; height: 198px; top:5px; position: relative; border-width:1px;border-color:#333;border-style:solid;}
#logo				{ position: absolute; left: 384px; top: 40px; z-index:1;}
#main 				{ position: relative; top: 15px; width:960px; height:auto; background-color:#FFF; border-width:1px; border-color:#333; border-style:solid; background-image: url(../images/logo_bg.png); background-repeat: no-repeat; background-position: left bottom; }

#main-content { width:710px; height:auto; float:left; margin-left:20px; margin-top:10px; margin-right:10px;}
#main-scheidingslijn { width:1px; height:445px; border-left:dotted #333 1px; float:left;margin-right:10px; margin-top:10px;}
#main-detail { width:915px; height:auto; float:left; margin-left:20px; margin-top:10px; margin-right:10px;}
#foto-detail { width:460px; float:left; margin-right:10px;}

#gebruikt-scheidingslijn { width:1px; height:150px; border-left:dotted #333 1px; float:left;margin-right:10px; margin-top:10px;}


div.last {margin-right:0;}
div.blok1 { width:170px; height:auto; background-color:#E3EEFA;  padding:5px 5px 5px 5px; margin-left:5px; margin-right:10px; margin-top:10px; float:left; font-size:0.9em; border-width:1px;border-color:#230D73;border-style:solid;}
div.blok1 h1 { font-size:0.9em;}

div.mainborder { width:710px; border:#999 solid 1px;}

div.foto_left { width:250px; height:auto; float:left;}
div.foto_right { width:250px; height:auto; float: right;}
div.tekst_right{}

.bgcolor1 { background-color:#FFF;}
.bgcolor2{ background-color:#E6F0FB;}

#footer				{ clear: both; text-align: center; padding:20px;}
.footerleft			{ float: left; display: inline; padding: 10px;}
.footerright		{ float: right; display: inline; padding: 10px;}

.clear			{ clear: both; width: 99%; height: 1px; line-height: 1px; font-size: 1px;}

/* Typografie Styles, gelden voor de gehele website */
.titel {
	font-size:1.2em;
	color:#230D73;
	font-weight:bold;
}
.titelwit { font-size:1.2em; color:#fff; font-weight:bold;}
.rood { color:#E5393D;font-weight:bold; }
.small { font-size:0.8em;}
.leesmeerhome { display:block; width:87px; height:25px; background-image:url(../img/lees_meer.png);}
.leesmeerhome:hover { background-position: 0 -25px;}
.leesmeerhome span{ display:none;}

.leesmeer {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.border-grijs {border-width:2px;border-color:#AAAAAA;border-style:solid;}
.border-rood {border-width:2px;border-color:#FF0000;border-style:solid;}
.border-geel {background-color:#FFFFFF;border-width:2px;border-color:#FFF200;border-style:solid;}
.datum {color:#939598;font-size:12px;font-style: italic;}
.cms {
	width:300px;
	border-width:2px;
	border-color:#AAAAAA;
	border-style:solid;
	background-color:#E9E9E9;
}

.cmstabel {
	width:600px;
	border-width:1px;
	border-color:#AAAAAA;
	border-style:solid;
	background-color: #F8F8F8;
}
		.style1 { background-color:#E2E2E2;}
		.style2 { background-color: #CDCDCD;}
        .style3 { background-color: #FDFDFD;}
		.style1 a { text-decoration:none;}
		.style2 a { text-decoration:none;}


h1, h2, h3			{ font-style: normal; margin: 0; padding: 0; line-height: 120%; font-weight: bold;}
/* p, address			{ font-style: normal; margin: 0; padding: 0;}*/
img					{ margin: 0; padding: 0; border: 0; border-width:1px;border-color:#230D73;border-style:solid;}
ul, ol, li			{ margin: 0; padding: 0; line-height: 165%;}

h1					{ font-size: 21px; color: #230D73; margin: 0 0 12px 0; font-weight: normal;}
#vervolg h1			{ margin-top: 10px;}
h2					{ font-size: 15px; color: #230D73; margin: 5px 0 3px 0;}
h3					{ font-size: 12px; color: #230D73; margin: 5px 0 3px 0;}
			
p					{ margin: 0px 0px 12px 0px; line-height: 140%;}

a					{ color: #E5393D; font-weight: bold; text-decoration: none; }
a:hover				{ color: #E5393D; text-decoration: underline; }

a.more				{ height: 15px; line-height: 15px; padding-left: 15px; font-weight: bold; background: url(../img/bullet_more.jpg) no-repeat 0 0;}
a.more:hover		{}

a.back				{ height: 15px; line-height: 15px; padding-left: 15px; font-weight: bold; background: url(../img/bullet_back.jpg) no-repeat 0 0;}
a.back:hover		{}

a.top				{ height: 15px; line-height: 15px; padding-left: 15px; font-weight: bold; background: url(../img/bullet_top.jpg) no-repeat 0 0;}
a.top:hover			{}

img.left			{ float: left; margin: 0px 10px 5px 0px;  }
img.right			{ float: right; margin: 0px 0px 5px 10px;}


ul					{ margin: 0 0 12px 20px;}
ul ul				{ margin: 0 0 0 20px;}
ul li				{ list-style-type: circle;}
ul ul li			{ list-style-type: square;}

ol					{ margin: 0 0 12px 25px;}
ol ol				{ margin: 0 0 0 20px;}

table				{ margin: 0; padding: 0; border-collapse: collapse;}
td					{ margin: 0; padding: 0; text-align: left; vertical-align: top;}
th					{ margin: 0; padding: 0; text-align: left; vertical-align: top;}

img.web		{ display: block;}
img.print	{ display: none;}

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}


/* Footer */
#footer 			{ color: #fff; font-size: 11px; line-height: 20px;}
#footer span		{ color: #fff; font-size: 11px; line-height: 20px; padding: 0px 5px;}
#footer a			{ color: #fff; font-size: 11px; line-height: 20px; text-decoration: none; font-weight: normal;}
#footer a:hover		{ color: #fff; text-decoration: underline;}


/*NAVIGATION*/
.active{ width:150px; height:23px; display:block; color:#220C72; background-color:#D3E5F7; }
#menu { width: 960px; height:23px; z-index: 300; position:relative; top:10px; border-width:1px;border-color:#333;border-style:solid; background-image:url(../images/menu_bg.png); background-repeat:repeat-x;}
#sddm {  font-size: 1em; z-index: 300;}
#sddm:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }
#sddm a:hover, #sddm .active a { color:#000;}
#sddm li { display:block; width:150px; height:23px; list-style:none; float:left; text-align: center; margin:0 auto; }
#sddm li a { display:block; width:150px; height:23px; color:#220C72; text-align: center; text-decoration: none;}
#sddm li a:hover {	color:#220C72; background-color:#D3E5F7;}
/*submenu*/
#sddm div {	 visibility: hidden;}
#sddm div a{  display: block; width: auto; height:25px; padding: 0 10px; margin:1px; white-space: nowrap; vertical-align:middle; text-align: center; text-decoration: none;color:#220C72; font-size: 1em; background-image:url(../images/submenu_bg.png); background-repeat:repeat-x; border-width:1px;border-color:#333;border-style:solid;}
#sddm div a:hover { color: #fff;}

/* IE 6 Bugfix extra whitespace */
* html ul li a {
   height:1em;
}