/*
#########################
#		ALGEMEEN 		#
#########################
*/

html, body,
div, p,
h1, h2, h3, h4, h5, h6,
ul, ol, li,
dl, dt, dd
{
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
	font: 62.5%/260% Verdana, Arial, Tahoma, sans-serif;
}

body {
	height: 100%;
	font-size: 1.2em;
	background: #000 url(/img/bg.gif) repeat-x;
}

a, a:hover, a:visited {
	color: white;
}

a img {
	border: none;
}

p {
	/* moet nog gestyled worden */
	margin-bottom: 14px;
}

/*
#########################
#		LAY-OUT 		#
#########################
*/
table#midden {
	height: 100%;
}

div#container {
	width: 966px;
	height: 640px;
	margin: auto;
	background: no-repeat right 30px;
}

div#wrapper {
	height: 620px;
}

div#flash {
	position: absolute;
}

div#menu {
	position: absolute;
	width: 227px;
	height: 588px;
	margin-left: 550px;
	background: #161616 url(/img/bg-menu.gif) -25px 0;
}

ul#socialnetworks { position: absolute; margin: 550px 0 0 690px; overflow: hidden; }
ul#socialnetworks li { float: left; margin-left: 8px; }

ul#socialnetworks a { 
	display: block;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	overflow:hidden;
}
ul#socialnetworks a.hyves { background: url(/img/socialsprite2.png) no-repeat right bottom; }
ul#socialnetworks a.hyves:focus,
ul#socialnetworks a.hyves:hover { background: url(/img/socialsprite2.png) no-repeat right top; }
ul#socialnetworks a.facebook { background: url(/img/socialsprite2.png) no-repeat left bottom; }
ul#socialnetworks a.facebook:focus,
ul#socialnetworks a.facebook:hover { background: url(/img/socialsprite2.png) no-repeat left top; }
ul#socialnetworks a.twitter { background: url(/img/socialsprite2.png) no-repeat -30px bottom; }
ul#socialnetworks a.twitter:focus,
ul#socialnetworks a.twitter:hover { background: url(/img/socialsprite2.png) no-repeat -30px top; }

div#menu h1 {
	text-indent: -9999px;
	height: 116px;
	background: #121212 url(/img/sitelogo.gif) no-repeat center;
}

div#menu h1 a {
	display: block;
	height: 116px;
}

div#menu h2 {
	position: absolute;
	width: 323px;
	height: 26px;
	margin: -85px 0 0 -526px;
	text-indent: -9999px;
	background: url(/img/slogan.png) no-repeat;
}

div#actie {
	width: 396px;
	margin-top: 200px;
	padding: 24px 130px 24px 24px;
	position: absolute;
	overflow: hidden;
	background: url(/img/bg-actie.png);
}

div#actie p {
	margin-bottom: 2em;
	color: #bcbcbc;
	font-variant: small-caps;
	letter-spacing: .2em;
}

div#actie a#stem-mee {
	padding: .4em 1.4em;
	color: #000;
	font-size: .9em;
	font-variant: small-caps;
	text-decoration: none;
	background-color: #e9e9e9;
}

/* LET OP! Override in site-ie.css */
div.content {
	width: 502px;
	/*height: 507px;*/
	padding: 0 24px 25px 24px;
	color: #a9a9a9;
	height: 562px;
	overflow: auto;
	background: #141214 url(/img/content.gif) repeat-x;
}

div.content h2.paginatitel {
	padding-top: 45px;
	margin-bottom: 45px;
}

div.content a {
	text-decoration: underline;
	color: #a9a9a9;
}
div.content a:hover {
	text-decoration: none;
}

div#detail-content {
	width: 550px;
	height: 588px;
	padding: 0;
}

div#sluit-detail {
	width: 51px;
	height: 18px;
	padding-bottom: 5px;
	float: right;
	background: #FFF;
	text-align: center;
	border: 1px solid #ccc;
}

div#sluit-detail a {
	color: #000;
	font-size: 10px;
	text-decoration: none;
}

div.content h2#paginatitel {
	margin-bottom: 2em;
}

div#navigatie {
	margin-top: 40px;
}

div#navigatie a {
	display: block;
	float: left;
	width: 44px;
	height: 44px;
}
div#navigatie a.vorige {
	background: url(/img/arrow_left.gif) no-repeat;
	margin-right: 15px;
}

div#navigatie a.volgende {
	background: url(/img/arrow_right.gif) no-repeat;
	margin-left: 15px;
}

div#navigatie a:hover {
	background-position: bottom;
}

div#navigatie h2#producttitel {
	float: left;
	padding-top: 8px;
	background: #000;
}

div#navigatie a.disabled {
	background: #000;
}

div#flash-detail {
	margin-left: -100px;
}


/* let op! IE-6 aanpassingen in site-ie.css */
div#product-tekst {
	width: 155px;
	position: absolute;
	margin-left: 670px;
	margin-top: 100px;
	background: #000;
	font-size: 10px;
	color: #888;
	padding: 15px;
	line-height: 14px;
}

h2#producttitel {
	margin-bottom: .8em;
}

div#footer {
	margin-top: .5em;
	padding-left: 24px;
	color: #3c3c3c;
}

div#footer img.seperator {
	margin-right: 4px;
}

div#footer a img,
div#footer a:hover img,
div#footer a:hover img.non-hover {
	display: none;
}

div#footer a img.non-hover,
div#footer a:hover img.hover {
	display: inline;
}

p.introduction {
	font-weight: bold;
}

p#store-locater-intro { line-height: 135%; }

p.alinea {
	text-align: justify;
}

p.alinea img.illustratie {
	float: left;
	margin: 6pt 6px 6px 0;
}

p.alinea img.right {
	float: right;
	margin: 6pt 0 6px 6px;
}

div.trend {
	margin-bottom: 1px;
	padding: 18px;
	background: #111;
	overflow: hidden;
}

div.even { background: #252525; }
div.trend h2 img { float: none; }
div.trend p { width: 320px; line-height: 140% }
div.trend img { float: right; }

div.trend a.lees-verder {
	padding: 6px 7px;
	font-size: .8em;
	color: #eeeced;
	text-decoration: none;
	background: #1f1f1f;
}

div.even a.lees-verder { background-color: #131313; }

div.trend a.lees-verder:hover {
	color: #000;
	background: #e9e9e9;
}

/* LET OP! Override in site-ie.css */
a#terug-naar-trends {
	display: block;
	margin: -10px 0 0 -24px;
	padding: .2em 24px .6em;
	font-size: .9em;
	color: #ededee;
	text-decoration: none;
	background: #252525;
}

a#terug-naar-trends:hover {
	text-decoration: underline;
}

div#trend-intro {
	margin: 2em 0;
	line-height: 140%;
}

div#trend-intro a#trend-afbeelding {
	float: right;
}

div#trend-intro a#trend-afbeelding img {
	border: 8px solid #252525;
}

div.comment {
	margin-bottom: 1.4em;
	padding: .2em 1em;
	background: #252525;
}

div.navigatie {
	padding: 0 1em;
	text-align: right;
	background: #353535;
}

div.navigatie a {
	padding: 0 .2em;
	font-weight: bold;
	text-decoration: none;
}

div.marker_inhoud{
	line-height: 10pt;
}


/* Collectie viewer */

div#collectie_viewer {
	width: 710px;
	height: 480px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	border: 1px solid transparent;
	display: none;
}

div#collectie_viewerbg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9998;
	opacity: .8;
	filter: alpha(opacity=80);
	background: #000;
}

/* Fotoalbum */

dl.album-preview { /* ie6 */
	overflow: hidden;
	margin-bottom: 20px;
}

dl.album-preview dd a {
	float: left;
}

dl.album-preview dd div {
	width: 370px;
	float: right;
}

a.foto_border img {
	margin: 2px;
	border: 1px solid #A9A9A9;
}


p.album-nav {
	background: #1F1F1F;
	text-align: center;
}

p.album-nav span {
	color: #454545;
	padding: 0 10px 0 10px;
}

p.album-nav a {
	color: #A9A9A9;
	padding: 0 10px 0 10px;
	text-decoration: none;
}

table.album img {
	margin: 1px;
	border: 1px solid #A9A9A9;
}
/*
#########################
#		LIJSTEN			#
#########################
*/
ul#small_gallery {
	position: absolute;
	margin: 276px 0 0 720px;

}

ul#small_gallery li img { cursor: pointer; }

dl.productlijn {
	clear: both;
	padding-top: 20px;
}

dl.productlijn dt {
	float: left;
	height: 64px;
	width: 64px;
	padding: 10px;
	background: #000;
}

dl.productlijn dd {
	float: left;
	margin: 0 0 12px 16px;
}

dl.productlijn dd.nieuwe-rij {
	clear: left;
	margin-left: 100px;
}

ul {
	list-style: none;
}

div#menu ul {
	margin-bottom: 25px;
}

div#menu ul li {
	margin: .2em 0;
}

div#menu ul a {
	display: block;
	padding: .4em .2em 0 25px;
}

div#menu ul a img,
div#menu ul a:hover img,
div#menu ul a:hover img.non-hover {
	display: none;
}

div#menu ul a img.non-hover,
div#menu ul a:hover img.hover {
	display: inline;
}

div#menu ul a:hover,
div#menu ul a.active {
	background-color: #353535;
}

/* ! override voor IE6 */
ul#trendfotos {
	clear: both;
	padding-top: 2em;
}

ul#trendfotos li {
	float: left;
	margin: 0 44px 12px 0;
}

ul#trendfotos li.laatste {
	margin-right: 0;
}

ul#trendfotos li a img {
	border: 8px solid #252525;
}

ul#topics {
	margin: 6em 0;
}

ul#topics li {
	clear: both;
	margin-bottom: 1.6em;
	padding: .8em 2em 3em;
	background: #111;
}

ul#topics li.even {
	background: #252525;
}

ul#topics a.lees-topic {
	float: right;
	display: block;
	padding: 2px 7px;
	font-size: .8em;
	color: #eeeced;
	text-decoration: none;
	background: #1f1f1f;
}

ul#topics a.lees-topic:hover {
	color: #000;
	background: #e9e9e9;
}

ol.fields {
	list-style: none;
}

ol.fields li {
	overflow: hidden;
}

ol.fields li label {
	width: 100px;
	float: left;
}

ol.fields li input {
	border: 0;
	background: #252525;
	color: #A9A9A9;
}

ol.fields li.submit {
	padding-left: 204px;
}

ol.fields li.submit input {
	text-align: center;
	background: #1F1F1F;
	color: #fff;
	font-size: 0.8em;
}

form#plaats-reactie {
	margin-top: 2em;
}

form#plaats-reactie fieldset {
	padding: 0;
	border: 1px solid #4d4d4d;
}

form#plaats-reactie legend {
	margin-left: 1em;
}

form#plaats-reactie ol {
	list-style: none;
	margin: 1em;
}

form#plaats-reactie li {
	margin-bottom: .6em;
}

form#plaats-reactie label {
	display: block;
	float: left;
	width: 120px;
}

form#plaats-reactie input {
	width: 300px;
	padding: .3em .2em;
	border: none;
}

form#plaats-reactie input.submit {
	width: auto;
	margin: 1em;
	padding: 2px 7px;
	font-size: .8em;
	letter-spacing: 2px;
	color: #eeeced;
	background: #1f1f1f;
}

form#plaats-reactie textarea {
	width: 300px;
	height: 140px;
	padding: .3em .2em;
	border: none;
	overflow: auto;
}

/*
#########################
#		SCROLLER		#
#########################
*/
#scrollArea {
	position: absolute;
	margin-left: 529px;
	height: 588px;
	width: 21px;
	background:	#252525 url('/img/scroll-bottom.gif') bottom no-repeat;
}

div#scrollWrapper {
	height: 588px;
	position: relative;
	overflow: hidden;
	width: 529px;
}

#scrollAreaInner {
	height: 540px;
	margin: 0px;
	position: absolute;
	top: 23px;
	left: 0px;
}

#scroller {
	position: absolute;
	left: 0;
	top: 0px;
	width: 21px;
	height: 0px;
	font-size: 0px;
	/*margin-top: -8px;*/
	background: #353535;
}

img#scroll-bottom {

}

div#text {
	width: 550px;
	height: 588px;
	overflow: hidden;
	color: #a9a9a9;
}

/*
#########################
#		FORMULIEREN		#
#########################
*/

fieldset.contact {
	border: 0;
}

fieldset.contact legend {
	display: none;
}

fieldset.contact label {
	float: left;
	width: 140px;
}
fieldset.contact ul.velden li {
	overflow: hidden;
	margin-bottom: 2px;
	clear: both;

}
fieldset.contact input {
	background: #9c9a9c;
	border: 0;
	width: 300px;
}
fieldset.contact input.button {
	width: auto;
	margin-left: 140px;
	color: #141214;
	background: #fff;
	font-weight: bold;
}

ol#errors {
	color: #fff;
	margin: 2em 0;
	border: 3px solid #fff;
	list-style: disc;
	padding: 3px 10px 3px 2.2em;
	background: #252525;
}

form.webbeheer-formulier legend {
	display: none;
}

form.webbeheer-formulier fieldset {
	border: none;
}

form.webbeheer-formulier label {
	float: left;
	width: 200px;
}

form.webbeheer-formulier ul.velden li input {
	width: 200px;
	margin-bottom: 5px;
	padding: 2px 3px;
	color: #A9A9A9;
}

form.webbeheer-formulier input.button {
	padding: .2em 1em;
	color: #000;
	font-size: .9em;
	font-family: Verdana;
	font-variant: small-caps;
	text-decoration: none;
	background-color: #e9e9e9;
}

form#download-foto fieldset {
	border: 0;
}

/*
#########################
#		TALEN	 		#
#########################
*/
div#language {
	text-align: right;
	height: 30px;
}

div#language a {
	text-decoration: none;
	color: #a9a9a9;
	margin-left: 9px;
}

div#language a.active {
	font-weight: bold;
}

/* GOOGLE MAPS */
div.content-store-locater {
	width: 481px;
	height: auto;
	min-height: 562px;
	overflow: visible;
}

div#googleMapsContainer {
	margin: 10px;
	width: 460px;
	height: 350px;
	overflow: hidden;
	position: static;
}

div.youtube {
	text-align: center;
}

div.zoomtip {
	color: #ccc;
	font-size:7pt;
	line-height:8pt;
	float:right;
	width:220px;
	padding-left:20px;
	background-image: url(/img/vergrootglas.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-bottom:1em;
}