/*Algemeen*/
html{
	overflow-y:scroll;
}
html, body{
	margin: 0px;
	padding: 0px;
	height: 100%;	
}
body{
	font: 11px verdana;	
	background: #333333 url("../images/layout_bg.jpg") 0px 30px repeat-x;
}
form{
 padding:0px;
 margin:0px;
}
a{
	color: #000;	
}
#container{
	margin: 0px auto;
	width: 968px;	
	height: 100%;
}
#top{
	background: transparent url("../images/layout_header.jpg") 0px 25px no-repeat;		
	width:968px;
	height:185px;
}
#top #top-links{
	color: #fff;
	font-size: 10px;
	text-align:right;
	width:968px;
	padding-top:6px;
	height:28px;
	/*height: 143px;*/
}
#top #titelbalk{
	height:115px;
	cursor:pointer;
}
#top #top-links a{
	color: #fff;
	font-size: 11px;
	text-decoration: none;	
}
#top #navigation{
	width:793px;	
	height: 31px;	
	float: left;	
}
#searchbox{	
	width:175px;
	float: left;
	margin: 3px 0;	
	height: 31px;	
}
#breadcrumb{	
	color: #fff;
	font-size: 10px;
	text-align:left;
	/*width:968px;*/
	width:776px;
	height:16px;
	padding:1px 0px 4px 10px;
	float:left;
}
#breadcrumb a{
	color: #fff;
	text-decoration: none;
}
#container-content-and-ads{	
	float:left;
	width:968px;
	overflow:hidden;	
}
#content-container{
	float: left;	
	width:786px;
}
#ads{
	float: left;
	margin-left: 9px;	
}
#content-top{
	background: #fff url("../images/layout_content-top.jpg") no-repeat;
	height: 16px;
	width:786px;
}
#content{
	background-color: #fff;
	background: #fff url("../images/layout_content.jpg") repeat-y;
	padding: 0px 15px;
	width:756px;
	min-height:405px;
	overflow: hidden;			
}
#content #left-column{
	float: left;
	width: 480px;			
}
#content #right-column{
	float: left;
	margin-left: 12px;
	width: 264px;	
}
#content #left-column2{
	float: left;
	width: 219px;			
}
#content #right-column2{
	float: left;
	margin-left: 12px;
	width: 525px;	
}
#content #right-column2 .box{
	margin-bottom: 0px;		
}
#content .box{		
	margin-top: 8px;
	margin-bottom: 10px;
	overflow: hidden;
	background-color: #F5F4F4;
	line-height:14px;	
}
#content .box img.left{
	border: 1px solid #000;
	float: left;
}
#content .box table{
	width: 100%;	
}
#content .box td{
	border-bottom: 1px solid #cccccc;
	padding: 3px 0px;		
}
#content .box .no-borders td{
	border: 0;	
}
#content .box .with-borders td{
	border-bottom: 1px solid #cccccc;
}
#content .box .box-header{
	overflow: hidden;
	width: 100%;
	background: #000 url("../images/layout_box-header.jpg") no-repeat;	
	margin-bottom: 1px;		
	height:23px;
}
#content .box h2{
	font: bold 14px arial;	
	color: #F5F4F4;	
	margin: 0px;		
	padding: 3px 5px;	
	float: left;
}
#content .box .author{
	float:right;
	padding-right:10px;
	padding-top:5px;
	font-size:10px;
	color: #fff;	
}
#content .box .author a{
	color: #fff;	
}
#content .box h2 a{
	color: #fff;
}
#content .box .box-edit{
	height: 22px;
	padding: 0px 2px;
	float: right;	
	padding-top:2px;	
}
#content .box .box-edit select,
#content .box .box-content select{
	font-size: 12px;
}
#content .box .box-edit{
	cursor: pointer;
}
#content #programma a,
#content #uitslagen a,
#content #stand a,
#content #activiteiten a,
#content #magischeelf a
{
	text-decoration:none;
}
#content #programma tr:hover,
#content #uitslagen tr:hover,
#content #stand tr:hover,
#content #activiteiten tr:hover,
#content #magischeelf tr:hover 
{
	background-color: #D53434;
	cursor: pointer;
	color: #fff;
}
#content #programma tr:hover a,
#content #uitslagen tr:hover a,
#content #stand tr:hover a,
#content #activiteiten tr:hover a,
#content #magischeelf tr:hover a{
	color: #fff;
}
#content .box h3{
	margin: 0px;
	padding: 0px;
	font: bold 12px verdana;
}
#content .box-content{
	overflow: hidden;
	padding: 3px 5px;
	border-top: 1px dashed #D53434;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;	
	border-bottom: 1px solid #cccccc;	
}
td.selected{
	background-color: #D53434
}
#content-bottom{
	background: #333333 url("../images/layout_content-bottom.jpg") no-repeat;
	margin-bottom: 30px;
	height: 20px;
	width:786px;
	text-align:center;
	padding-top: 14px;
}
#ads img{
	border: 0px solid #000;
	margin-bottom: 8px;
	width: 168px;
	background-color:#fff;
}
#searchfield{		
	border: 1px solid #000;
	padding: 3px 0;	
	width:100px;
	font-size: 10px;
	font-family: verdana;	
}
#searchhidden{
	margin:0;
	padding:0;
	height:0;
}
#searchbutton{	
	background: url("../images/menu_button.gif");	
	width: 68px;
	height: 21px;
	border: 0;
	color: #fff;
	font-size: 10px;	
	font-family: verdana;
}
.pasfoto{
	border: 1px solid #000;
	width:75px;
	height:100px;
}
#content #nieuws .box-content{
	height:145px;
	overflow: visible;	
}
#content #nieuws td{
	border: 0;
}
.input{
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	width:300px;
}
.submit{
	background:#D4D0C8;
	font-family:verdana;
	font-size:11px;
	width:300px;
}
.select{
	width:300px;
}
.textarea{
	font-family:verdana;
	font-size:11px; 
	width:300px;
	height:150px;
}
.checkbox{
	background:#f0f0f0;
	border:0px
}

/*gastenboek*/
table.gb-entry-header{
	padding:0 6px;
	border-bottom: 1px dashed #D53434;
	background-color: #cccccc;
	margin-bottom: 4px;
}

/*de edit-knoppen*/
.inputedit  	{background: #f0f0f0; font-family:Verdana; font-size:8pt; font-weight:normal; font-style:normal; color: #000000; border-style:groove; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; width:500px;}
.submitedit		{background: #D4D0C8; font-family:Verdana; font-size:8pt; font-weight:normal; font-style:normal; color: #000000; border-style:ridge;  margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; width:500px;}
.selectedit    	{background: #f0f0f0; font-family:Verdana; font-size:8pt; font-weight:normal; font-style:normal; color: #000000; border-style:groove; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; width:500px;}
.textareaedit  	{background: #f0f0f0; font-family:Verdana; font-size:8pt; font-weight:normal; font-style:normal; color: #000000; border-style:groove; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; width:500px; height:250px;}
.checkboxedit  	{background: #f0f0f0; border:0px}

/*weergave subpagina's*/
div.float {float: left;width: 120px;padding: 10px;}
div.float p {text-align: center;}
div.spacer {clear: both;font-size: 1px;line-height: 1px;margin: 0;padding: 0;}
    		
/*rechtermuismenu*/
.titel3 {FILTER: Shadow(Color=000066, Direction=135); FONT: bold 30pt "Comic Sans MS", Bookman, Arial; TEXT-TRANSFORM: capitalize; WIDTH: 100%; COLOR: #ACC8E3; TEXT-ALIGN: center}
.titel2 {FONT: bold 20pt "Comic Sans MS", Bookman, Arial; COLOR: #000066; TEXT-ALIGN: center}
.vuluit {FONT-WEIGHT: normal; FONT-SIZE: 12pt; MARGIN-LEFT: 5pt; COLOR: #000066; TEXT-INDENT: 30px; MARGIN-RIGHT: 5pt; FONT-FAMILY: "Comic Sans MS", Bookman, "Times New Roman"; TEXT-ALIGN: justify}
.titel5 {FONT: bold 15pt "Comic Sans MS",Bookman, Arial; TEXT-TRANSFORM: capitalize; COLOR: #000066; TEXT-ALIGN: center}
.tab {FONT-WEIGHT: bold; MARGIN-LEFT: 30px; FONT-FAMILY: "Comic Sans MS",Bookman, Arial; TEXT-ALIGN: justify}
.hoofd {FONT: bold 20pt "Comic Sans MS",Bookman, Arial; TEXT-TRANSFORM: uppercase; COLOR: #000066}
.comic {FONT-WEIGHT: normal; FONT-SIZE: 12pt; COLOR: #000066; TEXT-INDENT: 30px; FONT-FAMILY: "Comic Sans MS", Bookman, "Times New Roman"}
.tabel {FONT-WEIGHT: normal; FONT-SIZE: 12pt; COLOR: #000066; FONT-FAMILY: "Comic Sans MS", Bookman, "Times New Roman"}
.aout {BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; FONT-WEIGHT: normal; FONT-SIZE: 10pt; BORDER-LEFT: #ffffff solid; COLOR: #ffffff; BORDER-BOTTOM: #ffffff solid; BACKGROUND-COLOR: #000066}
.menutabel {FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #000066; FONT-FAMILY: "Comic Sans MS", "Times New Roman", Times, serif}
.aover {BORDER-RIGHT: #000066 solid; BORDER-TOP: #000066 solid; FONT-WEIGHT: normal; FONT-SIZE: 10pt; BORDER-LEFT: #000066 solid; COLOR: #000066; BORDER-BOTTOM: #000066 solid; BACKGROUND-COLOR: #ffffff}
.adown {BORDER-RIGHT: #ff0000 solid; BORDER-TOP: #ff0000 solid; FONT-WEIGHT: normal; FONT-SIZE: 10pt; BACKGROUND: #ffffff; BORDER-LEFT: #ff0000 solid; COLOR: #000066; BORDER-BOTTOM: #ff0000 solid}
#ie5menu {BORDER-RIGHT: white 2px outset; PADDING-RIGHT: 4pt; BORDER-TOP: white 2px outset; PADDING-LEFT: 4pt; FONT-SIZE: 9pt; Z-INDEX: 20; BACKGROUND: #ACC8E3; VISIBILITY: hidden; PADDING-BOTTOM: 4pt; BORDER-LEFT: white 2px outset; WIDTH: 100pt; CURSOR: hand; COLOR: #000000; LINE-HEIGHT: 13pt; PADDING-TOP: 4pt; BORDER-BOTTOM: white 2px outset; FONT-FAMILY: "MS sans serif"; POSITION: absolute; TEXT-ALIGN: left}

/*Clickpathmenu*/
/*Clickpathmenu laag1*/
.clickpathmenu ul{
margin: 0;
padding: 0;
float: right;
list-style-type: none;
}
.clickpathmenu ul li{
position: relative;
display: inline;
float: left;
background-color: ;
}
.clickpathmenu ul li a{
display: block;
width: 60px; /*Width of top level menu link items*/
padding: 1px 10px;
border: 0px solid black;
border-left-width: 0;
}
#clickpathmenuid li a{
text-decoration: none;
font-family: sans-serif;
font-size: 10px;
color: #FFFFFF;
}
#clickpathmenuid li a:hover{
background-color: ;
color:ACA899;
}
.clickpathmenu .mainfoldericon{
background: url(../images/ico_clickpath_arrow_down.gif) no-repeat center right;
}
/*Clickpathmenu laag2*/
.clickpathmenu ul li ul{
left: 0;
position: absolute;
top: 1em; 
border: 1px solid #ACA899;
display: block;
visibility: hidden;
background-color: #FFFFFF;
-moz-opacity:.85;opacity:.85;
float:left;
}
.clickpathmenu ul li ul li{
display: list-item;
float: none;
}
.clickpathmenu ul li ul li a{
display: block;
width: 100px; 
text-decoration: none;
padding: 1px 5px;
border: 0px solid #ccc;
float: none;
text-align: left;
}

#clickpathmenuid li ul li a{
color: #000000;
}

#clickpathmenuid li ul li a:hover{
background-color: #316AC5;
color: white;
}
.clickpathmenu ul li ul li hr{
width: 80px;
height: 0;
border: 0;
border-top: 1px solid #ACA899;
text-align: center;
}	
.clickpathmenu .subfoldericon{
background: url(../images/ico_clickpath_arrow_right.gif) no-repeat center right;
}

/*Clickpathmenu laag3*/
.clickpathmenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
-moz-opacity:.99;opacity:.99;
}

/* Holly Hack for IE \*/
* html .clickpathmenu ul li { float: left; height: 1%; }
* html .clickpathmenu ul li a { height: 1%; }
/* End */


/* Page Numbers */
.pages {
    margin: 15px 0;
    clear: both;
    text-decoration: none;
    font-size: 10px;
}
.pages span {
    padding: 2px 4px;
    margin-right: 1px;
}
.pages a, .pages a:link, .pages a:hover, .pages a:active, .pages a:visited {
    padding: 2px 4px;
    margin-right: 1px;
    background-color: #cccccc;
    border: 1px solid #000;
    text-decoration: none;
    font-size: 10px;
	color:#000;
}
.pages span.current {
    border: 1px solid #000;
    font-weight: bold;
    background: #D53434;
    color: #000;
}
.pages a:hover {
    border-color: #D53434;
}
.pages span.nextprev {
        border: 1px solid #ddd;
        color: #999;
}