body{
margin:0px;
padding:0px;
background-color:#3B3939;
color:#f9f9f9;
font-family:"Trebuchet MS",verdana,arial;
font-size:12px;
overflow-y: scroll;
overflow-x: hidden;
}

img{
border:none;
}

a{
color:#ffffff;
text-decoration:underline;
border:none;
}

a:hover{
text-decoration:none;
}

h1{
font-size:24px;
color:#ff0000;
margin-top:10px;
margin-bottom:10px;
line-height:1em;
}

h2{
font-size:18px;
color:#ff0000;
margin-top:10px;
margin-bottom:10px;
line-height:1em;
}

h3{
font-size:16px;
color:#ff0000;
margin-top:10px;
margin-bottom:10px;
line-height:1em;
}

h4{
font-size:14px;
color:#ff0000;
margin-top:10px;
margin-bottom:10px;
line-height:1em;
}

#background_top{
width:100%;
height:387px;
position:absolute;
background:url("/gfx/background-top.jpg") 50% 50% #000000;
left:0;
top:0;
border-top:6px solid #cf2f3a;
}

#background_middle{
background-color:#000000;
}

#main_container{
width:1000px;
margin:0px auto;
position:relative;
}

#container_top{
width:100%;
height:387px;
margin-top:6px;
position:relative;
}

#handtekeningholder{
position:absolute;
right:0px;
top:250px;
z-index:13;
}

#container_menu{
width:100%;
height:48px;
background:url("/gfx/menu_background.png") 0 0 no-repeat;
position:relative;
z-index:12;
}

#container_middle{
width:100%;
background:url("/gfx/background-content.jpg") 0 0 no-repeat;
position:relative;
float:left;
padding-bottom:30px;
}

	#container_middle #content{
	width:522px;
	overflow:hidden;
	padding:29px 30px 0px 25px;
	position:relative;
	float:left;
	}

	#container_middle #content>p{
	margin:0;
	}
	
	#container_middle #blocks{
	width:423px;
	position:relative;
	padding-top:29px;
	float:left;
	}
	
	#container_middle #blocks>div{
	margin-bottom:10px;
	float:left;
	}

#container_footer{
width:100%;
background-color:#3b3939;
}

	#container_footer #footer{
	width:967px;
	margin:0 auto;
	padding:20px 8px 30px 25px;
	}
	
	#container_footer #footer>p{
	margin:0px;
	}

	
	.heading_block{
	background:url("/gfx/heading_block.png") 0 0 no-repeat;
	width:404px;
	height:37px;
	float:left;
	font-size:18px;
	padding:17px 0px 0px 20px;
	}	
	
	.block_content{
	background:url("/gfx/block_content.png") 0 0 repeat-y;
	width:407px;
	float:left;
	padding:0px 10px 2px 7px;
	border-bottom:2px solid #3e403f;
	}
	
/* top menu */
	#top_menu{
	position:absolute;
	z-index:7;
	right:0px;
	top:0px;
	float:right;
	}
	
	#top_menu ul{
	list-style:none;
	margin:0;
	padding:0;
	}
	
	#top_menu ul li{
	float:left;
	}	
	
	#top_menu ul li a{
	color:#ffffff;
	text-shadow: #242424 3px 5px 2px;
	text-decoration:none;
	display:block;
	float:left;
	height:38px;
	}
	
	#top_menu ul li a:hover span.top_menu_repeat{
	text-decoration:underline;
	}
	
	#top_menu ul li span{
	display:block;
	height:38px;
	float:left;
	cursor:pointer;
	}
	
	#top_menu ul li span.top_menu_repeat{
	background:url("/gfx/top_menu_repeat.png") 0 0 repeat-x;	
	height:31px;
	padding:7px 14px 0px 29px;
	}
	
	#top_menu ul li span.top_menu_left{
	background:url("/gfx/top_menu_left.png") 0 0 no-repeat;
	width:10px;
	}	
	
	#top_menu ul li span.top_menu_right{
	background:url("/gfx/top_menu_right.png") 0 0 no-repeat;
	width:27px;
	}
	
	/* top menu end */
	
	/* menu */
	
	#container_menu ul{
	margin:0;
	padding:0;
	height:48px;
	width:992px;
	list-style:none;
	margin-left:8px;
	}
	
		#container_menu ul li{
		height:48px;
		float:left;
		position:relative;
		}		
		
		#container_menu ul li a{
		display:block;
		color:#ffffff;
		font-size:14px;
		font-weight:bold;
		text-decoration:none;
		height:54px;
		position:relative;
		line-height:56px;
		top:-4px;
		padding:0px 7px;
		
		}		
		
		#container_menu ul li a:hover,#container_menu ul li.current a{
		background:url("/gfx/menu_item_hover.png") 0 0 repeat-x;
		z-index:5;
		}			
	
	/* menu end */

	/* nieuws */
	
 	#nieuws-overzicht {
	float:left;
	position:relative;
	left:-25px;
	}

	#nieuws-overzicht .bericht{
	position:relative;
	margin-bottom:25px;
	}
	
	#nieuws-overzicht h2{
	position:relative;
	top:10px;
	float:left;
	}	
	
	#nieuws-overzicht .image_link{
	position:relative;
	top:10px;
	display:block;
	width:197px;
	height:197px;
	float:left;
	margin-right:12px;
	}	
	
	#nieuws-overzicht p.bericht_text{
	display:block;
	position:relative;
/* 	top:40px;
	left:210px; */
	font-size:12px;
	font-weight:bold;
	line-height:22px;
	height:162px;
	width:312px;
	float:left;
	top:10px;
	margin:0;
	}
	
	#nieuws-overzicht .leesmeer{
	display:block;
	width:95px;
	height:27px;
	background:url("/gfx/lees_verder.jpg") 0 0 no-repeat;
	position:absolute;
	left:0px;
	top:134px;
	}
	
	#nieuws-overzicht .leesmeer:hover{
	background:url("/gfx/lees_verder_hover.jpg") 0 0 no-repeat;
	} 
	
	/* nieuws end */
	
	/* - tabs --- */
	
	.tabs{
	float:left;
	background:url("/gfx/klassement_background.png") 0px 7px repeat-y;
	border-bottom:2px solid #3e403f;
	}
	
	.tabNavigation{
	list-style:none;
	margin:0;
	padding:0;
	width:424px;
	height:43px;
	position:relative;
	background:url("/gfx/klassement_top.png") 0px 0px no-repeat;
	}
	
	.tabNavigation li{
	position:relative;
	top:0px;
	float:left;
	cursor:pointer;
	}
	
	.tabNavigation li a{
	text-decoration:none;
	}
	
	.tabNavigation li a span {
	cursor:pointer;
	}
	
	.first .content, .second .content{
	display:block;
	float:left;
	background-image:url('/gfx/roygeerts-sprite.png');
	background-position: -1px 0;
	height:30px;
    padding:4px 0 0 11px;		
	}
	
	.first .arrow, .second .arrow{
	background-image:url('/gfx/roygeerts-sprite.png');
	background-position: -280px 375px;
	display:block;
	float:left;
	width:38px;
	height:31px;
	}
	
	.selected .content{
	background-position: -1px 90px;
	}
	
	.selected .arrow{
	background-position: -280px 465px;
    }
	
	.first:hover .arrow, .second:hover .arrow{
	background-position: -280px 465px;
	}
	
	.first:hover .content, .second:hover .content{
	background-position: -1px 90px;
	}
	
	div.tabs div {
	float:left;
	}
	
	.klassement_titel {
	font-size:18px;
	line-height:46px;
	color:#ffffff;
	display:block;
	width:406px;
	height:50px;
	background:url("/gfx/klassement_titel.png") 0px 0px no-repeat;
	text-shadow: #C2C2C2 2px 2px 3px;	
	padding-left:12px;
	overflow:hidden;
	margin-left:7px;
	}
	
	.klassement_button1 {
	margin-left:13px;
	margin-right:15px;
	}
	
	.klassement_button2 {
	margin-right:8px;
	}
	
	.tabs table{

	width:90%;
	margin:5px 5px 12px 15px;
	}
	
	.tabs table tr th{
	padding:3px;
	}
	
	.tabs table tr td{
	padding:2px;
	}
	
	.tabs table tr.hoofd td{
	font-size:30px;
	} 
	
	.tabs table tr.hoofd td.positie{
	font-size:36px;
	}	
	
	.tabs table tr.hoofd td.hoofd_photo{
	width:90px;
	padding:10px 0px;
	}
	
	.stand_in_kampioenschap td{
	text-align:center;
	}
	
	.resultaten_laatste_wedstrijd td{
	text-align:left;
	padding:4px 2px !important;
	}
	
	.resultaten_laatste_wedstrijd td.first_column{
	width:120px;
	vertical-align:top;
	font-weight:bold;
	}	
	
	.resultaten_laatste_wedstrijd td.second_column{
	padding-left:35px !important;
	}
	
	/* album */
.album{
float:left;
width:100%;
}
	
.album h2{
color:#FF0000; 
}

.albums-overzicht{
color:#FFFFFF;
float:left;
width:100%;
}

.albums-overzicht h2{
display:block;
width:100%;
}

.album img{
margin-right:18px;
}

.container-float{
float:left;
margin:5px;
}	
	.container-float img{
	border:1px solid #d9d9d8;
	}
	
	.container-float img:hover{
	border:1px solid #FF0000;
	}	
	
.overzicht-album{
display:block;
overflow:hidden;
width:23%;
height:200px;
}

	.overzicht-album h3{
	font-size:14px;
	margin:10px 0px;
	}
	
.overzicht-album  a{
color:#FF0000;
}
.overzicht-album  a:hover{
text-decoration:none;
}

#sb-counter{
width:25% !important;
}

#sb-nav{
width:73% !important;
}

#sb-nav-next{
width:86px !important;  
} 
#sb-nav-previous{
width:62px !important;  
} 

.afbeelding-mask {
display:block;
width:100x;
height:100px;
}

#sb-wrapper #omschrijving{
margin-top: 15px;
width: 100%;
}

	#sb-wrapper #omschrijving .text{
	color: #FFFFFF;
	font-size: 12px;
	height: 48px;
	line-height: 16px;
	overflow-x: hidden;
	overflow-y: hidden;	
	}

	/* album end */		
	
	.youtube_video{
	width:100%;
	float:left;
	}	
	
	.youtube_video .block_content{
	padding-left:28px;
	}

	/* photo element */
	.image_block .block_content {
	cursor:pointer;
	}	
	
	.image_block .block_content:hover{
	opacity: 0.8;
	filter: alpha(opacity = 80);
	}
	
	.text_block .text_overflow{
	overflow:hidden;
	}
	
	.text_block .block_content{
	padding-left:20px;
	padding-right:20px;
	width:386px;
	}
	
       /* - rss -------------------------- */
	
		.rss{
		padding-left:15px;
		}
	
		.rss a{
		text-decoration:none;
        color:#FFFFFF;
		display:block;
		width:90%;
		padding-right:23px;
        }
 
        .rss a:hover{
		color:#c52127;
        text-decoration:underline;
        }
        
        .rss .rss-content{
        display:none; 
        position:absolute; 
        border-style: solid; 
		border-color:#4C8C4A;
        background-color: black; 
        padding: 5px;
        width:200px;
        }		
		
	#map {
	color:#000000;
	}	
	
	#map a{
	color:blue;
	}
	
	.gm_bechrijving{
	padding-left:15px;
	}
	
	/* - kalender ------------------- */
	
	#kalender{
	width:100%;
	float:left;
	}
	
	.kalender-hdr{
	width:100%;
	}
	
	.kalender-hdr .date{
	font-size:16px;
	}	
	
	.kalender-hdr .arrow{
	font-size:16px;
	margin:0px 3px;
	}
	
	.kalender-hdr h3{
	display:inline;
    font-size:16px;	
	color:#FFFFFF;
	}
    .kalender-hdr a{
	color:#423D5D;
    text-decoration:none;
	}
	
	.kalender-hdr a:hover{
	color:#FFFFFF;
	}
	
	.kalender-maanden-list{
	padding:0px;
	margin:10px 0px 0 0;
	height:20px;
	}
	
	.kalender-maanden-list li{
		float:left;
		padding: 0 5px;
		margin: 0 5px;
		list-style:none;
		padding-top:4px;
	}
	
	.kalender-maanden-list li.first{
    padding-left:0px;
    }
    
	.kalender-maanden-list li.current {
	padding-top:0px;
	}

	.kalender-maanden-list li.current a{
	font-size:18px;
	color:#FF0000;
	text-decoration:none;
	}
	
	.kalender-maanden-list a{
	color:#8A8A8A;
	text-decoration:none;
	font-size:14px;
	}

	.kalender-startvorm{
	width:75px;
	}
	
	   .kalender-overflow{
	   overflow:hidden;
	   white-space:nowrap;
	   display:block;
	   width:230px;
	   }
	
	.kalender-maanden-list li a:hover{
    color:#FF0000;
    text-decoration:none;
	}
	
    .kalender{
    margin-top:20px;
    border-collapse:collapse;
	width:100%;
	float:left;
	}
	
	.kalender td{
	border-bottom:1px solid #d6d6d6;
	height:25px;
	padding-right:15px;
	}
	
/* 	.kalender td.kalender-datum{
	margin-right:5px;
	}	
	
	.kalender td.kalender-tijd{
	margin-right:5px;
	} */
/* 	.kalender td.kalender-startvorm{
	padding-left:5px;
	} */
	
		.kalender tr{
		height:25px;
		}
	
    	.kalender tr th{
    	background-color:#303030;
    	width:auto;
    	border-bottom:1px solid #bababa;
    	font-weight:bold;
		text-align:left;
    	}
    	
    	.kalender tr a{
    	font-weight:bold;
    	text-decoration:underline;
        color:#FFFFFF;
    	}
    	
    	.kalender tr a span{
    	color:#FFFFFF;
    	}
    	
    	.kalender tr a:hover{
    	color:#000;
		text-decoration:none;
    	}
    	
    	.kalender tr.week{
    	color:#a3a3a3;
    	}
    	
    	.kalender tr.weekend{
    	background-color:#303030;
    	color:#747c74;
    	}
    	
/*     	.kalender tr.zaterdag{
    	background-color:#ebebeb;
    	color:#555555;
    	} */
        	
    	.kalender tr.vandaag{
    	font-weight:bold;
		color:#555555;
    	background-color:#fee900;
    	}
        
		.kalender tr.vandaag a, .kalender tr.vandaag a span{
		color:#555555;
		}
		
        .kalender tr.empty{
        color:#aeaeae;
        font-style:italic;
        }
                    		
            .kalender tr:hover td{ 
            /*background-color:rgb(230,230,230);*/
            /* background-color:#dedede; */
			background-color:#460101;
			color:#fff;
            }
			
			.kalender tr:hover a, .kalender tr:hover a span{
			color:#fff;
			}
            
	        .kalender td.kalender-tijd{
	        width:90px;
	        }
	
	        .kalender td.kalender-datum{
	        width:75px;
	        }
                
	        .kalender tr:hover td.kalender-datum{
	        color:#fff;
	        }
	        
	.kalender-raster-view{
    table-layout:fixed;
    border-collapse: collapse;
	}
	/*
	.kalender-raster-view td{
    padding: 2px 5px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
    position:relative;
    vertical-align:top;
    }
    
    .kalender-raster-view td:hover{
    overflow:auto;
    cursor:pointer;
    }
    
    .kalender-raster-view td div{
    border:1px solid black;
    min-height:40px;
    }
    */
    
    .kalender-raster-view td{
    padding:0px;
    }
    
	.kalender-raster-view td{
	height:100px;
	width:17px;
	overflow:hidden;
	cursor:pointer;
	}
	.kalender-raster-view td:hover{
	overflow:visible;
	}
	
    .kalender-raster-view td > div {
	position:relative;
	width:100%;
	height:100%;
	}
	
    .kalender-raster-view td:hover > div > div{
    z-index:1;
    background-color:#e8e8e8;
	}
	
    .kalender-raster-view td > div > div{
    position:absolute;
    left:0px;
    top:0px;
    white-space:nowrap;
    padding:10px 10px 10px 10px;
	}
	
	/* Kalender end */		
	
	/* agenda */
	
	.agenda-overzicht{
	
	}
	
	.agenda-overzicht ul{
	padding:10px 0px 0px 15px;
	margin:0;
	list-style:none;
	}
	
	.agenda-overzicht ul li{
	float:left;
	}
	
	.agenda-overzicht ul .center{
	width:276px;
	float:left;
	}
	
	.agenda-overzicht ul .leesmeer{
	font-size:18px;
	color:#ff0000;
	text-decoration:none;
	display:block;
	float:left;
	width:296px;
	}
	
	.agenda-overzicht ul .ondertitel{
	float:left;
	margin:5px 0px;
	}	
	
	.agenda-overzicht ul .bericht{
	float:left;
	}	
	
	.agenda-overzicht ul .bericht p{
	margin:5px 0px;
	}
	
	.agenda-overzicht ul .date_day {
	float:left;
	width:75px;
	height:40px;
	font-size:14px;
	margin-top:5px;
	margin-right:5px;
	}	
	
		.agenda-overzicht ul .date_day .day{
		font-weight:bold;
		width:100%;
		text-align:center;
		display:block;
		}
		
		.agenda-overzicht ul .date_day .date{
		width:100%;
		text-align:center;
		display:block;
		}		
	
	.agenda-overzicht ul .arrow{
	float:left;
	width:31px;
	}
	
	/* agenda end */
	
	/* lichtkrant */
	#lichtkrant{
	float:left;
	width:100%;
	height:81px;
	}

	#lichtkrant_container{
	width:100%;
	height:81px;
	clear:both;
	overflow:hidden;
	} 
	
/*  	#lichtkrant_container{
	position:relative;
	width:1000px;
	height:39px;
	background:url("/gfx/lichtkrant_bar.jpg") 0 0 no-repeat;	
	overflow:hidden;
	float:left;  
	} */
	
 	#lichtkrant_container div.mask{
	position: relative;
	width: 100%;
	overflow: hidden;
	height:81px;
	} 
	
	ul#lichtkrant{
	display:block; 
	position: relative;
	left: 100%;     
	list-style:none;
	float:left;  
	margin:0px;
	padding-left:0px;
	padding-top:0px;
	background:none;
	}
	
	ul#lichtkrant li{
	display:block; 
	float:left; 
	white-space: nowrap;
	position:relative;	
	padding:0 20px;
	}

	.lichtkrant_image{
	position: relative;
	top:8px;
	left:0px;
	width:7px;
	height:6px;
	margin-right:13px;
	padding-left:13px;
	}
	
	.lichtkrant_date {
	position: relative;
	color:#525252;
	text-decoration:none;
	height:16px;
	min-width:5px;
	top:9px;
	margin-right:13px;
	} 
	
	a.lichtkrant_date:hover{
	text-decoration:underline; 
	cursor:hand;
	}
	
	.lichtkrant_text{
	position: relative;
	top:9px;
	height:16px;
	text-decoration:none;
	color:#AA101B;
	}  
	
	a.lichtkrant_text:hover{
	text-decoration:underline; 
	cursor:hand;
	}
	
	/* lichtkrant end */	
	
	#formulier{
	
	}
	
	#formulier td.label{
	vertical-align:top;
	width:120px;
	}
	
	#formulier tr.verplicht td.label{
	background:url("/gfx/verplicht.png") 100% 50% no-repeat; 
	}
	
	#formulier tr.verplicht td.big{
	background:url("/gfx/verplicht.png") 100% 10px no-repeat; 
	}
	
	#formulier tr.melding input, #formulier tr.melding textarea{
	background-color:#F7CAC9;
	}
	
	#formulier td.field input{
	width:236px;
	height:20px;
	}
	
	#formulier td.full textarea{
	width:236px;
	}
	
	#formulier input[type="submit"]{
	width:99px;
	height:31px;
	background:url("/gfx/versturen.png") 0 0 no-repeat;
	border:none;
	}
	
	#formulier input[type="submit"]:hover{
	cursor:pointer;
	opacity:0.9;
	filter:alpha(opacity=90);
	}
	
	#formulier .field-div{
	width:236px;
	}
	
	#formulier #code{
	margin-bottom:5px;
	}
	
	#formulier #agree{
	float:left;
	width:20px;
	height:8px;
	}