/*--------------------------------------------------------------------------------
Html & Body Reset
----------------------------------------------------------------------------------*/
html {
	text-align: center;
}

html, body {
	height: 100%;
}


body {
	text-align: center;
	margin: 0;
	padding: 0;
	font-size:12px;
	background: url(../img/achtergronden/bg.jpg) repeat-x;
}

/*--------------------------------------------------------------------------------
Footer & Push div
----------------------------------------------------------------------------------*/

.footer, .push {
	height: 0px;
}

/*--------------------------------------------------------------------------------
Container
----------------------------------------------------------------------------------*/

.container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 833px;
	margin: 0 auto;
	text-align: left;
	background: url(../img/achtergronden/bg-header.jpg) repeat-x -4px 0;
	position: relative;
	padding: 0 70px;
}

/*--------------------------------------------------------------------------------
Header
----------------------------------------------------------------------------------*/

.header {
	width: 100%;
	height: 218px;
	position: relative;
}

/*--------------------------------------------------------------------------------
Header -> h1
----------------------------------------------------------------------------------*/

.header h1 {
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 10px;
}

.header h1 a {
	position: absolute;
	width: 380px;
	height: 160px;
	display: block;
	top: 10px;
	left: 7px;
	text-decoration: none;
}

.header h1 a span {
	visibility: hidden;
}

/*--------------------------------------------------------------------------------
Header - nav
----------------------------------------------------------------------------------*/

.header .nav {
	width: 100%;
	height: 46px;
	background: url(../img/achtergronden/bg-nav.jpg) no-repeat;
	position: absolute;
	bottom: 8px;
}

.header .nav ul {
	margin: 12px 0 0 90px;
	padding: 0;
	list-style: none;
}

.header .nav ul li {
	float: left;
	margin: 0 0 0 0;
	border-left: 1px solid #424244;
}

.header .nav ul li a {
	display: block;
	text-decoration: none;
	padding: 3px 15px;
	color: #fff;
	border-left: 1px solid #282828;
}

.header .nav ul li.first {
	border-left: 0px;
}

.header .nav ul li.first a {
	border-left: 0px;
}

.header .nav li ul {
	position: absolute;
	width: 200px;
	left: -999em;
}

.header li:hover ul, #nav li.sfhover ul {
	left: auto;
}

.header .language {
	width: 100px;
	height: 20px;
	background: none;
	position: absolute;
	bottom: 16px;
	right: 0px;
}
    .header .language a, .header .language a:hover {
        color: #fff;
        text-decoration: none;
    }

    .header .language ul {
    	margin: 0;
    	padding: 0;
    	list-style-type: none;
    }

    .header .language ul li {
    	float: left;
    	margin-left: 7px;
    }

/*--------------------------------------------------------------------------------
Content-container
----------------------------------------------------------------------------------*/

.content-container {
	width: 831px;
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 1px solid #cecfd1;
	border-width: 0px 1px;
	background: #f5f5f5;
}

/*--------------------------------------------------------------------------------
Slider
----------------------------------------------------------------------------------*/
.slider {
	height: 130px;
	overflow: hidden;
	background: #fff;
}

.slider-item {
	float: left;
	height: 130px;
}

.slider-item img {
	padding-top: 0px;
}

/*--------------------------------------------------------------------------------
Kruimelpad
----------------------------------------------------------------------------------*/

.crumpath {
	height: 13px;
	background: url(../img/achtergronden/bg-breadcrumbs.jpg) repeat-x;
	border-bottom: 1px solid #cecfd1;
	margin-bottom: 1px;
	font: 10px tahoma;
	color: #0a4a70;
	padding: 6px 40px;
}

.crumpath a {
	font-weight: bold;
	text-transform: uppercase;
	color: #0a4a70;
	text-decoration: none;
}

/*--------------------------------------------------------------------------------
Sidebar
----------------------------------------------------------------------------------*/

.sidebar {
	float: left;
	padding: 0 0 0 0;
	margin: 29px 0 20px 33px;
	width: 227px;
}

.sidebar h3 {
	background: #3e3e3e;
	color: #fff;
	font-size: 12px;
	display: block;
	padding: 10px 10px;
	margin: 0;
}

.sidebar ul {
	border: 1px solid #cecfd1;
	border-width: 1px 1px 0 1px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #f9f9f9;
}

.sidebar ul li {
	background: url(../img/achtergronden/bg-sidebar-nav.jpg) repeat-x;
	border-top: 1px solid #fafafa;
	border-bottom: 1px solid #c5c5c5;
}

.sidebar ul li a {
	color: #2075a2;
	text-decoration: none;
	display: block;
	padding: 7px 0 7px 26px;
	background: url(../img/algemeen/arrow.png) no-repeat 14px 13px;
}

.sidebar ul li ul {
	border: 0px;
	background: #f9f9f9;
	margin-top: -3px;
}

.sidebar ul li ul li {
	border: 0px;
	background: none;
}

.sidebar ul li ul li a {
	background: url(../img/algemeen/arrow-sub.png) no-repeat 25px 10px;
	padding: 4px 0 4px 42px;
	color: #999999;
}

/*--------------------------------------------------------------------------------
Content
----------------------------------------------------------------------------------*/

.content {
	float: left;
	padding: 0 0 0 0;
	margin: 29px 0 0 41px;
	width: 470px;
}

.content h2 {
	font-size: 20px;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	color: #2075a2;
}

.content h3 {
	font-size: 15px;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	color: #2075a2;
}

.content a, .content a:hover {
    color: #2075a2;
}

/*--------------------------------------------------------------------------------
Productenlijst
----------------------------------------------------------------------------------*/

.shop-item {
	width: 225px;
	height: 200px;
	border: 1px solid #cecfd1;
	position: relative;
	margin-bottom: 15px;
}

.shop-item.odd {
    float: left;
    margin-right: 15px;
}

.shop-item.even {
    float: left;
}

.shop-item h3 {
	background: #2075a2;
	color: #fff;
	font-size: 14px;
	display: block;
	padding: 10px 10px;
	margin: 0;
	font-weight: bold;
}

.shop-item h3 a, .shop-item h3 a:hover {
    color: #fff;
    text-decoration: none;
}

.shop-item .shop-img {
    padding: 10px 0 0 0;
    width: 100%;
    text-align: center;
}

.shop-item .shop-nav {
    border-top: 1px solid #a5a5a5;
    position: absolute;
	left: 0px;
	bottom: 0px;
	display: block;
	width: 100%;
	font-size: 11px;
}

.shop-item .shop-nav .left {
    float: left;
    margin: 0 0 0 10px;
    padding: 5px 0;
}

.shop-item p.price, .shop-product p.price span {
    color: #2075a2;
    font: bold 14px Arial, Tahoma, Helvetica, sans-serif;
}

.shop-item .shop-nav .right {
    float: right;
    margin: 0 10px 0 0;
    padding: 5px 0;
}

/*--------------------------------------------------------------------------------
Productdetails
----------------------------------------------------------------------------------*/

.shop-product p.left {
    float: left;
}

.shop-product p.right {
    float: right;
}

.shop-product input, .shop-product select {
    padding: 3px;
}

.shop-product input.qt {
    width: 30px;
}

.shop-product-image {
    width: 100%;
    text-align: center;
    margin: 20px 0;
}

.shop-product-content {
    width: 100%;
}

/*--------------------------------------------------------------------------------
Attentie producten
----------------------------------------------------------------------------------*/

.attention-products {
	clear: both;
	width: 760px;
	margin: 20px 0 20px 33px;
	float: left;
}

.attention-product {
	float: left;
	width: 225px;
	height: 160px;
	border: 1px solid #cecfd1;
	margin-right: 39px;
	position: relative;
}

.attention-product.last {
	margin-right: 0;
}

.attention-product h3 {
	background: #3e3e3e;
	color: #fff;
	font-size: 11px;
	display: block;
	padding: 10px 10px;
	margin: 0;
	font-weight: bold;
}

.attention-product-image {
	width: 225px;
	height: 129px;
}

.attention-product-prijs {
	width: 54px;
	height: 41px;
	background: url(../img/algemeen/pricetag.png) no-repeat;
	position: absolute;
	top: 43px;
	right: 0px;
}

.attention-product-prijs span {
	color: #fff;
	font-weight: bold;
	padding: 10px 0 0 7px;
	display: block;
}

/*--------------------------------------------------------------------------------
Footer
----------------------------------------------------------------------------------*/

.footer {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: url(../img/achtergronden/bg-footer.jpg) no-repeat top;
	height: 30px;
	position: relative;
}

.footer p {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0;
	color: #999999;
	font-size: 11px;
}

/*--------------------------------------------------------------------------------
Checkout
----------------------------------------------------------------------------------*/

table.cart {
    width: 100%;
    margin-bottom: 16px;
    background-color: #EAEAEA;
    border: 4px solid #EAEAEA;
}

table.cart tr.tablehead th, table.cart td {
    text-align: left;
}

table.cart tr.tablehead th {
    height: 26px;
    vertical-align: top;
    border-bottom: 1px dotted #181818;
}

table.cart td.qt {
    width: 56px;
}

table.cart td.edit {
    width: 20px;
}

table.cart td.price, table.cart td.total {
    width: 56px;
}

table.cart td.total {
    font-weight: bold;
}

table.cart tr.totals td {
    text-align: right;
    padding-right: 20px;
}

table.cart tr.totals th, table.cart tr.totals td {
    height: 26px;
    border-top: 1px dotted #181818;
}

table.cart tr.option td {
    height: 26px;
}

table.cart select {
    font-size: 11px;
    width: 320px;
}

table.checkout {
    width: 100%;
}

table.checkout.left {
    float: left;
    width: 50%;
}

table.checkout.right {
    float: right;
    width: 50%;
}

table.checkout td {
    line-height: 20px;
}

table td.right {
    text-align: right;
}

table.checkout td.error {
    background-color: #FFDDDD;
    border: 1px solid #FF0000;
    padding: 10px 10px 10px 10px;
}

table.checkout th {
    text-align: left;
    font-weight: bold;
}

.checkout-footer textarea.comments {
    width: 100%;
    min-height: 60px;
}

/*--------------------------------------------------------------------------------
Forms
----------------------------------------------------------------------------------*/

input, textarea {
    font: 11px/16px Tahoma,Arial,Verdana,sans-serif;
}

input.normal, textarea.normal {
    width: 180px;
}

textarea.normal {
    min-height: 60px;
}

input.button {
    height: 24px;
    background-color: #2075a2;
    color: #fff;
    border: 1px solid #a5a5a5;
    font: 13px/15px tahoma,arial,verdana,sans-serif;
}

input.button.gray {
    background-color: #777777;
    color: #fff;
    border: 1px solid #a5a5a5;
    font: 13px/15px tahoma,arial,verdana,sans-serif;
}

.error {
    color: #FF0000;
}

.attention {
    font-weight: bold;
    color: #fe722a;
}

option.inactive {
    color: #ACACAC;
}