/*******************

 1 BASIC STYLES

 2 STANDARD STYLES

 3 HEADER
	3.1 MAIN NAVIGATION
	3.2 SUB NAVIGATION
	3.3 TOP NAVIGATION
	3.4 SHOPPINGCART

 
 4 GLOBAL LAYOUT
	 4.1 PRODUCT COLLECTION LAYOUT
	 4.2 WEBSHOP LAYOUT
	 4.3 PAGINATION
	 
 5 PROMOITEMS

 6 TOOLBAR

 7 ACCORDION

 8 FORMULIEREN
 	
 9 SHOPPINGBASKET
 
 10 FLASH
 
 11 IMAGEGALLERY
 
 12 NEWSLETTER
 
 13 LIVEBOX
 
 14 PRETTYPHOT POPUP SCREENS
 
 15 GLOBAL FORMS
 
 16 ROUTEPLANNER
 
 17 REVIEWS
 
 18 FOOTER
 
 19 SITEMAP

 20 EXCEL
 
*******************/


/*-- 1 BASIC STYLES --*/

* { margin: 0; padding: 0; outline: 0; }

html { font-size: 62.5%; }

body { font-size: 1em; height: 100%; width: 100%; letter-spacing: 0.04em; }

aside, article, nav, menu, header, footer, section { display: block; }

h1 { font-size: 20px; display: inline; font-weight: bold; line-height: 24px; }


h2 { font-size: 1.6em; font-weight: normal;}

h3 { font-size: 1.3em; padding-bottom: 3px; }

a { text-decoration: none; }

img, fieldset { border: 0; }

table { width: 100%; border-spacing: 0px; }

table tr { border-bottom: #fff solid 1px; }

table tr.odd { background: #9BBA46; }

table tr.even { background: #A1C736; }

ul { list-style: none; }

address { font-style: normal; }


/*-- 2 STANDARD STYLES --*/

.fullwidth_container { width: 100%; }

.wrapper {
	margin: 0 auto;
	position: relative;
}

#maincontent_container {
	position: relative;
	z-index: 20;
	/*margin-bottom: 20px;*/
}

#main_content {
	font-size: 13px;
	line-height: 18px;
	position: relative;
	overflow: hidden;
	background-color:#E7E2DD;
	-webkit-box-shadow: 0px -8px 16px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0px -8px 16px rgba(0, 0, 0, .4);
	box-shadow: 0px -8px 16px rgba(0, 0, 0, .4);
/*	behavior: url(css/css3/css3.php);*/
}

#main_content ol{
	padding-left: 20px;
}

.intro {
	font-size: 13px;
	line-height: 18px;
	margin-top: 4px;
}

.intro ul, .text ul {
	margin-left: 15px;
	list-style: outside disc;
}

.intro ol, .text ol {
	margin-left: 25px;
	list-style: outside disc;
}

.intro a:hover, .text a:hover { text-decoration: underline; }

.text {
	line-height: 1.4em;
	margin-bottom: 1.4em;
}

.contactintro {
	font-size: 13px;
	line-height: 1.2em;
	margin-top: 4px;
	margin-bottom: 15px;
}

.contacttext {
	line-height: 1.4em;
	padding-bottom: 30px;
    color: #666;
	
}

.text ul { margin: 1.4em; }

.textwrapper ul {
    list-style: disc outside none;
    padding-left: 20px;
}

#main {
	float: left;
	position: relative;
}

#main, #main.contactWrapper{
	overflow: hidden;
	display: inline;
}

.left { float: left; }

.right { float: right; }

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
}

.clearline {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;	
}

.overflow {
    overflow: hidden;
    width: 100%;
}

.hidden { display: none !important; }

.center { text-align: center; }

.uppercase { text-transform: uppercase; }

.textAlignRight { text-align: right; }

.p12lr { padding: 0 12px; }

.m12tb { margin: 12px 0; }

.message { padding: 6px; }

.message h3 { margin-bottom: 2px; }

.succes {
    color: #00AD10;
    border: #00AD10 solid 1px;
}

.alert {
    color: #f00;
    border: #f00 solid 1px;
}

.error { color: #f00; }

.spacerline {
	height: 10px;
	line-height: 0;
	font-size: 0;
}

#ajaxloader {
	background: url(../img/css/ajax/ajaxloader_bg.png) top left no-repeat;
	display: none;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	z-index: 90000;
}

#ajaxloader img {
	display: block;
	margin: 7px 0 0 7px;
}


/*-- 3 HEADER --*/

#header {
	height: 204px;
	-webkit-box-shadow: 0px -6px 16px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0px -6px 16px rgba(0, 0, 0, .4);
	box-shadow: 0px -6px 16px rgba(0, 0, 0, .4);
/*	behavior: url(css/css3/css3.php);*/
	z-index: 200;
}

body#magicbanner #header {
	height: 406px;
}
#magicbanner_header {
	position: absolute;
    top: -407px;
}

#header_container, #background_container {
	position: absolute;
	top: 0;
	z-index: 10;
}

#header_container { z-index: 100; }

#logo a {
    display: block;
    height: 125px;
	/*padding: 20px 0 0 20px;*/
    width: 341px;
}

#navigation {
	font-size: 1.2em;
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
}
	
	/*-- 3.1 MAIN NAVIGATION --*/
	
	#mainmenu {
		line-height: 2.7em;
	    height: 35px;
		overflow: hidden;
		background: url(../img/css/achtergronden/menu_bg.jpg) repeat-x;
	}
	
	#mainmenu li {
	    float: left;
		letter-spacing: 0.01em;
	}
	
	#mainmenu a {
	    color: #fff;
	    display: block;
		float: left;
		padding: 0 16px;
		font-size: 16px;
		height: 35px;
	}

	#mainmenu li:hover > a {
		text-decoration: underline;
		background: url(../img/css/achtergronden/activeMenu_bg.jpg) repeat-x;
	}

	#mainmenu .current {
		z-index: 120;
		
	}
	
	#mainmenu .current > a, #mainmenu .current:hover > a{
		color: #fff;
		background: url(../img/css/achtergronden/activeMenu_bg.jpg) repeat-x;
	}

	#mainmenu .current a:hover { text-decoration: none; }
	
	#mainmenu .languages-container a {
		background: url("../img/css/iconen.png") no-repeat scroll 0 0 transparent;
	}
	
	#mainmenu .languages-container a.languages-nl {
		background-position: -660px -720px;
		margin-top: 10px;
		height: 15px;
	}
	
	#mainmenu .languages-container a.languages-en {
		background-position: -720px -660px;
		height: 15px;
		margin-top: 10px;
    	margin-right: 5px;
    	margin-left: -5px;
	}
	
	#mainmenu .languages-container a.languages-en:hover {
		background-position: -720px -720px;
	}

	
	
	/*-- 3.2 SUB NAVIGATION --*/


/*#submenu_container {
		min-height: 35px;
	}*/

	#submenu_expendable {
		position: absolute;
		top: 35px;
		left: 0;
		z-index: 300;
	}

	#submenu_expendable .submenu_items {
		display: none;
		z-index: 400;
		padding-bottom: 20px;
	}
	
	#submenu_expendable .submenuitem {
		position: relative;
		margin: 12px 0;
	}

	#submenu_expendable ul.submenuitem_list > li > a {
		font-weight: bold;
		/*line-height: 2em;*/
	}

	#submenu_expendable .submenuitem_img {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		padding-top: 7px;
	}

	#submenu_expendable a {
		color: #666;
		font-size: 1.1em;
	}

	#submenu_expendable .button { padding-bottom: 12px; }

	#submenu {
	    list-style: none;
	    padding: 7px 0 10px 27px;
	}

	#submenu li {
	    display: inline;
	    line-height: 1.4em;
	}

	#submenu li a {
	    margin: 0px 10px;
	    color: #666;
	    letter-spacing: 1px;
	    font-weight: normal;
	    font-size: 12px;
	}

	#submenu li a:hover {
	    color: #333;
	    text-decoration: none;
	}

	#submenu span, #submenu i {
	    background-image: none;
	    color: #333;
	    font-size: 12px;
	    font-weight: normal;
	    letter-spacing: 1px;
	}

	#submenu .current span, #submenu .current i {
	    background-image: url(../img/css/buttons.png);
	    color: #fff !important;
	    font-size: 10px;
	    letter-spacing: 0;
	}

	#submenu .current { margin: -3px 5px; }

	#submenu .button {
	    color: #99D3F1 !important;
	    font-size: 12px;
	    font-weight: normal;
	    letter-spacing: 1px;
	    margin-right: 5px;
	}

	
	
	/*-- 3.3 TOP NAVIGATION --*/
	
	#topNav {
	    position: absolute;
		right: 0;
		top: 14px;
	    height: 22px;
	}
	
	#topNav ul{
	    float: right;
	}
	
	#topNav li {
	    display: inline;
	    font-size: 10px;
	    margin-left: 5px;
	    float: left;
	}
	
	#topNav li a { color: #99d3f1; }
	
	.aanmeldenNieuws{
		margin-top: 2px;
	}
	
	.aanmeldenNieuws p{
		font-size: 12px;
		color: #575756;
	}

	
	/*-- 3.4 SHOPPINGCART --*/
	
	#shoppingCart {
		color: #fff;
		font-size: 1.2em;
		line-height: 1.4em;
		height: 50px;
		margin: 0;
		position: absolute;
		right: 10px;
		top: 52px;
		width: 220px;
	}

	#shoppingCart p {
		font-size: 0.9em;
		line-height: 1.1em;
		width: 130px;
	}
	
	#shoppingCart .firstColumn {
		display: block;
		width: 100px;
	}

	#shoppingCart .secondColumn { width: 30px; }

	#shoppingCart .checkOut {
		position: absolute;
		top: 25px;
		left: 145px;
	}
	
	
	/*-- 2.3 BREADCRUMBS & SEARCH --- */
	
	.breadcrumb {
		border-bottom: #F3F0EE solid 2px;
		display: block;
		margin-top: 10px;
	}
	
	#searchBar{
		position: absolute;
		width: 306px;
		z-index: 3;
		overflow: hidden;
	}
	
	#searchBar form legend { display: none; }
	
	#searchBar form input {
	    border: solid 1px #d7dee0;
	    float: left;
	    font-size: 1em;
	    line-height: 1.4em;
	    margin-right: 5px;
	    width: 140px;
	}
	
	#searchBar form label {
	    margin-right: 10px;
	    text-align: right;
	    width: 80px;
	    float: left;
	    line-height: 17px;
	}


/*-- 4 GLOBAL LAYOUT --*/
	
	.price {
	    color: #FF7F00;
	    font-size: 23px;
	    font-weight: bold;
	}
	
	.price span {
	    font-size: 60%;
	    margin-left: 2px;
	    vertical-align: top;
	}
	
	.js .galleryDisabled {
	    border: #000 solid 1px;
	    display: none;
	}
	
	del {
	    background: url(../img/css/strikeThroughBlack.gif) 50% 50% no-repeat;
	    color: #626262;
	    font-size: 12px;
	    line-height: 0.9em;
	    text-decoration: none;
	}
	
	.alreadyinBasket {
	    color: #F76400;
	    font-size: 11px;
	    margin: 20px 0 -15px;
	}

	.newProductIcon {
	    height: 40px;
	    left: 10px;
	    position: absolute;
	    top: 60px;
	    width: 40px;
	}
	
	ol.carrousel {
	    list-style: none;
	    overflow: hidden;
	    margin: 12px auto;
	}
	
	ol.carrousel li { float: left; }
	
	ol.carrousel li.carrousel_video {
		margin-left: 12px;
		position: relative;
	}
	
	ol.carrousel li img {
	    border: #ccc solid 1px;
	    margin: 0 2px;
	}

	.buyBlock { background-color: #e9f4fc; }

	.buyBlock del { font-size: 1.9em; }
	
	.buyBlock .price_tag_label {
	    clear: both;
	    float: left;
	    line-height: 19px;
	    margin-right: 3px;
	    width: 200px;
	}
	
	.buyBlock .price_tag_webshop {
	    color: #EF9200;
	    float: left;
	    font-size: 50px;
	    font-weight: bold;
	    overflow: hidden;
	    position: relative;
	    width: 200px;
	}
	
	.buyBlock .price_tag_webshop span {
	    color: #EF9200;
	    font-size: 60%;
	    font-weight: bold;
	    margin-left: 2px;
	    position: absolute;
	    top: 4px;
	}
	
	.buyBlock .price_tag_discount {
	    font-size: 1.3em;
	    font-weight: normal;
	    float: left;
	    width: 200px;
	    overflow: hidden;
	    margin-bottom: 12px;
	}
	
	.product_ordertime, .product_tags {
	    clear: both;
	    font-size: 1.1em;
	    line-height: 13px;
	    overflow: hidden;
	    width: 100%;
	}
	
	.buyBlock .product_ordertime, .buyBlock .product_tags { font-weight: bold; }
	
	.buyBlock .product_discount, .product_ordertime, .product_tags { color: #8B9298; }
	
	.buyBlock del, .buyBlock .price_tag_label, .buyBlock .price_tag_discount, .buyBlock .extraDetails { color: #626262; }
	
	.buyBlock .label {
	    color: #666;
	    font-weight: bold;
	}
	
	.buyBlock .extraDetails {
	    clear: both;
	    font-size: 0.9em;
	    margin-bottom: 6px;
	}
	
	.zoomContainer {
		display: inline-block;
		position: relative;
	}
	
	.call-to-action{ margin: 20px 0; float: left; }
	
	

	.btnZoom {
		position: absolute;
		top: 50%;
		left: 44%;
		z-index: 9;
	}

	ul.linklist {
	    font-size: 0.9em;
	    list-style: none;
	    padding-bottom: 20px;
	    width: 100%;
	}
	
	ul.linklist li a {
	    background: url(../img/css/arrows.png) 100% -97px no-repeat;
	    color: #666;
	    font-weight: bold;
	    padding-right: 22px;
	}
	
	.tableSpecs {
	    font-size: 12px;
	    line-height: 21px;
	    padding: 2px 0;
	    text-align: left;
	}
	
	/*-- 4.1 PRODUCT COLLECTION LAYOUT --*/
	
	.gmapTabContainer {
	    background: #E6F4FC;
	    padding: 6px 12px 12px;
	    margin-bottom: 12px;
	    height: 1%;
	    overflow: hidden;
	}
	
	/*-- 4.2 WEBSHOP LAYOUT --*/
	
	#excel_sheet td{
	    padding: 0 10px;
	    line-height: 17px;
	}
	
	.gmapTabContainer p {
	    color: #666;
	    font-size: 11px;
	    width: 100%;
	    overflow: hidden;
	}
	
	.gmapTabContainer input {
	    width: 150px;
	    border: #b8b8b8 solid 1px;
	    height: 16px;
	    margin-left: 12px;
	}
	
	.gmapTabContainer .button {
	    margin-top: 2px;
	}
	
	.gmapTabContainer #map {
	    margin-top: 6px;
	    height: 260px;
	    border: #fff solid 1px;
	}
	
	.gmapTabContainer .smallMap {
	    width: 390px;
	    height: 260px;
	}
	
	.mini .dataholder {
	    overflow: hidden;
	    width: 100%;
	    margin-top: 8px;
	}
	
	.gmapTabContainer form {
	    margin-top: 15px;
	}
	
	.gmapTabContainer legend {
	    font-size: 13px;
	    color: #666;
	    font-weight: bold;
	    margin-bottom: 8px;
	}
	
	.gmapTabContainer label {
	    width: 45px;
	    font-size: 10px;
	    float: left;
	}
	
	.gmapTabContainer .sort label {
	    width: 145px;
	    font-size: 10px;
	    float: left;
	}
	
	.gmapTabContainer input.text {
	    width: 120px;
	    border: solid 1px #ccc;
	    margin-right: 6px;
	    float: left;
	    height: 13px;
	    line-height: 13px;
	    font-size: 11px;
	}
	
	.gmapTabContainer form p {
	    overflow: hidden;
	    margin-bottom: 8px;
	}
	
	.gmapTabContainer .informationContainer {
	    margin: 8px 25px 0 0;
	}
	
	.gmapTabContainer .informationContainer h3 { color: #0192dc; }
	
	.gmapTabContainer .informationContainer p {
	    width: auto;
	    float: none;
	    font-size: 13px;
	}
	
	.gmapTabContainer .informationContainer p span {
	    width: 65px;
	    float: left;
	}
	
	.kvkInformation {
	    font-size: 12px;
	}
	
	.kvkInformation a {
	    text-decoration: underline;
	}
	
	.productScrollCollection.mini {
	    font-size: 12px;
	}
	
	.productScrollCollection.mini .column {
	    width: 11%;
	    float: left;
	    margin-right: 12px;
	}
	
	.productScrollCollection.mini .distance {
	    width: 35px;
	    float: left;
	}
	
	.productScrollCollection.mini h3 {
	    margin-bottom: 2px;
	    padding: 0;
	}
	
	.productScrollCollection.mini p {
	    line-height: 16px;
	}
	
	.productScrollCollection.mini .data {
	    float: left;
	    margin-right: 12px;
	    width: 35%;
	}
	
	.productScrollCollection.mini .image {
	    margin-right: 12px;
		padding-top: 3px;
	}
	
	.productScrollCollection.mini .price {
	    color: #97be0d;
	}
	
	.productScrollCollection.mini a.tiny {
	    font-size: 11px;
	    color: #9E9E9E;
	    background: url(../img/css/arrows.png) no-repeat 100% -115px;
	    padding-right: 22px;
	}
	
	.legenda {
	    color: #626262;
	    overflow: hidden;
	    margin: 8px 0 6px 8px;
	}
	
	.legenda a {
	    color: #FF7F00 !important;
	    text-decoration: underline;
	}
	
	.legenda a:hover {
	    color: #FF7F00 !important;
	    text-decoration: none;
	}
	
	.legenda .data {
	    float: left;
	    margin-right: 12px;
	    width: 35%;
	}
	
	.legenda .column {
	    width: 13%;
	    float: left;
	}
	
	.ui-tabs-panel li{
		padding-left: 5px;
		margin-top: 7px;
	}
	
	
	/*-- 4.3 PAGINATION --*/
	
	.pagination {
	    margin: 10px 0;
	    overflow: hidden;
	    background: #D0D0D0;
	    width: 99%;
	    position: relative;
	    text-align: center;
	}
	
	.pagination ul {
	    list-style: none;
	    margin: 0;
	    padding: 6px 0;
	    font-size: 11px;
	}
	
	.pagination li {
	    display: inline;
	}
	
	.pagination li a, .pagination li a:visited {
	    padding: 2px 5px;
	    background: #fff;
	    text-decoration: none;
	    color: #666;
	}
	
	.pagination li a:hover, .pagination li a:active {
	    color: #000;
	    background: #ccc;
	}
	
	.pagination li select {
	    margin: 0 0 0 3px;
	}
	
	.pagination li a.activePagination {
	    background: #888 !important;
	    color: #FFF !important;
	    cursor: default;
	}
	
	.pagination .prev {
	    position: absolute;
	    left: 0;
	    top: 0;
	    margin: 8px 0 0 10px;
	}
	
	.pagination .next {
	    position: absolute;
	    right: 0;
	    top: 0;
	    margin: 8px 10px 0 0;
	}
	
	#checkout.pagination {
	    height: 42px;
	    clear: both;
	}


/*-- 5 PROMOITEMS --*/

#promobar03 {
	z-index: 0;
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
/*	behavior: url(css/css3/css3.php);*/
}

#promobar04{

}

#sidebarRight h2.module_header {
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
}

#sidebarRight .module_content {
	padding: 0px 10px 0px 10px;
	font-size: 12px;
	line-height: 16px;
}

#sidebarRight .button-action a {
	padding: 10px 0px 10px 10px;
}

#sidebarLeft, #sidebarRight {
	float: left;
	position: relative;
	overflow: hidden;
}

#promobar03, #promobar04, #promobar05 {
	display: block;
	overflow: hidden;
	position: relative;
}


#promobar05 .sitemap a { color: #666; }

#promobar05 .sitemap li {
	background: none;
	border: 0;
}

#promoRandom { padding: 20px 0 10px 33px; }

#promoRandom .products {
    width: 95px;
    margin: 0 15px 0 0;
    float: left;
}


/*-- 6 TOOLBAR --*/

.toolbar {
	line-height: 0;
	font-size: 0;
	display: block;
}

.toolbar .icon { display: block; }

.buttonbar {
    bottom: 15px;
    left: -17px;
    height: 43px;
    margin-bottom: 15px;;
    top: 15px;
    position: relative;
}

.logo_small {
	position: absolute;
	right: 6px;
	bottom: 4px;
}

#sitemap {
    color: #fff;
    line-height: 20px;
}

#sitemap .sitemapColumn {
    float: left;
    width: 158px;
    display: inline;
    border-left: solid 1px #fff;
    padding-left: 20px;
}

#sitemap .sitemapColumn ul { list-style: none; }

#sitemap .sitemapColumn ul li {
    width: 160px;
    font-size: 11px;
    overflow: hidden;
}

#sitemap .sitemapColumn ul li a,
#sitemap .sitemapColumn li a:hover {
    color: #666;
}

.contentContainer { margin: 0 0 24px 0; }

/* -------->> Promoitems <<<----------*/
.module {
	overflow: hidden;
	float: left;
	position: relative; /*needed for css3pie*/
}

h2.module_header {
	padding-top: 8px;
	padding-bottom: 5px;
	position: relative;
}

h2.module_header a:hover { color: #fff; }

.module a { color: #fff; }

.module ul li a:hover { text-decoration: none; }

.module form, .module fieldset {
    margin: 0px;
    width: auto;
}

.module label {
    font-size: 1.1em;
    margin: 2px 0;
}

.module input {
    border: solid 1px #D7DEE0;
    font-size: 1em;
}

.module form button { margin-top: 4px; }

.module form legend { display: none; }

.module form ul li {
    overflow: hidden;
    padding: 0 0 3px 0;
    margin: 0;
    list-style: none;
}

.module .error { font-size: 1.1em; }

.module.promoCheckOut { font-size: 11px; }

.module.promoCheckOut ol { list-style: none; }

.module.promoCheckOut li img {
    width: auto;
    height: auto;
    float: left;
}

.module.promoCheckOut ol li a { display: block; }

.promo.promoCheckOut ol li {
    border-bottom: solid 1px #ccc;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.module.promoCheckOut p {
    width: 100%;
    overflow: hidden;
    margin: 0 0 5px 0;
    color: #E5E5E5;
}

.module.promoCheckOut .price {
    float: right;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
}

.module.promoCheckOut .remove { float: right; }

.module.promoCheckOut .total { font-weight: bold; }

#promoTab { overflow: hidden; }


/*-- 7 ACCORDION --*/

#accordion {
    margin-top: 12px;
    font-size: 12px;
}

#accordion div {
    padding-left: 25px;
}

#accordion h3 {
    cursor: pointer;
    line-height: 2em;
    padding-left: 25px;
    background: url(../img/databuilder/arrow_right.png) no-repeat top left;
}

#accordion h3.open { background: url(../img/databuilder/arrow_down.png) no-repeat top left; }

.js #accordion div { display: none; }

/*- 8  --*/

/*- 9 SHOPPINGBASKET --*/

.checkOutContainerOdd {
    padding: 8px 5px 4px 10px;
    background: #FFF;
}

.checkoutContainerEven {
    padding: 8px 5px 4px 10px;
    background: #f6f6f6;
}

.checkOutContainerTotal {
    margin: 15px 0 10px 0;
    padding: 5px 0 8px 8px;
    border-top: 1px solid #e2e2e2;
    background: #f6f6f6;
}

.checkOutContainerOdd, .checkoutContainerEven, .checkOutContainerTotal {
    width: 100%;
    overflow: hidden;
    font-size: 12px;
    border-bottom: 1px solid #e2e2e2;
}

.checkOutContainerTotalHolder {
    width: 30%;
    margin: 0 0 0 475px;
    overflow: hidden;
    position: relative;
}

.checkOutContainerTotal .totalArticles {
    border-bottom: 1px dotted #8b8b8b;
    padding: 0 0 2px 0;
    margin: 0 0 4px 0;
}

.checkOutContainerTotal .subTotal {
    padding: 0 0 2px 0;
    margin: 0 0 2px 0;
}

.checkOutContainerTotal .freightCosts {
}

.checkOutContainerTotal .totalAmount {
    border-top: 1px dotted #8b8b8b;
    padding: 2px 0 0 0;
    margin: 4px 0 0 0;
}

.checkOutContainerTotal .priceHolder {
    position: absolute;
    right: 0px;
    width: 100px;
    text-align: right;
}

#checkOut {
    border-top: 1px solid #e2e2e2;
}

#checkOut .article, #checkOut .amount, #checkOut .price {
    float: left;
    margin-right: 10px;
    display: block;
}

#checkOut .article a {
    color: #626262;
    text-decoration: underline;
}

#checkOut .article img {
    float: left;
    margin: 0 10px 6px 0;
}

#checkOut .bold {
    font-weight: bold;
    color: #333;
}

#checkOut .article {
    width: 50%;
}

#checkOut .amount {
    text-align: left;
    width: 8%;
}

#checkOut .action {
    width: 10%;
    float: right;
    display: block;
    margin-right: 10px;
}

#checkOut .price {
    width: 10%;
    font-size: 12px;
    color: #333;
}

#shoppingcardSteps {
    margin: 0 0 20px 0;
    padding: 5px 0;
    background: #f6f6f6;
    border-bottom: 1px solid #e2e2e2;
}

#shoppingcardSteps li {
    font-size: 13px;
    margin: 0 0px 6px 12px;
    display: inline;
}

#shoppingcardSteps li.active {
    background: #fff;
    border-left: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    border-bottom: 1px solid #FFF;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
}

.shoppingFieldset {
    width: 350px;
    margin: 0 24px 12px 0;
    float: left;
    border: none;
}

.shoppingFieldset ul {
    list-style: none;
    padding: 10px 0;
}

.shoppingFieldset li {
    overflow: hidden;
    padding: 5px 0;
    font-size: 10px;
}

.shoppingFieldset label {
    float: left;
    display: inline;
    width: 120px;
    font-size: 12px;
}

.shoppingFieldset label.inline {
    float: none;
    width: auto;
    cursor: pointer;
    vertical-align: middle;
}

.shoppingFieldset.alternative {
    margin: 0 0 0 -24px;
}

.js #alterAfleveradres {
    display: none;
    margin: 0;
}

#clientInformation {
    margin: 0 0 12px 0;
    overflow: hidden;
}

#alterClient {
    float: right;
    margin: 0;
    overflow: hidden;
}

#clientInformation input, #alterAfleveradres input {
    width: 200px;
    border: solid 1px #b8b8b8;
    height: 14px;
}

#clientInformation textarea {
    width: 200px;
    height: 80px;
    border: solid 1px #b8b8b8;
}

.radioFloater { /*safaribug fix, radiobtns */
    float: left !important;
    width: 30px !important;
}

.continueShopping {
    margin-top: 15px;
    text-align: center;
}

#payMethodFieldset input {
    float: left;
}

#payMethodFieldset label img {
    float: left;
    margin: -5px 5px 0 5px;
}


/*-- 10 FLASH --*/

.flashHolder {
    margin: 12px 0;
}


/*-- 11 IMAGEGALLERY --*/

ul#imageGallery {
    list-style: none;
    margin: 0 0 10px 0;
    overflow: hidden;
}

ul#imageGallery li {
    display: block;
    float: left;
    margin: 0 5px 5px 0;
}

/*TOM 14feb2011 : turned off, never set dimensions on a IMG-tag through css... we have the image_generator for this...
ul#imageGallery li img {
    width: 140px;
    height: 105px;
}
*/

/*-- 12 NEWSLETTER --*/

.js #newsLetterSignOut {
    display: none;
}

#newsLetterSignOut .alert {
    font-size: 12px;
    line-height: 14px;
    width: 395px;
    margin: 10px 0;
    display: none;
}

form#newsLetterSignOut, form#newsLetterSignUp {
    width: 430px;
}

#continue {
    float: left;
    margin-top: 12px;
    font-size: 10px;
}

#continue a {
    color: #000;
    font-weight: bold;
}

.contactBtn { margin-right: 30px; }

/*-- 13 LIVEBOX --*/

.livemessage.reactie { margin-bottom: 3px; }

.livemessage.reactie h3 { font-size: 1.2em; }

.livemessage.reactie h3,
.livemessage.reactie h3 time {
	font-style: italic;
	color: #999;
}

.livemessage.reactie p.user {
    color: #666;
    font-size: 90%;
}

.livemessage.reactie p {
    font-size: 1.2em;
    margin-bottom: 8px;
}

#LiveMessageForm input.text, #LiveMessageForm textarea {
    width: 300px;
}

#LiveMessageForm input.text, #LiveMessageForm textarea {
    border: 2px solid #b2b2b2;
    font-size: 100%;
    color: #666;
    background: #fff;
    font-family: Trebuchet MS;
}

#LiveMessageForm .label {
    color: #666;
    font-size: 12px;
    font-family: Trebuchet MS;
}

/*-- 14 PRETTYPHOT POPUP SCREENS --*/
#popUp {
    color: #666;
    padding: 0;
    font-size: 12px !important;
    font-family: "Trebuchet MS";
}

#popUp h2 { color: #95C11F; }

#popUp p {
    margin: 3px 0 3px 0;
}

#popUp a {
    color: #666;
}

#popUp form fieldset {
    width: 400px;
}

#popUp form input, #popUp form textarea {
    width: 230px;
}

#popUp .small {
    font-size: 10px;
}

#popUp #continueShopping {
    margin-left: 50px;
}

#tellaFriendMessage {
    margin: 12px 0;
    font-size: 11px;
    width: 350px;
}

#popupTellaFriend label{
	width: 120px;
	float: left;
}

/*
#popUp form #addlivemessage input, #popUp form #addlivemessage textarea {
	margin: 5px 0;
}

#popUp form input, #popUp form textarea {
	margin: 5px 0;
}
*/

/*-- 15 FORMS --*/

div.form-container label, div.form-container span.label {
    display: block;
    float: left;
    font-size: 1em;
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
    text-align: left;
    width: 130px;
}

.contact_keuze {
    margin-left: 150px;
}

.widthlabel input {
    width: 585px !important;
}
.widthlabel textarea {
    width: 534px !important;
}
.widthlabel label {
    width: 84% !important;
}
.formitemthree label {
    width: 160px !important;
}
.formitemtwo {
    float: left;
}
.formitemtwo label {
    width: 88px !important;
}
.formitemtwo input {
    margin-right: 0 !important;
    width: 137px !important;
}
.forumitemzalen {
    float: left;
}
.forumitemzalen label {
    width: 100px !important;
}
.forumitemzalen input {
    margin-right: 0 !important;
    width: 212px !important;
}
.forumitemzalensmall {
    float: left;
    margin: 0 20px 0 0;
}
.forumitemzalensmall label {
    width: 88px !important;
}
.forumitemzalensmall input {
    margin-right: 0 !important;
    width: 40px !important;
}
.formitemthree {
    float: left;
    margin: 0 15px 0 0;
    width: 233px !important;
}
.formitemthree input {
    margin-right: 10px;
    width: 100% !important;
}
.aanhef {
    float: left;
    width: 120px;
}
.aanhef .selector {
    margin-left: 0;
    margin-top: 3px;
}
.aanhef span {
    float: left;
    line-height: 20px;
    width: 25px !important;
}
.straatform, .huisnrform {
    float: left;
}
.huisnrform input {
    width: 38px !important;
}
.straatform input {
    width: 336px !important;
}
.straatform .huisnrform input {
    width: 30px !important;
}
.voornaamform {
    float: left;
    width: 415px;
}
.voornaamform label {
    white-space: nowrap;
}
.voornaamform input {
    width: 256px !important;
}
.plaats, .postcode {
    float: left;
}
.plaats input {
    width: 314px !important;
}
.postcode input {
    width: 60px !important;
}

div.form-container label.error, div.form-container span.error {
    color: #CC0000;
}
div.form-container label em, div.form-container span.label em {
    color: #CC0000;
    font-size: 120%;
    font-style: normal;
    position: absolute;
    right: 0;
}
div.form-container input.error {
    background-color: #FFEEFF;
    border-color: #CC0000;
}
div.form-container input:focus, div.form-container input.error:focus, div.form-container textarea:focus {
    background-color: #FFFFCC !important;
    border-color: #FFCC66 !important;
}
div.form-container div.controlset label, div.form-container div.controlset input {
    display: inline;
    float: none;
}
div.form-container div.controlset div {
    margin-left: 134px;
}
div.form-container div.buttonrow {
    margin-right: 40px;
    width: 100px;
}
div.form-container textarea, div.form-container input.text{
    width: 433px;
}

div.form-container textarea, div.form-container input.text {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #B2B2B2;
    color: #666666;
    font-family: Trebuchet MS;
    font-size: 12px;
}

	fieldset textarea:focus, fieldset input.text:focus,
	fieldset input[type="text"]:focus { background: #f0f8fd; }

	fieldset input[type="checkbox"], fieldset input[type="radio"] {
		font-size: 1em;
		border: none !important;
		width: 14px !important;
		height: 14px !important;
		margin-right: 5px;
	}

	fieldset ul { padding: 10px 0; }

	fieldset li {
		padding: 5px 0;
		font-size: 1em;
		width: 100%;
		clear: both;
	}

	fieldset label.inline {
		float: left;
		width: auto;
		cursor: pointer;
		vertical-align: middle;
	}

	fieldset input.text {
		margin-right: 5px;
		height: 20px;
	}

	fieldset textarea, fieldset input.text { width: 400px; }

	fieldset input.textSmall {
		width: 150px;
		margin: 0 5px 2px 0;
		height: 20px;
	}

	fieldset textarea, fieldset input.text, fieldset input.textSmall {
		border: 2px solid #b2b2b2;
		font-size: 1.2em;
		color: #666;
		background: #fff;
	}

	div.form-container {
		margin-top: 12px;
		overflow: hidden;
	}

	div.form-container fieldset > div { padding: 4px 0; }

	p.legend {
		margin-bottom: 10px;
		font-size: 1.1em;
	}

	.form-container form p.note {
		margin-left: 130px;
		font-size: 0.9em;
		color: #333;
	}

	.form-container form p.error { margin: 2px 0 0 130px; }

	.form-container form fieldset {
		margin: 12px 0;
		padding: 12px 0;
	}

	.form-container form legend, #LiveMessageForm legend {
		color: #95C11F;
		font-size: 15px;
		margin: 0;
		padding: 0;
	}

	.form-container label, div.form-container span.label {
		margin-right: 10px;
		padding-right: 10px;
		width: 130px;
		display: block;
		float: left;
		text-align: left;
		position: relative;
	}

	.form-container label.error,
	.form-container span.error { color: #C00; }

	.form-container label em, div.form-container span.label em {
		position: absolute;
		right: 0;
		font-size: 1.2em;
		font-style: normal;
		color: #C00;
	}

	.form-container input.error {
		border-color: #C00;
		background-color: #FEF;
	}

	.form-container input:focus, .form-container input.error:focus, .form-container textarea:focus {
		background-color: #FFC !important;
		border-color: #FC6 !important;
	}

	div.form-container div.controlset label, div.form-container div.controlset input {
		display: inline;
		float: none;
	}

	div.form-container div.controlset div { margin-left: 150px; }

	div.form-container textarea, div.form-container input.text { width: 383px; margin-bottom: 0;}

	div.form-container textarea, div.form-container input.text {
		border: 2px solid #b2b2b2;
		font-size: 100%;
		color: #666;
		background: #fff;
		font-family: Trebuchet MS;
	}

/*-- 16 ROUTEPLANNER ------ */

/*directions gMaps form*/
#show-directions {
    width: 100%;
    margin-bottom: 6px;
}

#show-directions fieldset label {
    width: 45px;
    float: left;
    font-weight: 700;
    line-height: 32px;
}

#show-directions fieldset input.text {
    width: 272px;
    border: 1px solid #999;
    margin:0;
    font-size: 1.2em;
    color: #666;
    background: #fff;
    height: 18px;
    padding:3px 4px;
    float: right;
    line-height: 20px;
}


#map .GAddress {
    margin: 2px 0 0 0;
    font-size: 12px;
    color: #333;
}

#map .GInfo { margin-top: 2px; }

#map-text {
    margin-top: 12px;
    clear: both;
}

.gmapIcon {
    width: 23px;
    height: 23px;
    display: block;
    text-align: center;
    color: #FFF;
    background: url(/img/gmap/gmap_icon_selector.png) no-repeat;
}


/*-- 17 REVIEWS --*/

.reviews .linklist {
	padding-bottom: 12px;
	list-style: none;
}

.review_item { padding: 18px 0 12px; }

.review_item_header {
	background: url(../img/css/achtergronden/review_item_header_bg.jpg) repeat-x left 1px;
	border-top: #ccc solid 1px;
	border-bottom: #f4f7f8 solid 2px;
	padding: 12px 0 0 12px;
}

.review_item_header h3 { 
	color: #ff7400;
	padding-right: 12px;
}

.review_item_header .review_item_details { 
	list-style: none;
	padding: 6px 0 12px;
}

.review_item_details li {
	border-left: #e0e4e7 solid 1px;
	height: 1em;
	list-style: none;
	padding: 0 7px;		
}

.review_item_details li:first-child {
	border: 0;
	padding-left: 0;
}

.review_item_assessments,
.review_item_assessments p { padding: 12px 0; }

.review_item_assessments p {
	border: #f4f7f8 solid;
	border-width: 2px 0;
	margin-top: 12px;
}

.review_subject, .review_item_details li,
.strength, .weakness {
	color: #626262;
	font-size: 0.9em;
	padding-bottom: 1px;
}

.review_stars {
    margin-right: 14px;
	padding: 0;
	width: 80px;
}

.star_full, .star_half, .star_empty { 
	background: url(../img/css/iconen.png) no-repeat -720px -120px;
	height: 14px;
	width: 16px;
}

.star_half { background-position:  -720px -180px; }

.star_full { background-position: -720px -240px; }

.review_stars_active div {
	cursor: pointer;
	float: left;
}
 
.review_item_sw {
	padding: 12px 0;
	width: 50%;
}

.strength span, .weakness span {
	background: url(../img/css/iconen.png) no-repeat -240px -178px;
	display: inline;
	height: 12px;
	padding-left: 16px;
	width: 12px;
}

.weakness span { background-position: -660px -178px; }


/*-- 18 FOOTER --*/



#footer {
	position: relative;
    height: 50px;
    background-color: #E7E2DD;
	position: relative;
	top: 20px !important;
	margin-bottom: 40px;
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
/*	behavior: url(css/css3/css3.php);*/
}

#footer p{
	font-size: 11px;
	color: #333;
	margin: 20px 20px 0 0;
}

#footer a{
	color: #95C11F;
}

#footer a:hover{
	text-decoration: underline;
}

#payoff {
    position: absolute;
    width: 100%;
    height: 50px;
    top: 0;
    right: 0;
    background: url(../img/css/payoff.png) no-repeat top right;
}
#footer_sponsors {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	width: 300px;
}

#footer_sponsors img {
	height: 30px;
	float: left;
}

#payoff a {
    display: block;
    text-indent: -9999em;
    overflow: hidden;
    height: 51px;
}

#addressLine {
    position: relative;
    /*z-index: 2;*/
    padding: 12px 0;
    text-align: center;
}

#addressLine a {
    color: #ff7f00;
    font-weight: bold;
}

#addressLine ul li {
    display: inline;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px #A8A8A8 solid;
}

#colofon {
    color: #777;
    text-align: center;
}

#colofon a {
    color: #777;
}



#footerMenu {
    width: 100%;
    overflow: hidden;
    margin: 24px 0 12px 0;
    font-size: 1.0em;
}

#footerMenu ul {
    float: left;
    margin: 0;
    padding: 0 0 0 24px;
    width: 155px;
    list-style: none;
}

#footerMenu ul a {
    display: block;
    font-size: 1.1em;
    width: 100%;
    color: #666;
    font-weight: bold;
}


/*-- 19 SITEMAP --*/

#sitemap {
    width: 100%;
    overflow: hidden;
    color: #97AFB3;
    font-size: 12px;
    line-height: 20px;
}

#sitemap ul {
    float: left;
    width: 168px;
    margin: 0 12px 12px 0;
}

#sitemap ul li {
    list-style: none;
}

#sitemap ul li a {
    color: #97AFB3;
}

#sitemap ul li a:hover {
    color: #6A8D93;
}



#tabs .accordion, #tabs .accordion2 {font-family: arial;clear: both; /*clear: both: willemfix op verzoek van frenzy*/ }
#tabs .accordion h3, #tabs .accordion2 h3{ font-weight: normal; color:#736357; line-height:1.5em; padding:0 0 0 15px; background: url(../img/css/accordion_h3.gif) no-repeat;  }
#tabs .accordion h3.arrow_down, #tabs .accordion2 h3.arrow_down{ background-position: left -60px;}
#tabs .accordion h3:hover, #tabs .accordion2 h3:hover{ cursor: pointer; }
#tabs .accordion div, #tabs .accordion2 div  { color:#BFAB9F; font-size:13px; margin:0 0 3px 0; padding:0 0 0 15px;}

/* SOCIAL MEDIA */

.socialmedia_toolbar {
	position: relative;
	left: 6px;
	float: left;
}

.socialmedia_toolbar a {
	margin: 0px;
	padding: 0 2px;
}


#magicbanner .socialmedia_toolbar {
	z-index: 12000;
}

a.toolbar_google {
    background-position: -720px -480px;
}

a.toolbar_google:hover 
{background-position: -720px -540px;} 

a.toolbar_youtube { 
	background-position: -0px -420px;
	width:40px;
}

a.toolbar_youtube:hover { background-position: -0px -360px; }


a.toolbar_twitter { background-position: -0px -240px; }

a.toolbar_twitter:hover { background-position: -0px -300px; }

a.toolbar_facebook { background-position: -60px -240px; }

a.toolbar_facebook:hover { background-position: -60px -300px; }

a.toolbar_linkedin { background-position: -120px -240px; }

a.toolbar_linkedin:hover { background-position: -120px -300px; }

a.toolbar_rss { background-position: -180px -240px; }

a.toolbar_rss:hover { background-position: -180px -300px; }

a.toolbar_hyves { background-position: -240px -240px; }

a.toolbar_hyves:hover { background-position: -240px -300px; }


/**-- 20 EXCEL--**/

table#excel_sheet { font-size: 11px; font-family:Helvetica neue; color: #fff; margin: 10px 0px;}

table#excel_sheet tr:first-child { font-size:12px; }

table#excel_sheet tr .even { color:#000; background-color:#fff; }

table#excel_sheet tr .odd { color:#fff; background-color:#a5a5a5; }

table#excel_sheet tr td.first_child { font-weight: bold; }

table#excel_sheet .ubb-italic { font-style: oblique; }

table#excel_sheet .ubb-bold { font-weight: bold; }

table#excel_sheet .ubb-small { font-size: 9px; }

table#excel_sheet .ubb-strike {
	text-decoration: line-through;
	font-size: 14px;
}

/**-- 21 CUSTOM CSS --**/
	
.button-margin {
	margin-left: -8px;
}

.textblock{
	width: 344px;
	height: 119px;
	background-color: #95C11F;
	padding: 15px 20px 47px;
	float: left;
	position: relative;
	margin: 4px 4px 0 0;
	overflow: hidden;
}

.tablepagewrapper{
	/*background-color: #95C11F;*/
	width: 542px;
	padding: 0px 0px;
	min-height: 662px;
	_height: 662px;
	float: right;
}


.photoWrapperTable{
	width: 386px;
	float: left;
}

#photoLarge {
	margin-right: 4px;
}

#photoLarge2, #photoLarge3, #photoLarge4, #photoLarge5{
	float: left;
}

#photoLarge3 {margin: 4px 4px 0 0;}

#photoLarge4 {margin: 4px 4px 0 0;}
 
#photoLarge5 {margin: 4px 0 0 0; }

.photoTable1, .photoTable2, .photoTable3, .photoTable4, .photoTable5{
	float: left;
}

.photoTable1, .photoTable2,.photoTable3{ /*margin-bottom: 4px;*/ }

.photoTable2,.photoTable4{ /*margin-right: 4px;*/ }

#pagelayout .image_container {
	float: left;
	display: inline-block;
	position: relative;
	font-size: 0;
}

#pagelayout .image_container .logo_small {
	bottom: 6px;
}

#pagelayout .socialmedia_toolbar {
	position: relative;
	left: 6px;
}


.textwrapper .text { color: #706F6F; margin-bottom: 0; }

.infoWrapper {
	width: 444px;
	height: 103px;
	line-height: 16px;
	margin: 0 4px 4px 0;
	padding: 15px 20px 47px;
	background: #95C11F;
	position: relative;
	z-index: 1;
	position: relative;
}


.infoWrapper #pagetitle { font-weight: bold; }

.collectionBlock{
	width: 488px;
	height: 169px;
	float: left;
}

.textwrapper .socialmedia_toolbar {
	position: absolute;
	bottom: 10px;
	left: 15px;
}

#pagelayout .image_container h2 {
	position: absolute;
	bottom: 6px;
	left: 8px;
	color: #bebebe;
	font-size: 11px;
}


#bg {
    left: 0;
    min-height: 100%;
    min-width: 100%;
    position: fixed;
    top: 0;
    z-index: -999;
}