/* 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;
}

#visual img{
float:right;
}

#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);
}

#transparent2{
top:10px;
right: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,#transparent2, #nav_over, #winkelmandje{position:absolute}
#logo, #language, #callus{top:0;}
#language_en, #language_nl{width:30px;height:30px;top:5px;}
#language_en{left:920px}
#language_nl{left:954px}
#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:5px;left:767px;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 */

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

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

#winkelmandje_content{width:190px;height:180px;margin:0 10px 0 10px;padding:0 5px 5px 5px}

#winkelmandje td{height:26px;}
/*einde winkelmandje*/

/* RESERVERING */
#booking{
    font-size: 12px;
    height: 250px;
    left: 10px;
    top: 10px;
    width: 230px;
    z-index: 1000;
}

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

#booking_header{
    width:220px;
    height:20px;
    line-height:20px;
    padding:5px;
    overflow: hidden
}

/*#booking_header{width:200px;height:40px;padding:10px 0 0 10px;overflow: hidden;}*/

#booking_content{
    width:220px;
    height:210px;
    padding:5px;
}
/*#booking_content{width:190px;height:170px;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}

/*---- Winkel Styling ----*/

.productgroep{
position: relative;
float: left;
width: 118px;
height: 178px;
margin: 0 10px 10px 0;
padding: 6px;
text-align: center;
font-size: 1.2em;
color: #000000;
border: 1px solid #DDDDDD;
}

.actie{

background-image: url(/website/images/bg_productgroep_actie.jpg);

}
.attn{
	position:absolute;
	left: 110px;
	top:0px;
	width:47px;
	height:47px;
	background-image: url(/website/images/actie.png);

	}
.productgroep a{
display: block;
width: 118px;
height: 128px;
text-decoration: none;
color: #000000;
}

.productgroep a:hover{
color: #FFCC00;
}

.productgroep img{
border: none;
}
.productgroep_tekst{
width:100%;
height:40px;
position:absolute;
left:0px;
top:134px;
font-size:14px;
}
.productgroep_punten{
width:100%;
height:10px;
position:absolute;
left:0px;
bottom:6px;
font-size:10px;
color:#666666;
font-weight:bold;
}
/*---- Tabel stijl ----*/
.table{
width:100%;
border:1px solid #cccccc;
border-collapse:collapse;

}
.table th, .table td{
text-align:left;
border:1px solid  #CCCCCC;
padding:5px;
}

/*	ENQUETE STIJLEN	*/
#enquete table{border-width:0}
#enquete .submit{width:auto;padding:5px;height:30px;margin:5px 0;text-transform:uppercase;font-weight:bold;font-size:90%}
#enquete td, #enquete th{border-width:0}
#enquete .textarea{border-width:1px;border-style:solid;font-size:110%;padding:5px}
#enquete tr.forgot{background-color:#FF0000}
.right{float:right; clear:right}

/*banner stijlen*/
.banner{
float:right;

overflow:hidden;
height:250px;
}
.banner ul, .banner li{
		margin:0;
		padding:0;
		list-style:none;
	
		}
	.banner li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:700px;
		height:250px;
		overflow:hidden;
		float:left 
		}

.smileys img{
   position: relative;
}
.smileys .bad{
    left: 170px;
    top: 0px;
}
.smileys .neutral{
    left: 270px;
    top: 0px;
}
.smileys .good{
    left: 404px;
    top: 0px;
}

#booking #booking_content input[type=submit]{
    height:25px;
    line-height:25px;
    background-image: url('../images/bgBookBtn.png');
    cursor:pointer;
}
#socialmediafollow{
    position:absolute;
    right:10px;
    top:66px;
    width:78px;
    height:37px;
    background:url('../images/btnSocialmedia.png') 0 0 no-repeat;
}
#socialmediafollow a{
    display:block;
    position:relative;
    float:left;
    margin:0;
    height:37px;
    width:39px;
    text-indent:-10000px;
    outline:none;
}