/*
Title: 		
Updated: 	
Version: 1.0
Author: yse
*/

body { background:#FFF url('../img/body.bg.jpg') repeat-x top left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:1.5em; color: #666666}

a { text-decoration: none; color: #333333; }


#wrapper { width:980px; margin: 19px auto 0 auto;}

#blockheader { height: 188px; padding-left: 194px;  padding-top: 72px; position:relative;}
#mainlogo { position:absolute; top:0;left:0;}

ul#mainnav {height: 96px; margin-bottom: 10px; }
	#mainnav li { display:inline;}
	#mainnav li a { display:block; height: 0 !important; padding-top: 96px; overflow:hidden; float:left; }
	#mainnav li a:hover { background-position: 0 -100px;}
	#mainnav li.active a	{ background-position: 0 -200px;}
	
	#li-voetbal a { background:url('../img/li-voetbal.png') no-repeat top left;width: 152px; }
	#li-roland a { background:url('../img/li-roland.png') no-repeat top left;width: 152px; }
	#li-politiek a { background:url('../img/li-politiek.png') no-repeat top left;width: 152px; }
	#li-bedrijfsleven a { background:url('../img/li-bedrijfsleven.png') no-repeat top left; width:163px }

#quote {display:block; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; padding-left: 20px; width: 80%;}
	#quote .author {  color: #058D7C; font-style:italic; }
	#quote blockquote { color: #999999;}
	
#blockmain { clear:both;} 
#blockcontent { float:left; width: 700px;  padding: 20px 30px 0 20px ; overflow:hidden; }

#blockcontent h3 { font-size: 15px; color: #17587B; margin-bottom: .5em; line-height: 1.1em; margin-left:20px; padding-top:10px;}
	#blockcontent h3 a { border-bottom: 1px solid #638FA6; color: #17587B;}
	#blockcontent h3 a:hover { color: #638FA6;}

#blockcontent h3.artikel { font-size: 16px; color: #17587B; margin-bottom: .5em; line-height: 1.1em; padding-top:10px; margin-left:0px}

#blockcontent h1 { color: #058D7C; font-size: 18px; margin-bottom: .5em; line-height: 1.1em;}

#blockcontent h2 { color: #638FA6; font-size: 20px; margin-bottom: .80em;} 

#blockcontent h4 { color: #638FA6; font-size: 15px; margin-bottom: .2em;} 
	
a.readmore { font-size: 14px; font-weight:bold; color: #058D7C; border-bottom: 1px solid #82C6BD; margin-left:20px }
a.readmore:hover { color: #82C6BD;}

#blockside { width: 230px; float:right;}

.clr { clear:both;}

.col { width: 195px; margin-left: 40px; float:left; height:320px;}
.col.first { margin-left:0; height:320px;}
.col img { padding: 3px; border: 1px solid #CCC;}

.col ul.list { margin-top: 10px; border-top: 2px solid #CCC;}

#blockcontent p { margin-bottom: 1.5em; font-size:14px;}

dl { margin-bottom: .5em;}
dl dt { display:none;}
dl dd { padding-top: 30px; padding-left: 53px; min-height: 58px; _height: 58px; }

dl#dl-agenda { background:url('../img/dt-agenda.png') no-repeat top left;}

dl#dl-facebook { background:url('../img/dt-facebook.png') no-repeat top left;}
dl#dl-facebook dd { text-align:center;}

/* date widget */
ul.list { }
ul.list li { padding: 5px 0; border-bottom: 1px dotted #BFD7D7; }
div.date { color: #999;}
div.event { color: #058D7C}

#yappa { text-align:right; display:block; color: #999999; }
#yappa:hover { color: #000; text-decoration:underline;}

.meta { color: #CCCCCC; margin-bottom: 1em; margin-top: -5px;}

.article { margin-bottom: 2em;}
.article img { padding: 3px; border: 1px solid #CCC; float:right; margin-left: 15px;}
.article img.stvv { margin-bottom:30px; }

#blok {
float:left;
height:270px;
}
#meerover {
float:left;
height:50px;
}

a.home_readmore { font-size: 14px; font-weight:bold; color: #058D7C; }


#col h2 { font-size: 22px; color: #17587B; margin-bottom: .5em; line-height: 1.1em;}
	#blockcontent h2 a { border-bottom: 1px solid #638FA6; color: #17587B;}
	#blockcontent h2 a:hover { color: #638FA6;}

#col first h2 { font-size: 22px; color: #17587B; margin-bottom: .5em; line-height: 1.1em;}
	#blockcontent h2 a { border-bottom: 1px solid #638FA6; color: #17587B;}
	#blockcontent h2 a:hover { color: #638FA6;}
	
td.logo {
	vertical-align:top;
	padding-bottom:30px;
}

td.txt {
	padding-left:30px;
}

.article ul.gegevens {
	list-style:disc;
	padding-left:15px;
	font-size:14px;
}

#kandidaten {
font-size:12px;
}

#kandidaten h5.name {
color:#638FA6;
}

#gallery li{
	float:left;
	margin-right:10px;
}

#gallery li p{
	margin-top:5px;
}