* { margin: 0; padding: 0; border: 0; }
body,html { width: 100%; height: 100% }
body {  background: #124064 url(/gfx/bg.jpg) center top no-repeat; background-attachment: fixed; font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif, Verdana; }
img { }

a { outline: none; color: #0000FF; text-decoration: none; }
	a:hover { text-decoration: underline; }
h1 { margin-bottom: 20px; color: #000000; text-transform:uppercase; }
h3 { font-size: 22px; color: #FFFFFF; font-size:14px; text-transform:uppercase;}
h3 a{ font-size: 22px; color: #FFFFFF; font-size:14px; text-transform:none;}
p { margin-bottom: 20px; }
br.clear { clear: both; font-size: 0px; }

/*****************/
/* Forms         */
/*****************/
form {}
	form p {}
		form label, span.label { display: block; font-size: 12px; font-weight: bold; padding: 2px 0 2px 0; float:left; width:200px; }
			form label.check, label.radio { display: inline; font-weight: normal; border-bottom: 1px dotted #000000; padding: 0; margin: 0 4px 0 0; vertical-align: top; }
			
		form input.text { width: 150px; padding: 2px; border: 1px solid #172981; background: #ffffff; }
		form input.password { width: 200px; padding: 2px; border: 1px solid #172981; background: #ffffff; }
		form input.checkbox { margin: 4px; float:left; display:block; }
		form input.radio { margin: 4px; }
		form select { border: 1px solid #172981; }
			form select option { padding: 0 20px 0 0; }
		form textarea { width: 326px; height: 100px; padding: 2px; border: 1px solid #172981; font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif, Verdana; font-size: 12px; background: #ffffff; }
		
		
		form input.submit { padding: 4px 0 4px 0; background: #172981; color: #FFFFFF; font-weight: bold;}
		form button { padding: 4px; background: #172981; color: #FFFFFF; font-weight: bold; }
		form .captcha { font-size: 10px; margin-left:200px; }
/*****************/
/* /Forms        */
/*****************/

#container { width: 941px; min-height: 100%; margin: 0 auto; position: relative;}
* html #container { height: 100%; }
	


	#header { width: 941px; height: 287px; background: transparent url(/gfx/header-trans.png) left top no-repeat; position: relative; }
		#header_left { width: 47px; height: 155px; position: absolute; top: 69px; left: -45px; background: transparent url(/gfx/header_left-trans.png) left top no-repeat; }
		#header_right { width: 25px; height: 155px; position: absolute; top: 0px; left: 941px; background: transparent url(/gfx/header_right-trans.png) left top no-repeat; }
	
	#body { width: 941px; padding-bottom: 40px; background: #ffffff;}
			#meiden { width: 304px; height: 324px; background: transparent url(/gfx/meiden.jpg) right bottom no-repeat; position: absolute; right: 0px; bottom: 20px; z-index: 0; }
		#navigation { width: 941px; height: 70px; background: transparent url(/gfx/nav_bg.gif) left top repeat-x; position: relative; }
			#navigation ul { list-style: none; width: 700px; height: 56px; background: transparent url(/gfx/nav_header_bg.jpg) left top no-repeat; display: block; padding: 0 0 0 20px;  }
				#navigation li { display: block; float: left; position: relative; }
					#navigation a { display: block; float: left; padding: 7px 10px 7px 10px; color: #FFFFFF; font-weight: bold; }
					#navigation a:hover { background-color: #172981; text-decoration: none; }
			#navigation ul ul { position: absolute; top: 26px; left: -50px; width: 820px; display: none; background: none;  }
				#navigation li:hover ul { display: block; }
				#navigation li li { display: block; float: left; }
					#navigation li li a { display: block; float: left; font-weight: normal; font-size: 12px; padding: 9px 0 9px 0; margin-right: 5px; }
					#navigation li li a:hover {background-color: transparent; text-decoration: underline;  }
			#lang { height: 30px; position: absolute; right: 20px; top: 0; }
				#lang a { font-size: 12px; height: 30px; }
		#content { z-index: 100;}
			#content_column { position: relative; float: left; z-index: 200; padding: 0 0 0 30px; width: 720px}
				#content_column_left {width: 336px; float: left; margin: 0; }
					.artikel { padding: 16px 0 5px 0; margin: 0; background: transparent url(/gfx/dots-trans.gif) left bottom no-repeat; }
						.artikel img { border: 5px solid #172981; margin: 0 0 5px 0; }
							.artikel img.left { float: left; margin: 0 10px 5px 0; }
							.artikel img.right { float: left; margin: 0 0 5px 10px; }
						.artikel h1 { color: #172981; line-height: 18px; padding: 0px 0 10px 0; margin: 0 0 10px 0; font-size: 18px; }
						.artikel h2 { font-size: 12px; color: #d2021d; line-height: 18px; padding: 0 10px 0 0; }
						.artikel p { font-size: 11px; margin: 0 0 10px 0; line-height: 18px; padding: 0 10px 0 0; }
						.artikel a { color: #d2021d; font-weight: bold; }
						.tekstList { padding:5px 5px 5px 14px ; margin:0; font-size:12px;}
						p.artikelDatum { font-size:11px; margin-bottom:0px;color: #172981;}
					.artikelgroot { padding: 16px 0 5px 0; margin: 0; background: transparent;  font-size: 11px;}
						.artikelgroot img { border: 5px solid #172981; margin: 0 0 5px 0; }
							.artikelgroot img.left { float: left; margin: 0 20px 20px 0; }
							.artikelgroot img.left2 { float: left; margin: 0 20px 150px 0; }
							.artikelgroot img.logo{ float: left;  margin: 0 20px 5px 0; padding: 25px 10px 25px 10px; }
							.artikelgroot img.right { float: left; margin: 0 0 5px 10px; }
						.artikelgroot h1 { font-size: 25px; color: #172981; line-height: 18px; padding: 0px 0 10px 0; margin: 0px 0 0px 0; width: 100%; float: left;}
						.artikelgroot h2 { font-size: 12px; color: #d2021d; line-height: 18px; padding: 0 30px 0 0;  }
						.artikelgroot .nieuwsTekst {width: 580px; float: left;}
						.artikelgroot .nieuwsTekst p { margin:0;}
						.artikelgroot p { font-size: 11px; margin: 0 0 10px 0; line-height: 18px; padding: 0 30px 0px 0; }
						.artikelgroot a { color: #d2021d; font-weight: bold; }
						.artikelgroot ul { list-style-position: inside; }
							.artikelgroot li { padding: 2px 0 2px 16px; }
					.gallery ul {margin:5px 5px 0px 5px; clear:both; float:left; }
					.gallery li {list-style:none; display:block; float: left; }
					.gallery li img { border: 5px solid #172981; margin: 0 5px 5px 0; padding:0; }
					.gallery .galleryInfo { width: 200px; font-size: 16px; color: #172981;}
				
				#content_column_right {width: 326px; float: left; margin: 0 0 0 20px; padding: 0 0 0 20px; min-height:800px;}
				#vid_nb { width: 345px; float: left; position: relative; }
					#vid_nb h1{color: #172981; font-size: 18px; padding: 16px 0 0px 0;}
					#vid_nb h3{color: #d2021d; font-size: 15px; padding: 8px 0 12px 0; float:left;}
					#vid_nb h3 a{background: url(/gfx/arrow-trans.png) left top no-repeat; padding: 0 0 5px 35px; color: #172981; font-size: 16px; float:left; text-decoration:none;}
					
					.thumbnails {float:left; margin: 0 0 20px 0;}
					.thumbnail {border: 2px solid #d2021d; margin: 0 12px 12px 0; float:left;}
				.datum { width:120px; display:block; float:left; color:#999;}
				.datumMedia { width:90px; display:block; float:left; color:#999;}
				
			#sidebar_right { width: 160px; padding: 0 22px 0 0; float: right; margin:0; min-height: 1300px;}
				#events { }
					#events h1 { color: #172981; font-size: 18px; line-height: 18px; padding: 16px 0 0px 0; text-align: left; position: relative; }
					#events p { text-align: left; font-size: 12px; line-height: 12px; color: #172981; font-style:italic; font-weight: bold; background: transparent url(/gfx/dots-trans.gif) left bottom no-repeat; padding-bottom: 10px; margin-bottom: 10px; }
					#events a { text-align: left; display:inline-block; font-size: 10px; line-height: 10px; font-weight: bold; color: #d2021d; }
				#vriendvdmaand { margin-top:5px; width:165px; border-bottom: 1px solid black; padding-bottom:5px; margin-bottom:40px;}
					#vriendvdmaand h1 { color: #172981; font-size: 18px; line-height: 18px; padding: 10px 0 0px 5px; text-align: left; position: relative; }
					#vriendvdmaand img {padding: 0px 0 0px 0px; border:1px solid #CCC; margin: 0 0 0px 5px;}
					#vriendvdmaand p { text-align: left; font-size: 12px; line-height: 12px; color: #172981; padding-bottom: 10px; margin-bottom: 0px; }
					#vriendvdmaand a { text-align: left; display:inline-block; font-size: 10px; line-height: 10px; font-weight: bold; color: #d2021d; }	
					.vriendworden{ margin: 0 0 0 5px;}
				#facebook { margin-top:5px; width:165px; border-bottom: 1px solid black; padding-bottom:15px; margin-bottom:20px;}
					#facebook p { text-align: left; font-size: 12px; line-height: 12px; color: #172981; padding-bottom: 10px; margin-bottom: 0px; margin-top: 10px; }
					#facebook a { text-align: left; display:inline-block; font-size: 12px; line-height: 10px; font-weight: normal; color: #172981; text-decoration:underline; }	
					#facebook a:hover {text-decoration:none;}
				#nieuwsbrief { background:#172981; margin:25px 0 0px 0; padding: 5px 0 10px 5px; width:160px;}
					#nieuwsbrief h1 { color:#fff; font-size: 18px; line-height: 20px; text-align: left; position: relative;}
					#nieuwsbrief form {margin:0; }
					#nieuwsbrief form input.text { width: 140px; padding: 2px; border: 1px solid #172981; background: #ffffff; }
					#nieuwsbrief form p { color:#fff;  font-size: 11px; margin:0px 0 0px 0; padding:0px 0 0 0; line-height:17px;}
					#nieuwsbrief form input.submit { padding: 4px; background: #d2021d; color: #FFFFFF; font-weight: bold; margin:1px;}
			.error { color:#d2021d;}
			.nieuwsitem {margin: 0 0 20px 0; clear:both; float:left;}
				.bottommargin { margin-bottom:150px;}
				.nieuwsitem h1 {font-size: 18px; }
				.artikelgroot p img {float:left; margin:0 15px 0 0;}
				.nieuwsitem span.column1 { width:100px; float:left;}
				.nieuwsitem span.column2 { width:400px; float:left;}
			.programmaitem {margin: 0 0 20px 0; clear:both; float:left; width:680px;}
			.programmaitem h1 {font-size: 14px;}
			.programmaitem .bron { display:block; float:left; color:#999; font-size: 12px;}
			.programmaitem .datum2 { width: 90px; display:block; float:left; color:#999;}
			.artikelgroot h1 {font-size: 14px;}
			
	#footer { width: 941px; height: 20px; position: absolute; left: 0px; bottom: 0px; background: #172981; color: #FFFFFF; text-align: center; }
		#footer p { font-size: 9px; line-height: 20px; }
		#footer p a { font-size: 9px; line-height: 20px; color: #FFFFFF; text-decoration: underline; }
		#footer p a:hover { font-size: 9px; line-height: 20px; color: #FFFFFF; text-decoration: none; }


#logo_menu { height:100px;  }
#logo_menu ul {width: 800px; height:100px; list-style:none;  }

.left {float:left; margin:0 15px 0 0;}

#twitter_div { padding: 5px 0 2px 5px; font-size: 12px;}
	#twitter_div img{ margin-left: -3px; margin-bottom: 10px;}
	#twitter_div .userPhoto { float: left; margin-right: 3px; margin-bottom: 0px;}
	#twitter_div #twitter_title { font-size: 1.5em;}
	#twitter_div .volgLinks { font-size: 10px; }
	#twitter_div a { color: #D2021D;}
	#twitter_update_list li { list-style: none; margin-bottom: 15px; border-bottom: 1px solid black; padding-bottom: 10px;}
	.user { font-size: 1.2em; font-weight: bold; }
	#twitter_update_list .time { font-size: 1em; }
	
ul#pagination {margin-left:130px;}

#pagination li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
float:left;
}
#pagination a{
border:solid 1px #DDDDDD;
margin-right:2px;
display:block;
}
#pagination .previous-off,
#pagination .next-off {
color:#666666;
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
}	
#pagination .next a,
#pagination .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
}
#pagination .active{
color:#172981;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination a:link,
#pagination a:visited {
color:#d2031f;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
.dots
{
color:#a60575;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination a:hover{
border:solid 1px #666666;
}