/* 
# CSS contents ###################
* 1 Reset defaults
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography 
* 11 Other
*/


/* 
# Colour reference ###################


*/
 
/*
# Reset defaults ################### 
*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } /* Reset margins and padding */

a:link, a:visited{text-decoration:none;outline:none;} /* Reset link styles */

html {overflow: -moz-scrollbars-vertical;} /* Mozilla scrollbar fix */

#skipto{position:absolute;left:-9999px;top:-9999px;} /* Hides the skip to link - useful for screen readers */

.group:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} /* Automatically clears after any element with this class */





/*
# Layout ################### 
*/

body{font:75%/1.5  "Helvetica Neue", Helvetica, Arial, sans-serif;color:#231f20; background:#aec93a;}

#vervolg_left { width: 610px; min-height: 500px; padding-right: 10px; padding-bottom: 20px; float: left; border-right: 1px solid #ffffff;}
#vervolg_right { width: 290px; float: left; padding-left: 18px}


#header {
	width: 940px;
	height: 160px;
	margin: 0 auto;	
	padding-bottom: 20px;
	padding-top: 20px;
	
	background: url(../images/data.png) no-repeat 250px 20px;
}

#logo{width:220px;height:120px;background:url(../images/proefamersfoort.png) no-repeat;}
#logo a{display:block;height:100%;width:100%;}
#logo a span{position:absolute;left:-9999px;top:-9999px;}
#pgbutton{width:120px;height:120px;background:url(../images/pgbutton.png) no-repeat;}
#pgbutton a{display:block;height:100%;width:100%;}
#pgbutton a span{position:absolute;left:-9999px;top:-9999px;}
	
	

#hoofdsponsor1 {
	width: 175px;
	height: 60px;
	background:url(../images/kompaan.png) no-repeat;
	
	}
	

#hoofdsponsor1 a{display:block;height:100%;width:100%;}
#hoofdsponsor1 a span{position:absolute;left:-9999px;top:-9999px;}
		

#hoofdsponsor2 {
	width: 175px;
	height: 60px;
	background:url(../images/lithos.png) no-repeat;
	
	}
	

#hoofdsponsor2 a{display:block;height:100%;width:100%;}
#hoofdsponsor2 a span{position:absolute;left:-9999px;top:-9999px;}
	


#promo {
	margin: 0 auto;
	margin-top: 10px;

	width: 940px;
	height: 350px;
	border-bottom: 1px solid #ffffff;	
	background:url(../images/promo_bg.jpg) no-repeat top right;
	}
	
#promo p {

	width: 620px;
	color: #231f20;
	font-size: 16px;
	line-height: 22px;

	}	
	
.main {
	margin: 0 auto;
	margin-top: 20px;
	width: 940px;
	
	clear: both;
	}	
	
	

#content {
	margin: 0 auto;
	width: 940px;
	border-bottom: 1px solid #ffffff;	
	padding-bottom: 0px;
	
	margin-top: 20px;

	}
	
#footer {
	margin: 0 auto;
	margin-top: 20px;
	width: 940px;
	border-bottom: 1px dotted #ffffff;
		
	}	


/*
# Nav Hoofdmenu  ################### 
*/

#nav {
	width: 940px;
	height: 53px;
	margin: 0 auto;
	
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	
	text-align: center;
	
}

#nav ul {
    margin-left:5px;
    margin-top: 15px;
}



#nav ul li {           

    float:left;            
    display:inline-block; 
    position:relative;
    
    font-size: 14px;
    margin-right: 17px;   
}


#nav ul li a{           

	color: #1a1818;
	padding: 3px 6px 3px 6px;
	display:inline-block; 
	
}

#nav ul li a:hover{           

	background-color: #d32f26;
	color: #fff;
	display:inline-block; 
	
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    
    padding: 3px 6px 3px 6px;
 
}

/*
# Small Nav ################### 
*/

#small_nav {

	position: relative;
	clear: both;

	margin-top: 20px;
	}	
	

        
#small_nav ul {
		width: auto;

}



#small_nav ul li {           
           
    display:inline-block; 
    float: left;
       
    font-size: 12px;   
    margin-right: 0px;
    display:block;
}


#small_nav ul li a{           

	color: #555555;
	padding: 2px 6px 3px 6px;
	display:inline-block; 

	
	
}

#small_nav ul li a:hover{           

	background-color: #fff;
	color: #231f20;
	display:inline-block; 
	
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    
    padding: 2px 6px 3px 6px;

 
}


/*
# Headings ################### 
*/

h1{font-size: 40px; color:#fff;}

h2{font-size: 16px; line-height: 18px;}

h3{font-size: 20px; color:#231f20; margin-bottom: 0px;}

h4{}

.hr{height: 1px; background-color: #ffffff; width: 590px; margin: 20px 0px;}

.tablekop{height: 35px; font-size: 14px;}

	
.blok {
	float: left;
	
	width: 290px;
	padding-bottom: 20px;

	}	
	
.blok2 {
	float: left;
	
	margin-left: 35px;
	
	width: 290px;
	padding-bottom: 20px;

	}		
	
.bloklast { 

	float: right;
	width: 290px;
	
	margin-right: 35px;
	
	margin: 0px;
	padding: 0px;

	}	
	
.programma { 

	list-style:  none;
	display:  block;

	}	
	
	.programma li{ 

	margin: 0;
	padding: 0;
	
		
	}	

.sponsor{

	
	float: left;
	margin-right: 35px;
	
	background-color: #fff;

	width: 290px;
	height: 140px;
	margin-bottom: 20px;
	
	/* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

	}

.logos{

	margin-left: 10px;
	display: block-inline;
	width: 270px;
	height: 100px;
}

.fotoimpressie{
	
	clear: both;
	
	margin-left: 10px;
	margin-top: 13px;
	width: 595px;
	height: 100px;
}

.impressie{

	display: block;
	float: left;
	
	background-color: #fff;

	width: 615px;
	margin-bottom: 20px;
	
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;

	}
	
.kopje {

	color: #231f20;
	font-size: 9px;
	margin: 15px 10px 10px 10px;

}	

/*
# Lists ################### 
*/



/*
# Images ################### 
*/

img{border:none;}
img.left{margin:0 10px 10px 0;}
img.right{margin:0 0 10px 10px;}

/*
# Links ################### 
*/

a{ color: #231f20; text-decoration:underline;}
a:hover{ text-decoration: none;}

a.more {

	float: right;

	background-color: #fff;
	color: #231f20;
	
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;

    padding: 2px 6px 3px 6px;
    clear: both;
    cursor: pointer;
	    
	}

a.more:hover{

	background-color: #d32f26;
	color: #fff;   
	cursor: pointer;
	}



a.button {

	background-color: #fff;
	color: #231f20;
	
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;

    padding: 2px 6px 3px 6px;
    clear: both;
    cursor: pointer;
	    
	}

a.button:hover{

	background-color: #d32f26;
	color: #fff;   
	cursor: pointer;
	}
	
a.more_big {

	float: left;
	

	background-color: #fff;
	color: #231f20;
	font-size: 16px;
	
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;

    padding: 9px 20px 10px 20px;
    
    margin-right: 10px;
	    
	}

a.more_big:hover{

	background-color: #d32f26;
	color: #fff;   
	}	
	
	
	
a.more_big_white {

	float: left;
	

	background-color: #ffffff;
	color: #5a1d15;
	font-size: 16px;
	
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;

    padding: 9px 20px 10px 20px;
    
    margin-right: 10px;
	    
	}

a.more_big_white:hover{

	background-color: #fff;
	color: #1a1818;   
	}	

.active{	
	background-color: #fff;	
	color: #231f20!important;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
}


.bird {
	
	margin: 0px;
	margin-right: 7px;
	padding: 0px;
	display: inline;
	float: left;
	
	behavior: url(./iepngfix.htc);

}

/*
# Forms ################### 
*/



/*
# Tables ################### 
*/



/*
# Typography ################### 
*/

p{margin:1em 0 1.5em; line-height: 20px;}
.rood{color: #fff;}
.disclaimer {color: #555555; text-align: right;}
.disclaimer a{color: #555555;}
.disclaimer a:hover{color: #fff;}

/*
# Other ################### 
*/

.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
.aligncenter{text-align: center;}




/*
# Flikr ################### 
*/



div.picfrontitem{
	width:570px;
	overflow:hidden;
	border:1px solid #ffffff;
	background-color:#cbdb2a;
	padding:10px;
	margin-bottom:20px;
	
	    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.picfronttitle{
	font-size:17px;
	color: #595959;
	font-weight:bold;
	text-decoration:none;
	margin:0px;
	padding:0px;
	display:inline;
	
}

.picfrontspacer {
    height: 10px;
}

.picfronttitle a
{
	font-size:20px;
	color: #231f20;
	font-weight:bold;
	text-decoration:none;
}

.picfronttitle a:hover
{
	text-decoration:underline;
}

span.picfronttext
{
	font-size:12px;
	margin-left: 6px;
}

span.picfrontcount
{
	font-size:11px;
	margin-left: 6px;
}

div.picfrontthumb
{
	float:left;
	margin-right:5px;
}

div.picborder img
{
	border:1px solid #ffffff;
	padding:2px;
	/*background-color:#ed9963;*/
	
}

div.picnavigation{
	width:590px;
	margin-bottom:12px;
	color: black;

	
}

div.picnavigation a{

	color: #1a1818;
	padding: 2px 6px 3px 6px;

	    
}

div.picnavigation a:hover{
	background-color: #fff;
	color: #1a1818;	
	
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;

    padding: 2px 6px 3px 6px;
    clear: both;
	    
}
	
	div.picnavigation div.prevpage{
		float:left;
		width:120px;
	}

	div.picnavigation div.nextpage{
		float:right;
		text-align:right;
		width:120px;
	}
	
	div.picnavigation div.backpage{
		text-align:center;
		width:340px;
		float:left;
	}

div.picsubjectthumblist
{
	width:85px;
	height:100px;
	text-align:left;
	float:left;
}




a.more_prog {

	float: left;

	background-color: #fff;
	color: #231f20;
	
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;

    padding: 0px 6px 0px 6px;
    clear: both;
    cursor: pointer;
	    
	}

a.more_prog:hover{

	background-color: #d32f26;
	color: #fff;   
	cursor: pointer;
	}

.textblock {

	float: left;

	width:280px;	
	background-color: #ffffff;
	color: #231f20;
	
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;

    padding: 6px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    clear: both;
    }





div.youtubeitem{
	width:290px;
		overflow:hidden;
	border:1px solid #ffffff;
	background-color:#cbdb2a;
	padding:5px;
	margin-bottom:20px;
	
	    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
} ul { list-style-type: disc; }

/* Nieuwsbrief inschrijfformulier */
.nieuwsbrief_left {
    float: left;
    color: #555;
    margin: 5px 0px 0px 40px;
}

.nieuwsbrief_left strong {
    color: #555;
}

.nieuwsbrief_right {
    float: left;
    color: #555;
    margin: 5px 0px 0px 10px;
}

.nieuwsbrief_left input,.nieuwsbrief_right input {
    background-color: #fff;
    color: #231F20;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 3px 6px 4px 6px;
    clear: both;
    border: none;
}

.nieuwsbrief_left input#submit,.nieuwsbrief_right input#submit {
    background-color: #fff;
    color: #231f20;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px 6px 3px 6px;
    clear: both;
    cursor: pointer;
    border: none;
}

.nieuwsbrief_left input#submit:hover,.nieuwsbrief_right input#submit:hover {
    background-color: #d32f26;
    color: #fff;
    cursor: pointer;
}


.textblock2 {

	float: left;

	width:590px;	
	background-color: #ffffff;
	color: #231f20;
	
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;

    padding: 6px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    clear: both;
    }