/* General Settings
------------------------------------------------------------- */
body {
	background: #190005 url('../img/pattern.png') repeat-x;
	font: 11px Lucida Sans, Aria, Helvetica, sans-serif;
	color: #ffffff;
}

#wrapper {
	margin: 0 auto;
	position: relative;
	width: 860px;
}

.clear { clear: both; }
p { line-height: 20px; padding: 0 0 10px 0; }

#extralogo {
	background: url('../img/logo-extra.png');
	position: absolute; top: 0; left: 180px;
	width: 233px; height: 221px;
}

img { border: 0;}

/* Header
------------------------------------------------------------- */
#header {
	margin: 20px 0 50px 0;
	float: left;
	padding: 0 20px 0 20px;
	width: 820px;
}

	#header #logo {
		background: url('../img/logo.png');
		display: block;
		overflow: hidden;
		float: left;
		padding: 107px 0 0 0;
		width: 244px; height: 0 !important;
	}
	
	#header #navcontainer {
		position: relative;
		float: right;
		margin: 60px 0 0 60px;
	}
		#header #navigator { z-index: -1; }
		#header #navigator li {
			display: inline-block;
			float: left;
		}
		
			#header #navigator li a {
				display: inline-block;
				text-decoration: none;
				height: 42px;
			}
			
				#header #navigator li a span { visibility: hidden; }
			
			#header #navigator li .edelweis {
				background: url('../img/nav-edelweis.png');
				width: 115px;
			}
			
			#header #navigator li .collecties {
				background: url('../img/nav-collecties.png');
				width: 125px;
			}
			
			#header #navigator li .aanbiedingen {
				background: url('../img/nav-aanbiedingen.png');
				width: 143px;
			}
			
			#header #navigator li .winkel {
				background: url('../img/nav-winkel.png');
				width: 98px;
			}
		
			#header #navigator li .active, #header #navigator li .active:hover { background-position: 0 -84px; }
			#header #navigator li a:hover { background-position: 0 -42px; }
	
	#header #submenu { background: #000; position: absolute; bottom: -33px; padding: 12px 10px 7px 10px;  }
	#header #submenu li { display: inline; margin: 0 5px; float: left; }
	#header #submenu li a {
		color: #fff;
		z-index: 99;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 10px;
	}
	
	#header #submenu li .active { color: #850f2b; }

/* Slider
------------------------------------------------------------- */
#gal {	position: relative;}
#gal #slideshow img { width: 860px; height: 325px; }
#gal #controls { display:none;}

	#gal h1 {
		background: #000;
		opacity: 0.5;
		display: inline-block;
		font-size: 18px;
		font-weight: bold;
		padding: 15px 30px;
		position: absolute;
		bottom: 20px; left: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		text-transform: uppercase;
	}

/* Containers
------------------------------------------------------------- */
#container {
	float: left;
	padding: 0 20px;
	width: 820px;
}

#content {
	float: left;
	margin: 0 20px 0 0;
	width: 520px;
}

#sidebar {
	float: left;
	width: 280px;
}

#footer {
text-align:right;
margin-bottom:15px;
padding-right:20px;
}

/* Boxes
------------------------------------------------------------- */
.box { width: 520px; margin: 0 0 10px 0; }
	.box .top { background: url('../img/box-borders.png'); height: 13px; }
	.box .center, .sub-box .center { background: #000; padding: 0 15px; }
	.box .bottom, .sub-box .bottom { background: url('../img/box-borders.png') 0 -13px; height: 13px; }

.sub-box { width: 520px; margin: 0 0 10px 0; }
	.sub-box h2 { 
		background: url('../img/sub-box-header.png'); 
		font-size: 13px;
		height: 20px;
		padding: 5px 0 0 15px;
		text-transform: uppercase;
	}
	
	.sub-box .center { padding-top: 10px; }
	
		#brandlist li { display: inline; margin: 0 30px; }
		#brandlist li a { display: inline-block; opacity: 0.5; }
		#brandlist li a:hover { opacity: 1.0; }
		
		#brandlist2 li { display: inline; margin: 0 60px; }
		#brandlist2 li a { display: inline-block; opacity: 0.5; }
		#brandlist2 li a:hover { opacity: 1.0; }
	
	.sub-side-box { margin: 10px 0; }
	.sub-side-box h3 {
		background: url('../img/sub-sidebar-box-header.png');
		font-size: 12px;
		padding: 5px 0 0 0;
		height: 24px; width: 280px;
		text-transform: uppercase;
		text-align: center;
	}
	
	.sub-side-box .center {
		color: #000;
		font-size: 12px;
		background: #f1f1f1;
		padding: 10px 10px 0 10px;
		text-align: center;
	}
		.sub-side-box .center a {
			background: #fff;
			border: 1px solid #333;
			display: block;
			padding: 4px;
			margin: 5px 0 0 60px;
			color: #333;
			width: 50%;
			text-decoration: none;
			-moz-border-radius: 5px;	
			-webkit-border-radius: 5px;
		}
		
		.sub-side-box .center a:hover { border: 1px solid #333; background: #333; color: #fff; }
	
	.sub-side-box .bottom {
		background: url('../img/sub-sidebar-box-bottom.png');
		height: 15px;
	}


#spotlight { 
	position: relative;
	height: 175px; width: 280px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

	#spotlight a {
		display: block;
		position: absolute;
		width: 280px; height: 0 !important;
		padding-top: 175px; overflow: hidden;
	}
	
	#spotlight #brand {
		background: #000;
		opacity: 0.8;
		display: inline-block;
		position: absolute; bottom: 10px; right: 10px;
		padding: 10px 20px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
	}
	
		#spotlight #brand img { max-width: 80px; }





a.mail {
color:#FFFFFF;
}

a.link {
color:#919191;
text-decoration:none;
font-family:Tahoma,Geneva,sans-serif;
}

a.link:hover {
color:#e3e3e3;
}


#collecties {
width:97px;
float:left;
}



/* Inschrijfform */
table tbody tr td {
padding-bottom:8px;
padding-left:8px;
}



h2.collecties {
padding-bottom:10px;
}