/* main */
* {
   padding: 0;
   margin: 0;
}
html, body {
	height:100%;
	background: #1a1a1a url(../img/bg.jpg) top center no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
h1 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 1em;
}
h2 {
	font-size: 12px;
	font-weight: bold;
}
ul {
	list-style-position: inside;
}
p {
	margin-bottom: 1em;
}
img {
	border: 0;
}
a {
	outline: none;
	color: black;
}
hr {
	height: 1px;
	background: gray;
	color: gray;
	outline: none;
	clear: both;
	border: 0;
}
div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:880px;
	background: #e9be74 url(../img/logo_footer.gif) left bottom no-repeat;
	/*height:auto !important; /* real browsers */
	/*height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
	text-align: left;
	line-height: 1.8em;
}
div#content {
	padding: 10px 10px 70px 30px; /* 70px footer */
}
div#footer {
	position:absolute;
	bottom:0;
	left: 0;
	color: #444;
	padding-left: 195px;
	font-size: 10px;
}
.clear {
	clear: both;
}

/* Menu */
div#menu {
	height: 30px;
	background: black url(../img/menubar.jpg);
}
div#menu a {
	text-decoration: none;
	color: white;
	float: left;
	display: block;
	padding: 5px 15px 0 10px;
	height: 25px;
	font-size: 12px;
	font-weight: bold;
}
div#menu a:hover, div#menu a#selected {
	background: url(../img/menu_hover.gif);
}
div#menu a img {
	margin-right: 5px;
}
span.nieuw {
	font-size: 9px;
	color: #eaa11b;
	margin-left: 10px;
}

/* Banners */
div.banner {
	min-height:90px; /* real browsers */
	/*height:auto !important; /* real browsers */
	/*height:90px; /* IE6: treated as min-height*/
	position: relative;
}
div.default {
	background: #f6d595 url(../img/bg_banner.jpg) top no-repeat;
	padding: 100px 0 10px 30px;
}
div.contact {
	background: #f6d595 url(../img/bg_contact.jpg) top no-repeat;
	padding: 100px 0 10px 30px;
}
div.ontdek {
	background: #f6d595 url(../img/bg_ontdek.jpg) top no-repeat;
	padding: 100px 0 10px 30px;
}
div.custom {
	background: #f6d595 url(../img/bg_custom.jpg) top no-repeat;
	padding: 100px 0 10px 30px;
}
div.banner #intro {
	width: 500px;
}
div.banner #right {
	position: absolute;
	right: 10px;
	bottom: 10px;
}
div.banner #player {
	position: absolute;
	left: 40px;
	top: 40px;
}

/* Welkom */
div#content-left, div#content-right {
	display: inline; /* IE5&6 float margin bug */
}
div#content-left {
	float: left;
	width: 520px;
}
div#content-right {
	float: right;
	width: 300px;
}
div#content-right div {
	border: 5px solid #ebd48c;
	height: 100px;
	margin-bottom: 10px;
	position: relative;
}
div#pipeorgan {
	background: url(../img/promo_pipeorgan+.jpg);
}
div#cm100 {
	background: url(../img/promo_cm100.jpg);
}
div#chorale {
	background: url(../img/promo_chorale.jpg);
}
div#chorale2 {
	background: url(../img/promo_chorale2.jpg);
}
div#content-right div a {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

/* link buttons */
a.button {
    background: transparent url(../img/button_bg_right.gif) no-repeat scroll top right;
    color: #ebd48c;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 20px; /* 24px*/
    padding-right: 11px; /* sliding doors padding */
    text-decoration: none;
}
a.button span {
    background: transparent url(../img/button_bg.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 3px 0 3px 11px;
} 
a.button:hover, a#active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.button:hover span, a#active span {
    background-position: bottom left;
    padding: 4px 0 2px 11px; /* push text down 1px */
} 
a.unico {
	width: 130px;
	margin-bottom: 10px;
}
a#active {
	font-weight: bold;
}

/* Collectie */
div#collectie {
	/*width: 650px;*/
}
div.seriewrap {
	height: 150px;
	float: left;
	margin-bottom: 20px;
}
.serietitle span {
	position: absolute;
	right: 20px;
	top: 0;
	color: #af690b;
	font-style:italic;
}
.serietitle {
	font-color: gray;
	position: relative;
	margin-bottom: 10px;
}
.huisk {
	background: url(../img/cat_huisk_bg.gif);
}
.prof {
	background: url(../img/cat_prof_bg.gif);
}
.acc {
	background: url(../img/cat_acc_bg.gif);
}
div.serie {
	width: 150px;
	height: 130px;
	float: left;
	position: relative;
	margin-bottom: 10px;
}
div.serie span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
div.serie:hover span, div.sfhover span {
	font-weight: bold;
}
div.serie a {
	text-decoration: none;
}
div.pricelabel {
	position: absolute;
	right: 0;
	top: 0;
	background: url(../img/pricelabel.png) top center no-repeat;
	width: 61px;
	height: 35px;
	text-align:center;
	line-height: 1.2em;
	font-size: 10px;
}
div#unico {
	float: right;
	border: 5px solid #ebd48c;
	width: 325px;
	height: 260px;
	position: relative;
	background: url(../img/collectie_unico.jpg);
}
div#unico a {
	position: absolute;
	bottom: 5px;
	right: 5px;
}
div#thumbs {
	width: 100%;
	height: 75px;
	margin-top: 10px;
}
div#thumbs div {
	width: 100px;
	height: 75px;
	float: left;
}
div.accthumb {
	width: 75px !important;
}
div#thumbs div#active {
	background: url(../img/thumb/active.jpg);
}
div#thumbs div#active_acc {
	background: url(../img/thumb/active_acc.jpg);
}
div#foto {
	width: 300px;
	height: 300px;
	float: left;
	position: relative;
}
div#gallery {
width: 600px; margin-bottom: 20px; float: left; clear:both;
}
#detail-header {

}
#detail-header img {
	float: left;
}
#detail-header span {
	float: right;
}
div#factsheet {
	float: right;
	width: 520px;
}
div#factsheet2 {

	clear: both;
}
div#icons {
	width: 100px;
	float: right;
}
div#icons img {
	margin-bottom: 10px;
}
div#icons2 {
	width: 240px;
	float: right;
	text-align: right;
}
div#icons2 img {
	float: right;
	margin: 0 0 10px 10px;
	border: 3px solid black;
}
div#factsheet div#spec {
	float: left;
	width: 410px;
}
div#dispositie {

}
div.title {
	border-top: 1px solid #b86c11;
	border-bottom: 1px solid #b86c11;
	background: #f6d595;
	margin-bottom: 10px;
	font-weight: bold;
	width: 100%;
}
table {
	border: 0;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	font-size: 11px; /* IE5 */
}
td {
	vertical-align: top;
	border: 0;
	padding: 0;
}
tr.odd {
}
tr.even {
	background: #f0cb8b;
}
col.prop {
	width: 30%;
}
col.desc {
	width: 70%;
}
col.prop td {
	font-weight: bold;
}
div.d_col {
	width: 120px;
	float: left;
	margin-right: 50px;
}
div.d_col div {
	position: relative;
	width: 100%;
}
div.d_col div span {
	position: absolute;
	right: 0;
	font-style: italic;
}
div.d_col .kop {
	font-weight: bold;
}

/* Unico */
div#unico-menu, div#unico-content {
	display: inline; /* IE5&6 float margin bug */
}
div#unico-menu {
	float: left;
	width: 150px;
}
div#unico-content {
	float: right;
	width: 670px;
}
div#unico-content #details {
	float: right;
	margin-left: 10px;
}
div#unico-content #details div {
	border: 5px solid #ebd48c;
	margin-bottom: 10px;
}
div.download {
	background: #f6d595;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	padding: 5px;
	margin: 5px 0;
}
div.download img {
	margin-right: 10px;
	float: left;
}
div.forum {
	border: 1px solid gray;
	background: #f6d595;
	padding: 10px;
	margin: 10px 0;
}
div.forum .naam {
	color: gray;
}

/* Dealers */
div#map {
	float: right; width: 375px; height: 400px; background: url(../img/map_nl.jpg); position: relative;
}
div#map div {
	position: absolute;
}
div#filter {
	background: rgb(70,70,70); color: white;
	padding: 5px;
	margin-bottom: 10px;
}
div#filter label {
	margin-right: 5px;
}
div#filter #submit {
	float: right;
	width: 50px;
	color: white;
	background: gray;
	border: 0;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 0;
	cursor: pointer;
}
div.dealerrow {
	border-bottom: 1px solid gray; height: 25px;
	cursor: pointer;
}
div.dealerrow span.left {
	line-height: 25px; float: left;
}
div.dealerrow span.right {
	float: right; font-weight: bold; line-height: 25px;
}
div.dealerrow img {
	margin-left: 10px;
}
div.dealeraddr {
	background: #f6d595;
	padding-left: 20px;
}
div.labels {
	float: right;
	width: 180px;
}
div.labels div {
	font-size: 10px;
	width: 80px;
	float: right;
	border: 1px solid #AC5812;
	text-align: center;
	margin: 5px 5px 0 0;
	height: 12px;
	line-height: 12px;
}

/* Formulieren */
#form, .form {
	background: #f6d595;
	padding: 10px;
	width: 400px;
	float: right;
	margin-left: 10px;
}
.small {
	width: 270px;
}

/* Actueel */
div.actueel {
	clear: both;
	margin-bottom: 10px;
}
div.klankcreatie {
	clear: left;
	margin-bottom: 10px;
}
div.klankcreatie img {
	border: 1px solid gray;
	float: left;
	margin: 0 10px 10px 0;
}

/* Occasions */
div.occasion {
	width: 100%;
	float: left;
	position: relative;
	margin-top: 10px;
}
div.occasion img {
	border: 1px solid gray;
	float: left;
	margin-right: 10px;
}
div.occasion span.prijs {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 16px;
	font-weight: bold;
}

/* Ontdek domus */
div.referentie {
	float: left;
	width: 320px;
}
div.referentie img.tn {
	float: left;
	border: 1px solid gray;
	margin-right: 10px;
	width: 40px;
	height: 40px;
}
img.fullsize {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid gray;
}
div.links {
	position: relative; cursor: pointer; margin: 10px 10px 0 0; width: 300px; height: 100px; border: 1px solid gray; padding: 5px; float: left;
}
div.links img {
	float: left; margin-right: 10px;
}
div.links div {
	font-style: italic; position: absolute; bottom: 0; right: 5px;
}