/* CSS Document */
body{
	background:url(../images/bg.gif) repeat-x 0 0 #FFF6EC; color:#34160C;
	font:normal 13px/17px Verdana, Arial, Helvetica, sans-serif;
	margin:0; padding:0;}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;}
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}
/* -- main container start -- */
#mainContainer{
	width:904px; margin:0 auto; padding:0 0 39px 17px;
	background:url(../images/page_bg.gif) no-repeat 0 0 #FFF6EC; color:#34160C;}
/* -- main container start -- */
/* -- linker panneel start -- */
#left{
	width:683px; float:left;}
	
#img.float-right {
  margin: 5px 0px 5px 15px;  
}
#img.float-left {
  margin: 5px 15px 5px 0px;
}
#img.float-center { float:center; }
/* -- linker panneel einde -- */

/* -- header start -- */ 
#header{
	height:435px; width:587px; position:relative;}
#header img{
	border:none; position:absolute; left:-4px; top:28px;}
#header h1{
	background:url(../images/h1_bg.gif) no-repeat 0 0 #FFF6EC;
	color:#34160C;
	position:absolute;
	left:0px;
	top:94px;
	width:250px;
	height:16px;
	padding:0 0 0 6px;
	font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
}
/*-- header TOP menu begint -- */
#header div.topNav{
	width:174px; position:absolute; left:0; top:120px;
	background:url(../images/top_nav_div_bg.gif) repeat-y 0 0 #FFF6EC; color:#141210;}
#header div.topNav span.top{
	background:url(../images/top_nav_top_bg.gif) no-repeat 0 0 #FFF6EC; color:#141210;
	display:block; line-height:0; font-size:0; height:23px;}	
#header div.topNav span.bottom{
	background:url(../images/top_nav_bottom_bg.gif) no-repeat 0 0 #FFF6EC; color:#141210;
	display:block; line-height:0; font-size:0; height:23px;}	
#header div.topNav ul{
	padding:0 16px;}	
#header div.topNav ul li{
	height:19px; border-bottom:#E5E5E5 1px solid;}
#header div.topNav ul li.noborder{
	height:19px; border-bottom:none;}
#header div.topNav ul li a{
	padding:0 0 0 15px; background:url(../images/top_nav_bullet.gif) no-repeat 0 7px #FFFFFF; color:#141210;
	font:bold 11px/19px Arial, Helvetica, sans-serif; text-decoration:none;
	height:19px; display:block;}
#header div.topNav ul li a:hover{
	padding:0 0 0 15px; background:url(../images/top_nav_bullet.gif) no-repeat 0 7px #FFEEC6; color:#141210;
	font:bold 11px/19px Arial, Helvetica, sans-serif; text-decoration:none;
	height:19px; display:block;}
#header div.topNav ul li a.hover{
	padding:0 0 0 15px; background:url(../images/top_nav_bullet.gif) no-repeat 0 7px #FFEEC6; color:#141210;
	font:bold 11px/19px Arial, Helvetica, sans-serif; text-decoration:none;
	height:19px; display:block;}

a:focus {outline: 0;}
a:active {outline: 0;}
/* -- header TOP menu eindigt -- */
/* -- header TOP menu bezocht begint -- */
#menu {
  width:140px;
  position:relative;
  display:block;
  background:#FFFFFF;
  padding:0 0 0 0;
  }
#menu a, #menu a:visited {
  display:block; 
  width:130px;
  padding:0 0 0 0;
  color:#000; 
  text-indent:0px;
  background-color:#fff;
  text-decoration:none; 
  }
#menu a:visited span {
  display:block; 
  position:absolute; 
  top:0; 
  left:95px;
  font-size:11px;
  color:#F16515;
  }
#menu a span {
  display:none;
  }
.box {
  position:relative;
  }
* html div {
    \margin-left: -15px; /* for IE5 and IE6 in quirks mode */
    m\argin: -15px; /* for IE6 in standards mode */
  } 

/* -- header TOP menu bezocht eindigt -- */
/* -- header einde -- */

/* -- body start -- */

/* begin Ronde Hoeken */

.rbroundbox { background: url('../images/geel/nt.gif') repeat; }
.rbtop div { background: url('../images/geel/tl.gif') no-repeat top left; }
.rbtop { background: url('../images/geel/tr.gif') no-repeat top right; }
.rbbot div { background: url('../images/geel/bl.gif') no-repeat bottom left; }
.rbbot { background: url('../images/geel/br.gif') no-repeat bottom right; }
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 5px; }
.rbroundbox { width: 90%; margin: 1em auto; }
/* einde Ronde Hoeken */

#body{
    padding:0 0 0 ; width:699px;}
#body h2{
	font:bold 30px/37px Georgia, "Times New Roman", Times, serif;
	color:#000000; background-color:#FFF6EC;}
#body p{
	font:normal 13px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#34160C; background-color:#FFF6EC; padding:10px 0;}
#body p a{
	font:bold 13px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#D15401; background-color:#FFF6EC; text-decoration:none;}
#body p a:hover{
	font:bold 13px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#D15401; background-color:#F8E8D6; text-decoration:none;}
	
#linkList{
	background-color:#FFFBF6; color:#7D5400;
	height:275px; width:655px; padding:18px 12px 0px; margin:25px 0 0 0; float:left;}
#linkList h2{
	background:url(../images/right_bg.gif) no-repeat 0 0 #FFFBF6; color:#000000;
	font:normal 20px/22px Georgia, "Times New Roman", Times, serif;
	padding:0 0 0 26px; height:22px;}
#linkList  ul{
	padding:6px 0 0 0; margin:0; width:655px; float:left;}
#linkList  ul li{
	margin:0; padding:0;}
#linkList  ul li a{
	background:url(../images/red_arrow.gif) no-repeat 0 5px #FFFBF6; color:#7D5400; padding:0 0 0 11px;
	font:normal 12px/22px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
#linkList  ul li a:hover{
	background:url(../images/red_arrow.gif) no-repeat 0 5px #FFFBF6; color:#7D5400; padding:0 0 0 11px;
	font:normal 12px/22px Verdana, Arial, Helvetica, sans-serif; text-decoration:underline;}

/* -- Menu start--*/

.pro_linedrop {
height:36px;
width:630px;
background:url();
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px;
z-index:500;
}

.pro_linedrop .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}

.pro_linedrop li {
float:left;
background:url();
}

.pro_linedrop .select a {
display:block; 
height:36px; 
float:left; 
background: url(); 
padding:0 0 0 15px; 
text-decoration:none; 
line-height:25px; 
white-space:nowrap; 
color:#000000;
}

.pro_linedrop .select li.line a {
color:#D15401;
}

.pro_linedrop .select a b {
display:block; 
padding:0 30px 10px 15px; 
background:url() right top;
}

.pro_linedrop .select a:hover, 
.pro_linedrop .select li:hover a {
background: url(); 
padding:0 0 0 15px;
line-height:27px;
cursor:pointer; 
color:#D15401;
}

.pro_linedrop .select li.line a:hover, 
.pro_linedrop .select li.line:hover a {
color:#000000;}

.pro_linedrop .select a:hover b, 
.pro_linedrop .select li:hover a b {
display:block; 
padding:0 30px 9px 15px; 
background:url() right top; 
cursor:pointer;
}

.pro_linedrop .sub {
display:none;
}
.pro_linedrop ul ul {display:none;}

/* -- IE6 only -- */
.pro_linedrop table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.pro_linedrop .sub {
margin:0; 
padding:0;
list-style:none;
}

.pro_linedrop .sub li {background:transparent;}

.pro_linedrop .select :hover .sub {
height:25px;
display:block; 
position:absolute;
float:left;
width:678px;
top:28px; 
left:0; 
text-align:center;
background:transparent url();
border:1px solid #D15401;
}

.pro_linedrop .select :hover .rt li {float:right;}

.pro_linedrop .select :hover .sub li a 
{display:block; height:25px; line-height:22px; float:left; background:transparent url(../images/line/transparent.gif); padding:0 16px; margin:0; white-space:nowrap; color:#D15401;font-size:10px;}

.pro_linedrop .select :hover .sub li.subline a {color:#c6c3c0;}

.pro_linedrop .select :hover .sub li a:hover,
.pro_linedrop .select :hover .sub li:hover
{color:#000; line-height:20px; position:relative;}

.pro_linedrop .select :hover .sub li:hover > a {color:#000;}

.pro_linedrop .select :hover .sub :hover ul {padding:0; margin:0; list-style:none; display:block; width:112px; position:absolute; left:-1px; top:25px; border:1px solid #aaa; border-top:0; background:#fff;}

.pro_linedrop .select :hover .sub :hover ul li a {width:80px; text-align:left; height:20px; line-height:18px;}
.pro_linedrop .select :hover .sub :hover ul li a:hover {line-height:16px;}
/* -- Menu einde--*/
/* -- body einde -- */

/* -- rechter nieuws paneel start -- */

/* begin  */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #f8b11d;
padding: 5px;
left: -1000px;
border: 1px dashed black;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}

/* einde  */

#right{
	background:url(../images/right_pannel_bg.gif) repeat-y 0 0 #FFF6EC; color:#34160C;
	width:205px; float:left; margin:375px 0 0 15px;}
#right span.rightTop{
	background:url(../images/right_top_bg.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	height:114px; width:205px; line-height:0; font-size:0; display:block;}
#right span.rightBottom{
	background:url(../images/right_bottom_bg.gif) no-repeat bottom left ; color:#000000;
	height:10px; width:205px; padding:0px 0 0 0;
	line-height:0; font-size:0; display:block;}
#right form.search{
	background:url(../images/search_bg.gif) no-repeat 0 0 #F16515; color:#000000;
	width:138px; height:60px; padding:4px 10px 14px 9px; margin:0 0 0 12px;}
#right form.search h2{
	font:bold 15px/21px Georgia, "Times New Roman", Times, serif;
	background-color:#F16515; color:#FFFFFF;}
#right form.search input{
	font:normal 11px/11px Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF; color:#000000;
	width:130px; height:11px; padding:2px; margin:0; /*float:left;*/}
#right form.search a{
	font:bold 10px/12px Verdana, Arial, Helvetica, sans-serif; color:#000000; background-color:#F16515;
	text-decoration:underline; float:left; margin:6px 0 0 0;}
#right form.search a:hover{
	font:bold 10px/12px Verdana, Arial, Helvetica, sans-serif; color:#000000; background-color:#F16515;
	text-decoration:none; float:left; margin:6px 0 0 0;}
#right form.search input.go{
	background:url(../images/go_btn.gif) no-repeat 0 0 #F16515; color:#000000;
	width:32px; height:11px; padding:0; margin:07px 0 0 0; border:none; float:right;}
#right h2.news{
	background:url(../images/news_icon.gif) no-repeat 3px 2px #FFFFFF; color:#381604;
	font:normal 18px/20px Georgia, "Times New Roman", Times, serif; padding:0 0 0 22px; margin:18px 12px 0;}
#right h3{
	background:url(../images/right_h3_bg.gif) no-repeat 0 10px #FFFFFF; color:#8F3102;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	height:17px; margin:0 14px; padding:10px 0 0 18px;}
#right p{
	font:normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF; color:#34160C; margin:0 11px 0 14px; padding:7px 0;}
#right img{
	margin:9px 0 11px 12px; border:none;}
#right form.login{
	width:135px; padding:0 11px 17px; margin:0 12px 0 11px;
	background:url(../images/login_bottom_bg.gif) no-repeat bottom left #EAEAEA; color:#3F3F3F;}
#right h2.loginHead{
	background:url(../images/login_h2_bg.gif) no-repeat 0 0 #000000; color:#FFFFFF; height:30px;
	font:bold 15px/30px Georgia, "Times New Roman", Times, serif; padding:0 0 0 11px; margin:0 12px 0 11px;}
#right form.login label{
	font:bold 10px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#000000; background-color:#EAEAEA;}	
#right form.login input{
	font:normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#000000; background-color:#FFFFFF;
	padding:2px; width:125px; height:15px;}	
#right form.login input.check{
	color:#000000; background-color:#FFFFFF;
	padding:0; margin:8px 0 0 0; height:11px; width:13px; float:left;}
#right form.login input.loginBnt{
	color:#000000; background-color:#FFFFFF;
	padding:0; margin:8px 0 0 0; width:48px; height:11px;float:right;}
#right form.login p{
	font:bold 10px/12px Verdana, Arial, Helvetica, sans-serif; color:#3F3F3F;
	background-color:#EAEAEA; padding:7px 0 0 5px;}	
#right form.login a{
	font:bold 10px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#9A6902; background-color:#EAEAEA;
	text-decoration:underline;}	
#right form.login a:hover{
	font:bold 10px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#9A6902; background-color:#EAEAEA;
	text-decoration:none;}	
/* -- rechter nieuws paneel einde -- */

/* -- footer start -- */
#footer{
	background:url(../images/footer_bg.gif) repeat-x 0 0 #DDD1C3; color:#000000;}
.footer{
	width:780px; height:90px; margin:0 auto; padding:15px 0 0 0;}
.footer ul{
	width:880px; margin:0 auto;}
.footer ul li{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#141210; background-color:#DDD1C3; float:left;}
.footer ul li a{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;
	color:#141210; background-color:#DDD1C3; padding:0 8px;}
.footer ul li a:hover{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;
	color:#141210; background-color:#D0C3B3; padding:0 8px;}
.footer p{
	margin:0 auto; width:880px; color:#5D3608; background-color:#DDD1C3;
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.footer p.valid{
	margin:0 auto; width:185px; padding:0;}
.footer p.valid a.xhtml{
	background:url(../images/xhtml_btn.gif) no-repeat 0 0 #DDD1C3; color:#FFFFFF; margin:5px 0 0 0px;
	text-decoration:none; text-indent:-2000px; width:93px; height:13px; display:block; float:left;}
.footer p.valid a.xhtml:hover{
	background:url(../images/xhtml_btn_h.gif) no-repeat 0 0 #DDD1C3; color:#FFFFFF; margin:5px 0 0 0px;
	text-decoration:none; text-indent:-2000px; width:93px; height:13px; display:block; float:left;}
.footer p.valid a.css{
	background:url(../images/css_btn.gif) no-repeat 0 0 #DDD1C3; color:#FFFFFF; margin:5px 0 0 8px;
	text-decoration:none; text-indent:-2000px; width:82px; height:13px; display:block; float:left;}
.footer p.valid a.css:hover{
	background:url(../images/css_btn_h.gif) no-repeat 0 0 #DDD1C3; color:#FFFFFF; margin:5px 0 0 8px;
	text-decoration:none; text-indent:-2000px; width:82px; height:13px; display:block; float:left;}
.footer p.tworld{
	margin:0 auto; width:180px; height:17px; padding:8px 0 0 0;
	font:bold 12px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#5D3608;
	background-color:#DDD1C3;}
.footer p.tworld a{
	font:bold 12px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; padding:0 4px;
	background-color:#C14C10; text-align:center; text-decoration:none;}
.footer p.tworld a:hover{
	font:bold 12px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	background-color:#9C3A08; text-decoration:none;}
.post-footer .date {
	background: url('../images/clock.png') no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;	
}
	

/* -- footer einde -- */

/* alignment classes begint hier */
.float-left  { float: left; }
.float-right { float: right; }
.float-center { float: center; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }
.align-center {	text-align: center; }
/* aligment classes eindigen hier */

/* start weer geven van speciale tekens en karakters in een box */
.h2.specialSD{
	font-size: 130%;
	margin: 0px;
	margin-top: 10px;
	color: black;
	font-family: serif;
}
ul.listsTypeRom
{
	list-style-type: upper-roman;
}

ol.listsTypeDisc
{
	list-style-type: circle;
}
.display{
	border: 2px solid #003B62;
	font-family: verdana;
	background-color: #B5CFE0;
	padding: 7px;
	margin: 5px;
}
/* einde weer geven van speciale tekens en karakters in een box */

/* begin SUB-MENU */

#Sub-nav 
{
	margin-left: 5px;
	height:auto;
	width: 195px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
}
dl, dt, dd, ul, li 
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#sub-menu 
{
	position: relative;
	top: 0;
	left: 0;
}
#sub-menu 
{
	width: 195px;
}
#sub-menu dt 
{
	cursor: pointer;
	margin: 2px;
	height: auto;
	padding: 5px 5px 5px 10px;
	line-height: auto;
	text-align: left;
	font-weight: bold;
	border: 1px solid gray;
	background: #e8cebb;
}
#sub-menu dd 
{
	margin:2px;
	border: 1px solid gray;
}
#sub-menu li 
{
	text-align: left;
	padding-left: 20px;
	padding-top:2px;
	padding-bottom:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #FFF6EC;
}
#sub-menu li a, #menu dt a 
{
	color: #000;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
}
#sub-menu li a:hover
{
	background: #f0c771;
}
#sub-menu dt a:hover 
{
	background: #F5F5E2;
}

/* einde SUB-MENU */

/* Checkboxes */
label.checkbox_checked {
	background: #FFF6EC url(../images/radio/tick.png) no-repeat;	
	display: block;
	margin: 10px 0;
	padding-left: 25px;
}
label.checkbox_unchecked  {
	background: #FFF6EC url(../images/radio/cross.png) no-repeat;	
	display: block;
	margin: 10px 0;
	padding-left: 25px;
}

/* Radio Buttons */
label.radio_checked {
	background: #FFF6EC url(../images/radio/redding_rood.png) no-repeat;	
	display: block;
	margin: 5px 0;
	padding-left: 35px;
}
label.radio_unchecked  {
	background: #FFF6EC url(../images/radio/redding_grijs.png) no-repeat;	
	display: block;
	margin: 5px 0;
	padding-left: 35px;
}


/* Hover State */
label:hover{
	color: #575B60;
}

label.highlighted {
	border: 1px solid #333;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* STOP EDITTING - DO NOT CHANGE OR REMOVE        */
.crirHidden {
	position: absolute;
	left: -1000px;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

