@charset "utf-8";
/* CSS Document */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, 
img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th  {
	margin:0;
	padding:0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	font-family:Tahoma, Arial, Verdana;
	font-size:12px;
}

img {
	border:none;
}

ul {
	list-style:none;
}

h1 {
	font-size:14px;
	font-weight:normal;
	color:#000;
}

h2 {
	font-size:13px;
	font-weight:normal;
	color:#000;
}

h3 {
	font-size:12px;
	font-weight:normal;
	font-style:italic;
	color:#080808;
}

#container {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:995px;
	min-height:800px;
	height:auto !important;
	height:800px;
}

/*--- HEADER ---*/
#header {
	float:left;
	width:998px;
	height:108px;
}

#logo {
	float:left;
	margin-top:21px;
	margin-left:9px;
	width:358px;
	height:41px;
}

#header-img {
	float:left;
	margin-top:2px;
	margin-left:32px;
	width:589px;
	height:79px;
}

#mainmenu {
	float:left;
	margin-top:1px;
	margin-left:11px;
	background:url(images/menutop.png) left top repeat-x;
	width:977px;
}

ul#menutop {
	float:left;
	background:#FFFFFF;
	height:26px;
}

ul#menutop li {
	float:left;
}

ul#menutop li a:link, ul#menutop li a:visited, ul#menutop li a:active {
	float:left;
	display:block;
	background:url(images/menutop.png) left top repeat-x;
	height:26px;
	line-height:26px;
	margin-right:1px;
	padding-left:8px;
	padding-right:8px;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
}

ul#menutop li a:hover {
	background:url(images/menutop-hover.png) left top repeat-x;
	color:#000000;
}



#winkelwagen, #winkelwagen a {
	float:left;
	display:block;
	background:url(images/menutop.png) left top repeat-x;
	margin-left:-1px;
	padding-right:8px;
	height:26px;
	line-height:26px;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	border-right:1px solid #FFFFFF;
}

#winkelwagen a:hover {
	background:url(images/menutop-hover.png) left top repeat-x;
}

#winkelwagen img {
	float:left;
	margin-top:4px;
	padding-right:8px;
}

#contact a {
	float:right;
	display:block;
	background:url(images/menutop.png) left top repeat-x;
	padding-left:8px;
	padding-right:12px;
	height:26px;
	line-height:26px;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	border-left:1px solid #FFFFFF;
}

#contact a:active {
	background:url(images/menutop-hover.png) left top repeat-x;
	font-weight:bold;
}

#contact a:hover {
	background:url(images/menutop-hover.png) left top repeat-x;
}


/*--- CONTENT CONTAINER ---*/
#content-container {
	float:left;
	width:998px;
}

#bevindtzich {
	float:left;
	margin-top:10px;
	margin-left:13px;
	font-size:11px;
	color:#000000;
}

#breadcrumbs {
	float:left;
	margin-top:10px;
	margin-left:2px;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}

#breadcrumbs ul {
	list-style:none;
}

#breadcrumbs li {
	float:left;
	margin-left:5px;
}

#breadcrumbs a {
	color:#000000;
	font-size:11px;
	text-decoration:none;
	float:left;
}

#breadcrumbs a:hover {
	color:#ff0000;
}

#btw {
	float:right;
	margin-top:6px;
	margin-right:10px;
	font-size:11px;
	font-weight:bold;
}
	
#content-container-inner {	
	float:left;
	width:998px;
	min-height:500px;
	height:auto !important;
	height:500px;
}

/*--- CONTENT LINKS ---*/
#content-links {
	float:left;
	margin-top:13px;
	margin-left:11px;
	width:195px;
}

#zoeken input[type="text"] {
	float:left;
	width:163px;
	height:16px;
	padding-top:4px;
	padding-left:6px;
	color:#747474;
	font-size:11px;
	font-weight:normal;
	border:1px solid #d3d3d3;
}

#vergrootglas {
	float:left;
	margin-left:1px;
	width:22px;
	height:22px;
}

#producten {
	float:left;
	margin-top:9px;
	background:#eeeeee;
	width:178px;
	height:26px;
	padding-top:8px;
	padding-left:11px;
	font-size:14px;
	font-weight:bold;
	border:1px solid #d3d3d3;
}

ul#productenul, ul#productenul li.aktief ul {
	float:left;
	width:189px;
	border-left:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
}

ul#productenul li {
	float:left;

}

ul#productenul li a:link, ul#productenul li a:visited {
	float:left;
	display:block;
	background:url(images/bullet-producten.png) 11px center no-repeat;
	width:163px;
	height:22px;
	line-height:22px;
	padding-left:26px;
	color:#080808;
	font-size:11px;
	font-weight:normal;
	border-bottom:1px solid #d3d3d3;
	text-decoration:none;
	text-transform:uppercase;
}

ul#productenul li a:active, ul#productenul li a:hover {
	background:#d3d3d3 url(images/bullet-producten-hover.png) 9px center no-repeat;
	font-weight:bold;
}

ul#productenul li ul {
	position:absolute;
	margin-left:175px;
	display:none;
	width:167px;
	border:2px solid #696666;

}

ul#productenul li:hover ul {
	position:absolute;
	margin-left:175px;
	display:block;
	width:167px;
	z-index:100;
}

ul#productenul li.aktief ul {
	border:none;
}

ul#productenul li.aktief:hover ul {
	width:189px;
}



ul#productenul li ul li {
	float:left;
}

ul#productenul li ul li a:link, ul#productenul li ul li a:visited {
	float:left;
	display:block;
	background:#f6f6f6;
	width:141px;
	height:22px;
	line-height:22px;
	padding-left:26px;
	color:#484848;
	font-size:12px;
	font-weight:normal;
	border-bottom:1px solid #d2d2d2;
	text-decoration:none;
	text-transform:none;
}

ul#productenul li ul li a:active, ul#productenul li ul li a:hover {
	background:#d3d3d3;
	font-weight:bold;
}

/* actief menu */

ul#productenul li.aktief ul {
	display:block;
	position:relative;
	margin-left:0px;
}


ul#productenul li.aktief ul li a:link, ul#productenul li.aktief ul li a:visited {
	float:left;
	display:block;
	background:#eeeeee;
	width:161px;
	height:22px;
	line-height:22px;
	padding-left:28px;
	color:#484848;
	font-size:11px;
	font-weight:normal;
	border-bottom:1px solid #ccc;
	text-decoration:none;
	text-transform:none;
}

ul#productenul li.aktief ul li a:hover {
	
	color:#000;
	font-weight:bold;

}

/* einde actief menu */

#informatie {
	float:left;
	margin-top:-1px;
	background:#eeeeee;
	width:178px;
	height:26px;
	padding-top:8px;
	padding-left:11px;
	font-size:14px;
	font-weight:bold;
	border:1px solid #d3d3d3;
}

ul#informatie-ul {
	float:left;
	margin-top:-1px;
	width:189px;
	height:216px;
	background:#eeeeee;
	border-top:1px solid #ff0000;
	border-left:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
}

ul#informatie-ul li a:link, ul#informatie-ul li a:visited {
	float:left;
	display:block;
	background: url(images/bullet-informatie.png) 9px center no-repeat;
	width:163px;
	height:22px;
	line-height:22px;
	padding-left:26px;
	color:#080808;
	font-size:11px;
	text-decoration:none;
}

ul#informatie-ul li a:active, ul#informatie-ul li a:hover {
	text-decoration:underline;
}


/*--- CONTENT MIDDEN ---*/

#content-midden {
	float:left;
	margin-top:13px;
	margin-left:14px;
	width:596px;
}

#content-midden-inner {
	float:left;
	background:url(images/bg-contentmidden.png) left top repeat-y;
	width:594px;
	min-height:500px;
	height:auto !important;
	height:500px;
	border:1px solid #dedede;
}

#inner-content {
	float:left;
	width:413px;
}

#inner-content-tekst {
	float:left;
	margin-top:17px;
	margin-left:15px;
	width:380px;
	line-height:15px;
	color:#4c4c4c;
	font-size:11px;
	font-weight:normal;
	margin-bottom:20px;
}

#inner-content-tekst a:link, #inner-content-tekst a:active, #inner-content-tekst a:visited {
	color:#ff0000;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}

#actie {
	float:left;
	margin-top:8px;
	width:215px;
	height:69px;
}

#levering {
	float:left;
	margin-bottom:4px;
	width:186px;
	height:252px;
}

#slideshow {
	float:left;
	margin-top:-170px;
	margin-left:13px;
	width:192px;
	height:121px;
}

#merken {
	float:left;
	margin-left:1px;
	width:180px;
}

#onze-merken {
	float:left;
	margin-top:11px;
	margin-left:16px;
	margin-bottom:14px;
	color:#000000;
	font-size:14px;
	font-weight:bold;
}

ul#merkenul {
	float:left;
	width:180px;
}

ul#merkenul li {
	float:left;
}

ul#merkenul li a {
	float:left;
	margin-left:10px;
	display:block;
	width:160px;
	height:43px;
	text-align:center;
	border:1px solid #fff;
}

ul#merkenul li a:hover {
	background:#ff0000;
}

#nieuwe-pagina {
	float:left;
	margin-top:23px;
	margin-left:5px;
	width:591px;
	color:#595959;
	font-size:10px;
	font-weight:bold;
}

#nieuwe-pagina span {
	color:#ff0000;
	font-size:10px;
	font-weight:bold;
}


/*--- CONTENT RECHTS ---*/
#content-rechts {
	float:left;
	margin-top:13px;
	margin-left:14px;
	width:154px;
}

#keurmerk a {
	float:left;
	margin-top:1px;
	margin-left:1px;
	width:132px;
	height:48px;
}

#blok1 {
	float:left;
	margin-top:17px;
	background:url(images/blok1.png) left top no-repeat;
	width:154px;
	height:122px;
}

#blok1-inner {
	float:left;
	margin-top:9px;
	margin-left:4px;
	width:144px;
	height:102px;
	text-align:center;
}

#blok1-inner span {
	color:#ff0000;
	font-size:11px;
	font-weight:bold;
}

ul#blok1-ul {
	float:left;
	margin-top:20px;
}

ul#blok1-ul li {
	float:left;
	display:block;
	width:144px;
	color:#555555;
	font-size:10px;
	text-align:center;
}


#blok2 {
	float:left;
	margin-top:13px;
	background:url(images/blok2.png) left top no-repeat;
	width:154px;
	height:122px;
}

#blok2-inner {
	float:left;
	margin-top:8px;
	margin-left:4px;
	width:144px;
	height:102px;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

span.klein {
	font-size:10px;
	font-weight:normal;
}

span.rood {
	color:#ff0000;
	font-weight:bold;
}

#plus {
	float:left;
	margin-top:8px;
	margin-left:65px;
	background:url(images/plus.png) left top no-repeat;
	width:15px;
	height:15px;
}

#blok3 {
	float:left;
	margin-top:6px;
	background:url(images/blok3.png) left top no-repeat;
	width:154px;
	height:92px;
}

#blok3-inner {
	float:left;
	margin-top:14px;
	margin-left:4px;
	width:144px;
	height:102px;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

#nieuwsberichten {
	float:left;
	margin-top:24px;
	margin-left:10px;
	width:144px;
	height:150px;
	color:#ff0000;
	font-size:10px;
	font-weight:bold;
}

.nieuwsbericht a {
	float:left;
	margin-top:8px;
	color:#0a3265;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
}

.nieuwsbericht a:hover {
	text-decoration:underline;
}

.nieuwsbericht a span {
	margin-top:3px;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}


/*--- FOOTER ---*/
#footer {
	float:left;
	margin-top:42px;
	margin-left:11px;
	width:973px;
	height:70px;
	border-bottom:20px solid #ffffff;
}

#border {
	float:left;
	background:url(images/border.png) left top no-repeat;
	width:977px;
	height:3px;
}

#copyright {
	float:left;
	margin-top:26px;
	color:#080808;
	font-size:11px;
}

#footer-menu {
	float:right;
	margin-top:26px;
	margin-right:20px;
	color:#080808;
	font-size:11px;
	width:275px;
}

#footer-menu span {
	float:right;
	margin-top:3px;
}

#footer-menu a {
	color:#080808;
	font-size:11px;
	text-decoration:none;
}

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



/*--- INNER CONTENT INNER VOOR PRODUCTPAGINA'S ---*/

#content-midden-zonder {
	float:left;
	width:594px;
	min-height:500px;
	height:auto !important;
	height:500px;
	border:1px solid #dedede;
}

#inner-content-inner {
	float:left;
	margin-top:14px;
	margin-left:4px;
	margin-bottom:46px;
	width:585px;
	color:#4c4c4c;
	font-size:11px;
	font-weight:normal
}

#inner-content-inner a:link, #inner-content-inner a:visited, #inner-content-inner a:active {
	color:#ff0000;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}

#inner-content-inner a:hover {
	color:#000000;
}



/*--- PAGINA MERKEN ---*/

ul#merken {
	float:left;
	margin-top:10px;
	margin-left:1px;
	width:584px;
}

ul#merken li {
	float:left;
	margin-top:3px;
	margin-left:-1px;
	width:144px;
	height:49px;
	color:#000000;
	border:1px solid #dfdfdf;
}

ul#merken li:hover {
	background:#ff0000;
	color:#fff;
}

ul#merken li a:link, ul#merken li a:visited, ul#merken li a:active {
	color:#000;
	font-weight:normal;
}

ul#merken li a:hover {
	color:#fff;
	font-weight:normal;	
} 

ul#merken li a.mouseover_link:link, ul#merken li a.mouseover_link:visited, ul#merken li a.mouseover_link:active {
	display:block;
	width:144px;
	height:49px;
	float:left;
	text-decoration:none;
	z-index:100;
}

ul#merken li a.mouseover_link:hover {
	display:block;
	width:144px;
	height:49px;
	float:left;
	text-decoration:none;	
	color:#fff;
}

img.productimggif {
	position:absolute;
	margin-left:-395px;
	width:350px;
	height:86px;
	cursor:pointer
}

.merken-img {
	float:left;
	margin-top:4px;
	margin-left:4px;
	width:136px;
	height:29px;
	overflow:hidden;
}

.merken-tekst {
	float:left;
	margin-top:1px;
	margin-left:4px;
	width:136px;
	font-size:11px;
	text-align:center;
}

#merken-container {
	float:left;
	margin-top:4px;
	width:578px;
	height:235px;
}

#merken-vlak1, #merken-vlak2, #merken-vlak3, #merken-vlak4, #merken-vlak5, #merken-vlak6   {
	position:absolute;
	visibility:hidden;
	float:left;
	width:578px;
	height:235px;
	background:#757575;
	border:1px solid #dedede;
}

#merken-flash {
	float:left;
	margin-top:3px;
	margin-left:3px;
	width:283px;
	height:229px;
	overflow:hidden;
}

#merken-vlak-tekst {
	float:left;
	margin-top:8px;
	margin-left:8px;
	width:273px;
	height:216px;
	line-height:18px;
	color:#ffffff;
	font-size:11px;
}

/*--- PAGINA PRODUCTENOVERZICHT ---*/

#banner {
	float:left;
	margin-top:5px;
	width:560px;
	height:65px;
	overflow:hidden;
}

.product {
	float:left;
	margin-top:26px;
	width:553px;
	height:111px;
}

.product-titel {
	float:left;
	margin-top:10px;
	margin-left:3px;
	font-size:12px;
	color:#080808;
}

.product-border {
	float:left;
	margin-top:11px;
	width:551px;
	height:89px;
	border:1px solid #dedede;
}

.foto-klein {
	float:left;
	margin-top:4px;
	margin-left:5px;
	width:80px;
	height:80px;
	overflow:hidden;
}

.hoeveelheid {
	float:left;
	margin-top:27px;
	margin-left:15px;
	width:130px;
}

.prijs-per {
	float:left;
	margin-top:26px;
	margin-left:31px;
	width:134px;
	height:89px;
}

.kortingskeuze select {
	float:left;
	margin-top:10px;
	margin-left:4px;
}

.bestel {
	float:left;
	margin-top:9px;
	margin-left:4px;
}

.bestel input[type="text"] {
	float:left;
	margin-top:5px;
	width:40px;
}

span.m2 {
	float:left;
	margin-top:1px;
	margin-left:3px;
	font-weight:bold;
}

.winkelwagentje {
	float:left;
	margin-top:34px;
	margin-left:4px;
	width:53px;
	height:15px;
}

/*--- PAGINA PRODUCTENPAGINA ---*/

#product-zelf {
	float:left;
}

#zelf-border {
	float:left;
	margin-top:10px;
	width:545px;
	height:196px;
	border:4px solid #dedede;
}

#foto-groot {
	float:left;
	margin-top:7px;
	margin-left:8px;
	height:175px;
	width:175px;
	overflow:hidden;
}

#prijsperm2 {
	float:left;
	margin-top:18px;
	margin-left:17px;
	width:187px;
	height:65px;
	color:#080808;
}

#pakinhoud {
	float:left;
	margin-left:17px;
	width:159px;
	height:56px;
	color:#080808;
}

#hoeveelnodig a {
	float:left;
	margin-left:17px;
	width:200px;
	height:56px;
	color:#080808;
	font-weight:normal;
	text-decoration:underline;
}

#zelf-bestellen {
	float:left;
	margin-top:-58px;
	width:70px;
	color:#080808;
	font-weight:bold;
	
}

#zelf-bestellen input[type="text"] {
	float:left;
	margin-top:5px;
	width:40px;
	color:#080808;
}

#klein-winkelwagen {
	float:left;
	margin-top:-38px;
	margin-left:70px;
	width:53px;
	height:15px;
}

#zelf-kortingskeuze select {
	float:left;
	margin-top:-60px;
	margin-left:400px;
}

.groot {
	font-weight:bold;
	font-size:30px;
	color:#080808;
}

#bewerkCMS {
	position:fixed;
	left:0;
	top:0;
	width:150px;
	height:150px;
}

/* Wendy's speeltuin */
.uitleg
{
	font-size:75%;
	font-style:italic;
}

.warning
{
	color:red;
	font-weight:bold;
}

div.form_container
{
	width:560px;
	float:left;
	margin-top:15px;
	margin-bottom:15px;
}

div.form_links
{
	float:left;
	width:40%;
}

div.form_rechts
{
	float:left;
	width:60%;
}

div.form_vollebreedte
{
	float:left;
	width:100%;
}
div.box {
	background:#757575;
	float:left;
	height:235px;
	width:578px;
}

#sitemap ul {
	margin-left:20px;
}

#sitemap li a:link, #sitemap li a:visited {
	display:block;
	height:20px;
	line-height:22px;
	background:url(images/bullet-producten.png) left center no-repeat;
	padding-left:20px;
	color:#080808;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}

#sitemap li a:active, #sitemap li a:hover {
	text-decoration:underline;
	font-weight:bold;
	background:url(images/bullet-producten-hover.png) left center no-repeat;
}


#sitemap ul a:link, #sitemap ul a:visited {
	background:url(images/bullet-producten.png) left center no-repeat;
}

#sitemap ul a:active, #sitemap ul a:hover {
	text-decoration:underline;
	font-weight:bold;
	background:url(images/bullet-producten-hover.png) left center no-repeat;
}
#tweedecontent {
	float:left; 
	width:100%; 
	margin-top:15px;
}

#tweedecontent table {
	margin-left:-12px;
}