* {
margin: 0;
padding: 0;
}

body, html {
text-align: center;
background: #AABDCE url(../img/bgbody.jpg) repeat-x;
height: 100%;
font: normal 12px "arial", verdana, tahoma; color: #0A2849;
}

option 
{
	text-indent: 4px;
}

#container {
margin: 0 auto;
width: 780px;
text-align: left;
background: url(../img/bgcontainer.jpg) repeat-y;
overflow: hidden; padding-bottom: 10px;
}

#header {
width: 100%; height: 370px; position: relative;
background: url(../img/top780x370.jpg) no-repeat;
}

#menu-top {
position: absolute; top: 285px; left: 15px;
width: 95%; height: 75px;
text-align: center;
}
#menu-top p {
clear: both; font-weight: bold; color: #DF0520; left: 0; font-size: 14px; margin-top: 35px;
}

#menu-top ul {
list-style: none;
display: block;
}
#menu-top li {
float: left;
padding: 0 25px 0 6px;
}

.menu-normal a {
font-weight: bold; text-transform: uppercase;
background: url(../img/bglink.jpg) no-repeat;
padding-left: 8px;
}
.menu-normal a:link, .menu-normal a:visited {
color: #0B375A;
text-decoration: none;
}
.menu-normal a:hover, .menu-normal a:active {
color: white; 
text-decoration: none;
background-position: 0 -25px;
}

.lastminutes a:link, .lastminutes a:hover , .lastminutes a:active {
color: red;
}

.lastminuteshp a:link, .lastminuteshp a:visited, .lastminuteshp a:hover , .lastminuteshp a:active {
color: red;
}

#content {
position: relative; left: 30px; top: 0; float: left;
width: 690px; margin: 0 0 20px 0;}
#content h2{font-size: 14px; font-weight: bold; margin-bottom: 15px; color: #09375B; }
#content p {margin-bottom: 15px;}
#content-home-left {
float: left;
margin-right: 10px;
width: 230px; 
color: #6F7E9D;
}
/*  Lambert 24/06/2011 */
#kop-reservering
{
	font-size: 16px; font-weight: bold; margin-bottom: 15px; color: #09375B; margin-top: -24px;
	text-align: center;
}

#content-home-left h3 {
font-size: 14px; font-weight: bold; padding-bottom: 14px; color: #09375B; 
}
#content-home-left p {
padding-bottom: 18px; line-height: 16px; color: #09375B; 
}
.namen {
text-align: normal;
}

#content-home-right {
float: left; position: relative; left: 30px;
width: 420px;
color: #6F7E9D;
line-height: 18px; 
font-weight: bold;
}

#footer {
float: left; position: relative; width: 100%; 
text-align: center; 
font: normal 11px arial; color: #666;}

#footer p { padding-bottom: 5px; position: relative; bottom: -20px; left: -15px; }
#footer a {text-transform: uppercase; font-size: 11px; font-weight: bold; text-decoration: none; }
#footer a:link, #footer a:visited {text-decoration: none; color: #013E6B;}
#footer a:hover, #footer a:active {text-decoration: none; color: #013E6B;}

.footer-img {
position: relative; left: 0; bottom: -16px; 
}

/**  styles controle boeking */
#confirm 
{
width: 700px;
}

#confirm  input 
{
font: bold 12px "arial";
}
#confirm table
{
	background-color: #DBE1E9;
	width: 100%;
}
#confirm table  td
{
	text-align: left;	
	padding: 3px 0 3px 4px;
}
#confirm table td.center
{
	text-align:center;	
}

#confirm table  td.top
{	
	vertical-align: top;
}
#confirm h3
{	
	font: normal 15px "arial", verdana, tahoma; color: #0A2849;
	line-height: 24px; word-spacing: 4px; letter-spacing: 3px; padding-top: 5px; padding-bottom: 15px;
}
#confirm h4
{
	font-size: 12px; margin: 10px 0 10px 0; padding: 0 0;
}
#confirm .button {
background: #FAFAFA; border: 2px solid #A3C1DB;color: #0A385A; cursor: pointer; font-weight: bold; padding: 2px 8px; height: auto; width: auto;
}
#confirm .button:hover {background: #A3C1DB;}


/* styles Johan 10/06/2011  */

.huis-blok {position: relative; width: 700px; min-height: 133px; overflow: hidden; background-color: #DBE1E9; color: #072C53; margin-bottom: 15px;  font: normal 12px arial;}
.huis-blok .left {float: left; width: 465px; border-right: #fff 1px solid; padding-top: 7px; line-height: 23px;}
.huis-blok .left .image {float: left; margin: -7px 35px 0 0;}
.huis-blok .left .strong {margin-bottom: 10px;}
.huis-blok .icon-cal {position: relative; top: 3px; cursor: pointer;}
.huis-blok .left span {float: left; width: 135px; min-height: 50px;}
.huis-blok .left span label {display: block;}
.huis-blok .left select {padding-left: 10px; margin-top: 3px; }
.huis-blok .left select option{padding-left: 15px;}
.huis-blok select {border: 1px solid #A3C1DB; color: #0A385A; font: bold 12px "arial";  padding: 0 0 0 5px; }
.huis-blok input.datum {border: 1px solid #A3C1DB; color: #0A385A; font: bold 12px "arial"; height: 14px; padding: 2px 0 1px 2px; width: 75px;}

.huis-blok .right {float: left; position: relative; top: 35px; left: 15px; line-height: 23px; width: 201px;}
.huis-blok span {float: left; width: 30px; height: 5px;}
.huis-blok .right .radio {margin-right: 8px; border: none;}
.huis-blok span.aantpers {width: 115px!important; }
.clear {clear: both;}
/*  Lambert 20/06/2011 */
.huis-blok .right .tekst {margin: -5px 0 0 0; position: relative; left: 20px; top: -6px; width: 175px!important; }

.huis-blok .btn-delete {position: absolute; right: 10px; top: 10px; display: block; width: 16px; height: 16px; background: url(../img/delete.png); }


.blok {float: left; clear: left; position: relative; width: 660px; padding: 15px 20px; background-color: #DBE1E9; color: #072C53; margin-bottom: 15px; font: normal 12px arial; line-height: 24px;}
.blok .regel {float: left; display: block; clear: both;}
.blok p {line-height:18px;}
.blok h3 {font-size: 12px; margin: 0 0 10px 0; padding: 0 0;}
.blok label {float: left; width: 105px; min-height: 3px; clear: left;}
.blok span.aanhef {float: left; display: inline; min-width: 60px; min-height: 28px;}
.blok span.aanhef input {margin: 0 0;}
.blok input, .blok select, .blok textarea {float: left;  margin-left: 0; border: 1px solid #A3C1DB; color: #0A385A; font-weight: bold; margin-right: 5px;}
.blok input {height: 18px; padding: 1px 0 1px 2px;}
.blok select option {padding: 1px 0 1px 0;}
#huurder, #medehuurders {line-height: 28px;}
.medehuurder div {float: left; display: block; width: 100%;}
.blok span.voorletters {float: left; width: 70px;}
.blok span.tussenv {float: left; width: 95px;border:}
.blok span.achternaam {float: left; width: 174px;}
.blok span.achternaam input {width: 163px;}
.blok span.geslacht {float: left; width: 66px;}
.blok span.geslacht span {float: left; margin-right: 8px;}
.blok span.geboortedatum {float: left; width: 190px;}

.blok span.rij {float: left; display: block; clear: both;}

.opmerkingen textarea {width: 329px;}

.verzekeringen {padding-bottom: 40px;}
.verzekeringen img {position: absolute; right: 20px; top: 20px;}
.verzekeringen .button {position: absolute!important; left: 50%; bottom: 0; margin-left: -80px;}

#reserveer .button {
float: left; clear: both; margin-bottom: 15px; background: #FAFAFA; border: 2px solid #A3C1DB;color: #0A385A; cursor: pointer; font-weight: bold; padding: 2px 8px; height: auto; width: auto;
}
#reserveer .button:hover {background: #A3C1DB;}
/* eind styles Johan */

#reserveer select
{
font: bold 12px "arial";
color: #0A385A;
border: 1px solid #A3C1DB;
}

#reserveer  input 
{
font: bold 12px "arial";
}

#reserveer input.datum 
{
font: bold 12px "arial";
color: #0A385A;
border: 1px solid #A3C1DB;
height: 14px;
padding: 2px 0 1px 2px;
width: 75px;
}

#reserveer input.radio-opt
{
	border: none;
}

#reserveer textarea 
{
font: bold 12px "arial";
padding: 4px;
outline: none;
resize: none;
overflow: auto;
}

.msg  
{ 
	color: #FD4638; 
}

span.msg-validate-bk 
{	
	color: red;
	font-weight: bold;
	border: 1px solid red;
	padding: 3px;
	display: inline;
}

.msg-voorwaarden 
{	
	color: red;
	margin: 8px  0 4px 0;
}

/* footer */
#bttmlinks {
	font-size: 10px;
	color: #013E6B;
	width: 670px;
	margin-left: 62px;
	margin-top: 10px;
}