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

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	margin:0 auto;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.clear {
	clear:both;
}

img {
    border: 0px !important;
}

body {
    font-size: 14px;
    color: #c1b3b3;
		background:#262932;
    font-family: Arial, Verdana, Helvetica, sans-serif;
		margin:0;
}

h1 {
    color: #ffa800;
}

h2 {
    color: #FFF;
}

h2.orange {
    color: #ffa800;
}

#mainWrapper { 
	min-width:1000px; overflow-x:hidden;
	position:relative;
}

#leftColumn {
    width: 150px;
    padding: 0 20px;
    position: relative;
    float: left;
		z-index:1;
		color:#858891;
}

#midColumn {
    min-height: 100%;
    position: relative;
    background: #1c1f27;
		z-index:3;
  	float: left;
}

#rightColumn {
	width:190px;
  position: absolute;
  margin-left: 1000px;
	top:0;
}
.ie6 #rightColumn, .ie7 #rightColumn { margin-left:30px; }

#rightColumn a { padding:10px 0; display:block; opacity:.5; }
.ie7 #rightColumn a { width:80px; }
#rightColumn img { display:block; margin:0 auto;  }

#rightColumn a:hover { opacity:1; }

#contentWrapper {
    background: #1c1f27;
    width: 760px;
}

#swfHolder {
    display: block;
    height: 600px;
}

#swfHolder .topbar {
    background: #1e1c1d;
    height: 20px;
    display: block;
}

#imagesBox										{ width:760px; background:#222021 }
#slideshow										{ height:520px; width:760px; }
#slideshowControl 						{ float:right; }
#slideshowControl a					{ background:#2e2b2c; cursor:pointer; display:block; float:left; padding:20px 35px; color:#c5c5c5; text-align:center; }
#slideshowControl a:hover 		{ background:#434142; }

#slideshowControl .btnPrev span { display:block; width:6px; height:9px; background:url(/images/sprite_arrows.gif) top left; }
#slideshowControl .btnNext span { display:block; width:6px; height:9px; background:url(/images/sprite_arrows.gif) top right; }
#slideshowControl .btnStop { padding: 17px 35px; }
#slideshowControl .btnPlay { padding: 17px 35px; }

address 	{ margin-top:15px; padding:15px 0; font-style:normal; font-size:.8em; }
address a	{ color:#fff; }

#content {
    padding: 0 0 30px 60px;
}

#footerWrapper {
    margin-top: 45px;
    background: #0e1118;
    padding: 30px 0 30px 60px;
}

#logo {
    width: 150px;
    margin: 20px 0 10px;
}

#logo a {
    width: 150px;
    height: 209px;
    display: block;
    background: url(/images/logo.gif) no-repeat;
    text-decoration: none;
}

.menu {
    padding: 0;
    margin: 0;
    list-style: none;
}

.menu > li {
		padding:2px 0;
}
.menu > li > a {
    color: #b6bac2;
    font-size: 1.2em;
    text-transform: uppercase;
    text-decoration: none;
}

.menu ul {
    padding: 10px 0 15px;
    margin: 0 0 15px;
    list-style: none;
		border-bottom:1px solid #3a3738;
}

.menu ul > li {
		padding:2px 0;
}
.menu ul > li > a {
    color: #c5c5c5;
    text-decoration: none;
    border: none;
}

.menu a.active, .menu a:hover {
    color: #bc8418;
}

#content h1 {
    display: none;
}
#content p:first-child { margin-top:0; }

#content .intro {
    font-size: 1.6em;
    text-transform: uppercase;
    color: #bc8418;
    font-weight: normal;
    margin-bottom: 30px;
    margin-top: 0;
}

#content .content {
    line-height: 1.6em;
}

#content a {
    color: #eee7e7;
    text-decoration: none;
}

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

.contentInnerWrapper {
	padding-right:50px;
}

.subitemsWrapper + .contentInnerWrapper {
	width:455px;
	padding: 40px 30px 10px 0;
	border-right: 1px solid #363435;
}

#content .subitemsWrapper {
		width:190px;
		float:right;
		padding: 40px 0;
}

#content .subitems {
    margin: 0;
    padding: 0 0 0 25px;
    list-style: none;
    margin-top: 25px;
    padding-bottom: 25px;
		border-left: 1px solid #363435;
}

#content .subitemsWrapper .subitems {
	padding:0;
	border:none;
	margin:5px 0;
}

#content .subitems li { padding:1px 0; }

#content .subitems a {
    color: #a4a4a4;
    text-decoration: none;
    border: none;
    font-size:.9em;
}

#content .subitems a:hover,
#content .subitems a.active {
    color: #bc8418;
}
#content .subitemsWrapper h2 {
	font-size:1em;
	font-weight:bold;
	color:#828181;	
}
#content .subitemsWrapper h2 a { border:none; }
#content .subitemsWrapper h2 a:hover { color:#FFF; }

#footerWrapper h3 {
    color: #9f9f9f;
    font-size: 1em;
}

#brandsWrapper {
    margin-top: 80px;
}

#brandsWrapper ul, #footerWrapper ul {
    margin: 0;
		padding:0;
    list-style: none;
    float: left;
    width: 230px;
}

#brandsWrapper ul + ul, #footerWrapper ul + ul {
    padding: 0 0 0 25px;
    border-left: 1px solid #313030;
    width: 229px;
}

#brandsWrapper ul + ul + ul, #footerWrapper ul + ul + ul {
	width: 189px;
} 

#footerWrapper ul li,
#brandWrapper ul li { padding:1px 0; }

#content #brandsWrapper ul a, #footerWrapper ul a {
    color: #818080;
    text-decoration: none;
    border: none;
}

#content #brandsWrapper ul a.active, #footerWrapper ul a.active, #content #brandsWrapper ul a:hover, #footerWrapper ul a:hover {
    color: #ffffff;
    border: none;
}

#content h2 {
    margin-bottom: 0;
    font-size: 1.2em;
    color: #eeeeee;
}

#content h2.orange {
    color: #bc8418;
}

#content h2 + p {
    margin-top: 0;
}

.brandsHeader {
    margin: 0;
    padding: 0;
    list-style: none;
}

.brandsHeader li {
    width: 190px;
    height: 100px;
    float: left;
    vertical-align: middle;
    text-align: middle;
}

.brandsHeader li a {
    border: none;
    margin: 15px auto 0;
    display: block;
    width: 150px;
}

.brandsHeader li:hover {
    background: #15181f;
}

.sales {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.sales img {
    border: 1px solid #494949;
}

.sales li {
    width: 216px;
    height: 310px;
    margin: 0 1px 0 0;
    border-bottom: 1px solid #494949;
    padding: 11px 8px;
    display: block;
    float: left;
}

.sales .top {
    display: block;
    height: 275px;
}

#content .sales h2 {
    font-size: 1.2em;
    color: #FFF;
    margin-bottom: 5px;
}

.sales .desc {
    font-size: 1em;
    display: block;
}

.sales .desc * {
    margin: 0;
}

.price_before {
    text-decoration: line-through;
    float: left;
}

.price_after {
    color: #fff;
    font-size: 1.2em;
    float: right;
    font-weight: bold;
}

#content .more {
    color: #ffa800;
    font-weight: bold;
    border: none;
}

#content .more:hover {
    border: none;
    color: #FFF;
}

.paginator {
    display: block;
    margin-top: 10px;
    padding:0 30px;
}

.paginator .page {
    padding: 3px 7px;
    border: 1px solid #ededed;
    color: #ededed;
    text-decoration:none;
}

.paginator a.active {
    background: #ffa800;
    border-color: #ffa800;
    color: #fff;
}

.paginator .page:hover {
    background: none;
    color:#ffa800;
    border-color: #ffa800;
}

.newsDetail {
    padding: 0 0 10px;
    border-bottom: 1px solid #494949;
}

#content .newsDetail h1 {
    display: block;
}

#content .newsDetail .intro {
    text-transform: none;
    font-size: 1em;
    color: #b4b4b4;
}

.imagesWrapper {
    height: auto;
}

#copy {
    background: #0d0f16;
    padding: 5px 30px 5px 60px;
		color:#313030;
}

#copy a {
    color: #818080;
		text-decoration:none;
}

/*FORM*/
#formulier fieldset{
	border:none;
	padding:10px 0 0;
}
#formulier fieldset label{
	display:block;
	width:150px; float:left;
}

#formulier fieldset textarea{
	display: block;
	width: 293px;
	height: 70px;
	padding: 5px;
	margin-top:10px;
}


#formulier .versturen{
	display:block; width:100px; height:30px; background:#423D3F; color:#fff; no-repeat top left; cursor:pointer; border:0; margin:5px 0 0 0;
}

#formulier .versturen:hover{
	background:#fff;
	color:#423D3F;
}

#formulier fieldset div.row{
	padding-top:10px;
}



.btn_fav 	{ display:block; width:160px; height:25px; background:url(/images/btn_fav.png) no-repeat 0 0; cursor:pointer; text-decoration:none; float:right; border:0 !important; margin-top:30px; }
.btn_fav:hover { background-position:bottom left; }

.safari .btn_fav { display:none; }