/* Nieuwe lay-out */

body{ background: #4085b5; }

h1{ font: 21px Calibri, Arial; font-weight: bold; color: #e2007a; }
	h1.normal{ font-weight: normal; }

h2,h3,h4{ font: Calibri, Arial }

div#winkelmandje-fixtop, div#winkelmandje { margin-top: 40px; }
div#winkelmandje-content{ margin-top: 53px; }
div#winkelmandje-bg{ margin-top: 42px; }

div#winkelmandje-fixtop {background-color: #4085b5;; }
	div#winkelmandje-fixtop img{ display: none; }


/* Menu boven */
div.custom-cms-top-header{ position: relative; }
div#custommenu{ position: absolute; top: 0px; right: 0px; } 
div#custommenu ul{ list-style-type: none; position: relative; }
	div#custommenu ul li{ float: left; }
		div#custommenu ul li a{ color: white; text-decoration: none;  background-color: transparent; margin: 0px 5px; text-transform: lowercase; border: none; font-weight: normal; }
			div#custommenu ul li a:hover{ text-decoration: underline; background-color: transparent; border:none; }
			div#custommenu ul li a.active{ background-color: transparent; text-decoration: underline; }



div#bgcontent{ border-right: none; background: none; }
div#bgcontainer{ background: #4085b5; }

div#header-top{ background: #4085b5; height: 21px; }
	div#header-top img{ display: none; }
div#header-midden{ background: #4085b5; height: 101px; }
	div#header-midden img  {display:none;}
div#header-onder{ background-color: none; }
	div#header-onder img  {display:none;}

div#header div#header-boven{ height: 115px; }

div#header{ margin-top: 0px; margin-left: -1px; margin-top:-156px;}
div#header div#header-beneden{ background: white url("custom_images/content-boven_2.jpg") no-repeat;  height: 44px; position: relative; height: 34px; }
	div#header div#header-beneden ul#menu{ position: absolute; left: 0px; top: 0px; margin-left: 0px; width: 970px; padding: 0px 5px 0px 5px; height: 39px; }
	
		div#header div#header-beneden ul#menu li{ padding: 6px 0px 0px 0px; height: 28px; border: none; line-height: 34px; vertical-align: middle; margin-right: 5px; }

			div#header div#header-beneden ul#menu li a{ font: 13px Arial; text-transform: lowercase; border: none; display: block; line-height: 16px; height: 19px; }
			
			div#header div#header-beneden ul#menu li:hover a,
			div#header div#header-beneden ul#menu li a:hover,
			div#header div#header-beneden ul#menu li a.active{ background-color: #e2007a; cursor: default; border: none; }

div#content{ width:999px; background: white url("custom_images/footer.jpg") no-repeat bottom; margin-bottom: 15px; clear: both; }

div#breadcrumbs{ font: 12px Arial; position:absolute; top: 43px; left: 15px; color: black; z-index: 999; }
div#breadcrumbs a{ color: black; font: 12px Arial; }
	div#breadcrumbs a:hover{ color: #e2007a; }

/* Content links */

div#content-links{ padding-left:0px; width: 210px; }
	div#content-links h2{ font: 16px Arial; display: none; }
	

	ul#submenu{ width: 200px; background: #fce8f3 url("custom_images/submenuhoekje_boven.jpg") no-repeat top; float: left; padding-top:10px; font: 13px Calibri, Arial; }

	ul#submenu li.last{ padding-bottom: 20px; background: #fce8f3 url("custom_images/submenuhoekje_onder.jpg") no-repeat bottom; border-bottom: none; }
		ul#submenu ul.submenu-uitklap li.last{ background: none; padding: 0px; }
	
		ul#submenu li{ border-bottom: none; width: 200px; }
			ul#submenu li a{ width: 182px;}
			
			
			ul#submenu li a.active{ background-color: #f4a7d2; cursor: default; width: 182px;}
	
	/* Uitklapmenu achtergrond */
	ul#submenu li ul.submenu-uitklap, 
	ul#submenu li ul.submenu-uitklap.disp{ border-bottom: 1px solid #f4a7d2; background: #fdf1f8;  }
	
	ul#submenu li ul.submenu-uitklap li{ margin-left: 10px;}
		ul#submenu li ul.submenu-uitklap li a{ padding-left: 10px; width: auto; }
	

	ul#submenu li ul.submenu-uitklap li.active{ width: 180px; text-decoration: underline; }
	
	ul#submenu li ul.submenu-uitklap li a:hover, ul#submenu li ul.submenu-uitklap li.hasinner a:hover{ background-color: inherit ;width: 170px; color: #172983; }

	
	ul#submenu li ul.submenu-uitklap li{
		background: url("/graphics/16/custom_images/menu_boom2.jpg") no-repeat;
		background-position-x: 0px; 
		background-position-y: -7px;
	}

	ul#submenu li ul.submenu-uitklap li.last{
		background: url("/graphics/16/custom_images/menu_boom2_last.jpg") no-repeat;
		background-position-x: 0px; 
		background-position-y: -7px;
	}
	
	ul#submenu li a, 
	ul#submenu li a.active,
	ul#submenu li ul.submenu-uitklap li a, 
	ul#submenu li ul.submenu-uitklap li.active a,
	ul#submenu li ul.submenu-uitklap li.hasinner ul li.active a,
	ul#submenu li ul.submenu-uitklap li.hasinner ul li.ss-sub a:hover,
	ul#submenu li ul.submenu-uitklap li.hasinner ul li.ss-sub a{ color: #172983; color: #172983 !important; }

	ul#submenu li a:hover{ color: white; color: white !important }
	ul#submenu li.active a:hover{ color: #172983; color: #172983 !important; }

	/* hover voor 2e niveau met uitklap */
	ul#submenu li ul.submenu-uitklap li.hasinner a:hover{ font-weight: bold; }
	
	/* geselecteerd subitem hover*/
	ul#submenu li ul.submenu-uitklap li.active a:hover{ cursor: default; }
	ul#submenu li a.active{ font-weight: bold; }

	ul#submenu li a.active, ul#submenu li a.active:hover{ background-image: url("/graphics/16/custom_images/submenu-pijltje-active.png"); }
	
	ul#submenu li ul.submenu-uitklap li.hasinner a{ background: none; }
	ul#submenu li ul.submenu-uitklap li ul li.ss-sub{ padding-left: 5px; }
	 
	
/* Content midden */

div#content-midden{ width: 542px; border-right: 1px solid #dcdcdc; }

div#content-midden a{ color: #172983; }
div#content-midden a:hover{ color: #e2007a; text-decoration: underline; }

div#content-midden div.button-bg-klein a, div#content-midden div.button-met-opties a{ color: white; text-decoration: none; }


/* Content rechts */

div#content-rechts{ width: 223px;  border-left: 1px solid #dcdcdc; min-height: 600px; background: white; position: relative; left: -1px; }

	div#content-rechts div.blok{ margin-bottom: 10px; font: 13px Arial; line-height: 150%; }
		
		div#content-rechts div.blok h5{ color: #e2007a; font: 13px Arial; line-height: 150%; font-weight: bold; }
		
div.blok,
div.blok-first,
div.blok-last{ width: 205px; border:none; padding: 8px; }


div.blok-first h2, div.blok h2{ font: 15px Arial; margin-bottom: 10px; }

	input.zoeken{ width: 158px; margin: 1px 0px 0px 1px; height: 26px; }
	input.zoeken-knop{ margin-left: 149px; cursor: pointer; background: url("/graphics/16/custom_images/zoekbutton-rechts.png") no-repeat 47px;}
	div#zoeken .zoekimg{ margin-left: 198px; display: none; }
		div#zoeken #searchloader img{ margin-left: -15px; }
		
	div.blok a.terugbellen{ display: none; }

	div#logovak{ background: none; width: 194px; }
	div#logovak div#vakboven{ background: none; }
	div#logovak div#vakonder{ background: none; }



	.ipublogo{ position: absolute; bottom: 20px; right: 20px; }



/* Centreren lay-out */

div#container{ width: 999px; margin: 0 auto; height: auto; }
div#content{ width: 999px; }



/* Foto in header weg */

div#header div#header-boven img#img-frame{ display: none; }
div#header div#header-boven img#img-foto{ display: none; }

div#header{border-bottom:none; height: auto; }



/* Foto en beschrijving omdraaien */

div#content-midden{ position: relative; padding-top: 40px; }

div#product-beschrijving{ float:right; width: 255px;}
	div#product-beschrijving p{ margin-left: 8px; width: 245px; }
div#product-foto-opties{ float:left; position: relative; margin: 0px; }



/* Oude categorieweergaven */

ul.productlijst-groot li:hover a div, ul.productlijst-groot li:hover a h2, ul.productlijst-klein li:hover a{ color: black; }

div#content-midden div.weergavecontainer{ margin: 5px 0px 0px 0px; position: relative; left: -2px; }
div.weergavecontainer div.view a{ position: relative; left: 80px; }

div.view a.default,
div.view a.blocks,
div.view a.grid{ display: none; }

/* Nieuwe categorieweergave */

div.custom-prod-view{ }

div.custom-prod-view ul{ width: 555px; list-style-type: none; overflow-x: none; }
div.custom-prod-view ul li{ width: 158px; height: 170px; float: left; margin-right: 15px; margin-bottom: 15px; background: white; border: 1px solid #c2c2c2; position: relative; text-align: center; padding: 5px; /*z-index: auto;*/ }

div.custom-prod-view ul li:hover{ border: 1px solid #e2007a; cursor: pointer; }

div.custom-prod-view ul li span.prijs{ position: absolute; right: 5px; top: 5px; color: #e2007a; font-size: 11px; font-weight: bold; }
div.custom-prod-view a{ color: #172983; text-decoration: none; font-size: 11px; }
div.custom-prod-view a:hover{ color: #e2007a; text-decoration: none; }
div.custom-prod-view ul li a img{ border: none; padding: 15px 0px 5px 0px; position:relative; z-index: 25; }


div.custom-prod-view ul li div.infobutton{ background: #e2007a; width: 20px; height: 20px; position: absolute; left: 5px; top: 5px; color: white; font: 14px Georgia; line-height: 20px; }

		div.custom-prod-view ul li div.infobutton:hover div.omschrijving { display: block; z-index:100; }


	div.custom-prod-view ul li div.omschrijving{ display:none; background: white; text-align:left; width: 258px; position: absolute; top: 10px; left: 10px; border: 1px solid #e2007a; color: black; padding: 5px; font: 12px Arial; line-height: 150%;}
	
/* IE 7 ONLY */   *:first-child+html div.custom-prod-view ul li div.infobutton{ background: #e2007a; width: 20px; height: 20px; position: absolute; left: 5px; top: 5px; color: white; font: 14px Georgia; line-height: 20px; z-index: 999 !important; }
/* IE 7 ONLY */   *:first-child+html div.custom-prod-view ul li a img{ border: none; padding: 15px 0px 5px 0px; position:relative; }
/* IE 7 ONLY */   *:first-child+html div.custom-prod-view ul li div.omschrijving{ display:none; background: white; text-align:left; width: 258px; position: absolute; z-index: 35; top: 10px; left: 10px; border: 1px solid #e2007a; color: black; padding: 5px; font: 12px Arial; line-height: 150%; z-index: 999 !important;}
	
        
               
div.custom-prod-view ul li div.omschrijving span.omschrijvingprijs{ display:block; position: absolute; right: 5px; bottom: 5px; color: #e2007a; font-weight: bold; }

div.custom-prod-view ul li div.infobutton div.knop{ position:relative; /*z-index: auto;*/ }
div.custom-prod-view ul li div.nee{ display: none; }


div#content-midden{ z-index: 20; }
div#content-rechts{ z-index: 19; }

div#content-midden div.weergavecontainer a.active,
div#content-midden div.weergavecontainer a:hover,
div#content-midden div.pagescontainer a.active,
div#content-midden div.pagescontainer a:hover{ color: white; }

div#content-midden div.pagescontainer a.nohover-left:hover,
div#content-midden div.pagescontainer a.nohover-right:hover{ color: #4085b5; }

h4.menu-cat-intro{ font: 12px Tahoma; color: black; line-height: 150%; margin-bottom: 25px; }	
.menu-cat-intro ul{ margin-left: 20px; }


/* Categorieweergave productlijst-groot */

div#content-midden ul.productlijst-groot h2{ margin-top: 5px; }     

		
		
/* Productweergave */

div#product-foto-opties{ margin-top: -10px; }

div#product-foto-opties div#productfoto img#prijslabel{ margin: -27px 0px 0px -15px; }
div#product-foto-opties div#productfoto img#deprijs{ margin: -16px 0px 0px 0px; }

div#productkleurmaatopties{ display:none; cursor: default; border: none; padding: 0px; }
	div#productkleurmaatopties:hover{ background: white; border: none; }

	div#productkleurmaatopties div.kleuren span.opties{ margin: 0px; }

div.rating-totaal{ display: none; }

div#product-buttons{ /* display: none; */ }
div#product-buttons .product-bg { display: none; }

div#product-beschrijving{ position: relative; }
	div.voorraadcheck-button,
	div.button-met-opties{ position: absolute; right: -10px; bottom: -60px; }
	div#product-beschrijving div#inloggen{ position: absolute; right: 20px; bottom: -60px; }
	
	div.geenvoorraad-button{ position: absolute; right: -10px; bottom: -60px; }
	
	.waitcursor .cart-black-out { margin-top: 20px; }
		
	div.no-opts-aantal{ margin-top: 16px; }
	div#product-beschrijving p a.ap{ font-weight: bold; text-decoration: none; }
	div#product-beschrijving p a.ap:hover{ text-decoration: underline; color: #e2007a; }


div.laatstbekeken{ margin-top: 75px; }
div#vanvoorprijs{ font: 13px Arial; }

div#content-midden div#inclexclprijs{ font-size: 12px; position:absolute; float: left; right: 280px; margin-top: 4px; color: #333; }

/* Statische pagina's */

div#content-midden{ font: 13px Arial; }
div#content-midden h2{ margin-top: 30px; font: 16px Calibri, Arial; }
div#content-midden h3{ font-family: Calibri, Arial; margin-top: 30px; }
div#content-midden p.ok{ border: 1px solid #dddc91; background-color: #fcf9c5; }



/* Registratieformulier */

form.reg label.geboortedatum, form.reg input.geboortedatum{ display: none; }
form.reg label.faxnummer, form.reg input.faxnummer{ display: none; }



/* Homepage */

body.homepage div#breadcrumbs{ display: none; }
body.homepage div#content-midden{ padding-top: 5px; }
body.homepage a img#homepage_afbeelding{ border: none; }



/* IE 7 ONLY */   *:first-child+html div.custom-prod-view * {
    z-index: auto !important;
    position: relative;
    display: block;
}
/* IE 7 ONLY */   *:first-child+html div.custom-prod-view ul li div.infobutton{
    position: absolute;
    z-index: 100 !important;
}

/* IE 7 ONLY */   *:first-child+html div.custom-prod-view ul li:hover  {
    z-index: 101 !important;
}

/* Winkelwagen */
div#content-midden div.progressbar-teksten a{ color: white; text-decoration: none; }
img.collapseimg{ display: none; }

span.inline-order-form{ background: #F4A7D2; }
a img#homepage_afbeelding{ border: none; }

	#slider a,
	#slider img{ border: none; }

#slider{ height: 520px; }
#sliderbg{ margin-bottom: 25px; }

ol#controls{ list-style-type: none; float: left; position:absolute; margin-left: 10px; top: 50px; }
	ol#controls li{ background-color: white; float: left; width: 20px; height: 16px; margin-right: 10px; border: 1px solid #ccc; text-align: center; line-height: 16px; }
	ol#controls li.current{ background: #e2007a; border: 1px solid #c71474; }
	ol#controls li.current a { color: white; }
	ol#controls li a{ text-decoration: none; color: black; font-weight: bold; }
	
	


/* CUSTOM */
div#product-beschrijving p{ line-height: 150%; }
#nth_prijzen{ margin-top: 23px; }
#nth_prijzen table{ margin-left: 5px; width: 255px; }
	#nth_prijzen table td{ line-height: 150%; font-size: 13px; vertical-align: top; font-family: Arial; }
	#nth_prijzen table td.small{ width: 50px; line-height: 150%; font-size: 10px; text-align: center; line-height: 10px; padding-left: 5px; color: #6a6a6a; font-weight: normal; text-transform: none; }
	#nth_prijzen table td.currency{ text-align: right; padding-left: 10px; }
	#nth_prijzen table tr.onze_prijs { font-weight: bold; text-transform: uppercase; }

.nth_voorraadstatus{ text-align: center; margin-top: -10px; cursor: pointer; color:#172983; font-weight: bold;}
	
.nth_overzicht{ border-collapse: collapse; width: 100%; }
.nth_overzicht tr.head td{ font-weight: bold; }
.nth_overzicht td{ vertical-align: top; border-bottom: 1px solid black; padding: 3px; }
.nth_overzicht th{ margin: 0px; }

div#content-midden div.multicat{ display: none; }

body.page-part-product div#content-midden h1{ border-bottom: 1px solid #e2007a; }

#headerafbeelding{ display:block; overflow: hidden; width: 999px; height: 230px; margin-bottom: 10px; }
	#headerafbeelding ul{ list-style-type: none; } 

	#headerafbeelding img{ border: none; }

#headerafbeelding_nav{ z-index: 9999; position: absolute; right: 0px; top: 202px; }
#headerafbeelding_nav a { color: white; display:block; float: left; border: 1px solid white; background: transparent; text-decoration: none; margin: 0 5px; padding: 3px 5px;  }
#headerafbeelding_nav a.activeSlide { color: #e2007a; background: transparent; border: 1px solid #e2007a;  }
#headerafbeelding_nav a:focus { outline: none; }	
	
body.homepage p.ok{ display: none; }

div#breadcrumbs{ top: 280px;}

div#sliderbg{ display: none; }
div#content-rechts div.searchcloud{ display: none; }
div#header-onder{ background: none; }

/* Winkelwagen */

#nth_winkelwagen-acties{ margin-top:10px; width: 537px; height:180px; margin-bottom: 10px; font-size: 12px; }
#nth_winkelwagen-acties div{ float: left; cursor: pointer; text-align: center; }
.nth_hidden{ display: none; }