@charset "utf-8";
/* CSS Document Koolhoven Kliniek
 * Opmaak CSS: Natasja Capelle
 * Aanpassingen: Akko van Ettinger 
 */
/********** Algemeen **********/
* {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}
a:link, a:visited{
color:#b49253;
}
a:hover{
color:#8b636f;
}
a img{
border:0px;
}
form{
padding:0;
margin:0;
}
/********** Body **********/
body{
background:#d3cbc1 url(../images/bg.png) repeat-x;
}
/********** Container **********/
#box{
background:#FFFFFF;
background-image:url(../images/content-gradient.jpg);
background-repeat:no-repeat;
background-position:0px 160px;
width:940px;
border:1px solid #d2cbc1;
padding:10px;
margin:20px auto 0px auto;
min-height:400px; /*straks weg*/
}
/********** Header **********/
#header{
height:150px;
background-image:url(../images/header-bg.jpg);
background-repeat:no-repeat;
}
#header img{
	margin-left: 15px;
	margin-top: 34px;
}
#header #breadcrumbs{
padding: 130px 0 0 15px;
font-size:12px;
color:#ffffff;
}
#header #breadcrumbs a{
color:#d6bdca;
}
#header #breadcrumbs a:hover{
color:#FFFFFF;
}
/********** Box content**********/
#box_content{
background-image:url(../images/bg-left.gif);
background-repeat:repeat-y;
margin-top:10px;
}
/********** Left **********/
#left{
background-color:#ebe7de; /*straks weg*/
float:left;
width:160px;
padding:10px;
}
#left #contact{
background:url(../images/menu-bg.gif) right repeat-y;
clear:left;
padding:5px;
font-size:12px;
line-height:22px;
color:#6c5b3f;
border:1px solid #fff;
}
#left #contact h2{
margin-bottom:4px;
padding-bottom:2px;
font-size:12px;
color:#6c5b3f;
border-bottom:1px solid #d9d3cc;
}
/********** Menu **********/
#nav, #nav ul { /* all lists */
list-style:none;
float:left;
}
#nav{
background:url(../images/menu-bg.gif) right repeat-y;
width:160px;
margin-bottom:14px;
}	
#nav li { /* all list items */
position:relative;
float:left;
}
#nav li a {
background:url(../images/menu-divider.gif) bottom repeat-x;
display:block;
width:150px;
padding:11px 5px;
color:#6c5b3f;
text-decoration:none;
font-size:12px;
}
#nav li a.active{
font-weight:bold;
background-color:#f6f4f0;
}
#nav li a:hover {
background-color:#f6f4f0;
}
#nav li ul { /* second-level lists */
background-color:#ebe7de;
width:140px;
padding:10px;
margin-left:160px;
margin-top:-39px;
position:absolute;
left:-999em;
z-index:9999;
border:1px solid #d0d0c3;
}
#nav li ul li a{
width:130px;
padding:8px 5px;
} 
#nav li ul li a:hover {
background-color:#f7f1e7;
}
#nav li:hover ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul { /* lists nested under hovered list items */
left: auto;
}
/********** Content **********/
#content{
float:left;
width:548px;
padding:0 16px;
font-size:12px;
color:#4e2434;
}
#content h1{
padding-bottom:4px;
margin:10px 0 0 0;
color:#4b2134;
font-size:22px;
font-family: Arial Narrow, Arial, Helvetica, sans-serif;
font-weight:normal;
border-bottom:1px solid #d4ccc3;
}
#content h2{
margin:10px 0 0 0;
color:#4b2134;
font-size:13px;
font-weight:bold;
/*border-bottom:1px solid #d4ccc3;*/
}
#content p{
font-size:12px;
line-height:20px;
padding:8px 0 12px 0;
}
#content ul{
list-style:none;
padding:0px 0 12px 12px;
line-height:20px;
}
#content ul li{
background:url(../images/li.gif) 0px 8px no-repeat;
padding:0 0 0 12px;
color:#443b22;
}
#contact .input {border:solid 1px #D4CCC3; width:230px; }
#contact .inputadres {border:solid 1px #D4CCC3; width:170px; }
#contact .inputadresnr {border:solid 1px #D4CCC3; width:41px; }
#contact textarea {border:solid 1px #D4CCC3; width:230px;}
#contact input.input:focus,
#contact input.inputadres:focus,
#contact input.inputadresnr:focus
{border:solid 1px #58293D; }

#content input, #content textarea, #content select{
	font-size:12px;
	margin-bottom: 3px;
	border:solid 1px #D4CCC3;
}
#content input:focus, #content textarea:focus, #content select:focus{
	border: #58293D 1px solid;
}
#content label{
	margin-bottom: 2px;
}

/********** Right **********/
#right{
float:right;
width:180px;
}
#right .picture{
width:170px;
height:180px;
padding:4px;
margin-bottom:10px;
border:1px solid #e2e0e1;
}
#right .picture p {
display:block;
padding:138px 14px 0px 14px;
color:#FFFFFF;
font-size:11px;
line-height:17px;
text-align:right;
text-decoration:none;
}
#right .picture p a:hover{
color:#e5ded5;
}
#right .picture.huidverzorging{
background:#ffffff url(../images/foto-huidverzorging-2.jpg) 4px 4px no-repeat;
}
#right .picture.zwangerschap{
background:#ffffff url(../images/foto-zwangerschap-2.jpg) 4px 4px no-repeat;
}
/********** Footer **********/
#footer{
width:960px;
padding:10px 0px;
margin:0 auto;
text-align:right;
font-size:11px;
color:#887a68;
}
/***************** CLEARFIX ***************/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End hide from IE Mac */

.bmi_table { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:12px 0 0 0; padding:0; }
.bmi_table td { padding:5px 6px; border-top:2px solid #fff; border-right:2px solid #ffffff; background-image:url(../assets/content_column2_li_bg.png); background-position:bottom; }
.bmi  p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
.bmi .fieldset { background-image:url(../assets/bg-bmi-calculator.gif); background-repeat:repeat-x; border:1px solid #e7e3e3; width:380px; padding:10px; margin-top:10px; }
.bmi #form td { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:4px 0px; }
.errorFields { background-color: #F8E8E8;  border: #B6000B 1px dashed; color: #B6000B; padding: 5px; }
.bmiScale { background: url(../assets/bmi-scale-2.gif); width: 500px; height: 20px; position: relative; overflow: hidden; }
.bmiP