* {
	margin:0px;
	padding:0px;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4e2d0d;
	background-image:url(/assets/images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#fff;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#b10c0c;
	margin:0px 0px 10px 0px;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#b10c0c;
	margin:26px 0px 20px 0px;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#4e2d0d;
	margin:18px 0px 8px 0px;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4e2d0d;
	margin:18px 0px 8px 0px;
}
p {
	margin-bottom:16px;
}
a {
	color:#b10c0c;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
#table, td {
	border-collapse:collapse;
	border:none;
	margin:0px;
	padding:0px;
}
.spacer{clear:both;}


#container {
	width:100%;
}

#topcontainer {
	width:100%;
	height:293px;
	border-top:#970505 2px solid;
}


/* TOP
------------------------------------ */
#top {
	position:relative;
	top:0px;
	left:50%;
	width:960px;
	margin-left:-480px;
	margin-top:0px;
}

/* ---------*/
#top-logo {
	float:left;
	width:121px;
	height:54px;
	margin-top:40px;
}

/* ---------*/
#top-nrs {
	position:absolute;
	top:42px;
	left:155px;
	font-family:Arial;
	font-size:22px;
	font-weight:bold;
	color:#b10c0c;
}

/* ---------*/
#top-nav {
	position:absolute;
	right:0px;
	top:16px;
}
#top-nav a {
	color:#4e2d0d;
}
#top-nav ul {
	list-style:none;
	float:left;
}
#top-nav li {
	list-style:none;
	float:left;
	padding:0px 10px;
	border-right:#4e2d0d 1px solid;
}
#top-nav li.last {
	border-right:none;
}

/* ---------*/
#main-nav {
	position:absolute;
	top:70px;
	right:0px;
	width:518px;
	height:37px;
	padding:10px 0px 0px 14px;
	background-image:url(/assets/images/bg_hoofdnav.jpg);
	background-repeat:no-repeat;
}
/*#main-nav a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#f1eee2;
	text-decoration:none;
}
#main-nav ul {
	list-style:none;
	float:left;
}
#main-nav li {
	list-style:none;
	float:left;
	height:27px;
	padding:6px 15px 0px 15px;
	border-right:#c37366 1px solid;
}
#main-nav li.last {
	border-right:none;
}*/

ul.menu {
	list-style:none;
	float:left;
}
ul.menu a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#f1eee2;
	text-decoration:none;
	float:left;
}
ul.menu a:hover {
	color:#eee;
}
ul.menu li {
	position:relative; 
	float:left;
	list-style:none;
	height:27px;
	padding:6px 15px 0px 15px;
	border-right:#c37366 1px solid;
}
ul.menu li.last {
	border-right:none;
}
/*
ul.menu ul {
	list-style:none;
	position:absolute;
	top:43px; 
	left:0px;
	background:#970505;
	display:none;
	opacity:0;
	z-index:1;
}
ul.menu ul li {
	position:relative;
	width:158px;
	height:25px;
	margin:0px;
}
ul.menu ul li a {
	display:block;
	font-size:13px;
	width:142px;
	height:25px;
	padding:0px 0px 0px 16px;
	color:#f1eee2;
	background:url(/assets/images/arrow-lred.gif) 5px 1px no-repeat;
}
ul.menu ul li a:hover {
	color:#fff; 
}
ul.menu ul ul {
	left:200px;
	top:-1px;
}
*/

/* sub menu */
div#main-nav li.menu-sub div{display:none;position:absolute;top:32px;left:-300px;padding:10px;width:620px;background-color:#970505;z-index:1000;}
div#main-nav li.menu-sub div ul{float:left;margin-left:0px;margin-right:18px;}
div#main-nav li.menu-sub div li{float:none;width:158px;height:25px;line-height:25px;background-color:inherit;border:0;}
div#main-nav li.menu-sub div a{display:inline;margin:0;padding:0 0 0 16px;font-size:13px;background:url(/assets/images/arrow-lred.gif) 2px 6px no-repeat;}
div#main-nav li.menu-sub div a:hover{color:#ffffff;}





/* ---------*/
#top-content {
	position:absolute;
	top:147px;
	left:0px;
	width:291px;
	height:86px;
}
#top-content ul {
	list-style:none;
}
#top-content li {
	list-style:none;
	background-image:url(/assets/images/arrow.gif);
	background-repeat:no-repeat;
	padding-left:10px;
}

/* ---------*/
#icons {
	position:absolute;
	top:257px;
	left:0px;
	width:290px;
}


/* ---------*/
#flash {
	position:absolute;
	top:147px;
	left:312px;
	width:616px;
	height:110px;
	padding:11px 17px 23px 15px;
	background-image:url(/assets/images/subpic.jpg);
	background-repeat:no-repeat;
}
#flash img {
	border:#999 1px solid;
}



/* CONTENT
------------------------------------------------------------------ */
#content-container {
	width:100%;
	background-color:#fff;
}
#content {
	position:relative;
	top:0px;
	left:50%;
	width:960px;
	margin-left:-480px;
}


/* BREADCRUMBS
---------------------------------*/
#breadcrumbs {
	position:absolute;
	top:0px;
	left:329px;
	width:648px;
	color:#8b6948;
	z-index:1;
}
#breadcrumbs a {
	color:#8b6948;
}



/* CONTENT LEFT
--------------------------------------------------*/
#content-left {
	float:left;
	width:700px;
	position:relative;
}

#content-left .intro {
	height:10px;
	border-bottom:#c7c5ba 1px solid;
}
#content-left .uppercase {
	text-transform:uppercase;
}
#content-left .contact {
	float:left;
	background-image:url(/assets/images/btn_contact.jpg);
	background-repeat:no-repeat;
	width:700px;
	height:31px;
	padding-bottom:15px;
	margin:20px 0px 20px 0px;
	border-bottom:#c7c5ba 1px dashed;
}
#content-left .exturl {
	background:url(/assets/images/url_icon.gif) no-repeat right;
	padding-right:20px;
}
#content-left .omhoog {
	clear:both;
	background:url(/assets/images/top.gif) no-repeat left;
	padding-left:25px;
	height:16px;
	float:left;
	margin-top:20px;
}

#content-left .ops {
	padding-bottom:20px;
}
#content-left .ops ul {
	list-style:none;
}
#content-left .ops li {
	list-style:none;
	background-image:url(/assets/images/arrow.gif);
	background-repeat:no-repeat;
	height:20px;
	padding-left:10px;
}
#content-left .opsm {
	list-style-position:inside;
}

#content-left .item {
	float:left;
	margin:0px 40px 20px 0px;
	width:151px;
	height:183px;
	padding:21px 13px 0px 14px;
	background-image:url(/assets/images/bg_item.jpg);
	background-repeat:no-repeat;
}
#content-left .item img {
	float:left;
	margin-right:15px;
}
#content-left .item a {
	float:left;
	background:url(/assets/images/arrow.gif) no-repeat;
	padding-left:14px;
	color:#333;
	text-decoration:underline;
	margin-top:15px;
}
#content-left .item a.img {
	float:none;
	background:none;
	padding-left:0;
	text-decoration:none;
	margin-top:0;
}
#content-left .item a:hover {
	text-decoration:none;
}


#content-left #merken,
#content-left #merken2,
#content-left #merken3 {
		float:left;
	width:700px;
}
#content-left #merken ul,
#content-left #merken2 ul,
#content-left #merken3 ul {	
	list-style:none;
	float:left;
	background-image:none;
}
#content-left #merken li,
#content-left #merken2 li,
#content-left #merken3 li {	
	list-style:none;
	float:left;
	background-image:none;
	margin:0px 15px 10px 0px;
}
#content-left #merken img,
#content-left #merken2 img,
#content-left #merken3 img {	
	border:#ccc 1px solid;
}

#content-left img.left,
#content-left img.right {
	float:left;
	margin-right:15px;
	border:#766b49 1px solid;
}
#content-left img.right {
	float:right;
	margin-left:15px;
}


#content-left .webshop {
	position:absolute;
	top:170px;
	left:231px;
}


/* ALLE PRODUCTEN
---------------------------------*/
#content-left .producten {
	height:200px;
	border-bottom:#ccc 1px dotted;
}
/*#content-left .producten h3 a {
	text-decoration:none;
	color:#4e2d0d;
}*/
#content-left .producten ul {
	list-style:none;
}
#content-left .producten li {
	list-style:none;
	background-image:url(/assets/images/arrow.gif);
	background-repeat:no-repeat;
	height:20px;
	padding-left:10px;
}


/* OVERZICHT PRODUCTEN EN DIENSTEN
---------------------------------*/
#content-left #producten h3 a {
	text-decoration:none;
	color:#4e2d0d;
	font-size:13px;
}
#content-left #producten ul {
	list-style:none;
	float:left;
}
#content-left #producten li {
	list-style:none;
	float:left;
	width:200px;
	height:100px;
	margin:0px 30px 36px 0px;
}
#content-left #producten img {
	border:#766b49 1px solid;
}


/* CONTACTFORMULIER
---------------------------------*/
#contact-form {
	float:left;
}
#contact-form .textfield {
	width:200px;
	height:17px;
	padding:3px 0px 0px 2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#01101c;
}
textarea {
	width:270px;
	padding:4px 0px 0px 2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#01101c;
}
input.button {
	background-color:#f3f3f3;
	border:#ccc 1px solid;
	width:120px;
	height:30px;
	color:#01101c;
}
.error {
	background-color:#ed8f8f;
}




/* CONTENT RIGHT
--------------------------------------------------*/
#content-right {
	float:right;
	width:230px;
	margin-top:24px;
}
#content-right #info {
	width:198px;
	padding:10px;
	border:#c2c1bd 1px solid;
	background-color:#e9e8e2;
}
#content-right #info #info-koksijde {
	border-bottom:#c7c5ba 1px solid;
}
#content-right #info #info-oostende {
}




/* FOOTER
------------------------------------------------------------------ */
#spacer {
	height:25px;
}

#footer {
	width:100%;
	padding-top:14px;
	color:#e2ddc3;
	text-align:center;
	font-size:11px;
	background-color:#970505;
}
#footer a {
	color:#e2ddc3;
}

.merken-slider{padding:1em 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.merken-slider a.browse{display:block;float:left;margin-top:26px;width:25px;height:30px;background:url('../images/slider.jpg') no-repeat;cursor:pointer;}
.merken-slider a.browse.left{margin-right:5px;background-position:left bottom;}
.merken-slider a.browse.right{margin-left:5px;}
.scrollable{position:relative;float:left;overflow:hidden;width:640px;height:82px;}
.scrollable .items{position:absolute;width:2000em;}
.scrollable .items div{float:left;width:640px;}
.scrollable .items div img{float:left;margin:0 4px;border:1px solid #ccc;}
.indent{padding:20px;background:#edece4;border:1px solid #e1dbc0;}
.indent h3{margin-top:0;}
.indent p{margin-bottom:0;}
#programming-safes{margin:0 auto;width:90%;border-collapse:collapse;}
#programming-safes td{padding:0.4em;font-size:1.2em;text-align:center;border:1px dashed #cbbdb1;}

table.form{border-collapse:collapse;}
table.form td{padding:5px;}
table.form button{padding:0.6em;background:#DFDFDF;border:0;cursor:pointer;}
table.form input{padding:0.4em;width:150px;border:1px solid #CFCFCF;}
table.form label{font-weight:bold;cursor:pointer;}
table.form .error{background:none;}
table.form .error input{border-color:#F00;}
table.form button{padding:5px 10px;font-weight:bold;background:#FFF;border:1px solid #CFCFCF;cursor:pointer;}

p.questions_score{font-size:14px;}
p.questions_score strong{color:#B10C0C;}

table#questions{width:100%;border-collapse:collapse;}
table#questions td{padding:10px;}
table#questions .odd td{background:#EFEFEF;}
table#questions td.c1{padding:10px 0;font-size:12px;font-weight:bold;}
table#questions .err td.c1{color:#F00;}
table#questions td.c1 .nr{float:left;width:35px;color:#B10C0C;text-align:right;}
table#questions td.c1 .question{float:left;padding-left:10px;width:655px;}
table#questions td.c2{padding:10px 30px 20px 30px;font-size:12px;}
table#questions label{display:inlinde;padding-left:5px;cursor:pointer;}
table#questions ul{list-style:none;}
table#questions li{float:left;padding:0 40px;width:90px;}
table#questions .q10 input{display:block;margin:0 auto;}
table#questions .q10 img{margin-top:5px;width:320px;}
table#questions .q10 li{padding:0 10px;width:320px;}
table#questions .submit td{text-align:center;}
table#questions button{padding:5px 10px;font-weight:bold;background:#FFF;border:1px solid #CFCFCF;cursor:pointer;}

.opening-hours td{white-space:nowrap;}