html,body {
    margin: 0px;
    padding: 0px;
    background-color: white;
    color: #262626;
    height: 102%;   
    width: 100%;
}

div {
    border: 0px;
    margin: 0px;
    padding: 0px;
    display: block;
}

img {
    border: none;
}

body,td {
    font-family: Arial;
    font-size: 12px;
    line-height: 15px;
}



h2 {
	color: #78A8C8;
	margin-top: 0px;
}

a {
	font-weight: bold;
	text-decoration: none;
	color: #d1251b;
}

.hidden {
	display: none;
}
/* --- */

div#centered {
    position: relative;
    width: 900px;
    left: 50%;
    margin-left: -450px;
    top: 20px;
    margin-bottom: 150px;
}

div#logo {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 200px;
    height: 130px;
    background-color: white;
    z-index: 999;
    margin-left: -25px;
}

div#balken {
	width: 100%;
}

div#zoekbalk {
	margin: 0px;
	height: 30px;
	padding-top: 25px;
	width: 890px;
	margin-bottom: 20px;
}

div#taalbalk {
	position: absolute;
	margin: 0px;
	height: 15px;
	width: 890px;
	margin-bottom: 0px;
	text-align: right;
}

div#zoekbalk table {
	float: right;
}

div#merken {
	text-align: right;
	width: 890px;
	background-color: #78A8C8;
	height: 35px;
}

div#merken a {
	color: white;
	text-decoration: none;
	font-size: 12px;
	margin-left: 5px;
	margin-right: 5px;
} 

div#merken a:hover {
	color: #d1251b;
}

div#merken a.gekozen {
	color: #d1251b;
}

div#links {
	width: 890px;
	height: 20px;
	margin-top: 10px;
}

div#links a {
	color: #78A8C8;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
}

div#links a:hover {
	color: #d1251b;
}

div#links a.gekozen {
	color: #d1251b;
}

div#links .content_padded {
	padding-top: 0px;
	padding-bottom: 0px;

}
/* rij van divs in twee smaakjes: fixed height en stretch*/

div.rij {
	clear: both;
	overflow: hidden;
	margin-bottom: 8px;	
}

div.rij div {
	float: left;
}

div.rij.large {
	height: 450px;
}

div.rij.large div.content_border {
	height: 440px;
	overflow: hidden;
}

div.rij.medium, div.rij.medium div {
	height: 300px;
}

div.rij.medium div.content_border {
	height: 298px;
	overflow: hidden;
}

div.rij.small {
	height: 200px;
}

div.rij.small div.content_border {
	height: 198px;
	overflow: hidden;
}

div.content_border {	
	width: 100%;
	border: 1px solid #78A8C8;
}

div.content_padded {
	padding: 10px;
}

div#adblok {	
	width:  290px;
	margin-left: 10px;
}

div#productenlijst {
	width: 590px;
}


/* --homepage-- */

div#blok_a {
	width: 589px;
}

div#blok_b {
	width: 290px;	
}

div#blok_b .content_border .padded {
	padding: 10px;
}


div#blok_c {
	margin-left: 10px;
	width: 290px;	
}

div#blok_d {
	margin-left: 10px;
	width: 290px;	
}

div#blok_d .content_border .padded {
	padding: 10px;
}

/* kolommen */

div.kolom_links {
	width: 290px;
}

div.kolom_midden {
	margin-left: 10px;
	width: 290px;
}

div.kolom_rechts {
	width: 292px;
	margin-left: 10px;	
	overflow: hidden;
}

div.kolom_rechts .content_border {
	width: 290px;
}

div.kolom_rechts .kolomtitel {
	display: block;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.kolomtitel.rood {
	background-color: #d1251b;
}

.kolomtitel.blauw {
	background-color: #78A8C8;
	color: white;
}

div.kolom_rechts .kolomtitel h2 {
	margin: 0px;
	color: white;
	margin-left: 10px;	
}

div.kolom_rechts a {
	color: #78A8C8;
	text-decoration: none;
}	

div.kolom_rechts a:hover {
	color: #d1251b;
}

div.kolom_rechts a.gekozen {
	color: #d1251b;
}

/* productenlijst */

div#productenlijst .content_border {
	border: 0px;
}

div.productenlijst_item {
	float: left;
	width: 100px;
	text-align: center;
	margin-right: 18px;
	overflow: hidden;
	cursor: pointer;
}

div.productenlijst_item .thumb img {
	width: 100px;
}

div.productenlijst_item .thumb_onderschrift .titel {
	line-height: 13px;
	display: block;
	height: 30px;
	overflow: hidden;
}

div.productenlijst_item a {
	color: #78A8C8;
	text-decoration: none;
}	

div.productenlijst_item.jqHover a, div.productenlijst_item.jqHover {
	color: #d1251b;
	text-decoration: none;
}	

div.productenlijst_item a:hover {
	color: #d1251b;
}

div.productenlijst_item a.hilite {
	color: #d1251b;
}

/* productpagina */

div#product_photo {
	height: 300px;
	width: 290px;
	overflow: hidden;
}

div#product_photo table tr td img {
	width: 290px;
}

div#product_thumbs img {
	width: 35px;
}

div#product_thumbs {
	padding: 15px;
	padding-top: 0px;
}

div#product_thumbs img.jqSelected, div#gallery_thumbs img.jqSelected {
	border: 2px solid #78A8C8;
	padding: 0px;
	cursor: pointer;
}

div#product_thumbs img, div#gallery_thumbs img {

	padding: 2px;
	cursor: pointer;
}

div#product_thumbs p {
	font-size: 10px;
	line-height: 11px;
	display: block;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style:italic; 	
}

/* kleurenkiezer */

div#kleurenkiezer {
	width: 890px;
	margin-bottom: 10px;
}

div#kleurenkiezer .content_padded {
	padding: 5px;
}

div#kleurenkiezer .kleur {
	width: 280px;
	border: 1px solid #78A8C8;
	margin-right: 20px;
	margin-bottom: 10px;
	cursor: pointer;
	float: left;
}

div#kleurenkiezer .kleur.third {
	margin-right: 0px;
}

div#kleurenkiezer .kleur.laatste {
	margin-right: 0px;
}

div#kleurenkiezer .kleur.eerste {
	padding-top: 0px;
}

div#kleurenkiezer .kleur.gekozen {
	background-color: #d9e9ee;
}

div#kleurenkiezer .kleur.jqHover, div#kleurenkiezer .kleur.gekozen.jqHover {
	background-color: #78A8C8;
}

.kleurpreview {
	width: 50px; 
	height: 22px; 
}

/* textpagina */

div#content_pagina {
	width: 590px;
}

/* afrekenen */

div#winkelmandje {
	background-color: #d9e9ee;
	margin-bottom: 10px;
	width: 100%;
}

input.aantal_in_winkelmandje {
	width: 40px;
}

div#winkelmandje div {
	padding: 10px;
}

table.winkelmandje tr td, table.factuuradres tr td, table.bezorgadres tr td, table.betaalmethode tr td {
	vertical-align: top;
}

table.winkelmandje  tr.winkelmandje_item td {
	padding-top: 5px;
	padding-bottom: 5px;
}

table.winkelmandje  tr.winkelmandje_header td {
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;	
	border-bottom: 1px solid white;
}

table.winkelmandje  tr.winkelmandje_footer.grijs td {
	background-color: #efefef;
}

table.winkelmandje  tr.winkelmandje_footer td {
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;	
	border-top: 1px solid white;
}

table.winkelmandje td.aantal_titel, td.prijs_titel {
	width: 80px;
}

table.winkelmandje td.prijs_titel, table.winkelmandje td.prijs {
	text-align: right;
}

div#finalize_order {
	background-color: #d9e9ee;
	width: 100%;		
	margin-top: 10px;
}

div#finalize_order div {
	padding: 10px;
}

/* gallery */

div#gallery_big {
	margin-bottom: 10px;
}

div#gallery_big img {
	width: 570px;
}

div#gallery_thumbs img {
	float: left;
	width: 70px;
	height: 70px;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}

/* zoeken */

div#zoeken {
	background-color: #d9e9ee;
	width: 100%;		
	margin-bottom: 10px;
}

div#zoeken div {
	padding: 10px;
}

/* footer */

div#footer {
	margin-top: 50px;
	border-top: 1px solid #78A8C8;
	padding-top: 10px;
	width: 100%;
	color: #a0a0a0;
}

div#footer a {
	color: #a0a0a0;
	font-weight: normal;
	text-decoration: none;
}

div#footer div#footer_klant {
	float: left;
}

div#footer div#footer_smshop {
	float: right;
}

/* order_complete */

tr.order_item td.prijs, tr.order_item td.aantal {
	width: 40px;
}



/* errors */

.form_error {
	display: block;
	font-weight: bold;	
	color: #e77f8d;
	padding: 5px;
	padding-left: 0px;
}

input.has_error {
	background-color: #ffaaaa;
}

/* --- */

.uitgelichttitel {
	background-color: #78A8C8;
	color: white;
	line-height: 12px;
}

.uitgelichttitel h2 {
	color: white;
	line-height: 20px;
	margin: 0px;
	margin-top: -5px;
}
