@charset "UTF-8";
@import "../../Resources/Base.css";

body {
	font-family: Helvetica, Arial, sans-serif;
	color: #555555;
	text-align:left;
	background-color:#3387ab;
	background-image: none;
	}
	
#container {
	width:1001px;
	}
	
#top {
	height:110px;
	background:url(../images/topimage_header.png) no-repeat;
	}
	
#menu {
	background:#ee4040 url(../images/topimage_menu.gif) repeat-x;
	font-family: Futura Maxi Demi;
	text-transform: inherit;
	padding:6px 0px 0px 0px; /* top right bottom left */
	}	

	
/* CONTENT VLAK ------------------------------------------------------------------------------------------- */	

#maincontenthome {
	background:#FFF url(../images/contentbg.gif) repeat-x top center;
	border-left: 4px solid #ee5050;
	border-right: 4px solid #ee5050;
	border-bottom: 4px solid #ee5050;
	padding:5px 0 0 0;
	}
	
.columnContent {
	margin:8px 1px 8px 15px; /* top right bottom left */
	}
	
.columnContent2 {
	margin: 8px 1px 8px 15px; /* top right bottom left */
	}
	
.columnS {
	background: #e5e5e5 url(../images/sidebg.gif) bottom center no-repeat;
	margin:15px;
	}
	
.columnSContent {

	border: none;
	}
	
.columnSContent a:hover, 
.columnSContent a:active {
	color: #555555;
	}
	
a, 
a:visited {  
	font-size:12px;
	color:#555555;
	text-decoration: none;
	}
	
a:hover, 
a:active {
	color:#d12823;
	text-decoration: none;
	}
	
a:hover img, 
a:active img {
	border:solid 1px #d82e2e;
	}
	
a.titel, 
a.titel:visited {  
	font-size:12px;
	color:#555555;
	}
	
a.titel:hover, 
a.titel:active {
	color:#d82e2e;
	}

a.titel h1, 
a.titel:visited h1 {  
	font-size:18px;
	font-weight:bold;
	color:#d82e2e;
	}
	
a.titel:hover h1, 
a.titel:active h1 {
	color:#D82E2E;
	}

a.homebuttons, 
a:visited.homebuttons, 
a.buttons, 
a:visited.buttons {
	color:#d82e2e;
	}
	
a:hover.buttons, 
a:active.buttons, 
a:hover.homebuttons, 
a:active.homebuttons {
	color:#999999;
	}

h1 {
	margin:13px 0px 10px 0px; /* top right bottom left */
	text-transform:inherit;
	font-weight:normal;
	font-size:18px;	
	}
	
h1.titel {
	font-size:18px;
	font-weight:bold;
	color:#d82e2e;
	}
	
a.nieuw h3 {
	font-size:14px;
	color: #d82e2e;
	text-decoration: none;
	}
	
a.nieuw:hover h3 {
	color: #D82E2E;
	text-decoration: none;
	}

a.overzicht h3:hover {
	color: #d82e2e;
	text-decoration: none;
	}
	
a.overzicht h3 {	
	font-size:14px;
	text-decoration: none;
	}
	
.lijnHomepageHorizontaalBox {
	height:14px; 
	background-color:#FFFFFF;
	}
	
.lijnHomepageHorizontaal {
	_border-bottom:solid 0px #CCCCCC; 
	}
	
b.b14 {
	color: #d82e2e;
	}
	
b.b18 {
	color: #d82e2e;
	}
	
img.kader {
	border:solid 1px #a8a9a9;
	}
	
img.kader2 {
	border:solid 1px #a8a9a9;
	}
	
.productHomepageLijn {
	border: 1px solid #d1d1d1;
	}
	
.overzichtPrijs .b14 {
	font-size: 12px;
	}
	
span.linetrough {
	text-decoration: none;
	background:url(../images/streep.gif) no-repeat scroll 50% 50%;
	}
	
.producthighlight {
	border: 1px solid #d1d1d1; 
	margin-bottom: 20px; 
	background-color: #eaeaea; 
	}
	
.meerinformatie {
	padding-left:22px; 
	}
	
.directbestellen {
	margin: 1px 0 0 0;
	height:17px; 
	padding-left:22px; 
	padding-top:4px;
	}
	
.klantervaringtext {
	font-size: 12px;
	}

.bestsellerText a:hover, 
.bestsellerText a:active {
	color: #D82E2E;
	}
	
.bestsellerLijn {
	background-color:#cccccc;
	_border-top:solid 1px #CCCCCC; 
	}
	
.overviewLijn {
	background-color:#cccccc;
	_border-top:solid 1px #CCCCCC; 
	}
	
.sale {
	width:88px; 
	height:85px; 
	margin:5px;
	}
	
.tableProduct a h3 {
	font-size: 12px;
	color:#d82e2e;
	}
	
.tableProduct a, 
.tableProduct a:visited {
	color:#555555;
	}
	
.tableProduct a:hover {
	color:#d82e2e;
	}
	
	
/* PRODUCT PAGINA ---------------------------------------------------------- */

.productdetailTekstintro .directbestellen2 {
	background: #333333 url(../images/bg_inbasket.gif) no-repeat; 
	}

.directbestellen2 a, 
.directbestellen2 a.homebuttons, 
.directbestellen2 a.buttons {
	color: #FFFFFF;
	}
	
.productdetailTekstintro .producthighlightPrijs {
	background: #333333 url(../images/bg_price.gif) no-repeat; 
	}
.subtitel {
	font-size: 14px;
	display: block;
	margin-top: 5px;
	}


/* FORM ELEMENTS ------------------------------------------------------------------------------------------- */

input.zoekveld {
	border:solid 1px #CCCCCC; 
	color:#555555; 
	width:161px;
	}
	

input.btncolumnSmall {
	border: 0px solid #7f7f7f; 
	background: #e5e5e5 url(../images/buttonbg_ie.gif) repeat-x top left; 
	color: #FFFFFF; 
	padding: 2px; 
	width: 167px;
	display: block;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	*margin: 0 0 -18px 0;
	margin-bottom: 5px;
	height: 22px;
	}
	
input:hover.btncolumnSmall {
	background: #e5e5e5 url(../images/buttonhov_ie.gif) repeat-x top left; 
	border: 0px solid #da2525;
	}
	
a.btnhomepage, 
a:visited.btnhomepage {
	border: 1px solid #7f7f7f; 
	background: #acacac url(../images/buttonbg.gif) repeat-x; 
	color:#FFFFFF; 
	padding-top: 4px; 
	padding-bottom: 4px; 
	height: 14px;
	*height: 12px;
	font-family:Arial, Helvetica, sans-serif; 
	}
	
a:hover.btnhomepage, 
a:active.btnhomepage {
	background: #acacac url(../images/buttonhov.gif) repeat-x; 
	border: 1px solid #da2525;
	color:#FFFFFF; 
	}
	
input.stuks {
	border:solid 1px #CCCCCC; 
	color:#555555; 
	}
	
input, 
select {
	border: 1px solid #CCCCCC; 
	color: #555555; 
	outline: none;
	}
	
#bestelform select { 
	width:289px;	
}
	
input.radio { border: 0px none; width: auto; 	}
	

#bestelform textarea.opmerkingen { 	
	border:solid 1px #CCCCCC; 
	color:#555555; 
	}
	
.orderstate
{
	height: 40px;
	background: url(../Images/ordersteps.jpg) no-repeat;
}

.orderstate.step1
{
	display: block;
	background-position: 0px -0px;
}

.orderstate.step2
{
	display: block;
	background-position: 0px -45px;
}

.orderstate.step3
{
	display: block;
	background-position: 0px -90px;
}

.orderstate.step4
{
	display: block;
	background-position: 0px -135px;
}

	
	
/* MENU -------------------------------------------------------------------- */

#menu a, 
#menu a:visited {
	color:#FFFFFF;
	text-transform:inherit;
	}
	
#menu a:hover, 
#menu a:active {
	color:#f2e4e4;
	}
	

/* ASSORTIMENT ------------------------------------------------------------- */

ul#assortiment li.active {
	background-color:#FFFFFF;
	}
	
ul#assortiment li a {
	padding:4px 0px 4px 5px; /* top right bottom left */
	border-top:solid 1px #CCCCCC;
	}
	
ul#assortiment li.bottom {
	border-top:solid 1px #CCCCCC;	
	}


/* FILTER NAVIGATION ------------------------------------------------------- */
	

/* TITELKNOPPEN ------------------------------------------------------------ */

.title {
	height:32px;
	width:190px;
	text-transform:inherit;
	font-size:12px;
	color:#FFFFFF;
	padding:10px 0px 0px 12px; /* top right bottom left */
	*padding: 7px 0 0 12px;
	}
	
.assortimentTitle {
	background-image:url(../images/titelknop.gif);
	background-repeat:no-repeat;
	}
	
.zoekenTitle {
	background-image:url(../images/titelknop.gif);
	background-repeat:no-repeat;
	}
	
.veiligbetalenTitle {
	background-image:url(../images/titelknop.gif);
	background-repeat:no-repeat;
	}
.commentTitle {
	background-image:url(../images/titelknop.gif);
	background-repeat:no-repeat;
	}

.logosTitle {
	background-image:url(../images/titelknop.gif);
	background-repeat:no-repeat;
	}
	
.winkelwagenTitle {
	background-image:url(../images/titelknop.gif);
	background-repeat:no-repeat;
	}
	
.nieuwTitle {
	background-image:url(../images/titelknop.gif);
	background-repeat:no-repeat;
	}
	
.bestsellerTitle {
	background-image:url(../images/titelknop.gif);
	background-repeat:no-repeat;
	}
.subscribeTitle {
	background-image:url(../images/titelknop.gif);
	background-repeat:no-repeat;
	}
div.columnContent2 span.verplicht {
	margin-left: 0px;
	margin-bottom: 15px;
	padding: 5px;
	display: block;
	border: 1px solid #c00;
	background-color: #ffaeae;	
}

div.columnS.logos fieldset
{
	border: 1px solid #ccc;
	margin-bottom: 5px;
}

div.columnS.logos fieldset legend
{
	color: #555;
	font-weight: bold;
}

div.columnS.logos fieldset span.logointro
{
	padding: 8px;
	font-size: 12px;
}

div.verzendkosten
{
	margin-left: 15px;
}

div.verzendkosten a img, div.verzendkosten a:link img, div.verzendkosten a:hover img, div.verzendkosten a:visited img, div.verzendkosten a:active img
{
	border: 0px none;
}


/* BOTTOM ------------------------------------------------------------------ */

#bottom {
	border: 0px none;
	margin: 10px 0 30px 0; /* top right bottom left */
	color: #fff;
	}
	
#bottom a, 
#bottom a:visited {  
	color:#bbe1f4;
	}
	
#bottom a:hover, 
#bottom a:active {
	color:#fff;
	}
	

/* PRODUCT OPTIONS --------------------------------------------------------- */

div.productoption select {
width:190px;
float: right;
}








/* Overrule knoppen winkelwagen */
a.btnhomepage.btnOrder, a:link.btnhomepage.btnOrder, a:visited.btnhomepage.btnOrder, a:hover.btnhomepage.btnOrder {
	background: #acacac url(../images/buttonhov.gif) repeat-x; 
	border: 1px solid #da2525;
	color:#FFFFFF;
	line-height: 14px;
	}
.btnhomepage.btnSubmit, a:visited.btnhomepage.btnSubmit, a:hover.btnhomepage.btnSubmit, a:active.btnhomepage.btnSubmit, a:link.btnhomepage.btnSubmit {
	background: #acacac url(../images/buttonhov.gif) repeat-x; 
	border: 1px solid #da2525;
	color:#FFFFFF; 
	margin-top: -32px;
	line-height: 14px;
	}
a.btnhomepage.btnCheckout, a:link.btnhomepage.btnCheckout, a:visited.btnhomepage.btnCheckout, a:hover.btnhomepage.btnCheckout {
	background: #acacac url(../images/buttonhov.gif) repeat-x; 
	border: 1px solid #da2525;
	color:#FFFFFF; 
	line-height: 14px;
	margin-top: -70px;
	}
a.btnhomepage.btnToCheckout, a:link.btnhomepage.btnToCheckout, a:visited.btnhomepage.btnToCheckout {
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-color: #FFF;
	padding-left: 20px;
	padding-bottom: 20px;
	text-align: left;
	border: 0;
	text-transform: inherit;
	font-weight: normal;
	text-decoration: underline;
	color: #D82E2E;
	line-height: 14px;
	}
a.btnhomepage.btnToBasket, a:link.btnhomepage.btnToBasket, a:visited.btnhToBasket.btnToBasket, a.btnhomepage.btnPaymentToCheckout, a.btnhomepage.btnPaymentToCheckout:visited, a.btnhomepage.btnPaymentToCheckout:hover, a.btnhomepage.btnPaymentToCheckout:active, a.btnhomepage.btnPaymentToCheckout:link {
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-color: #FFF;
	padding-left: 20px;
	padding-bottom: 20px;
	text-align: left;
	border: 0;
	text-transform: inherit;
	text-decoration: underline;
	font-weight: normal;
	color: #D82E2E;
	margin-top: -70px;
	line-height: 14px;
	}
a.btnhomepage.btnFormPayment, a.btnhomepage.btnFormPayment:visited, a.btnhomepage.btnFormPayment:hover, a.btnhomepage.btnFormPayment:active, a.btnhomepage.btnFormPayment:link {
	background:url("../images/buttonhov.gif") repeat-x scroll 0 0 #ACACAC;
	border:1px solid #DA2525;
	color:#FFFFFF;
	line-height:14px;
	margin-top: -70px;
}
a:hover.btnhomepage.btnToBasket {
	color: #999999;
	}
a:hover.btnhomepage.btnToCheckout {
	color: #999999;
	}
#terms {
	margin-top:40px;
	}
a.btnhomepage.btnContinue, a:link.btnhomepage.btnContinue, a:visited.btnhContinue.btnContinue {
	line-height: 14px;
	}
#bestelform p {
	padding-top: 80px;
}
	
/*Overrule productpagina*/
.productThumbList {
	border:1px solid #d1d1d1;
	float:left;
	height:250px;
	margin:10px 4px 4px 2px;
	padding:5px 4px;
}
.productThumbList .thumbListTekst h3 {
	font-size:14px;
	height:50px;
	margin:5px 0 10px;
	overflow:hidden;
	text-transform: inherit;
	color: #555555;
	width:167px;
	cursor: hand;
}
.productThumbList .thumbListPrijs {
	height:34px;
}
.introtext, .zoekentext {
	font-size:12px;
	margin-bottom:10px;
}

/*betaalknop*/
a.btnhomepage.btnPayment, a.btnhomepage.btnPayment:link, a.btnhomepage.btnPayment:visited, a.btnhomepage.btnPayment:hover {
	background: #acacac url(../images/buttonhov.gif) repeat-x; 
	border: 1px solid #da2525;
	color:#FFFFFF; 
	margin-left: 350px;
	line-height: 14px;
}


/*comment - reacties */
div.comment  {
	background:none repeat scroll 0 0 #F5F5F5;
	display:block;
	margin:5px 0;
	border: 0px;
	padding:10px;
	}
span.commentdate, span.commentname {
	color: #d82e2e;
}
.commenttext {
	padding-top: 10px;
}
textarea.comment, input.commentname {
	border: 1px solid #CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #555;
	}
.productdetailMultipleImages a img.thumbnail {	margin-top: 5px;
}