@charset "utf-8";
/* CSS Document */

/********************
HTML Tags
********************/

/** reset defaults **/
body, html, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, legend, p, img {margin:0;padding:0;}
img {border:none;}

body {
	text-align:center;
	font-size:62.5%;
	color:#171715;	
}

/** headings **/
h1, h2, h3, h4 {font-weight:normal;color:#123B79;}
h1 {font-size:1.7em;}

/** links **/
a:link, a:visited, a:hover {color:#123B79;text-decoration:underline;}
a:hover {text-decoration:none;}


/**********************
LAYOUT DIVS & STYLES
**********************/
#page-container {
	position:relative;
	width:960px;
	text-align:left;
	padding-top:9px;
	margin-left:auto;
	margin-right:auto;	
}

#actierondje {
	position:absolute;
	z-index:2;
	top:8px;
	left:-32px;
	width:142px;
	height:142px;
}

#topmenu {
	width:947px;
	padding:0 13px 8px 0;
	color:#737375;
	font:1.1em Verdana, Arial;
	text-align:right;
}
#topmenu ul, #topmenu li {
	margin:0;
	padding:0;
	display:inline;
	list-style-type:none;
}
#topmenu li {margin:0 1px 0 1px;}
#topmenu a {color:#737375; text-decoration:none;}
#topmenu a:hover {text-decoration:underline;}


#header {
	width:960px;
	height:114px;
	background:#123C79 url(../img/header-14-ruime-kavels.png) no-repeat;
}
#header.home {
	background:#123C79 url(../img/header-een-stukje-holland.png) no-repeat;
}

#mainmenu {
	width:960px;
	height:58px;
	background:url(../img/bg-mainmenu.jpg) no-repeat;
	font:1.1em Arial, Verdana;
	font-weight:bold;
	letter-spacing:1px;
}
#mainmenu ul, #mainmenu li {
	margin:0;
	padding:0;
	display:inline;
	list-style-type:none;
}
#mainmenu li a  {
	display: block;
	float: left;
	width:117px;
	height:21px;
	margin-right:3px;
	padding-top:6px;
	color:#9CB1CB;
	text-decoration:none;
	text-align:center;
}
#mainmenu li:first-child a {
	width:119px;
	height:21px;
	margin-left:0;
}
#mainmenu li a.last {
	width:118px;
	margin-right:0;
}
#mainmenu li a:hover, #mainmenu li a#active {
	background:url(../img/bg-mainmenu-active.png) no-repeat;
	color:#fff;
}

/** subnav **/
#mainmenu li#sub a  {
	display: block;
	float: left;
	width:117px;
	height:21px;
	margin:3px 0 0 3px;
	padding-top:6px;
	color:#547194;
	text-decoration:underline;
	text-align:center;
}
#mainmenu li#sub:first-child a {
	width:119px;
	height:21px;
	margin-left:0;
}
#mainmenu li#sub a:hover, #mainmenu li#sub a#active {
	background:none;
	color:#123B77;
}

/** content  grid **/
#ct-container {
	position:relative;
	width:960px;
	height:450px;
	background:url(../img/bg-content.jpg) no-repeat;
	font:1.1em Georgia, "Times New Roman", Times, serif;
	line-height:18px;
}
#ct-container.noclm {
	background:url(../img/bg-content-home.jpg) no-repeat;
}
#ct-container.splash {
	background:url(../img/bg-content-home-splash.jpg) no-repeat;
}

#ct3-left {
	width:216px;
	height:398px;
	margin:13px 0 0 14px;
	display:inline;
	float:left;
}
#ct3-center {
	width:440px;
	height:382px;
	margin:13px 0 0 12px;
	padding:16px 30px 0 10px;
	display:inline;
	float:left;
}
#ct3-right {
	width:196px;
	height:382px;
	margin:13px 0 0 12px;
	padding:16px 4px 0 10px;
	display:inline;
	float:left;
}

/** content  styles **/
#ct-container h1 {
	margin-bottom:14px;
}
#ct-container h2 {
	font-size:1.2em;
}
#ct-container ul {
	margin-top:0px;
}
#ct3-right h2 {
	font-size:1.1em;
	color:#123B79;
	font-weight:bold;
}
#ct3-right a {
	color:#123B79;
	text-decoration:none;
}
#ct3-right a:hover {
	text-decoration:underline;
}
.newsimg {
	float:left;
	margin:8px 8px 8px 0;
}

/** footer **/
#footer {
	width:960px;
	margin:-2px 0 8px 0;
	color:#737375;
	font:1.1em Verdana, Arial;
	text-align:right;
}
#footer a {color:#737375; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/** overlays **/
.overlay {
	display:none;
	z-index:10000;
	width:220px;	
	min-height:160px;
	height:auto !important;
	height:160px;
	padding:20px;
	border:1px solid #123B79;
	background-color:#123B79;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
    /* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #333;
	-webkit-box-shadow: 0 0 90px #333;	
}
.overlay ul {
	margin:10px;
	padding:0;
}

.overlay .close {
	background-image:url(../img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.verkocht {
	position:absolute;
	left:0;
	top:0;
	height:20px;
	width:80px;
	border:2px solid #FF9900;
	background-color:#fff;
	box-shadow: 3px 3px 3px #666;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

/********************
FORM STYLES
********************/
input, select, textarea {
	font:11px Georgia, "Times New Roman", Times, serif;
	color:#666;
}
label, input, select {
	display:block;
	float:left;
}
label {
	width:94px;
	margin-top:1px;
	margin-bottom:6px;
	color:#00447C;
}	
form br {clear:left;}
.inputField {
	width:310px;
	border:1px solid #959595;
	padding-left:2px;
	margin-bottom:6px;
	background-color:#fff;
}
.normalfloat {display:inline; float:none; margin-left:0px;}
.vbutton {
	width:100px;
	margin:4px 0 0 94px;
	display:inline;
	cursor:pointer;
	letter-spacing:1px;
	color:#FCF2CA;
	border:1px solid #959595;
	background-color:#00447C;
}

/********************
GENERIC CLASSES
********************/
.floatright {float:right;}
.floatleft {float:left;}
.clear {clear:both;}
.sml {font-size:.95em;}
.hide {display:none;}
.logo {margin:10px 0 0 363px;}
.oranje{ color:#F60;}
.blauw{color:#123B79;}
 a.blauw, a.blauw:visited {color:#123B79;}
 a.blauw:hover {color:#123B79;text-decoration:none;}
.mbot2 {margin-bottom:2px}
.mbot14 {margin-bottom:14px}
.mtop10 {margin-top:10px}
.pdfico1 {margin:0 6px -3px 0;}

