/* CSS Document */
* {/* for demo only*/
margin:0;
padding:0
}

html, body {
height:100%;/* needed to base 100% height on something known*/
text-align:center;
margin: 0;
padding: 0;
font: 13px tahoma,sans-serif;
line-height: 150%;
color: #000;
}

body{background: url(../images/bg_body.gif) repeat-x top;}

input{font-family:tahoma, sans-serif}

#wrapper {
position: relative;
width:980px;
background-position: 0px 130px;
margin:auto;
min-height:100%;
text-align:left;
}

#wrapper:after {/* thank you Erik J - instead of using display table for ie8*/
clear:both;
display:block;
height:1%;
content:" ";
}

ul{padding-left: 20px}

* html #wrapper {height:100%}

/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}

#footer {
background-color: #000;
color:#FFF;
font-size: 10px;
font-weight: bold;
text-align:center;
line-height:40px;
width:100%;
margin:auto;
height:40px;
clear:both;
}

#footer p{
margin: 0;
padding:0;
}

#footer a{color:#FFF;}

.meer{}

#header{
height: 130px;
background: -5px 0 no-repeat;
}

#visual{
margin-left: 10px;
width: 940px;
padding: 10px;
min-height: 250px;
}

#transparent{
top:10px;
left:10px;
background-color:#FFF;
width:240px;
height:100%;
opacity: 0.5;
-moz-opacity: 0.5;
filter: alpha(opacity=50);
background-image: url(../images/bg_transparent.gif);
}

h1, h5{
display: block;
font-weight:normal;
min-height: 30px;
}

h2, h3, h4{margin-top:10px;font-weight:normal;line-height:165%}
h1{padding: 5px 10px 5px 10px;}
h5{padding:10px 10px 0 10px}

p{margin: 5px 0 10px 0px; padding:0;}

h1{font-size:26px}
h2{font-size:20px}
h3{font-size:16px}
h4{font-size:12px}
h5{font-size:18px}

.row, .rowr{position:relative;width:100%;}
.row{float:left;}
.rowr{float:right}

/* HEADER ID's */
#logo, #language, #callus, #language_en, #language_nl, #login, #zoekheader, #booking, #transparent, #nav_over{position:absolute}
#logo, #language, #callus{top:0;}
#language_en, #language_nl{width:30px;height:30px;top:5px;}
#language_en{left:516px}
#language_nl{left:550px}
#callus{right:10px}
#logo{left:10px;width:300px;height:130px}
#language{left:310px;width:200px;}
#callus, #language{text-align:right;height:40px;line-height:40px;font-size:15px;font-weight:bold;color:#FFF}
#login{top:50px;right:10px;width:130px;height:25px;padding:5px 0 0 10px;}
#zoekheader{top:90px;right:0px;width:140px;height:30px;}

.zoek_input, .zoek_submit{float:left;border:none}

.zoek_input{
width:95px;
height:20px;
padding-top:5px;
padding-right:5px;
background-color:transparent;
}

.zoek_submit{
width: 30px;
height:30px;
}

#breadcrumb{
font:10px tahoma, sans-serif;
font-weight: bold;
margin: 10px 0;
}

/* EIND HEADER ID's */

/* RESERVERING */
#booking{top:20px;left:20px;width:220px;height:210px;z-index:1000; font-size: 12px;}

#booking_header{width:200px;height:40px;padding:10px 0 0 10px}

#booking_content{width:190px;margin:0 10px 0 10px;padding:0 5px 5px 5px}

#booking td{height:26px;}

#contactblock_header, .bannerblock_header_small{height:40px;padding:10px 0 0 10px}

#contactblock_header{width:280px}

.bannerblock_header_small{width:200px}

#contactblock_content, .bannerblock_content_small{margin:0 10px 0 10px;padding:0 10px 10px 10px;}

#contactblock_content{width:260px}

.bannerblock_content_small{width:180px}

/* EIND RESERVERING */

/* FORM ELEMENTS */
.input, .select, .submit, .select_half, .submit_half, .input_half, .textarea{border:none;font:11px tahoma, sans-serif; line-height: 20px;}
.select, .submit, .select_half, .submit_half{height:20px}
.submit{font-size:13px;}
.input, .select, .submit, .textarea{width:100%;}
.input_half, .select_half, .submit_half{width:100px;}
.input, .input_half{padding-top:1px;height:20px}
/* EIND FORM ELEMENTS */

.actiontext, .actionelement{font-size:18px;letter-spacing:1px;color:#FFF;}
.actionelement{height:30px;background-position:bottom right;padding:10px 0 0 0}

/* NAVIGATIE */

#nav{
background: -5px -131px no-repeat;
height: 50px;
white-space: nowrap;
margin: 0;
padding: 0;
z-index:100;
}

#nav a{outline:none}

#nav ul{
list-style-type: none;
height: 40px;
margin: 0 0 0 10px;
padding: 0;
}

#nav ul li{
float: left;
}

#nav ul li a{
display: block;
line-height: 40px;
text-decoration: none;
width: 160px;
color: #FFF;
text-align: center;
text-indent: -9999px;
}

#nav li ul{
list-style-type: none;

margin: 0 0 0 10px;
padding: 0;
}

#nav li ul li {
padding:0;
margin:0;
background-image:none;
}



#nav li ul li a{
display: block;
line-height: 14px;
text-decoration: none;
width: 160px;
height:50px;
margin:10px;
padding:10px 10px 10px 120px;
color: #FFF;
text-align: left;
text-indent: 0px;
background-image:none;
}



#nav li ul li a:hover{
background-image:none;
}

#nav_over{ /* dit wordt "#nav ul li ul" */
top:40px;
left:10px;
padding: 10px 0 0 10px;
width:960px;
height:264px;
z-index:200;
background: no-repeat;
}

#nav_over ul, #nav_over p{padding:0;margin:0;}

#nav img{
border: none;
margin-right: 5px;
}

#nav_over ul li a{
width: 280px;
height: 50px;
margin: 0 20px 20px 0;
padding: 10px;
text-indent:0;
text-align:left;
line-height:14px;
font-size:12px;
color:#000;
}


#nav ul li ul{height:274px;}



#nav1 a{background:0 0;}
#nav2 a{background:-160px 0}
#nav3 a{background:-320px 0}
#nav4 a{background:-480px 0}
#nav5 a{background:-640px 0}
#nav6 a{background:-800px 0}

#nav1 a:hover{background:0 -40px;}
#nav2 a:hover{background: -160px -40px}
#nav3 a:hover{background:-320px -40px}
#nav4 a:hover{background:-480px -40px}
#nav5 a:hover{background:-640px -40px}
#nav6 a:hover{background:-800px -40px}

#navl3 ul{list-style-type:none;padding-left:0;}

#navl3 li a{
display: block;
background-position:-293px -131px;
background-repeat: no-repeat;
text-decoration:none;
line-height:24px;
padding-right:20px;
}

#navl3 ul li a:hover{
background-position:-293px -63px;
}

.navl2{
display:none;	
position:absolute;
}

.navl2{ /* dit wordt "#nav ul li ul" */
top:40px;
left:0px;
padding: 10px 0 0 10px;
width:960px;
height:264px;
z-index:200;
background: no-repeat;
}


/* EIND NAVIGATIE */

.col_100{width:940px}
.col_75{width:700px}
.col_60{width:620px}
.col_50{width:460px}
.col_30{width:300px}
.col_25{width:220px}
.col_100, .col_75, .col_60, .col_50, .col_30, .col_25{margin-bottom:20px}
.rm{margin-right:20px;}
.lm{margin-left:20px}

.search_input{background-color:#FFF;width:200px;padding:3px;font: 13px tahoma,sans-serif;}
.input_35{height:22px;padding: 0 10px;color:#FFF;border:none;}

.imgholder{
float:left;
position:absolute;
margin:20px 10px 10px 20px;
width: 100px;
height:50px;
background-repeat:no-repeat;
/*background-position: -20px -20px;*/
}

.imglink{position:absolute;top:85px;height:18px}
#ladam{left:145px;width:83px}
#lrdam{left:345px;width:83px}
#lzaan{left:238px;width:83px}
#lzutp{left:433px;width:78px}


#sociallinks{width:200px;margin-left:20px}

.rss a, .twitter a, .facebook a{
width:44px;
height:48px;
float:left;
position:relative;
display:block;
margin-right:20px;
border-bottom: none;
outline: none;
}

.rss a{background-position:-96px 0;}

.twitter a{background-position: 0px 0;}

.facebook a{background-position: -46px 0;}

.rss a:hover{background-position:-246px 0;}

.twitter a:hover{background-position: -146px 0;}

.facebook a:hover{background-position: -196px 0;}

#ulmargin{margin-bottom:20px}