/* ####################################################################################### */
/* ####################################################################################### */
/* 
	LET OP !

	Reset-styles in aparte stylesheet: reset.css 
	Content styles in aparte stylesheet: content.css

*/
/* ####################################################################################### */
/* ####################################################################################### */

body, body * {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

body {
	background-color:#ffffff;
}

#printLogo {
	display: none;
}

#container {
	background-color:#ffffff;
	background-image:url(../images/navigatie/bg.gif);
	background-position:0 0;
	background-repeat:repeat-y;
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#editbuttonbox {
	position: absolute;
	top:5px; left:150px;
}


/* ####################################################################################### */
/* Header ################################################################################ */
/* ####################################################################################### */

#header {
	height: 65px;
	background-image:url(../images/header/bg.gif);
	background-position:0 0;
	background-repeat:repeat-x;
}

#header h1 {
	width: 250px; height: 50px;
	background-image:url(../images/header/logo.gif);
	background-position:0 0;
	background-repeat: no-repeat;
}

#header h1 a, 
#header h1 a:link, 
#header h1 a:visited, 
#header h1 a:active, 
#header h1 a:hover, 
#header h1 a:focus {
	display: block;	
	width: 140px; height: 50px;
	text-indent: -2000em;
}

#header h2 {
	width: 450px; height: 25px;
	background-image:url(../images/header/naam.gif);
	background-position:0 0;
	background-repeat: no-repeat;
	text-indent: -2000em;
	position:absolute; 
	top:43px; left:0;
}

/* Metanavigatie (contact - leden login -zoeken) ########################################## */

#meta_nav {
	height: 25px;
	width: 345px;
	position:absolute; 
	top:40px; right:0;
}

#meta_nav li {
	float: left;
	height: 25px;
	padding-right: 12px;
	background-image:url(../images/header/bullet.gif);	
	background-position: 100% 0;
	background-repeat:no-repeat;
}

#meta_nav li:last-child,
#meta_nav li.last {
	background:none;
}

#meta_nav li a {
	display: block;
	height: 25px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent: -2000em;
}

#meta_nav li#contact a {
	width: 44px;
	background-image:url(../images/header/btn-contact.gif);	
} 

#meta_nav li#leden a {
	width: 64px;
	background-image:url(../images/header/btn-leden.gif);	
} 

#meta_nav li#zoek a {
	width: 29px;
	background-image:url(../images/header/btn-zoek.gif);
	margin-left: 170px;	
}

#meta_nav li#zoek input {
	border: 1px solid #263971;	
	width: 150px;
	margin: 4px 5px 5px 5px;
	padding: 1px 4px;
	float: left;
	font-size: 0.75em;
	line-height:1.2em;
	color: #00529c;
}

/* ####################################################################################### */
/* Teaser (Home only) #################################################################### */
/* ####################################################################################### */

#teaser {
	height: 260px;
	background-color:#133a64;
	background-image: url(../images/teaser-home/bg-foto.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	border-top: 1px solid #ffffff;
	position:relative;
}

#slides {
	width: 300px;
	height: 260px;
	overflow: hidden;
	position: absolute;
	left:0; top:0;
	z-index: 5;
}

#slides img {
	width: 300px;
	height: 260px;
}

#teaser_content {
	background-color: #ffffff;
	background-image: url(../images/teaser-home/bg-graphic.jpg);
	background-position:5px 0;
	background-repeat:no-repeat;
	height: 160px;
	margin: 50px 24px 0 230px;
	padding: 15px 30px;
	overflow: hidden;
	color:#1b1d3f;
	font-size: 0.8em;
	line-height: 1.4em;
	position:relative;
	z-index: 10;
	display:none;
	font-weight: bold;
}

#teaser_content h2 {
	padding: 10px 0;
}

/* ####################################################################################### */
/* Navigatie ############################################################################# */
/* ####################################################################################### */

#navigatie {
	width: 230px;
	float: left;
	background-color: #9cbcd9;
	border-bottom: 1px solid #ffffff;
}

#navigatie ul{
	width: 230px;
}

#navigatie ul ul{
	padding-bottom: 10px;
}

#navigatie ul li{
	border-top: 1px solid #ffffff;
	line-height: 26px;
	font-size: 14px;
}

#navigatie ul li li{
	border-top: 0;
	line-height: 10px;
	font-size: 11px;
}

#navigatie ul a {
  display: block;
  text-decoration: none;
  color: #0a0c31;	
  font-weight: bold;
  padding: 5px;
  cursor:pointer;
  margin-bottom:1px;
}

#navigatie ul li ul li a {
  padding-left: 45px;
}

#navigatie ul li.active > a {
	background-color:#0a0c31 !important;
	color:#ffffff;
}

#navigatie ul li ul li.active a{
	background-color:#0a0c31 !important;
	color:#ffffff !important;
	cursor: default;
}

#navigatie ul li ul li a:hover {
	background-color:#00529c;
	color:#ffffff;
}

/* ####################################################################################### */
/* Content ############################################################################### */
/* ####################################################################################### */


#content {
	background-color:#FFFFFF;
	width: 500px;
	float: left;
}

#content div.inner{
	margin: 25px 25px 25px 25px;
}

#content h1.pagtitel {
	font-size: 1.6em;
	line-height: 1em;
	padding:0 0 20px 0;
}

/* ####################################################################################### */
/* Rechter kolom ######################################################################### */
/* ####################################################################################### */

#secondary_content {
	background-color:#ffffff;
	width: 230px;
	float: left;
}

#topEN {
	margin-top: 107px;
}

#bottomEN {
	margin-top: 20px;
}

ul.extra_nav {
	width: 220px;
	margin: 0 auto 0 auto;
	bottom:10px; 
}

ul.extra_nav li {
	margin-bottom: 1px;
	
}

ul.extra_nav li a{
	display: block;	
	padding: 8px 10px 7px 10px;
	color: #FFFFFF;
	font-weight:bold;
	font-size: 14px;
	background-color: #85acd0;
	text-decoration:none;
	line-height: 17px;
	opacity: .7;
	filter: alpha(opacity=70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	zoom:1;
	
}

ul.extra_nav li a:hover {
	background-color: #00529c;
}


ul.extra_nav li.header {
	color:#0a0c31;
	font-weight: bold;
	font-size: 14px;
	padding: 5px 10px;
}


/* ####################################################################################### */
/* Footer ################################################################################ */
/* ####################################################################################### */

#footer {
	clear: both;
	font-size: 0.6em;
	padding-left: 255px;
	padding-bottom: 10px;
}

#footer a:link,
#footer a:visited,
#footer a:active {
	text-decoration: none;
	color:#00529c;
	margin-right: 30px;
}

#footer a:hover {
	color: #fdb827;
}

#footer a span {
	font-size: 1.2em;
}