/* CSS Document */

html, body {
	margin: 0px;
	padding: 0px;
	min-width: 960px;
}

body {
	background-image:url(../../Media/Gedeeld/achtergrond.jpg);
	background-color: #ecf2f5;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
}

a:link, a:visited {
	color:#003;
}

a:hover, a:active {
	color: #A2812C;
}

H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
}

H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}

H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

H4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
}

#wrapper {
	background-color: #FFFFFF;
	height: 600px;
	width: 100%;
	margin-top: -300px;
	position: absolute;
	top: 50%;
}

#boven {
	height: 40px;
	background-color: #003;
	color: #FFF;
}
/* Begin drop downmenu */

.menu {
	position:relative; 
	padding: 10px 0 0 0;
	margin:0; 
	z-index:100;
}

.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:#000;
	width:120px; 
	height:20px; 
	text-align:center; 
	color:#fff;
	line-height:20px; 
	overflow:hidden;
}

.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; margin-right:0px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#003; height:20px;}
.menu ul li:hover ul {display:block; position:absolute; top:17px; left:0; width:105px; border-top: 13px solid #003;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#A2812C; color:#003;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#A2812C; color:#fff; border: 1px solid #A2812C; width:118px;}
.menu ul li:hover ul li a:hover {background:#CADEE9; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0; border: 1px solid #A2812C; width:118px;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}
/* Einde drop downmenu */


#branding {
	height: 120px;
	background-color:#CADEE9;
	border-bottom: 3px solid #A2812C;
	border-top: 3px solid #A2812C;
	background-image: url(../../Media/Gedeeld/poolreizen2.jpg);
	background-repeat: no-repeat;
}

#branding_links {
	float: left;
}

#branding_rechts {
	float: right;
	width: 390px;
}

/* Hack, alleen te lezen voor niet IE 6 browsers*/
html>body #content {
	float:left;
	width:100%;
	min-height:390px;
	overflow-y:visible;
	background-color:#FFF;
	background-image: url(../../Media/Gedeeld/achtergrond_rechts_000033.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

html>body #content_midden {
	overflow: auto;
	height: 365px;
	width: auto;
	background-color:#FFF;
  	position:relative;

	margin: 0;
	margin-top:2px;
	padding: 5px 10px 15px 0px;
	
	scrollbar-3dlight-color:#003;
	scrollbar-arrow-color:#003;
	scrollbar-track-color:#FFFFFF;
	scrollbar-darkshadow-color:#003;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF
}
/* Einde hack */


#content_links {
	float:left;
	background-color:#FFFFFF;	
	line-height: 2em;
	padding: 15px 0 0 15px;
}

#content_links div a:link, #content_links div a:visited {
	color:#A2812C;
	text-decoration: none;	
}

#content_links div a:hover, #content_links div a:active {
	color: #A2812C;
	font-weight:bold;
	text-decoration: none;
}

#content_links div div {
	margin: 0 0 0 10px;
}

#content_links div div a:link, #content_links div div a:visited {
	color:#003;
	text-decoration: none;	
}

#content_links div div a:hover, #content_links div div a:active {
	color:#003;
	text-decoration: none;	
}

#details_bijzonderheden {
	width: 600px;
	height: auto;
	overflow: visible;
}

#content_rechts {
	float:right;
	width: 390px;
}

#footer {
	clear:both;
	background-color:#003;
	border-top: 3px solid #A2812C;
	height:35px;
	padding:5px 15px 0px 15px;
	color:#CADEE9;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align: right;
}

#footer a:link, #footer a:visited {
	color:#CADEE9;
}

#footer a:hover, #footer a:active {
	color: #FFF;
}

#kruimelpad {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:1.5em;
	color:#A2812C;
}

#kruimelpad a:link, #kruimelpad a:visited {
	color:#A2812C;
}

#kruimelpad a:hover, #kruimelpad a:active {
	color: #003;
}

.kader {
	background-color:#cadee9;
	padding:5px;
	font-weight: bold; 
	font-size: 14px;
}