/* CSS Document De Coach Online*/
* {	
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
}
body{
background:#e0dbcf url(../images/body_bg.gif) repeat-x;
margin-bottom:10px;
}
#container{
margin:auto;
width:792px;
min-height:400px;
}
/****************** BOVENKANT **********************/
#top{
background:url(../images/container_top.gif) top left no-repeat;
width:780px;
padding:0px 6px;
height:60px;
margin-top:11px;
}
#logo{
float:left;
width:225px;
height:42px;
margin:17px 0px 0px 12px;
}
/****************** MENU **********************/
#nav{
display:inline;
float:right;
padding:24px 0px 1px 0px;
margin-right:22px;
/* pas deze width aan als het menu breder moet worden */
width:366px;
background:url(../images/menubg.gif) bottom left no-repeat; 
}
/* test ********/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/variable_dl.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {
list-style-type:none; 
margin:0px 0px 1px 0px;
padding:0;
float:right;
}

#menu li {display:inline; float:left; position:relative; z-index:100; margin:0px 2px; font-weight:bold;}
#menu li span {display:block; z-index:100; background:#fff; padding: 4px 4px; font-size:11px;}
#menu li a, #menu li a:visited {display:block; padding:0;}

#menu dl {position:absolute; top:0; left:0;}
#menu dt {background: #f4f3eb; font-size: 11px; float:left; border-top:1px solid #c3c1b8; border-right:1px solid #c3c1b8; border-left:1px solid #c3c1b8;}
#menu dd {display:none; background: transparent; border-bottom:1px solid #cce; clear:left; margin:0; padding:0; color: #7b6e5f; font-size: 11px; text-align:left; border:1px solid #bab8af; font-weight:normal;}

#menu dt a, #menu dt a:visited {display:block; color:#7b6e5f; padding: 4px 4px; text-decoration:none;}
#menu dd a, #menu dd a:visited {background:#f4f3eb; color:#7b6e5f; text-decoration:none; display:block; padding: 4px 4px;}

#menu li a:hover {border:0;}

#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover, .active {background: #fff; color:#534;}
table {margin:0px 0px -5px 0px; border:collapse; height:0px; width:0px;}
/****************** HEADER **********************/
#header{
background:url(../images/container_head.gif) top left no-repeat;
width:780px;
padding:3px 6px 0px 6px;
height:214px;
}
.headerphoto{
padding:0px 0px 0px 12px;
width:498px;
height:207px;
float:left;
}
#quote{
background:url(../images/quoteblokje.jpg) no-repeat;
width:249px;
height:210px;
float:left;
margin:0px 0px 0px 10px;
}
#quote p{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
font-size:15px;
color:#6d8579;
line-height:22px;
padding:15px;
}
/****************** CONTENT **********************/
#content{
background:url(../images/container_content.gif) top left repeat-y;
width:780px;
padding:4px 6px 0px 6px;
min-height:300px;
}
#left{
display:inline;
float:left;
width:512px;
}
/****************** TEXT **********************/
#text{
background:#f6f5e9 url(../images/tekst_bg.gif) top left no-repeat;
width:464px;
padding:18px 18px 0px 18px;
color:#000;
font-size:12px;
margin-left:12px;
line-height:17px;
}
#textfooter{
background:url(../images/tekst_footer.gif) no-repeat;
width:501px;
height:24px;
margin-left:12px;
}
#text p{
padding:12px 0px 8px 0px;
}
h1{
text-transform:uppercase;
font-size:13px;
background-image:url(../images/h1_bg.gif);
background-repeat:repeat-x;
background-position:bottom;
padding-bottom:2px;
}
h3{
font-size:12px;
margin-bottom:-4px;
margin-top:6px;}
#text li{
list-style:none;
background:url(../images/li.gif) 0px 8px no-repeat;
padding:4px 0px 4px 12px;
}
/****************** INLOGGEDEELTE **********************/
#rightside{
float:left;
background:url(../images/inloggen_bg_new.gif) no-repeat;
width:225px;
padding:12px;
margin-left:8px;
font-size:11px;
min-height:300px;
color:#555;
}
#rightside input{
font-size:11px;
color:#444;
border:1px solid #bbb;
margin:2px 0px;
padding:1px 0px;
background-image:url(../images/input_bg.gif);
background-repeat:repeat-x;
}
#inloggen{
border-bottom:3px double #e8e8e8;
padding-bottom:12px;}
#demo{
line-height:15px;
background:url(../images/demo_bg.gif) top right no-repeat;
border-bottom:3px double #e8e8e8;
padding:4px 0px 12px 0px;}
#contact{
line-height:15px;
border-bottom:3px double #e8e8e8;
padding:4px 0px 12px 0px;
}
.contactpart{
width:12px; float:left}
label{
float:left;
width:60px;
line-height:22px;}
label.price{
width:336px;
line-height:16px;}
#rightside .button, .button{
border:1px solid #bbb;
margin-top:6px;
background-image:url(../images/buttonbg.gif);}
#rightside h2{
text-transform:uppercase;
font-size:12px;
padding:6px 0px 12px 0px;
color:#666;}
/****************** FOOTER **********************/
#footer{
background:url(../images/container_footer.gif) bottom left no-repeat;
width:780px;
padding:0px 6px;
height:34px;
}
#footer p{
color:#aaa;
font-size:11px;
padding:0px 0px 0px 12px;
}
#footer a{
color:#bbb;
}
.clear{
clear:both}
/**************** LINKS ******************/
a:link, a:visited{
color:#6D8579;}
a:hover, a:active{
color:#333}
/****************** FORMULIEREN *********************/
.form label{
width: 136px;
float: left;
}
input.chk {
margin-top:2px;
}
.form input, .form textarea{
border: 1px solid #B3AC9A;
font-size:12px;
}
#vragen input, #vragen textarea{
width:360px;}
input.input, .form textarea {
color:#58564F;
background:#fff;
margin:2px 0px 2px 0px;
padding:2px;
}
input#radio{
float:left;
}
.clear {
clear: both;
line-height: 0px; 
display: block;
}
input:focus, textarea:focus{
border: 1px solid #58564f;
}
.form legend{
font-weight:bold;
font-size:11px;
color:#333;
padding:2px 20px 2px 4px;
background:#F0EFDB;
border:1px solid #DCCFB4;
margin-top:4px;
}
.form fieldset{
border:1px solid #DCCFB4;
padding:3px 10px;
margin:0px 0px 8px 0px;
}
/* EDIT MAARTEN */

.clickable_row 
{ 
	cursor: pointer; 
	cursor: hand; 
}

.label_aanmelden
{
  float:left;
  width:130px;
  line-height:22px;	
}