/* @override http://www.hetdorp2011.be/_style_screen.css */


body { font:13px/1.231 "Courier New", Courier, mono; 
	background:url(_img/hetdorpz.gif) no-repeat center top;
	}

select, input, textarea, button { font:99% sans-serif; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }

body, select, input, textarea { 
  color: #000; 
  /* set your base font here, to apply evenly */
  /* font-family: Georgia, serif;  */   
}

h1,h2,h3,h4,h5,h6 { font-weight: bold; margin-bottom:1em; font-size:1.1em;}

html { overflow-y: scroll; }

a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #607890; }
a:hover { color: #036; text-decoration:underline;}

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

nav ul, nav li { margin: 0; } 

small { font-size: 85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align: top; } 

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { 
  padding: 15px; 
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
 
textarea { overflow: auto; }

.ie6 legend, .ie7 legend { margin-left: -7px; }

/* align checkboxes, radios, text inputs with their label */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

label, input[type=button], input[type=submit], button { cursor: pointer; }
 
/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, input, select, textarea { margin: 0; }

/* colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
   border-radius: 1px;
  -moz-box-shadow: 0px 0px 5px red; 
 	-webkit-box-shadow: 0px 0px 5px red; 
	box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; } 

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; } 

/* make buttons play nice in IE */
button {  width: auto; overflow: visible; }
 
/* bicubic resizing for non-native sized IMG */
.ie7 img { -ms-interpolation-mode: bicubic; }


/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; } 

/* Hide only visually, but have it available for screenreaders */
.visuallyhidden { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX  */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 

.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

 
#wrapper {
	width:960px;
	margin:60px auto 30px;
	}
 
.header {
	margin-bottom:10px;
	}
	
#nav {
	width:135px;
	margin-right:15px;
	float:left;
	}

#nav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}

#nav li {
	margin-bottom:.7em;
	}

#nav a {
	font-size:14px;
	text-decoration:none;
	color:#000;
	}

#content { 
	margin-left:150px;
	}

#content .contentpic {
	float:left;
	margin-right:15px;
	}
	
.contenttxt .mtr {
	margin-left:550px;
	}	

.contenttxtcolumnpraktisch {
	margin-left:550px;
	}
	
	 
#contentfooter {
	clear:both;
	margin-left:150px;
	padding-top:10px;
	overflow:hidden;
	margin-top:7px;
	}

.contentfooter {
	padding-top:10px;
	overflow:hidden;
	}

.cf {
	width:260px;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	float:left;
	margin-right:15px;
	padding-top:10px;
	padding-bottom:10px;
	
	}
	
.cf:nth-child(3n+3) {
  	margin-right:0px;
	}	
	
.cf h3 {
	margin-bottom:0.5em;
	} 

.cf h4 {
	font-size:12px;
	font-weight:normal;
	} 	

.nbb {
	border-bottom:none;
	height:200px;
	}

.cfimage {
	float:left;
	margin-right:15px;
	}
	
.cfinfo h3 {
	margin-bottom:.2em;
	}


.cfinfo span {
	margin-top:20px;
	padding:10px;
	display:block;
	background-color:#eff1f1; 
	}

.yellow {background-image:url(_img/yellow.gif);}
.cfinfo span h4 {
	font-weight:bold;
	margin-top:1em;
	}


.selected  {
	border-bottom:2px solid #000;
	} 
	
.selected .cfinfo h3 a {
	color:#55646d;
	background-color:#cae7f0;
	padding:2px 4px;
	text-decoration:none;
	} 

.cfinfo h3 a {
	text-decoration:none;
	color:#000;
	}

.cfinfo h3 a:hover {
	color:#55646d;
	background-color:#cae7f0;
	padding:2px 4px;
	text-decoration:none;
	}

a.leesmeer, a.leesmeer2 {
	margin-bottom:.4em;
	margin-top:1em;
	text-decoration:none;
	color:#000;
	display:block;
	float:right;
	}

a.leesmeer:hover, a.leesmeer2:hover {
	text-decoration:underline;
	}

.kalender {
	margin-top:70px;
	font-size:11px;
	} 

.kalender h4 {
	font-size:11px;
	padding:0 0 0 4px;
	}
		
#nav .kalender a {
	font-size:11px;
	font-weight:bold;
	} 

#nav .navi a, 
#nav .kalender a {
	padding:2px 4px;
	}

#nav .navi a.actief, 
#nav .navi a:hover, 
#nav .kalender a.actief, 
#nav .kalender a:hover {
	color:#55646d;
	background-color:#cae7f0;
	padding:2px 4px;
	text-decoration:none;
	}	

#nav .kalender ul li span {
	margin-left:4px;
	}

.bordert {
	margin-top:15px;
	background:url(_img/bordert.gif) no-repeat left top;
	}
	
#contentfooter.bordert, .contentfooter.bordert  {
	padding-top:3em;
	}
	
#contenttxtonderschrift {
	position:relative;
	height:378px;
	margin-left:550px;
	}

#contenttxtonderschrift .onderschrift {
	position:absolute;
	bottom:0;
	font-weight:bold;
	}

.imgnav {
	display:block;
	margin-top:3em;
	}

.contenttxt h3 {
	color:#00a2d8;
	margin-bottom:0;
	}

.contenttxt p {
	margin-bottom:1em;
	}

.introbeeld {
	position: absolute;
    top:100px;
    left: 50%;
    margin-left: -480px;
    z-index:111;
	}

.black {
	background-color:#000;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	}

#slideshow {margin-bottom:10px;}
#slideshow img { display: none }
#slideshow img.first { display: block }

#resume {
	display:none;
	}

.imgnav img {
	cursor:pointer;
	}


.moretxt {
	display:none;
	}

.voetnoot {
	font-size:12px;
	font-style:italic;
	}

.bijschrift {display:none; font-size:10px; color:#999; margin-top:7px; float:left; width:550px; margin-bottom:20px;}

a.sysd {clear:both; float:right; margin-top:30px; text-decoration:none; font:10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color:#000;}
a.sysd:hover {text-decoration:underline; color:#000;}

.realisatie {display:none;}
a.sysdlink {text-decoration:none; color:#999;}
a.sysdlink:hover {text-decoration:underline;}
.copyright {color:#999; font-size:12px;}


#nav .lang {margin-top:20px; margin-left:4px; }

#nav .lang a {font-size:11px;
	color:#000; text-decoration:none;}
	

#nav .lang a.actief, 
#nav .lang a:hover {
	color:#999;
	text-decoration:none;
	}