body,html
{
color: #000000;

font-family: Arial, serif;
font-size:12px;
margin:0px;
padding:0px;
width:100%; 
min-height: 100%; 
height: 100%;
min-width: 960px;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:50% 0;
}

p{
margin:0px;
padding:0px;
}

#wrapper{
min-width: 960px;
}

#header{
height:125px;
width:960px;
margin:0 auto;
}

#logo{
float:left;
display:block;
text-decoration:none;
}


#top_menu{
float:right;
margin-top:23px;
width:600px;
height:26px;
text-align:right;
font-size:10px;
}

#top_menu a{
margin-right:4px;
text-decoration:none;
}

#top_menu a:hover{
text-decoration:underline;
}

#top_anderescholen{
float:right;
width:600px;
height:26px;
position: relative;
}

#anderescholen{
height:16px;
width:179px;
display:block;
background-color:#ffffff;
border-top: 1px solid #707070;
border-left: 1px solid #707070;
float:right;
color:#696969;
font-weight:bold;
font-size:9px;
text-decoration:none;
padding: 5px 0 0 8px;
}

#pulldown{
height:21px;
width:21px;
background-image: url(../image/pulldown.png);
background-repeat:no-repeat;
background-position:1px 6px;
display:block;
text-decoration:none;
float:right;
}

#anderescholen_items {
	background-color: white;
	color: #777777;
	border: 1px solid #777777;
	font-size: 10px;
	width: 167px;
	padding:5px 10px;
	position: absolute;
	right: 20px;
	top:20px;
	display: none;
	z-index:10;
}

#anderescholen_items a:link,#anderescholen_items a:visited,#anderescholen_items a:active,#anderescholen_items a:hover	{
	text-decoration: none;
	color: #777777;
	font-size: 10px;
	height:15px;
	width: 193px;
	display:block;
}

#content_container{
width:960px;
margin:0 auto;
display:table;
}

#col1{
width:230px;
float:left;
}

#menu {
margin-bottom:22px;
}

#menu a{
width:220px;
height:24px;
display:block;
font-family: 'Francois One', sans-serif;
font-size:14px;
text-decoration:none;
padding:5px 0 0 10px;
}

#menu li, #menu ul{
list-style-type: none;
margin:0px;
padding:0px;
}

#menu .first{
border-top: none;
}

#menu p a{
font-weight:normal;
font-family: Arial;
font-size:11px;
border-top: none;
height:20px;
}

#links{
width:170px;
height:70px;
padding:6px 0 0 60px;
background-repeat:no-repeat;
margin-bottom:7px;
font-weight:bold;
font-size:11px;
line-height:14px;
}

#adres{
width:170px;
height:70px;
padding:7px 0 0 60px;
background-repeat:no-repeat;
margin-bottom:7px;
font-weight:bold;
font-size:11px;
line-height:14px;
}

#adres a{
text-decoration:none;
}

#adres a:hover{
text-decoration:underline;
}

#links a{
font-size:11px;
font-weight:bold;
display:block;
text-decoration:none;
}

#links #zwaluwennest{
margin-left:18px;
}

#col2{
width:710px;
float:left;
margin-left:20px;
}

#slider_container
{
width:710px;
height:314px;
position:relative;
}

#slider{
width:710px;
height:314px;
}

.slider_data{
width:280px;
height:254px;
overflow:hidden;
float:left;
margin-right:10px;
}

.slider_data a{
color: #FEFEFE;
}

.slider_photo_container{
width:380px;
height:254px;
padding:10px;
float:left;
}

.slider_photo{
width:380px;
height:254px;
background-color:#ffffff;
background-repeat:no-repeat;
background-position: 50% 50%;
}

#slider h2{
font-family: 'Schoolbell', cursive;
font-size:20px;
margin-top:0px;
margin-bottom:9px;
}

#slider{
font-size:13px;
}

.vervolg #content
{
margin-top:10px;
padding-top:24px;
min-height:500px;
}

#header_photo_container{
width:690px;
height:146px;
padding:10px;
}

#header_photo{
width:690px;
height:146px;
background-color:#ffffff;
}

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:710px;
		height:274px;
		overflow:hidden; 
		}	
		
	/* numeric controls */	

	ol#controls{
		padding:0px;
		margin:0px;
		height:40px;
float:right;		
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:40px;
		line-height:28px;
		
		}
		
		ol#controls li a:before {
	content: "\00BB \0020";
	}
	
	
	ol#controls li a{
		float:left;
		height:40px;
		width:36px;
		padding-left: 24px;
		line-height:50px;
		color:#ffffff;
		text-decoration:none;
		font-family: 'Schoolbell', cursive;
		font-size:18px;
		background-repeat:no-repeat;
		}
	ol#controls li.current a{
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */
#content_top{
width:480px;
height:20px;
background-color:#ffffff;
float:left;
position:absolute;
bottom:0px;
}

#data_container{
width:490px;
float:left;
}

.foto #data_container{
width:690px;
}

#data_bg{
background-image: url(../image/content_bg.png);
width:490px;
}

.foto #data_bg{
background-image: none;
background-color:#ffffff;
width:710px;
}

#content{
width:460px;
repeat:repeat-y;
font-size:13px;
overflow-x: hidden;
padding-left: 10px;
padding-right:10px;
padding-bottom:10px;
min-height:500px;
}

.foto #content{
width:690px;
}

#content h1{
font-family: 'Francois One', sans-serif;
font-size:20px;
font-weight:normal;
margin-top:6px;
}

#copy{
font-size:10px;
margin-top:6px;
margin-bottom:10px;
}

#copy span{
font-weight:bold;
}

#copy a, #copy span{
float:left;
margin-right:20px;
}

#col3{
width:210px;
float:left;
margin-left:10px;
}

#groepmenu{
margin:15px 0px;
}

#laatstefoto{
background-position: 10px 0px;
background-repeat:no-repeat;
width:210px;
height:319px;
margin-top:20px;
}

.vervolg #laatstefoto{
margin-top:10px;
}

#laatstefoto a{
background-position: 50% 50%;
width:140px;
height:93px;
display:block;
margin:10px 10px 0 0;
float:right;
background-size: 100%;
}

#zoek{
background-position: 10px 0px;
background-repeat:no-repeat;
width:210px;
height:60px;
margin-top:10px;
}

#zoek #input_zoeken{
width:137px;
height:16px;
border-width: 1px 0px 0px 1px;
margin:10px 0 0 60px;
}

#zoek #btn_zoeken{
width:60px;
height:18px;
color:#ffffff;
font-family: 'Francois One', sans-serif;
font-size:12px;
margin:6px 0 0 140px;
}

#nieuws{
background-image: url(../image/nieuws_bg.png);
background-position:100% 0px;
background-repeat:no-repeat;
width:210px;
height:60px;
margin-top:10px;
}

#nieuws a{
width:160px;
float:right;
text-decoration:none;
font-family: 'Francois One', sans-serif;
font-size:15px;
text-align:center;
margin-right:10px;
line-height:15px;
}

#nieuws  #meld{
font-size:10px;
margin-top:10px;
}

#nieuws  #next{
font-size:20px;
text-align:right;
}

#nieuws_title{
width:40px;
height:60px;
background-repeat:no-repeat;
background-position: 10px 0px;
float:left;
}

#footer{
width:210px;
height:60px;
margin-right:10px;
float:right;
text-align: right;
}

label {
margin:4px 0 0 4px;
width: 300px;
float:left;
}

.invoer {
border: 1px solid #ABABAB;
margin: 4px;
padding: 4px;
width: 300px;
float:left;
}

.invoerselect{
border: 1px solid #ABABAB;
margin: 4px;
padding: 4px;
width: 300px;
float:left;
}

.knop{
float:left;
width:150px;
height:25px;
font-weight:bold;
color:#ffffff;
border:none;
margin:4px 0 10px 4px;
cursor:pointer;
}

.verplicht{
width:300px;
font-weight:bold;
text-align:right;
float:left;
margin:20px 20px;
}

.error {
    background-color: #FFFFCC;
    border: 1px solid #E2001A;
    margin-bottom: 5px;
    padding: 10px;
}
