html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0452B2;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 140%;
	background-color:#fff;
}
html { overflow-y: scroll; }

#container, .center,
#blok-links,#blok-rechts, #menu,#top, #sddm, #content-1,#content-2
#content-3,#content-4, #footer, .footerleft, .footerright, .clear {
	margin: 0;
	padding: 0;
	text-align: left;
}
#container { width:980px; margin-left:auto; margin-right:auto;}
#top { width:980px; height:191px; background-image:url(../images/logo.png); background-position:right; background-repeat:no-repeat; }

#blok-links  { width:290px; padding:10px 10px 10px 10px; height:465px; background-color:#F8F7F7; border:#01479E 1px solid; float:left; margin-right:6px; margin-top:6px;  overflow:auto;}
#blok-rechts { width:660px; height:465px; float:left; margin-right:0; margin-top:6px;}
div.center { width: 960px; margin: 0 auto; position: relative;} /* Wordt ook gebruikt in #footer */

#blok-1 { position:relative;width:470px; height:265px; background-color:#F8F7F7; border:#01479E 1px solid; float:left; margin-right:6px; }
#blok-2 { position:relative;width:160px; height:245px; background-color:#F8F7F7; border:#01479E 1px solid; float:left; margin-right:0px; padding:10px 10px 10px 10px; font-size:0.8em; text-align:center;}
#blok-2 p { margin:0 0 0;}
#blok-3 { position:relative;width:470px; height:212px; background-color:#F8F7F7; border:#01479E 1px solid; float:left; margin-right:6px; margin-top:6px; text-align:center; overflow:auto;}
#blok-4 { position:relative;width:160px; height:192px; background-color:#F8F7F7; border:#01479E 1px solid; float:left; margin-right:0px; padding:10px 10px 10px 10px; font-size:0.98em; text-align:left; margin-top:6px; }

/*video view*/
#blok-10 { width:255px; height:371px; padding:10px 10px 10px 10px; background-color:#F8F7F7; border:#01479E 1px solid; float:left; margin-right:6px; margin-top:6px; }
#blok-20 { width:695px; height:391px; background-color:#F8F7F7; border:#01479E 1px solid; float:left; margin-right:0; margin-top:6px; }
#blok-30 { width:980px; background-color:#F8F7F7; border:none;  margin-right:0; margin-top:6px; text-align:right; }

#main { position:relative; width:960px; height:auto; background-image:url(../images/main_frame.png); background-repeat:no-repeat; background-position:top; top:-13px; }

.main-content { width:100%; }
.main-tekst { width:auto; padding:0;}

.datum { font-size:0.9em;  color:#515151; font-weight:normal;}
.tekstrechts { color:#fff; font-size:1; font-weight:normal;}
.videothumb { width:110px; height:62px; float:left; margin-right:3px; margin-left:3px; margin-top:8px;}

/*image teaser*/

.imgteaser {
	margin: 0;
	overflow: hidden;
	float: left;
	position: relative;
}
.imgteaser a {
	text-decoration: none;
	float: left;
}
.imgteaser a:hover {
	cursor: pointer;
}

.imgteaser a:hover .desc{
	display: block;
	font-size: 0.8em;
	padding: 0 0;
	background: #111;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 10px;
	left: 1px;
	right: 1px;
	width: 100px;
	border-top: 1px solid #999;
}
.imgteaser a:hover .desc strong {
	display: block;
	margin-bottom: 5px;
	font-size:0.8em;
}

.imgteaser a .desc {	display: none; }


/*eind*/

/* Footer */
#footer				{ width:980px; height:39px; color:#fff; margin-top:6px; background-image:url(../images/menu_bg.png); background-repeat:repeat-x;}
#footer a, a:hover	{ color: #fff;}

.footerleft			{ float: left; display: inline; padding: 10px; margin-left:20px;}
.footerright		{ float: right; display: inline; padding: 10px; margin-right:20px;}

div.small { font-size:0.8em;}

h1 { color:#0452B2; font-size:1.2em; margin:0 0 1em;}

p {margin:0 0 0.8em;}

hr {  height:1px; color:#000;}

a {
	color:#0452B2;
	text-decoration:none;
}

a:focus, a:hover {
	background-color: #0452B2;
	color:#fff;
}

.clear			{ clear: both; margin:0px;}

/*NAVIGATION*/
.active{ color:#ccc; }
#menu { width: 980px; height:39px; z-index: 300; background-image:url(../images/menu_bg.png); background-repeat:repeat-x; }
#sub-menu { width: 499px; height:35px; z-index: 300; background-image:url(../images/sub_menu_bg.png); background-repeat:repeat-x;}

#sddm {  font-size: 1em; z-index: 300; margin-left:20px; float:left;}
#sddm:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }
#sddm a:hover, #sddm .active a { color:#000;}
#sddm li { list-style:none; float:left; padding:10px 5px 0 5px; }
#sddm li a {  width:auto; height:38px; color:#fff; text-align: center; text-decoration: none; font-weight: normal;}
#sddm li a:hover {	color:#ccc; background: none; }
/*submenu*/
#sddm div {	 visibility: hidden;}
#sddm div a{  display: block; width: auto; height:25px; padding: 0 10px;  white-space: nowrap; vertical-align:middle; text-align: center; text-decoration:none; color:#fff; font-size: 1em;}
#sddm div a:hover { color: #fff;}

/*menu rechts*/
#sddm2 {  font-size: 1em; z-index: 300; margin-left:40px; float:right;  margin-right:20px;}
#sddm2:after { content: '.'; clear: both; height: 0; visibility: hidden; }
#sddm2 a:hover, #sddm .active a { color:#000;}
#sddm2 li { list-style:none; float:left; padding:10px 5px 0 5px; }
#sddm2 li a {  width:auto; height:38px; color:#fff; text-align: center; text-decoration: none; font-weight:normal;}
#sddm2 li a:hover {	color:#ccc; background: none;}




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