
/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	text-align:center;
	font-size:14px;
	}
body, table, th, td, p, input, textarea, select {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#000;
	}	
a {}
a:hover {}

h1, h2, h3, h4, h5, h6, p {margin: 0 0 10px 0;}
h1 {margin: 0 0 20px 0;}
div table th {text-align:left;}
	
ol {}
ul {}
li {}
li li {}

label {}
.cB {clear:both;}

/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

.container {
	position:relative;
	margin:0 auto 0 auto;
	width:748px;
	padding:0 30px;
	min-height:100%;
    height:auto;
	text-align:left;
	background:#FFF url(../images/bg.gif) repeat-y  left top;
	}
.main-content {
	width:747px;
	overflow:hidden;
	}
/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

.carrousel {
	position:relative;
	height:147px;
	overflow:hidden;
	background-color:#FFF;
	width:758px;
	}
.carrousel img {
	display:block;
	float:left;
	height:137px;
	width:179px;
	margin-right:10px;
	}

.carrousel .wrapper {width:780px;}

/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

/* Menu */

.nav {
	width:747px;
	height:48px;
	background:url(../images/menu.gif) top left repeat-x;
	border-bottom:10px solid #fff;
	overflow:hidden;
	}
.nav ul {
	margin:0;
	padding:0;
	list-style:none;
	}
.nav li {
	float:left;
	padding-left:2px;
	background:url(../images/menu-li.gif) top left no-repeat;
	}
.nav li.first {
	padding-left:0;
	background:none;
	}
.nav a {
	display:block;
	float:left;
	height:44px;
	padding:4px 7px 0 7px;
	background:url(../images/menu.gif) top left repeat-x;
	text-decoration:none;
	color:#fff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	}
.nav a:hover,
.nav a.active, 
.nav a.active:hover {
	color:#fff;
	background-position:bottom left;
	
	}
	
/* ============================================================	*/ 
/* ========	sidebar				===============================	*/
/* ============================================================	*/

.sidebar {
	position:relative;
	float:left;
	width:158px;
	padding-top:12px;
	padding-bottom:110px;
	}
.sidebar img.logo {border-bottom:2px solid #FFF;}
.sidebar p {margin:0 12px 10px 12px;padding:0;}

div.address {
	position:absolute;
	bottom:10px;
	left:30px;
	width:157px;
	height:110px;
	z-index:9;
	}
address {
	line-height:1.5em;
	margin:12px;
	padding-top:12px;
	border-top:2px solid #FFF;
	font-size:9px;color:#A73F10;
	}
address strong {color:#000;}
address a {color:#000;text-decoration:underline;}
/* ============================================================	*/ 
/* ========	shopmenu				===============================	*/
/* ============================================================	*/


ul.shopmenu {
	position:relative;
	margin:0 0 10px 0px;
	padding:0px 12px;
	width:133px;
	overflow:hidden;
	list-style:none;
	}
ul.shopmenu li {
	margin:0;
	padding:2px 0;
	list-style:none;
	}
ul.shopmenu li a {color:#A73F10;text-decoration:none;}
ul.shopmenu li a:hover {color:#000;}
ul.shopmenu li a.active {color:#000;font-weight:bold;}
ul.shopmenu li.basket-link {font-weight:bold;}
ul.shopmenu li.endline {margin-top:7px;padding-top:7px;border-top:2px solid #FFF;}

ul.shop-submenu {position:relative;margin:2px -12px 2px -12px;padding:3px 12px;list-style:none;background-color:#F2E2D5; }
ul.shop-submenu li {}
ul.shop-submenu li a {text-decoration:none;}
ul.shop-submenu li a:hover {text-decoration:none;}
ul.shop-submenu li a.active {text-decoration:none;font-weight:bold;}

/* ============================================================	*/ 
/* ========	CONTENT				===============================	*/
/* ============================================================	*/


.content {
	float:right;
	width:548px;
	overflow:hidden;
	padding:10px 20px 50px 15px;
	}
.content a {
	text-decoration:underline;
	color:#A73F10;
	font-weight:bold;
	}
.content a:hover {
	color:#000;
	text-decoration:underline;
	}
.content h1,
.content h1 a,
.content h1 a:hover{
	font-size:12px;
	color:#A73F10;
	cursor:auto;
	}
table.text {width:100%;}
table.text th {text-align:center;border-bottom:1px solid #000;padding-bottom:5px;color:#A73F10;font-weight:bold;}
table.text td {padding:3px 30px 0 0;}

span.print {float:right;padding-left:20px;}
.content ul {margin-bottom:10px;}

ul.recept {margin-top:20px;padding-top:5px;border-top:1px solid #E5C6AB;}
ul.recept li {margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #E5C6AB;}
ul.recept li a {text-decoration:none;}
ul.recept li a:hover {}


.cursusdata-overview {padding-top:20px;line-height:1.4em;}
.cursusdata {margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #E5C6AB;}
.cursusdata a {display:block;}
span.price {text-align:right;float:right;color:#A73F10;}
span.price b {color:#000;}
span.data {display:block;}
span.data span {padding-right:10px;}
	
.content a.backlink {font-size:10px;color:#000;text-decoration:none;}


/* ============================================================	*/ 
/* ========	shop-overview	 	===============================	*/
/* ============================================================	*/ 
.shop-overview {}
.shop-overview .item {width:552px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #A73F10;color:#A73F10;height:94px;}
.shop-overview .item .visual {float:left;margin-right:10px;border:1px solid #000;cursor:pointer;text-align:center;width:110px;height:90px;background-color:#FFF;}
.shop-overview .item .visual img {margin:auto;max-width:110px;max-height:90px;}
.shop-overview .item .price {font-weight:bold;color:#000;}
.shop-overview .item strong {display:block;padding-bottom:7px;}
.shop-overview .item h3 {color:#000;}

.shop-overview ul {
	width:570px;
	overflow:hidden;
	}
.shop-overview ul li {
	float:left;
	margin:0 15px 0 0;
	width:127px;
	height:135px;
	}
ul.overview li a {
	text-decoration:none;
	display:block;
	font-weight:normal;
	}
ul.overview li a:hover {text-decoration:none;color:#000;}
.shop-overview ul.overview li img {
	width:125px;
	display:block;
	border:1px solid #A73F10;
	}
ul.overview li a:hover img {
	border:1px solid #000;
	}
.shop-overview hr {
	height:1px;
	font-size:1px;
	border:none;
	margin:10px 0;
	border-top:1px solid #A73F10;
	}
.shop-overview .info {
	margin-left:132px;
}
.shop-overview .button {
	text-align:right;
}
.shop-overview .button a {
	color:#FFF;
	padding:1px 5px;
	text-decoration:none;
	background-color:#A73F10;
	border:1px solid #A73F10;
	}
.shop-overview .button a:hover {
	text-decoration:none;
	color:#000;
	}

.content a.back {color:#000;text-decoration:none;font-size:10px;font-weight:normal;}
.content a.back:hover {text-decoration:underline;}
.content .back-link {float:right;color:#000;text-decoration:none;font-size:10px;font-weight:normal;}


/* ============================================================	*/ 
/* ========	SHOP				===============================	*/
/* ============================================================	*/

.overlay {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	min-height:100%;
	background-color:#000;
	position:fixed;
	opacity:.70;
	z-index:10;
	display:none;
	}
.popup-div {position:relative;}
.popup-block {
	display:none;
	position:absolute;
	padding:0 15px 15px 15px;
	top:0px;
	left: 0px;
	width:302px;
	z-index:700;
	color:#000;
	background-color:#FFF;
	border:1px solid #000;
	text-align:left;
	}
.popup-block form {margin:0;}
.popup-block h3 {
	margin:0 0 5px 0;
	padding-bottom:5px;
	font-size:15px;
	background-image:none;
	color:#000;
	}
.shop-overview .item .popup-block .visual {
	margin-bottom:10px;
	width:302px;
	height:auto;
	}
.shop-overview .item .popup-block .visual img {display:block;max-width:300px;height:auto;max-height:none;}
.popup-block .thumbs {float:right;margin-bottom:10px;}
.popup-block .thumbs span {display:block;float:left;border-left:5px solid #FFF;width:42px;overflow:hidden;cursor:pointer;}
.popup-block .thumbs img {display:block;float:left;width:40px;margin-bottom:5px;border:1px solid #000;}

.popup-block p {padding-top:5px;margin:0 0 10px 0;}
.popup-block .sizing {}
.popup-block .sizing b {}
.popup-block .colours {}
.popup-block label {padding-left:10px;}
.popup-block .button {
	border-top:1px solid #000;
	clear:left;
	margin-top:10px;
	padding-top:10px;
	text-align:right;
	}
.popup-block .type-text {width:35px;height:15px;padding:0;text-align:center;font-weight:bold;color:#A73F10;}
.close {
	position:absolute;
	top:5px;
	right:5px;
	width:70px;
	z-index:101;
	float:right;
	font-size:10px;
	text-align:right;
	cursor:pointer;
	}
	
.popup-block {}
.popup-block dl {margin:10px 0;}
.popup-block dt {
	float:left;
	width:80px;
	font-weight:bold;
	}
.popup-block dd {float:left;width:220px;padding-bottom:5px;}

	
	
	
/* SHOP */

form {}
 
table.order-overview {width:550px;}
table.order-overview th {padding:3px 5px;text-align:left;border-bottom:1px solid #E5C6AB;}
table.order-overview th.size {}
table.order-overview th.colour {}
table.order-overview td {padding:3px 5px;text-align:left;border-bottom:1px solid #E5C6AB;}
table.order-overview td.empty {border:none;}
table.order-overview td.product-name {width:280px;}
table.order-overview td.size {}
table.order-overview td.colour {}
table.order-overview td.euro {}
table.order-overview td.price {}
table.order-overview td.del {}
table.order-overview td.del a {}
table.order-overview td.del a img {}

table.order-overview tr.subtotal td {}
table.order-overview tr.subtotal td.euro {}
table.order-overview tr.subtotal td.price {}

table.order-overview tr.shipping td {padding-top:15px;}
table.order-overview tr.shipping td.euro {}
table.order-overview tr.shipping td.price {}

table.order-overview tr.total td.euro {}
table.order-overview tr.total td.price {}
table.order-overview tr.line td {border-bottom:none;border-top:1px solid #000;}
table.order-overview tr.line td.empty {border:none;}
div.buttons {padding-top:20px;text-align:right;}
div.buttons input {float:right;margin-left:3px;}
div.buttons a {display:block;float:right;}
div.buttons a img {display:block;}

.shop-buttons table {width:550px;}
.shop-buttons td {text-align:right;}
.shop-buttons td a {float:left;}

.shop-buttons td a,.shop-buttons td a:hover,
.shop-buttons td input {
	color:#FFF;
	border:none;
	text-decoration:none;
	font-weight:bold;
	padding:2px 5px;
	background-color:#A73F10;
	cursor:pointer;
	}

	
	
/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

input, select {
	vertical-align:middle;
	}
input.type-text {
	padding-left:5px;
	color:#666;
	border:1px solid #A73F10;
	background-color:#FFF;
	width:350px;
	margin-bottom:3px;
	}
label {vertical-align:middle;cursor:pointer;}
select.select {}
textarea.textarea {
	width:350px;
	
	}
.radio {}
.radio input {
	margin-right:5px;
	vertical-align:middle;
	}

.checkbox {padding-bottom:20px;display:block;}
	
table.formgrid {width:540px;margin-bottom:20px;}
table.formgrid th {color:#A73F10;padding-bottom:10px;}
table.formgrid td {vertical-align:top;padding-right:30px;}
table.formgrid td.namecell {}
table.formgrid td.inputcell {}
table.formgrid span.checkbox {}
table.formgrid label {}
table.formgrid input.w10 {width:50px;}
table.formgrid .type-text {
	}
	
	
.photo-overview {}
.photo-overview li {float:left;border:1px solid #000;width:80px;margin:0 8px 8px 0;text-align:center;}
.photo-overview li a {display:block;float:left;text-align:center;width:80px;height:60px;overflow:hidden;}
.photo-overview li img {display:block;margin:0 -10px;}

.searchform {margin:0;}
.searchform .row {height:25px;}
.searchform .type-text {float:left;width:83px;margin-right:3px;height:16px;}
.searchform .typeButton {
	width:40px;float:left;
	text-align:center;
	background-color:#A73F10;
	border:1px solid #A73F10;
	color:#FFFFFF;
	padding:0px;
	height:18px;
	font-size:9px;
	text-decoration:none;
}
