/*SITE CSS*/


* {margin:0;padding:0;}
body {margin:25px auto;padding:0;font:76% Verdana,Tahoma,Arial,sans-serif;background:#1e3044;color:#303030;line-height:1.3em;}
a {color:#20526a;font-weight:bold;}
a:hover {color:#20526a;}
a img {border:0;}
p {margin:0 0 18px 8px;}
h1 {color:#20526a;font-size:1.5em;font-weight:bold;letter-spacing:-1px;margin:10px 0 8px 0;}
h2 {color:#20526a;font-size:1em;font-weight:bold;letter-spacing:-1px;margin:10px 0 8px 0;}
h3 {font-size:1.2em;margin:2px 0 8px 0;}
hr {color:#c0c0c0;}
#wrap {background:#ffffff url(../images/wrapbg.gif) top left repeat-y;color:#303030;margin:0 auto;width:760px;}
#header {clear:both;background:url(../images/header.jpg) top left no-repeat;height:150px;}
#header h1 {font-size:3.8em;letter-spacing:-4px;color:#d88d44;padding:55px 0 10px 45px;}
#header h1 a {color:#d88d44;text-decoration:none;}
#header h1 a:hover {color:#e99e55;}
#slogan {color:#20526a;margin:10px 0 10px 49px;font-size:1.6em;letter-spacing:-1px;}
#sitemenu {clear:both;float:left;width:155px;margin:0;padding:20px 0 0 15px;}
#sitemenu ul {list-style:none;width:145px;margin:0 0 20px 0;padding:0;font-size:1.2em;letter-spacing:-1px;}
#sitemenu li {margin-bottom:4px;}
#sitemenu li a {font-weight:bold;text-decoration:none;color:#20526a;display:block;padding:2px 2px 2px 8px;border-left: 8px solid #70a2ba;}
#sitemenu li a:hover {color:#d88d44;text-decoration:none;border-left:8px solid #d88d44;}
#sitemenu .current {border-left:8px solid #d88d44;}
#sitemenu ul ul {font-size:0.8em;width:135px;font-weight:normal;margin:5px 0 8px 20px;}
#sitemenu ul ul li {margin-bottom:2px;}
#sitemenu ul ul li a {border:0;padding:2px;}
#sitemenu ul ul li a:hover {border:0;padding:2px;text-decoration:underline;}
#extras {float:right;width:135px;margin:0;padding:10px 15px 20px 0;}
#extras ul {margin:0 0 14px 2px;list-style:none;color:#808080;}
#extras li {margin:0 0 2px 0;}
#extras li a {padding:2px 2px 2px 2px;height:0.5em;letter-spacing:-1px;font-weight:normal;}
#extras li a:hover {color:#d88d44;}
#extras ul ul, #extras ul ul ul {font-size:0.9em;line-height:1.2em;margin:2px 0 2px 15px;}
#extras ul ul a, #extras ul ul ul a {font-weight:normal;}
#content {
	
	width:500px;
	margin:30px 0 0 25px;
	height:auto
	color:#000000;
	padding:4px 0 0 0;
	line-height:1.5em;
	text-align:justify;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}
#content h2 {font-size:1.6em;margin:20px 0 10px 0;}
#content h3 {font-size:1.4em;font-weight:normal;letter-spacing:-1px;margin:10px 0 8px 0;}
#content p {text-align:left;}
#footer {clear:both;margin:5px auto 0 auto;padding:10px 0 10px 0;width:760px;text-align:center;background: url(../images/footer.jpg) bottom left no-repeat;color:#808080;font-size:0.9em;}
#footer p {margin:3px;}
#footer a {color:#808080;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
.textright {text-align:right;}
.center {text-align:center;}
.frontphoto {margin:20px 0 10px 0;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.clear {clear:both;}
.hide {display:none;}
#schotel{float:right;margin:30px 50px 0 0;}



/*NAVIGATIE MENU BOVEN */

#topMenuCenterBox {
    float:left;
    width:100%;
    overflow:hidden;
    position:relative;
    height: 37px;
    margin: 0 0 25px 0;
	 border-top: 1px solid #3a98d0;
}

#topMenuCenterBox ul {
    clear:left;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
    left:50%;
    text-align:center;
}

#topMenuCenterBox ul li {
    display:block;
    float:left;
    list-style:none;
    margin:0 20px 0 0;
    padding:0;
    position:relative;
    right:50%;
}



#topMenuCenterBox ul li a {
    display: block;		
    color: #20526a;
    text-decoration: none;
    line-height: 37px;
}

#topMenuCenterBox ul li a:hover {
    display: block;		
    color: #d88d44;
    text-decoration: none;
    line-height: 37px;
}

#topMenuCenterBox .actief {
    background-image: url('../images/topknop_bg.gif');
}

#topMenuCenterBox .actief .linker {
    float: left;
    background-image: url('../images/topknop_l.gif');
    background-repeat: no-repeat;

    height: 37px;
    width: 8px;	
}

#topMenuCenterBox .actief .rechter {
    float: left;
    background-image: url('../images/topknop_r.gif');
    background-repeat: no-repeat;

    width: 8px;
    height: 37px;	
}

#topMenuCenterBox .actief a {
    float: left;
    height: 37px;

    color: #FFF;
    padding: 0 5px 0 5px;
    font-weight: bold;
}


/* CONTENT BOXES */


.content-block-shadow  {
	background: none repeat scroll 10px 0 #d88d44;
	border: none;
	float: left;
	margin: 20px 0px 15px 20px;
	min-height:200px; 
 	width: 200px;	
}
	
.inner-content-block-shadow {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px  solid #d88d44;
	left: -12px;
	position: relative;
	top: -3px;
	border-style: solid;
	padding-left:8px;
	min-height:200px;
	width: 200px;	
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.horizontal {
    position: relative;
	width: 100%;
}




/*TABBLAD CONTENT */
        



ul.tabs
{
  /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #d88d44; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 2px 10px; /* THIRD number must change with respect to padding-top (X) below */
outline:none
}
        
ul.tabs li
{
    display:inline-block;

	
}
        
ul.tabs li a
{
     /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #d88d44; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #fbf3ec; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 5px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
outline:none

}
        

        
ul.tabs li a:hover
{
  * settings for hover effect */
background: #fff; /* set desired hover color */
outline:none
}

        
        

        
div.tabcontent
{
    display: block;
}

div.tabcontents
{
	 position: relative;
   /* border-top: 1px solid  #d88d44; */
    border-radius: 0px;
}
ul.tabs li.selected
 {/* settings for selected tab */
border-bottom: 1px solid #f7f7f7; /* set border color to page background color */
background-color: #f7f7f7; /* set background color to match above border color */

	 
	} 
ul.tabs li.selected a
{
/* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */


}

/*TABEL*/

#tabel
{   width:10px;
	
	height:auto


	text-align:justify;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}

/*IMAGE POP-UP*/


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}