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


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





/* ---------*/
#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;
}
#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 ol li {
	list-style: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 {
	float:left;
	width:700px;
}
#content-left #merken ul {
	list-style:none;
	float:left;
	background-image:none;
}
#content-left #merken li {
	list-style:none;
	float:left;
	background-image:none;
	margin:0px 15px 10px 0px;
}
#content-left #merken 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;
}