/* @override http://www.campervaria.nl/css/default.css */

/* @override http://www.campervaria.nl/css/default.css */

/*  Reset */
html, body, h1, h2, h3, h4, h5, h6, p, ul, li { padding: 0; margin: 0; }
img { border: 0; }

/*  Global */
html { min-height: 100%; margin-bottom: 1px; }
body { min-height: 100%; background: #38342b url("../images/background.png"); font-family: verdana; font-size: 12px; line-height: 20px; }
div#container { width: 950px; margin: 20px auto auto; overflow: hidden; background-color: #fff; padding: 5px;  }

/*  Header */
#header_home { height: 242px; color: #000;  background: url("../images/headers/header1.jpg") top right no-repeat; }
#header_camperkrant { height: 242px; color: #000;  background: url("../images/headers/header2.jpg") top right no-repeat; }
#header_camperplaatsen { height: 242px; color: #000;  background: url("../images/headers/header3.jpg") top right no-repeat; }
#header_importeurs { height: 242px; color: #000;  background: url("../images/headers/header4.jpg") top right no-repeat; }
#header_categorieen { height: 242px; color: #000;  background: url("../images/headers/header5.jpg") top right no-repeat; }
#header_agenda { height: 242px; color: #000;  background: url("../images/headers/header6.jpg") top right no-repeat; }
#header_partners { height: 242px; color: #000;  background: url("../images/headers/header7.jpg") top right no-repeat; }
#header_links { height: 242px; color: #000;  background: url("../images/headers/header8.jpg") top right no-repeat; }
#header_contact { height: 242px; color: #000;  background: url("../images/headers/header9.jpg") top right no-repeat; }
div#branding { width: 382px; height: 242px; float: left; padding-left: 18px; background: url("../images/branding.png") top left repeat-y; }

.title { width: 375px; padding-left: 10px; font-family: arial; line-height: 34px; display: block; float: right; padding: 10px 5px 10px 10px; margin-top: 10px; background: url("../images/title.png"); color: #fff; font-size: 18px; text-align: left;}
.title a {  text-decoration: none; color: #fff; }
.title a:hover { color: #b0001d; text-decoration: none; }
.title input[type="submit"] { padding: 3px; }
.title input[type="text"] { width: 280px; font-size: 18px; height: 24px; padding: 1px 3px; margin-bottom: -1px; font-family: arial; }

    /* Breadcrumbs */
div#content ul.breadcrumbs { clear:both; list-style-type:none; margin:5px 0; overflow:auto; padding:0; }
div#content ul.breadcrumbs li { float:left; padding-left:5px; list-style: none; }
div#content ul.breadcrumbs li:first-child { padding-left:0; }

#text img { margin-right: 15px; }

    /*  Navigation */
div#navigation {  height: 51px; line-height: 51px; color: #000; margin-bottom: 10px; padding-left: 15px; border-bottom: 1px solid #e2e2e2; background: url("../images/shadow_nav.png") repeat-x; }
div#navigation ul { list-style-type: none; margin: 0; padding: 0; }
div#navigation ul li { text-align: center; display: inline; float: left;  }
div#navigation ul li a { margin-left: 25px; display: block; text-decoration: none; font-family: arial; font-size: 17px; color: #000; }
div#navigation ul li:first-child a { margin-left: 0px; }
div#navigation ul li a:hover { color: #000; text-decoration: none; }
div#navigation ul li.selected a { font-weight: bold; color: #1284af; display: block; text-decoration: underline; }
div#navigation ul li.active a { font-weight: bold; color: #1284af; display: block; text-decoration: underline; }
div#navigation ul ul { display: none; }


    /*  Sub-sub navigation */
div#sidebar ul { list-style: none; margin-bottom: 20px; }
div#sidebar ul ul { padding: 5px 20px; display: none; margin-bottom: 0;}
div#sidebar ul li a { color: #1284af; text-decoration: none; }
div#sidebar ul li.selected a, div#sidebar ul li.active a, div#sidebar ul li.active ul li.selected a { font-weight: bold; }
div#sidebar ul li.active ul, div#sidebar ul li.selected ul { display: block; }
div#sidebar ul li.selected ul a, div#sidebar ul li.active ul a { font-weight: normal; }
div#sidebar ul li.active ul li.selected ul li a { font-weight: normal; }

div#sidebar #camperplaatsen ul li ul li { margin-top: 0 !important; }
    /*  Headings */
h1, .h1 { line-height: 24px; color: #1284af; font-size: 24px; font-weight: normal; }
h2 { padding: 2px 0; margin-top: 10px; color: #000; font-family: Arial; font-size: 18px; font-weight: normal;}
.h2 { padding: 2px 0; color: #1284af; font-family: Arial; font-size: 24px; }
h3, .h3 { padding: 1px 0; margin-top: 10px; color: #000; font-family: Arial; font-size: 12px; }
p { padding: 5px 0; text-align: justify; }

    /*  Content */
div#content { border-top: 1px solid #e2e2e2; min-height: 300px; margin-top: 10px; background: url("../images/shadow_top.png") repeat-x; }
div#text { width: 630px; padding: 10px; float: right; }

div#text ul { list-style-type: none;  margin-left: 10px; padding: 10px; }
div#text ul li { list-style-type: disc; }
div#text a {  text-decoration: underline; color: #b0001d;  }
div#text a:hover { color: #000; text-decoration: none; }
div#sidebar { width: 270px; padding: 10px; float: left; }

div#abboneer { margin-bottom: 25px; background-color: #ff6600; border: 1px solid #f06d1c; text-align: center;
line-height: 40px; }
div#abboneer a { display: block; font-size: 20px; text-decoration: none; color: #fff; }
div#abboneer a:hover { text-decoration: underline; }

    /*  Forms */
.abonnee textarea { height: 270px; }
label { display: block; float: left; width: 150px; color: #353f41; font-size: 14px; }
input[type="text"], textarea { width: 100%; min-width: 200px; max-width: 500px; line-height: 22px; font-family: inherit; font-size: 12px; }
input[type="text"] { height: 14px; width: 345px; }
textarea { height: 125px; }
input[type="checkbox"],input[type="submit"],input[type="button"] { width: auto; }

 /*  - Balloon [error] */
.errorlist li { width: 349px; height:48px; line-height: 38px; padding: 10px 10px 10px 20px; margin: 0; border: 0; display: block; position: absolute; margin: -35px 0 0 425px ; background: url('http://www.hetcms.nl/beheer/images/notifications/balloon-error.png') no-repeat center center; color: #333333; }

/*  Footer */
div#wrapper_footer { margin: auto; }
div#footer { clear: both; width: 950px; height: 50px; margin: auto; line-height: 50px; color: #fff;}
div#footer div#copyright { float:left;}
div#footer div#copyright a { height: 33px; padding-left: 10px; text-decoration: none; color: #fff; }
div#footer div#copyright a:hover { text-decoration: underline; color: #000;}
div#footer div#extra { float:right;}
div#footer div#extra ul { padding: 0; margin: 0; float: right; list-style: none; }
div#footer div#extra ul li { padding: 0; margin: 0; float: left; }
div#footer div#extra ul li a { display: block; height: 33px; padding-left: 10px; text-decoration: none; color: #fff; }
div#footer div#extra ul li a:hover { text-decoration: underline; color: #000;}
div#footer div#extra ul li.selected a { text-decoration: underline; }

/* Articles */
span.date { display: none; }

/* Webshop */

.full, .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth,
.w1-2, .w1-3, .w2-3, .w1-4, .w3-4, .w1-5, .w2-5, .w3-5, .w4-5 { float: left; padding: 2%; margin-right: 2%; margin-bottom: 2%; }
.last, .full { margin-right: 0 !important; }
.full { float: none; clear: both; }
.full { width: 100%; }
.one-half, .w1-2 { width: 49%; }
.one-third, .w1-3 { width: 27%; }
.two-third, .w2-3 { width: 66%; }
.one-fourth, .w1-4 { width: 23.5%; }
.three-fourth, .w3-4 { width: 74.5%; }
.one-fifth, .w1-5 { width: 18.4%; }
.two-fifth, .w2-5 { width: 38.8%; }
.three-fifth, .w3-5 { width: 59.2%; }
.four-fifth, .w4-5 { width: 79.6%; position: relative;}

div.order{
	width: 600px !important;
}

div.category h2{padding: 10px;	font-size: 20px;	font-weight: normal;	margin: 0;}
div.category .one-fourth {	margin-right: 0 !important;	margin-bottom: 0;	width: 25%;}
div.category a.category { display: block; float: left; width: 180px; text-decoration: none;  }
div.category a.category-mdl { margin: 0 20px; }
div.category a.category span.category-name { display: block; width: 160px; height: 50px; line-height: 25px; padding: 10px; background-color: black; color: white; font-size: 20px; }
div.category a.category img { display: block; display:none}
div.category a.product:link, div.category a.product:visited { display: block; height: 240px; text-decoration: none !important;  background: url("/images/bg-product.png")bottom repeat-x;  color: #000; position: relative;    -moz-box-shadow: 0 1px 3px #aaa;	-webkit-box-shadow: 0 1px 3px #aaa;  padding: 0px 0; }

div.category a.productfirst { display: block; height: 240px; text-decoration: none !important;  background: url("/images/bg-product.png")bottom repeat-x;  color: #000; position: relative; padding: 0px 0; -moz-box-shadow: 0 1px 3px #aaa;	-webkit-box-shadow: 0 1px 3px #aaa; text-align: center;}
	
/* Forms */
fieldset { border: 0; }    

/*  Brand */
div.brand a.product { display: block; width: 250px; height: 250px; float: left; text-decoration: none; }
div.brand a.product-lft { padding: 10px 20px 20px 20px; border: 1px solid #dedede; border-bottom: 1px solid #dedede; }
div.brand a.product-rgt { padding: 10px 20px 20px 19px; border-bottom: 1px solid #dedede; }
div.brand a.product img { display: block; margin: 5px 0; max-height: 169px; }

/*  Product */
div.product div#info { color: #000; width: 570px; height: 150px;}
div.product div#pictures { color: #000; width: 570px;  }
div.product div#product_info  { width: 275px; padding: 3px; text-align: justify; float: left; margin-right: 10px;}
div.product div#product_order { width: 330px; padding: 3px; float: right; display: block; }
div.product div#product_order label { width: 100px; display: block; clear: left; float: left; margin-bottom: 10px; }
div.product div#product_order select, div.product div#product_order input.disabled{ display: block; float: right; clear: right;margin-bottom: 10px; }
div.product div#product_order input.disabled{ width: 50px; text-align: right; border: none; color: #000; background-color: transparent;}
div.product a.product_picture { width: 272px; height: 306px; margin-right: 5px; background: url("/images/product.png") bottom left no-repeat; display: block; float: left; }
div.product div#bottom { color: #000; width: 570px; text-align: right; }
div.bg-order{background: url("/images/bg-order.png");	height: 55px; cursor: pointer;	margin: 0 0 20px 0;}
.order-submit{margin: 12px; float: right;}
div.prod-price-container{ float: right; text-align: right;}
span.quantity{	width: 100px;	margin: 15px; float: left;}
span.quantity label {	width: 10px !important; display: none;}
div.description{	   color: #767676; width: 100%; display: block;}

div.description ul,div.description li{	margin: 3px 10px;}
span.product-info{	position: absolute; bottom: 0;	margin: 4px; left: 0;}
span.product-name {  display: block; background: #1284af; color: #fff; padding:5px 8px; font-weight: bold; height: 36px; text-decoration: none !important; }
span.product-discount {color: #e61e2f; font-weight: bold; letter-spacing: -1px; font-size: 14px; }
span.product-discount2 {color: #e61e2f; font-weight: bold; letter-spacing: -1px; font-size: 14px; float: right;  }
span.price { padding: 4px; margin: 0px; font-weight: bold; font-size: 16px; float: left;  }
span.text-product{	background:#f06d1c; float: left; color: #fff; text-decoration: underline; padding:3px 5px; text-align: center; width: 95%;}
span.original-price { padding: 4px; margin: 0px; font-weight: bold; font-size: 16px; float: right;  }
.product-info .original-price{
	margin: 0 0 3px 0 
	}
.striketrough {  text-decoration: line-through; font-size: 12px !important; }
.product-thumbnails{	 margin: 0; width:290px; height: 82px;	display: block;}
.product-thumbnails a:link{	-moz-box-shadow: 0 1px 3px #aaa;	-webkit-box-shadow: 0 1px 3px #aaa;	padding: 10px !important; width: auto !important; height: auto !important;display: block; margin: 2px; float: left; }
.product-thumbnails a:link img{	-moz-box-shadow: none !important;	-webkit-box-shadow: none !important;}

 /*  Photos */
a.photo img { width: 278px; padding: 5px; ; border: 1px solid #BFBFBF; }
div#pictures a:link{	  display: block; width: 100%;	 text-align: center; margin-bottom: 10px; position: relative;}
div#pictures img{	padding: 10px;	margin: 0;-moz-box-shadow: 0 1px 3px #aaa;	-webkit-box-shadow: 0 1px 3px #aaa;}
.zoom{	border: 0 !important; background: none !important; position: absolute; right: 15px; top: 15px;padding: 0;  opacity: .5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";	-moz-box-shadow: none !important;	-webkit-box-shadow: none !important;}	
div#pictures a.zoom img:hover{opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
div#pictures{width: 286px; 	position: relative;}

a.btnshop{
	float: right;
	margin: 10px;
	
}
div.category img { display: block; vertical-align: middle; padding-top: 10px;  border: none; padding: 0;margin:10px auto;  

	}

div.category img.product { display: block; max-height: 120px; max-width: 159px; vertical-align: middle; padding-top: 10px;  border: none; padding: 0;margin:10px auto;  

	}