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

body{
	margin:0;
	padding:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#006;
}

#main_container{
	margin:20px auto 10px auto;
	width:800px;
	height:auto;
	text-align:left;
	border:#FF8400 solid;
	border-width:15px 5px 15px 5px;
}

#header{
	width:800px;
	height:100px;
	background-color:#006;
	background-image:url(../img/vk_header.jpg);
	background-repeat:no-repeat;
	background-position:left;
}

#nav_top{
	width:800px;
	height:20px;
	padding:0;
	margin:0;
	background-color:#006;
	position:relative;
}

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

#navbar_top li {
	display:inline;
	float:left;
	margin:0;
	padding:0.45ex 1em;
	font-size:12px;
}

#navbar_top li a {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

#navbar_top li a:hover{
	color:#FF8400;
}

#subnav_praktijk li a:active,
#subnav_kinderwens li a:active,
#subnav_zwangerschap li a:active,
#subnav_miskraam li a:active,
#subnav_bevalling li a:active,
#subnav_kraamtijd li a:active,
#subnav_overig li a:active{
	text-decoration:underline;
}

/* change background color of active page menu tab */
body#praktijk #nav_praktijk,
body#kinderwens #nav_kinderwens,
body#zwangerschap #nav_zwangerschap,
body#miskraam #nav_miskraam,
body#bevalling #nav_bevalling,
body#kraamtijd #nav_kraamtijd,
body#overig #nav_overig{
	background-color:#66F;
}

/* hide all submenus */
#subnav_praktijk,
#subnav_kinderwens,
#subnav_zwangerschap,
#subnav_miskraam,
#subnav_bevalling,
#subnav_kraamtijd,
#subnav_overig{
	display:none;
}

/* display only submenu from active page */
body#praktijk #subnav_praktijk,
body#kinderwens #subnav_kinderwens,
body#zwangerschap #subnav_zwangerschap,
body#miskraam #subnav_miskraam,
body#bevalling #subnav_bevalling,
body#kraamtijd #subnav_kraamtijd,
body#overig #subnav_overig{
	display:inline;
	position:absolute;
	top:30px;
	left:10px;
	max-width:775px;
	list-style-type:none;
	padding:0;
	margin:0;
	border:#FF8400 solid 1px;
}

#content{
	width:800px;
	height:auto;
	float:left;
	clear:both;
	margin:0;
	padding:0;
	background-color:#66F;
	color:#FFF;
}

#footer{
	clear:both;
	height:0px;
	padding:0px;
	background-color:#66F;
	color:#FFF;
}

#knov_keur{
	float:right;
	margin:15px;
	clear:none;
}

/* text properties: */
#text{
	padding:40px 20px;
}

/* set extra top padding due larger menu */
body#zwangerschap #text{
	padding:60px 20px 40px 20px;
}

#text li{
	list-style:circle;
}

th{
	font-size:14px;
	font-weight:bold;
}

h1{
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
}

h2{
	font-size:12px;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:0px;
}

h3{
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
}

a{
	color:#003;
}

a:visited{
	color:#009;
}

.img_loc_right{
	float:right;
	clear:right;
	border:#000 2px solid;
	margin:5px 25px 25px 5px;
}

.img_logo_right{
	float:right;
	/*clear:rigth;*/
	margin:0px 10px 25px 30px;
}

.img_right{
	float:right;
	/*clear:rigth;*/
	border:#000 2px solid;
	margin:0px 10px 25px 30px;
}

.img_left{
	float:left;
	/*clear:left;*/
	border:#000 2px solid;
	margin:0px 30px 25px 0px;
}

.txt_right{
	float:right;
	/*clear:left;*/
	width:100%;
}

.txt_left{
	float:left;
    /*clear:left;*/
	width:100%;
}

.align_left{
	float:left;
    /*clear:left;*/
}

.align_right{
	float:right;
}

table#locaties {
	float:left;
	width:470px;
	padding:0;
	margin:0;
}

table#locaties .leftcol {
	width:350px;
}

table#locaties .rightcol {
	width:120px;
}