/* CSS ........................................................ */

html,
body {
	background-color:#FFFFFF;
	background-image	: none;
	margin				: 0;
	padding				: 0;
}

* {
	color				: #000000;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;
	line-height			: 16px;
}

/* VUURWERK ................................................... */

#vuurwerk {
	background-image:none;
}

/* WEBWINKEL .................................................. */

#webwinkel {
}

#bedrijf,
#rightColumn,
#footer,
#leftColumn {
	display:none;
}

/* CENTER COLUMN .............................................. */

#centerColumn {
	width:100%;
}

	/* PAGINA ..................................................... */
	
	#pagina {
		width:100%;
	}





#pagina div.sfeer {
	background-color	: #000000;
	background-image	: url(../images/bg_sfeer.gif);
	background-position	: top;
	background-repeat	: no-repeat;
	height				: 264px;
	margin-bottom		: 10px;
	width				: 594px;
	float				: left;
	clear				: both;
}

#pagina div.pageHeader {
	background-image	: url(../images/bg_pagina_header.gif);
	background-position	: top;
	background-repeat	: no-repeat;
	height				: 52px;
	width				: 594px;
	float				: left;
	clear				: both;
}

h1 {
	color				: #FFFFFF;
	text-transform		: uppercase;
	display				: block;
	line-height			: 32px;
	height				: 32px;
	vertical-align		: middle;
	margin				: 10px;
	text-indent			: 10px;
}

h2 {
	display:block;
	float:left;
	clear:both;
	height:24px;
	background-color:#999999;
	color:#FFFFFF;
	line-height:24px;
	width:574px;
	margin-bottom:4px;
	text-indent:5px;
}

#pagina div.content {
	background-color	: #ffffff;
	width				: 574px;
	padding				: 0 10px;
	float				: left;
	clear				: both;
}

a.linkNaarAanbod{
float:right;
display:block;
margin:10px;
	

}

/* Cross Sell */

a.crosssell {
margin:0;
padding:0;
}

a.crosssell img {
	border: #333333 solid 1px;
	width:120px;
	height:90px;
	cursor:pointer;
	float:left;
	margin:5px;
}





p.terugNaarOverzicht {
	margin:4px 0;
	display:block;
	height:20px;
	line-height:20px;
	float:left;
	text-align:right;
}







p.terugNaarOverzicht a,
p.terugNaarOverzicht a:link,
p.terugNaarOverzicht a:visited {
	color		: #FF0000;
	float:right;
	text-decoration:none;
}
p.terugNaarOverzicht a:hover {
	text-decoration:underline;
}


fieldset {
	display:block;
	float:left;
	clear:both;
	margin:0;
	padding:0;
	margin-bottom:10px;
	width:574px;
}


fieldset legend {
	font-weight:bold;
	
}



table tr th {
	width:160px;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}

textarea {
	width:300px;
	height:100px;
}

div.alinea {
	margin-bottom		: 10px;
}

div.sorteren {
	padding				: 5px;
	margin-bottom:10px;
	float:left;
	clear:both;
}

div.sorteren a,
div.sorteren a:link,
div.sorteren a:visited {
	color:#FF0000;
	text-decoration:none;
}

div.sorteren a:hover {
	text-decoration:underline;
}

ul.aanbod {
	list-style-type:none;
	float:left;
	clear:both;
	margin:0;
	padding:0;
}

ul.aanbod li {
	margin-bottom:10px;
	clear:both;
}

div.aanbodHeader {
	background-image:url(../images/bg_aanbod_header.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:574px;
	height:30px;
	line-height:30px;
	vertical-align:middle;
}

div.aanbodBody {
	background-image:url(../images/bg_aanbod_body.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:574px;
	height:187px;
}

span.yellow {
	height:30px;
	line-height:30px;
	vertical-align:middle;
	float:left;
	color:#FFFF00;
	font-weight:bold;
	margin-left:10px;
}

span.floatLeft a,
span.floatLeft a:link,
span.floatLeft a:visited {
	height:30px;
	line-height:30px;
	vertical-align:middle;
	margin-left:10px;
	float:left;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	display:block;
}

span.floatLeft a:hover {
	color:#ffff00;
}
span.floatRight {
	font-weight:bold;
	margin-right:10px;
	float:right;
	height:30px;
	line-height:30px;
	vertical-align:middle;
}


div.floatRight {
	float:right;
	
}

.aanbodOverzichtAanbieding {
	width:78px;
	height:58px;
	border:#333333 solid 1px;
	margin:10px;
	float:left;
}

.aanbodAfbeeldingOverzicht {
	width:220px;
	height:165px;
	border:#333333 solid 1px;
	margin:10px;
	float:left;
}

div.editBasket {
	display:block;
	margin:10px;
	padding:0;
}


.editBasket button {
	border:	#333333 solid 1px;
	height:20px;
	cursor:pointer;
	width:20px;
	line-height:20px;
	vertical-align:middle;
	text-align:center;
	margin:0;
	padding:0;
	
	
}

.editBasket input {

	border:	#333333 solid 1px;
	margin:0 4px;
	padding:0;
	height:18px;
	width:40px;
	line-height:18px;
	vertical-align:middle;
	text-align:right;
}

.aanbodBeschrijving {
	font-weight:normal;
	display:block;
	float:left;
	margin:10px 0;
	clear:both;
}



.offerType {
	display:block;
	float:left;
	
}



div.offerTypeClean {
width:80px;
height:80px;
font-weight:bold;
float:left;
display:block;
margin:0;
padding:0;
}



.offerRelevant {
	background-color: #FF0;
}



div.offerInfoClean {
margin:0;
padding:0;
width:492px;
background-color:#ffff00;
display:block;
height:78px;
border:#333333 solid 1px;
float:left;
clear:right;
margin-bottom:10px;
}

input.error,
select.error,
textarea.error {
	background-color: #F00 !important;
}


form {
	margin				: 0;
	padding				: 0;
}

img.groot {
	margin				: 9px;
}


div.alineaGadget {
	margin				: 10px;
	padding				: 0;
}


span.vet {
	font-weight:bold;
}



/* slideshow */

div.slideshow {
	position		: relative;
	height			: 326px;
	width			: 580px;
}

div.slideshow img {
	top				: 0;
	left			: 0;
	position		: absolute;
}




h2 {
	clear:both;
	margin:0;
	padding:0;
	display:block;
	margin-bottom:10px;
}
/* afbeeldingen */

div.afbeeldingen {
	width:420px;
	float:left;
	margin-bottom:10px;
}

div.afbeeldingGroot {
	width:420px;
	height:315px;
	float:left;
	


}

.imageContainer {
	float:left;
	width: 420px;
	height: 113px;
	position:relative;
	overflow: hidden;
}

.imageContainer .imageContainerSlider {
	overflow:hidden;
	position:relative;
	height:105px;
	top:4px;
	left: 0;
}

.imageContainer a.selectImg {
	cursor:pointer;
	height: 105px;
	width: 	140px;
	text-align:center;
	display: block;
	float:left;
}



p.voorbeeldTekst,
p.voorbeeldTekst * {
	font-style:italic;
	background-color:#00FF00;
}

label {
	width			: 100px;
}

/* BASKET ...... */

button.basket_mutate {
	background-color	: #FF0000;
	border				: 1px solid #000000;
	text-align			: center;
	width				: 20px;
}

input.basket_mutate {
	width				: 40px;
	text-align			: right;
}




table.data,
table.data tr th,
table.data tr td {
	border:#CCCCCC solid 1px;
	border-collapse:collapse;
}

table.data tr th {
	background-color:#666666;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	text-align:center;
	color:#FFFFFF;
}

table.data {
	margin:5px;
}


.links {
	float:left;
	margin:0;
	margin-bottom:10px;
	margin-right:10px;
}

.rechts {
	float:right;
	margin:0;
	margin-bottom:10px;
	margin-left:10px;

}










button {
	cursor			: pointer;
}




/* ---------------------------------------------------------------------------------------------------- //
// CARROUSEL                                                                                            //
// ---------------------------------------------------------------------------------------------------- */

.js_carrousel {
	width				: 574px;
	height				: 232px;
	position			: relative;
	overflow			: hidden;
	margin-bottom		: 10px;
}

.js_carrouselHeader {
	height				: 32px;
}

.js_carrouselHeader a,
.js_carrouselHeader a:link,
.js_carrouselHeader a:visited {
	margin:6px;
	padding:0 4px;
	font-weight:bold;
	cursor				: pointer;
	display				: block;
	float				: left;
	height				: 20px;
	line-height			: 20px;
	vertical-align		: middle;
}

.js_carrouselHeader a:hover,
.js_carrouselHeader a:active {
	background-color	: #ff3333;
	color				: #ffffff;
}

.js_carrouselHeader a.js_active {
	background-color	: #ff0000;
	color				: #ffff00;
}

.js_carrouselBody {
	overflow			: hidden;
	position			: relative;
	height				: 200px;
	left				: 0;
}

.js_carrouselItem {
	background-image:url(../images/bg_carrousel.gif);
	background-position:top;
	background-repeat:no-repeat;
	height				: 200px;
	width				: 574px;
	display				: block;
	float				: left;
}

.js_carrouselItem img {
	border				: none;
}

.js_carrouselItem img.carrouselLinks {
	float				: left;
}

.js_carrouselItem img.carrouselRechts {
	float				: right;
}

.js_carrouselItem img.carrouselGroot {
margin:0;
padding:0;
border:none;
}

/* EINDE CARROUSEL */





div.alinea table {
margin:0;
padding:0;
clear:both;
	width:100%;
}

div.alinea table caption {
	text-align:left;
	font-weight:bold;
	height:20px;
	background-color:#999999;
	color:#FFFFFF;
	line-height:20px;
	text-indent:5px;
}

div.alinea.sorteren {
	text-align:right !important;
	
}



li.offer p {
	margin:0;
	padding:0;
}



div.alinea ul {
	clear:both;
}