@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, td  {
	margin:0;
	padding:0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
}

img {
	border:none;
}

ul {
	list-style:none;
}

h1 {
	color:#27619a;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

h2 {
	color:#27619a;
	font-size:13px;
	font-weight:bold;
}

html {
	background:url(images/bg-html.png) left bottom repeat-x #b5b8e2;
}

body {
	background:url(images/bg-body.png) left top repeat-x #b5b8e2;
}

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

#header {
	float:left;
	width:980px;
	height:209px;
}

#logo a {
	float:left;
	width:229px;
	height:140px;
}

#wolken {
	float:left;
	margin-left:85px;
	background:url(images/wolken.png) left top no-repeat;
	width:429px;
	height:140px;
}

#winkelwagen {
	float:right;
	margin-right:51px;
	background:url(images/bg-winkelmandje.png) left top no-repeat;
	width:181px;
	height:209px;
}

#uw-mandje {
	float:left;
	margin-top:9px;
	margin-left:8px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	width:166px;
	text-align:center;
}

#aantal-items {
	float:left;
	margin-top:11px;
	margin-left:21px;
	color:#ffffff;
	font-size:14px;
	font-weight:normal;
	line-height:12px;
	width:153px;
}

.geel {
	color:#fff;
	font-weight:bold;
}

ul#items {
	float:left;
	margin-top:15px;
	margin-left:13px;
	width:153px;
}

ul#items li {
	float:left;
	width:100%;
}

ul#items li a:link, ul#items li a:visited, ul#items li a:active, ul#items li a:hover {
	float:left;
	display:block;
	background:url(images/bullet-items.png) left 5px no-repeat;
	padding-left:10px;
	width:100%;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#inhoud-bekijken a {
	float:left;
	margin-top:37px;
	margin-left:71px;
	width:92px;
	height:21px;
}

ul#mainmenu {
	float:left;
	margin-left:3px;
	width:740px;
	height:69px;
}

ul#mainmenu li {
	float:left;
}

ul#mainmenu li a:link, ul#mainmenu li a:visited {
	float:left;
	display:block;
	background:url(images/bg-mainmenu.png) left top no-repeat;
	padding-left:21px;
	padding-right:21px;
	height:69px;
	line-height:69px;
	text-align:center;
	color:#ffffff;
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
}

ul#mainmenu li a:active, ul#mainmenu li a:hover {
	color:#8fc7ff;
}

#schaduwheader {
	float:left;
	background:url(images/bg-schaduw.png) left top no-repeat;
	width:980px;
	height:5px;
}

#contentcontainer {
	float:left;
	background:url(images/bg-contentcontainer.png) left top repeat-y;
	width:980px;
	min-height:750px;
	height:auto!important;
	height:750px;
}

#contentlinks {
	float:left;
	width:189px;
}

#categorieen {
	float:left;
	margin-top:2px;
	margin-left:16px;
	width:153px;
}

.blok-top {
	float:left;
	background:url(images/blok-top.png) left top no-repeat;
	width:153px;
	height:8px;
}

.blok-inner {
	float:left;
	background:#ff7e00;
	width:153px;
}

#cat-titel {
	float:left;
	margin-left:19px;
	background:url(images/beertje.png) left center no-repeat;
	padding-left:26px;
	height:23px;
	width:120px;
	color:#ffcc00;
	font-size:14px;
	font-weight:bold;
}

ul#submenu {
	float:left;
	margin-top:10px;
	margin-left:9px;
	width:130px;
}

ul#submenu li {
	float:left;
	width:100%;
}

ul#submenu li a:link, ul#submenu li a:visited {
	float:left;
	display:block;
	background:url(images/bullet-submenu.png) left 7px no-repeat;
	padding-left:12px;
	width:100%;
	line-height:18px;
	color:#eeeeee;
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
}

ul#submenu li a:active, ul#submenu li a:hover {
	color:#ffcc00;

	text-decoration:underline;
}

ul#submenu li ul {
	float:left;
	margin-top:5px;
	margin-left:19px;
	width:110px;
	padding-bottom:5px;
}

ul#submenu li ul li {
	float:left;
	width:98px;
}

ul#submenu li ul li a:link, ul#submenu li ul li a:visited {
	float:left;
	display:block;
	background:url(images/bullet-submenu-ul.png) left 7px no-repeat;
	padding-left:12px;
	width:98px;
	line-height:18px;
	color:#eeeeee;
	font-size:13px;
	text-decoration:none;
}

ul#submenu li ul li a:active, ul#submenu li ul li a:hover {
	color:#ffcc00;
	text-decoration:underline;
}

.blok-bottom {
	float:left;
	background:url(images/blok-bottom.png) left top no-repeat;
	width:153px;
	height:8px;
}

#zoeken{
	float:left;
	margin-top:13px;
	margin-left:16px;
	width:153px;
}

#zoek-titel {
	float:left;
	margin-left:16px;
	background:url(images/zoeken.png) left center no-repeat;
	padding-left:29px;
	height:23px;
	width:120px;
	color:#ffcc00;
	font-size:14px;
	font-weight:bold;
}

#zoekveld input[type="text"] {
	float:left;
	margin-top:7px;
	margin-left:17px;
	background:url(images/bg-input.png) left top no-repeat;
	padding-top:6px;
	padding-left:7px;
	border:none;
	width:112px;
	height:16px;
	color:#003c8e;
	font-size:11px;
	font-weight:normal;
}

#zoek-knop a {
	float:left;
	margin-top:6px;
	margin-left:48px;
	padding-bottom:4px;
	width:55px;
	height:27px;
}

#nieuwsbrief {
	float:left;
	margin-top:13px;
	margin-left:16px;
	width:153px;
}

#nieuws-titel {
	float:left;
	margin-left:16px;
	background:url(images/potlood.png) left center no-repeat;
	padding-left:26px;
	height:23px;
	width:120px;
	color:#ffcc00;
	font-size:14px;
	font-weight:bold;
}

#aanmeld-info {
	float:left;
	margin-top:10px;
	margin-left:17px;
	width:130px;
	line-height:14px;
	color:#eeeeee;
	font-size:11px;
	font-weight:normal;
}

.aanmeldtitel {
	float:left;
	margin-top:12px;
	margin-left:7px;
	width:130px;
	color:#ffcc00;
	font-size:13px;
	font-weight:bold;
}

.aanmeldinput input[type="text"] {
	float:left;
	margin-top:7px;
	margin-left:17px;
	background:url(images/bg-input.png) left top no-repeat;
	padding-top:5px;
	padding-left:7px;
	border:none;
	width:112px;
	height:16px;
	color:#003c8e;
	font-size:11px;
	font-weight:normal;
}

#aanmelden a {
	float:left;
	margin-top:6px;
	margin-left:38px;
	width:78px;
	height:27px;
}

#contentrechts {
	float:left;
	width:790px;
}

#bevinden {
	float:left;
	margin-top:4px;
	margin-left:16px;
	margin-right:5px;
	color:#005190;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
}

ul#breadcrumbs {
	float:left;
	margin-top:4px;
}

ul#breadcrumbs li {
	float:left;
	margin-right:4px;
}

ul#breadcrumbs li a:link, ul#breadcrumbs li a:visited {
	float:left;
	display:block;
	color:#005190;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	line-height:14px;
}

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

#contentinner {
	float:left;
	margin-top:10px;
	margin-left:16px;
	width:757px;
	padding-bottom:20px;
}

#contentafbeelding {
	float:left;
	width:757px;
	height:159px;
}

#inner-contentinner {
	float:left;
	margin-top:13px;
	width:757px;
	color:#000000;
	font-size:12px;
	line-height:16px;
}

#inner-contentinner a {
	color:#000;
	font-size:12px;
	line-height:14px;
	text-decoration:underline;
}

#inner-contentinner a:hover {
	text-decoration:none;
}

#inner-contentinner p {
	width:650px;
}

.titel {
	float:left;
	margin-top:10px;
	background:url(images/bg-titel.png) left top no-repeat;
	padding-left:10px;
	width:100%;
	height:22px;
	line-height:22px;
	color:#27619a;
	font-size:14px;
	font-weight:bold;
}
.titel h1 {
	text-align:left;
	
}

.overzicht-vak {
	float:left;
	margin-top:15px;
	background:#8b8fcf;
	width:364px;
	height:183px;
	border:1px solid #27619a;
}

.overzicht-img a {
	float:left;
	margin-top:16px;
	margin-left:16px;
	width:150px;
	text-align:center;
	height:150px;
	border:1px solid #27619a;
	background:#FFF;
}

.overzicht-titel a {
	float:left;
	text-decoration:none;
	margin-top:21px;
	margin-left:7px;
	width:185px;
	color:#ffcc00;
	font-size:12px;
	font-weight:bold;
}

.overzicht-tekst {
	float:left;
	margin-top:7px;
	margin-left:7px;
	width:185px;
	height:92px;
	color:#ffffff;
	font-size:12px;
	font-weight:normal;
}

.product-details a {
	float:left;
	margin-top:4px;
	margin-left:3px;
	width:98px;
	height:27px;
}

.overzicht-prijs {
	float:left;
	margin-top:-3px;
	margin-left:18px;
	width:70px;
	color:#ffcc00;
	font-size:13px;
	font-weight:bold;
}

#footer {
	float:left;
	background:#6b6fa9;
	width:980px;
	height:52px;
}

ul#footerul {
	float:left;
	margin-top:8px;
	margin-left:235px;
}

ul#footerul li {
	float:left;
}

ul#footerul li a:link, ul#footerul li a:visited {
	float:left;
	display:block;
	background:url(images/bullet-footer.png) left center no-repeat;
	padding-left:31px;
	padding-right:31px;
	color:#ffffff;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}

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

#copyright {
	float:left;
	margin-top:10px;
	margin-left:202px;
	width:510px;
	color:#ffffff;
	font-size:11px;
	font-weight:normal;
	text-align:center;
}

#webdesign {
	float:right;
	margin-top:-14px;
	margin-right:290px;
	color:#ffffff;
	font-size:11px;
	font-weight:normal;
}

#webdesign a {
	color:#ffffff;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}

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

/* -- STYLE PRODUCTZELF -- */

#productzelf {
	float:left;
	margin-top:6px;
	background:#8b8fcf;
	border:1px solid #27619a;
	width:744px;
	min-height:413px;
	height:auto!important;
	height:413px;
	padding-bottom:20px;
}

#fotos {
	float:left;
	width:316px;
}

#product-img {
	float:left;
	margin-top:16px;
	text-align:center;
	margin-left:16px;
	background:#ffffff;
	border:1px solid #27619a;
	width:300px;
	height:300px;
}

ul#productfotos {
	float:left;
	margin-left:16px;
}

ul#productfotos li {
	float:left;
	margin-top:10px;
	margin-right:11px;
}

ul#productfotos li a:link, ul#productfotos li a:visited {
	float:left;
	background:#ffffff;
	border:1px solid #27619a;
	text-align:center;
	width:60px;
	height:60px;
	text-decoration:none;
}

ul#productfotos li a:active, ul#productfotos li a:hover {
	border:1px solid #8a8dbb;
}

#info {
	float:left;
	width:406px;
}

#product-info {
	float:left;
	margin-top:22px;
	margin-left:10px;
	padding-left:11px;
	padding-right:11px;
	padding-bottom:10px;
	width:384px;
	border-bottom:1px dotted #ffcc00;
	color:#ffffff;
	font-size:12px;
}

#prijs-vlak {
	float:left;
	margin-left:10px;
	padding-left:11px;
	padding-right:11px;
	padding-bottom:10px;
	width:384px;
	border-bottom:1px dotted #ffcc00;

}

#product-prijs {
	float:left;
	margin-top:11px;
	margin-left:41px;
	width:350px;
	color:#ffcc00;
	font-size:15px;
	font-weight:bold;
}

#selecteer {
	float:left;
	margin-top:17px;
	margin-left:41px;
	width:350px;
	color:#ffcc00;
	font-size:11px;
	font-weight:bold;
}

#selecteer select {
	margin-left:9px;
	color:#27619a;
	font-size:11px;
	font-weight:normal;
}

#voorraad {
	float:left;
	margin-top:12px;
	margin-left:12px;
	background:url(images/voorraad.png) left center no-repeat;
	padding-left:29px;
	width:350px;
	height:20px;
	line-height:20px;
	color:#ffcc00;
	font-size:11px;
	font-weight:bold;
}

#aantal {
	float:left;
	margin-top:20px;
	margin-left:41px;
	color:#ffcc00;
	font-size:11px;
	font-weight:bold;
}

#aantalinput input[type="text"] {
	float:left;
	margin-top:15px;
	margin-left:5px;
	background:url(images/input-aantal.png) left top no-repeat;
	padding-top:5px;
	padding-left:3px;
	border:none;
	width:42px;
	height:23px;
	line-height:23px;
	color:#27619a;
	font-size:11px;
	font-weight:normal;
}

#voeg-toe a {
	float:left;
	margin-top:12px;
	margin-left:16px;
	width:158px;
	height:27px;
}

#mail a {
	float:left;
	margin-top:20px;
	margin-left:27px;
	background:url(images/mail.png) left center no-repeat;
	padding-left:29px;
	width:350px;
	height:11px;
	color:#ffcc00;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#print a {
	float:left;
	margin-top:11px;
	margin-left:27px;
	background:url(images/print.png) left center no-repeat;
	padding-left:29px;
	width:350px;
	height:16px;
	color:#ffcc00;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#bestel a {
	float:left;
	margin-top:10px;
	margin-left:27px;
	background:url(images/bestel.png) left center no-repeat;
	padding-left:29px;
	height:14px;
	color:#ffcc00;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
}
.social {
	float: left;
	margin-top: 15px;
	margin-left:25px;
}
.social .fb {
	margin-top:15px;
	}
.paars {
	color:#6d72bc;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
}


#sitemap ul {
	margin-top:5px;
	margin-left:20px;
	list-style:square;
}

#sitemap li a:link, #sitemap li a:visited {
	color:#000000;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	text-decoration:none;
}

#sitemap ul ul a:link, #sitemap ul ul a:visited  {
	color:#000000;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	text-decoration:none;
}

#sitemap li a:hover {
	text-decoration:underline;
}

#sitemap ul ul a:hover {
	text-decoration:underline;
}

#div_kleuren {
	float:left;
	margin-top:12px;
	color:#2d317d;
	font-size:11px;
	font-weight:bold;
}

#zoek h4 {
	color:#27619a;
	font-size:13px;
	font-weight:bold;
}

.zoek-resultaats {
	float:left;
	margin-top:10px;
	width:100%;
	padding-bottom:10px;
	border-bottom:1px solid #27619a;
}

.zoek-kop a {
	float:left;
	width:100%;
	line-height:16px;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

.zoek-resultaat {
	float:left;
	margin-top:2px;
	width:100%;
	color:#000000;
	font-size:12px;
	font-weight:normal;
	line-height:16px;
}

.zoek-resultaat span {
	color:#2d317d;
	font-style:italic;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
}

.zoek-url a {
	float:left;
	width:100%;
	margin-top:2px;
	color:#27619a;
	font-size:12px;
	line-height:16px;
	text-decoration:none;
}

.zoek-url a:hover {
	text-decoration:underline;
}

hr.zoekhr {
	display:none;
}

.berichtvooruitbetaling {
	float:left;
	margin-top:10px;
	margin-left:10px;
	color:#000000;
	width:100%;
}




