@charset "UTF-8";
/* CSS Document */

* {
	padding:0;
	margin:0;
	border:0;
	outline:0;
}


BODY {
	background:#B4181E;
	font-size:62.5%;
	font-family:Arial;
	color:#585858;
}

BODY.big {
	font-size:75%;
}

BODY.default {
	font-size:62.5%;
}

BODY.small {
	font-size:50%;
}

A {
	color:#B4181E;
}

#site {
	background:url(../images/backgrounds/site.png) repeat-y;
	width:925px;
	min-height:600px;
	height:100%;
	margin:0 auto;
	padding:0 0 0 55px;
}


#top {
	height:3.5em;
	width:800px;
	line-height:3em;
	text-align:right;
	color:#797979;
	font-size:1.1em;
}

#logo {
	position:absolute; 
	left:70px; 
	top:25px; 
	width:300px; 
	height:65px; 
	background:white; 
	border:1px solid #B4181E;
}

#site-left {
	float:left;
	width:217px;
	min-height:600px;
}

#site-left-top {
	height:40px;
	width:100%;
	background:url(../images/backgrounds/top.png);
}

#site-left-top A {
	display:block;
	width:100%;
	height:40px;
	line-height:40px;
	text-indent:40px;
	color:white;
	font-size:1.3em;
	text-decoration:none;
}

#site-left-top A.en {
	background:url(../images/common/en.png) no-repeat 12px 13px;
}

#site-left-top A.nl {
	background:url(../images/common/nl.png) no-repeat 12px 13px;
}


#site-left-logo {
	margin-top:20px;
}

#site-left-menu {
	margin-top:80px;
	margin-bottom:20px;
	width:216px;
}

#site-left-menu UL {
	padding:0;
	margin:0;
}

#site-left-menu UL LI {
	list-style:none;
	width:100%;
	height:3.5em;
}

#site-left-menu UL LI A {
	display:block;
	width:185px;
	height:100%;
	padding-right:31px;
	background:url(../images/common/hor-bar.png) no-repeat bottom right;
	line-height:3em;
	text-decoration:none;
	font-size:1.3em;
	color:#585858;
	text-align:right;
}

#site-left-menu UL LI A:hover, #site-left-menu UL LI A.active {
	background:#939393;
	color:white;
}

#site-left-thuiswinkel {
	text-align:right;
	width:200px;
}

#site-right {
	float:left;
	width:650px;
	min-height:600px;
}


#site-right-header {
	width:100%;
	height:275px;
	background:url(../images/backgrounds/top.png) repeat-x top left;
}

#site-right-header-photo {
	position:absolute;
	left:0;
	top:40px;
	width:595px;
	height:230px;
	overflow:hidden;
	z-index:1;
}

#site-right-header-photo LI {
	list-style:none;
}


#site-right-header-thuiswinkel {
	position:absolute;
	left:290px;
	top:5px;
	width:60px;
	height:60px;
}

#site-right-header-size {
	position:absolute;
	left:360px;
	top:5px;
	width:60px;
	height:60px;
}

#site-right-header-basket {
	position:absolute;
	left:430px;
	top:5px;
	width:60px;
	height:60px;
}

#site-right-header-basket-qty {
	position:absolute;
	top:10px;
	width:55px;
	left:5px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#B4181E;
	font-family:"Trebuchet MS";
}

#site-right-header-thuiswinkel IMG, #site-right-header-size IMG, #site-right-header-basket IMG {
	position:absolute;
	left:0;
	top:0;
}

#site-right-header-thuiswinkel A, #site-right-header-size A, #site-right-header-basket A {
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:60px;
	height:60px;
	text-decoration:none;
}

#site-right-header-search {
	position:absolute;
	left:270px;
	top:235px;
	width:313px;
	height:23px;
	background:url(../images/backgrounds/site-right-header-search.png) no-repeat;
	z-index:10;
}

#site-right-header-search .input {
	float:left;
	width:230px;
	height:13px;
	margin:1px;
	padding:4px;
	font-size:1.1em;
	color:#585858;	
}

#site-right-header-search .button {
	float:right;
	width:68px;
	height:23px;
	background:url(../images/buttons/header-search.png) no-repeat;
}

#site-right-content {
	margin:30px 0 0 40px;
	width:555px;
	min-height:300px;
}


#site-right-content-left {
	float:left;
	width:355px;
	min-height:300px;
}

#site-right-content-right {
	float:right;
	width:159px;
	padding-left:20px;
	min-height:300px;
	margin-left:20px;
	border-left:1px dotted #999999;
}

#footer {
	margin-top:20px;
	width:810px;
	border-top:1px solid #d7d7d7;
	background:white;
	height:5em;
}

#footer-left {
	width:216px;
	float:left;
	line-height:3em;
	font-size:11px;
	color:#797979;
	text-align:center; 
} 

#footer-left A {
	font-size:11px;
	color:#B4181E;
	text-decoration:underline;
}

#footer-right {
	float:left;
}

#footer-right UL LI {
	padding:0 1em;
	line-height:3em;
	border-left:1px solid #d7d7d7;
	font-size:11px;
	text-align:center;
	float:left;
	list-style:none;
}

#footer-right UL LI A {
	color:#797979;
	text-decoration:none;
}

#footer-right UL LI A:hover {
	text-decoration:underline;
}


/* BREADCRUMB */

#breadcrumb {
	width:555px;
	height:3.5em;
	line-height:3.5em;
	margin-bottom:1.2em;
}

#breadcrumb UL LI {
	float:left;
	list-style:none;
	padding:0 0.2em;
	font-size:1.6em;
	font-family:"Trebuchet MS";
	color:#B4181E;
}

#breadcrumb UL LI.split {
	color:#939393;
}

#breadcrumb UL LI A {
	color:#939393;
	text-decoration:none;
}

#breadcrumb UL LI A:hover {
	text-decoration:underline;
}




/* PRODUCT CATEGORIEEN */

#product-categories {
	margin:20px 0;
	clear:both;
}

#product-categories UL LI {
	width:100px;
	height:120px;
	padding:10px;
	float:left;
	list-style:none;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #d7d7d7;
	text-align:center;
}
#product-categories UL LI:hover {
	border:1px solid #B4181E;
}

#product-categories UL LI A {
	text-decoration:none;
	font-size:1.3em;
	font-weight:bold;
	color:#585858;
}

#product-categories UL LI IMG {
	margin-bottom:10px;
}


/* PRODUCT OVERZICHT */

#product-categorie-choice {
	width:555px;
	height:35px;
	background:url(../images/common/hor-bar.png) repeat-x left bottom;
	margin-bottom:20px;
}

#product-categorie-choice-left {
	float:left;
	height:35px;
	width:200px;
	line-height:35px;
	font-size:1.1em;
}

#product-categorie-choice-right {
	float:right;
	width:320px;
	height:35px;
}


#products {
	margin:30px 0;
	width:555px;
}

.product {
	width:100%;
	min-height:100px;
	margin-bottom:25px;
}

.product .product-left {
	float:left;
	width:100px;
	min-height:100px;
}

.product .product-right {
	float:right;
	width:450px;
	min-height:100px;
}

.product .product-title {
	text-decoration:none;
	display:block;
	color:#595959;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:12px;
}

.product-add-basket {
	width:535px;
	padding:10px;
	line-height:180%;
	text-align:center;
	font-size:1.4em;
	border:1px dotted #B4181E;
	color:#B4181E;
	margin:20px 0;
}

.product-add-basket A {	color:#B4181E; }
.product-add-basket A:hover {	text-decoration:none; }

.product TABLE TD {
	font-size:1.2em;
}


/* COUNTER */

.counter {
	width:40px;
	height:24px;
	background:url(../images/backgrounds/counter-content.png) no-repeat left top;
}

.counter-content {
	float:left;
	width:25px;
	height:24px;
	line-height:24px;
	text-align:center;
	font-size:11px;
	color:#797979;
}

.counter-plus {
	float:right;
	width:13px;
	height:12px;
	background:url(../images/backgrounds/counter-plus.png) no-repeat;
	cursor:pointer;
}

.counter-minus {
	float:right;
	width:13px;
	height:12px;
	background:url(../images/backgrounds/counter-minus.png) no-repeat;
	cursor:pointer;
}

/* ORDER STAPPEN */

#order-steps {
	width:555px;
	height:60px;
	color:#999999;
	font-size:12px;
	border-bottom:1px solid #D6D6D6;
}

#order-steps-bar {
	width:100%;
	height:25px;
}

#order-step-1 {
	float:left;
	margin-left:10px;
	width:175px;
}	

#order-step-2 {
	float:left;
	width:175px;
}	

#order-step-3 {
	float:left;
	width:175px;
}

#order-steps .active {
	color:#B4181E;
}

#order-steps .done {
	color:#585858;
}


/* WINKELMANDJE */

#basket {
	margin:20px 0;
	width:555px;
	font-size:1.3em;
}

#basket TABLE {
	width:100%;
}

#basket TABLE THEAD TD {
	height:25px;
	border-bottom:1px solid #D6D6D6;
}

#basket TABLE TBODY TD {
	border-bottom:1px dotted #D6D6D6;
	padding:10px 0;
}

#basket-total {
	width:535px;
	padding-right:20px;
	height:28px;
	line-height:28px;
	text-align:right;
	font-size:13px;
	border:1px dotted #B4181E;
	color:#B4181E;
	font-weight:bold;
	margin-bottom:25px;
}

/* ORDER NAVIGATIE */

#order-navigation {
	margin:40px 0;
	width:555px;
	background:url(../images/backgrounds/order-navigation.png) repeat-x center center;
	height:37px;
}

#order-navigation A, #order-navigation A:hover {
	display:block;
	float:left;
	width:200px;
	height:35px;
	border:1px dotted #A9A9A9;
	text-align:center;
	line-height:35px;
	font-size:16px;
	color:#B4181E;
	margin-right:20px;
	background:white;
	text-decoration:none;
	font-family:"Trebuchet MS";
}


#order-navigation A.first {
	margin-left:70px;
}

#order-navigation A.only {
	margin-left:175px;
}
	
/* ORDER FORM */

#order-form {
	margin:20px 0;
	width:555px;
}

#order-form SPAN {
	font-size:1.3em;
}

#order-form TABLE {
	width:100%;
}

#order-form TABLE TD {
	height:4em;
}
	

/* FAQ */

#faq-questions {
	margin-top:20px;
	padding-top:20px;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dotted #B4181E;
	border-top:1px solid #B4181E;
}

#faq-questions OL {
	margin-left:5px;
}

#faq-questions OL LI {
	line-height:180%;
	font-size:1.3em;
	margin-left:20px;
}

#faq-questions OL LI A {
	color:#B4181E;
	text-decoration:none;	
}

#faq-answers DT {
	line-height:180%;
	font-size:1.3em;
}

#faq-answers DT A {
	margin-right:5px;
}

#faq-answers DD {
	border-bottom:1px dotted #B4181E;
	margin-bottom:10px;
}


/* CONTENT */

.content { 
	line-height:180%;
	font-size:1.3em;
}

.content P, .content H1, .content UL, .content OL, .content H2 {
	margin-bottom:12px;
}


.content H1 {
	color:#B4181E;
	font-size:1.2em;
	font-family:"Trebuchet MS";
}

.content H2 {
	color:#939393;
	font-size:1.1em;
	font-family:"Trebuchet MS";
}

.content A {
	color:#B4181E;
}

.content A:hover {
	text-decoration:none;
}

.content LI {
	list-style:square;
	margin-left:2.5em;
}


/* FORMULIEREN */

dl.form {

}

dl.form dt{
	width:150px;
	min-height:40px;
	_height:40px;
	line-height:40px;
	font-size:1.3em;
}

dl.form dd{
	margin:-40px 0 0 150px;
	width:350px;
	min-height:40px;
	_height:40px;
	line-height:40px;
}

.form .input-text {
	height:1.3em;
	padding:0.5em;
	background:white;
	font-size:1.3em;
	border:1px solid #CFCFCF;
	font-family:Arial;
	color:#595959;
	width:300px;
}

.form .input-textarea {
	height:1.3em;
	padding:0.5em;
	background:white;
	font-size:1.3em;
	border:1px solid #CFCFCF;
	font-family:Arial;
	color:#595959;
	width:300px;
	height:100px;
}

.form .submit-button {
	text-align:center;
	background:#939393;
	height:30px;
	color:white;
}


/* LINKJES */

.thuiswinkel {
	background:url(../images/icons/thuiswinkel.png) no-repeat left center;
	padding-left:20px;
}



/* HULPELEMENTEN */

.clear {
	clear:both;
}

.container {
	width:100%;
	height:100%;
	position:relative;
}

.kantlijn {
	padding:20px;
}

.tussenruimte {
	height:20px;
}