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

@font-face {
	font-family: 'GalatiaSILRegular';
	src: url('fonts/GalSILR-webfont.eot');
	src: local('☺'), url('fonts/GalSILR-webfont.woff') format('woff'), url('fonts/GalSILR-webfont.ttf') format('truetype'), url('fonts/GalSILR-webfont.svg#webfontpHMEUCyJ') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	margin:0px;
	padding:0px;
	background:url(../images/bg.png) repeat-x top #2a2a2a;
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	color:#cccbbe
}

.clear {
	clear:both;
}

body.home {
	background:url(../images/bg-home.png) repeat-x top #2a2a2a;
}

#holder {
	position:relative;
	margin:0px auto;
	width:950px;
	height:auto;
}

#shadow-left {
	position:absolute;
	left:-40px;
	top:0px;
	height:272px;
	width:40px;
	background:url(../images/shadow-left.png) right top
}

#shadow-right {
	position:absolute;
	right:-40px;
	top:0px;
	height:272px;
	width:40px;
	background:url(../images/shadow-right.png) left top
}

body.home #shadow-left, body.home #shadow-right {
	height:542px;
}

#menu {
	position:relative;
	width:950px;
	height:60px;
	background:url(../images/menu-bg.png);
	z-index:99
}

#banner {
	position:relative;
	width:950px;
	height:188px;
}

body.home #banner {
	position:relative;
	width:950px;
	height:458px;
}

#banner #logo {
	position:absolute;
	left:0px;
	top:0px;
	z-index:5
}

#banner-bottom {
	position:relative;
	width:920px;
	height:24px;
	line-height:24px;
	padding:0px 15px 0px 15px;
	background:url(../images/banner-bottom-bg.png) repeat-x;
	font-size:8px;
	color:#929292;
}

#banner-bottom #flags {
	position:absolute;
	top:0px;
	left:10px;
}

#banner-bottom #flags img {
	filter:alpha(opacity:50);
	opacity:0.50;
}

#banner-bottom #flags img:hover {
	filter:alpha(opacity:75);
	opacity:0.75;
	cursor:pointer
}

#banner-bottom #flags img.active, #banner-bottom #flags img.active:hover {
	filter:alpha(opacity:100);
	opacity:1.00;
}

#banner-bottom #zoeken {
	position:absolute;
	top:0px;
	right:15px;
}

#banner-bottom #extra {
	position:absolute;
	top:0px;
	right:165px;
	font-size:8px;
	color:#929292;
}

#banner-bottom #extra a {
	font-size:8px;
	color:#929292;
	text-decoration:none
}

#banner-bottom #zoeken #zoekbutton {
	position:absolute;
	top:0px;
	right:0px;
}

#banner-bottom #zoeken input[type=text] {
	height:13px;
	width:96px;
	padding:2px 10px 0px 10px;
	margin-right:22px;
	margin-top:5px;
	border:0px;
	background:url(../images/banner-bottom-input.png) center no-repeat;
	font-size:8px;
	line-height:12px;
	color:#929292
}

#content {
	position:relative;
	width:950px;
	height:auto;
	padding:20px 0px 20px 0px;
	line-height:16px;
}

#footer {
	position:relative;
	width:950px;
	height:18px;
	line-height:18px;
	border-top: 1px solid #3b3b3b;
	padding-top:12px;
	padding-bottom:15px;
	padding-bottom:15px;
	color:#4c4c4c;
	font-size:9px;
}

#footer a {
	text-decoration:underline;
	color:#4c4c4c;
}

#footer a:hover {
	color:#b2b2b2
}

#footer #socialmedia {
	position:absolute;
	right:0px;
	top:10px;
	height:18px;
	width:auto;
	text-align:right
}

#footer #socialmedia img {
	padding-left:4px;
}








#content h1 {
	font-family: 'GalatiaSILRegular', Paletino, "Times New Roman", Times, serif;
	font-size:23px;
	line-height:30px;
	margin:10px 0px 3px 0px;
	padding:0px;
	font-weight:normal;
	color:#FFFFFF
}

#content h2 {
	font-family: 'GalatiaSILRegular', Paletino, "Times New Roman", Times, serif;
	font-size:16px;
	line-height:20px;
	margin:5px 0px 3px 0px;
	padding:0px;
	font-weight:normal;
	color:#FFFFFF
}

#content p {
	margin:10px 0px 0px 0px;
	padding:0px;
}

#content a {
	color:#FFFFFF;
	text-decoration:none;
	font-style:italic
}

#content a:hover {
	text-decoration:underline
}

#content a.sierlijk {
	font-family: 'GalatiaSILRegular', Paletino, "Times New Roman", Times, serif;
	font-size:14px;
	margin-top:7px;
	padding-top:7px;
	display:block;
	font-weight:normal;
	font-style:italic;
	color:#FFFFFF;
	text-decoration:none
}

#content table {
	margin:0px;
	padding:0px;
}

#content th {
	padding:0px;
	margin:0px;
	text-align:left
}

#content hr{
	color: #3b3b3b;
	background-color: #3b3b3b;
	border-color: #3b3b3b;
	height:1px;
	border:0px
}

#content input[type=text] {
	background:#e7e7e7;
	border:1px solid #b2b2b2;
	width:200px;
	color:#2a2a2a;
	font-size:10px;
	margin:2px;
	padding:2px;
}

#content input[type=submit], .button {
	background:#e7e7e7;
	border:1px solid #b2b2b2;
	color:#2a2a2a;
	font-size:10px;
	margin:2px;
	padding:2px 10px 2px 10px;
}

#content textarea {
	background:#e7e7e7;
	border:1px solid #b2b2b2;
	width:200px;
	height:80px;
	color:#2a2a2a;
	font-size:10px;
	margin:2px;
	padding:2px;
}

#content img {
	border-color:#ffffff
}

#content .product, #content .product_last {
	position:relative;
	width:315px;
	height:315px;
	border-bottom:1px dashed #3b3b3b;
	border-right:1px dashed #3b3b3b;
	float:left
}

#content .product:hover, #content .product_last:hover {
	cursor:pointer;
	background:#3b3b3b;
}


#content .product_last {
	border-right:0px dashed #3b3b3b;
}


#content .product .afbeelding, #content .product_last .afbeelding {
	position:absolute;
	top:37px;
	left:17px;
	width:280px;
	height:236px;
	border:2px solid #ffffff
}

#content .product .omschrijving, #content .product_last .omschrijving {
	position:absolute;
	top:5px;
	left:15px;
	width:290px;
	height:25px;
	overflow:hidden
}

#content .product .omschrijving a, #content .product_last .omschrijving a, #content .product .omschrijving a h2, #content .product_last .omschrijving a h2 {
	margin:0px;
	padding:0px;
	text-decoration:none;
}

#content .product .prijs, #content .product_last .prijs {
	position:absolute;
	bottom:12px;
	right:15px;
	width:216px;
	height:auto;
	text-align:right;
	font-family: 'GalatiaSILRegular', Paletino, "Times New Roman", Times, serif;
	font-size:14px;
}

#content ul.albumoverzicht {
	display:inline;
	list-style:none;
	margin:0px;
	padding:0px;
}

#content ul.albumoverzicht li {
	display:block;
	float:left;
	width:296px;
	height:67px;	
	margin:0px 0px 6px 6px;
	padding:5px;
	border:2px solid #4c4c4c;
}

#content ul.albumoverzicht li:hover {
	cursor:pointer;
	background:#ccccc;
	border:2px solid #b2b2b2
}

#content ul.albumoverzicht li.empty, #content ul.albumoverzicht li.empty:hover {
	border:2px solid #2a2a2a;
	cursor:default;
}

#content ul.albumoverzicht a {
	text-decoration:none;
}

#content ul.albumoverzicht  a:hover {
	font-weight:normal
}

#content table.prevnext a, #content a.styled {
	text-decoration:none;
	color:#cccbbe;
}

#content table.prevnext a:hover, #content a.styled:hover {
	font-weight:normal;
	text-decoration:underline
}


input.error { border: 1px dotted red; }

label.error { 
	display:block;
	width:200px;
	height:15px;
	font-size:10px;
	color:#ffffff;
	border:1px solid #990000;
	background:#FF0000;
	text-align:center;
	margin:-2px 2px 2px 2px;
	padding:2px;
}

.pre-error label.error {
	display:none;
	width:auto;
	height:auto;
	border:none;
	background:none;
	text-align:inherit;
	padding:0px;
	margin:0px;
}

.pre-error label.error a {
	display:block;
	width:200px;
	height:15px;
	font-size:10px;
	color:#ffffff;
	border:1px solid #990000;
	background:#FF0000;
	text-align:center;
	margin:-2px 2px 2px 2px;
	padding:2px;
	text-decoration:none
}