/* --> Includes CSS
****************************************************/

@import url(content.css);
@import url(menu_h.css);



/* --> General
****************************************************/

html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: center;
	background: #fff url(../../img/bg_site.gif) repeat-y top center;
}



/* --> Page layout 
******************************************************************************/

#master-container {
	margin: 0 auto;
	padding: 0;
	width: 774px;
	height: auto;
	text-align: left;
	position: relative;
}

#topbar {
	background: url(../../img/img_topbar.gif) no-repeat 0 0;
}

#container {
	margin: 0;
	padding: 0;
	height: 400px;
}

html>body #container {
	min-height: 400px;
	height: auto;
}

#top-content {
	margin: 0;
	padding: 0;
	height: 234px;
	position: relative;
	background: url(../../img/bg_topbar.gif) repeat-y 0 0;
}

#content-container {
	width: 100%;
	height: 460px;
	display: table;
}

html>body #content-container {
	min-height: 460px;
	height: auto;
}

#content {
	height: 460px;
}

html>body #content {
	min-height: 460px;
	height: auto;
}

#content-left {
	width: 550px;
	float: left;
}

#content-right {
	float: left;
}
	
.topmenu {
	position: absolute;
	top: 170px;
	left: 18px;
}

.mainfoto {
	width: 774px;
	height: 203px;
	background: url(../../img/img_mainfoto.jpg) no-repeat 0 0;
}

.challenge {
	position: absolute;
	top: 210px;
	right: 15px;
}

.challenge a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

.footer {
	margin: 0 30px 10px 30px;
	padding: 10px 0 0 0;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	border-top: 1px solid #C5BEC3;
}



/* --> Taalkeuze
******************************************************************************/

#taalkeuze {
	position: absolute;
	left: 710px;
	top: 174px;
	z-index: 20;
}

#taalkeuze a {
	padding: 1px;
	border: 1px solid #CACACA;
	display: block;
}


/* --> Navigation
******************************************************************************/

#nav {
	position: absolute;
	top: 210px;
	left: 20px;
	background: url(../../img/bg_nav.jpg) no-repeat;
}



/* --> Banners
******************************************************************************/

#banners {
	width: 167px;
	padding: 40px 0 20px 0;
}

#banners img {
	margin: 0 0 10px 0;
	display: block;
	border: 2px solid #fff;
}








/* --> popup style
******************************************************************************/

#popup-table {
	height: 100%;
	width: 100%;
	position: relative;
	background-color: #111010;
}

#popup-table .container-cell {
	padding: 0 10px;
	height: 100%;
	width: 100%;
	vertical-align: top;
}

#popup-table-content {
	height: 100%;
	width: 100%;
	background: #fff url(../../img/bg_popup_top.gif) repeat-x 0 0;
}

#popup-table-content #titlebar {
	height: 68px;
	color: #fff;
	background: none;
	position: absolute;
	left: 16px;
	top: 88px;
}

#popup-table-content #titlebar span {
	padding: 26px 0 0 24px;
	font: 16px Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
}

.popup-content {
	padding: 8px 0 0 0;
	vertical-align: top;
	background: url(../../img/bg_popup.gif) repeat-x 0 140px;
}

#popup-close {
	margin: 0;
	padding: 0;
	background: url(../../img/bg_popup_close.gif) repeat-x 0 0;
}

#popup-close img {
	margin: 0 0 0 365px;
}

#popup-close a {
	padding: 0;
	margin: 0;
	display: block;
	text-decoration: none;
	color: #90B20B;
}

#popup-close a:hover {
	padding: 0;
	margin: 0;
	text-decoration: none;
	color: #718B0A;
}

#popup-img {
	padding: 0;
	margin: 0;
	background: url(../../img/popup_bg.gif) repeat-x;
}



/* --> [Overlay]
******************************************************************************/

#wb-overlay {
	width: 100%;
	min-height: 3500px;
	height: auto !important;
	height: 100%;
	position: fixed;
	z-index: 1000;
	text-align: center;
	background: url("../../img/bg_overlay.png") top center;
}

#wb-overlay #overlay-canvas {
	width: 627px;
	height: 556px;
	padding: 49px 43px 47px 41px;
	margin: 2% auto;
	z-index: 1000;
	text-align: center;
	background: url("../../img/bg_canvas.png") top center;
	color: #0b1a55;
	position: relative;
	font: 11px/16px  tahoma, arial, verdana, georgia, sans-serif;
	color: #0b1a55;
}

#wb-overlay #overlay-canvas p {
	font: 11px/16px  tahoma, arial, verdana, georgia, sans-serif;
	color: #0b1a55;
}

#wb-overlay  #overlay-canvas #close {
	z-index: 1000;
	color: #0b1a55;
	position: absolute;
	right: 55px;
	top: 53px;
	font-weight: bolder;
}

#wb-overlay  #overlay-canvas #close:hover {
	color: #ef8436;
}

#wb-overlay  #overlay-canvas a:hover {
	color: #ef8436;
}

#wb-overlay  #overlay-canvas a {
	color: #0b1a55;
}

#wb-overlay strong {
	color: #ef8436;
}

#overlay-canvas #klik-hier {
	font-weight: bold;
}