body,
table {
    font: 11px/1.8 Verdana, sans-serif;
}
body {
    margin: 0;
    padding: 48px 0;
    background: #007a98 url(../img/bg/canvas.png) repeat-x;
}
div.page {
    position: relative;
    width: 700px;
    min-height: 520px;
    margin: 0 auto;
    padding: 2px 0 3em 0;
    color: #fff;
    background: #000 url(../img/bg/pagetop.png) no-repeat;
}
address {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 15px 0;
    text-align: center;
    font-style: normal;
    background: url(../img/bg/pagetop.png) no-repeat -700px bottom;
}

/* @group masthead */
div.masthead {
    padding: 30px 0 0 32px;
    background: url(../img/bg/shuffle/1.jpg) no-repeat top right;
	zoom: 1;
}

#logo {
    margin: 0;
    font-size: 1em;
}
#logo img {
	vertical-align: bottom;
}
div.metanav {
    padding: 15px 0 20px 0;
    color: #888 /*#666*/;
    background: tranpsarent;
    letter-spacing: 1px;
    font-size: 10px;
}
div.metanav a {
    color: #888 /*#666*/;
    background: transparent;
    font-weight: normal;
}
div.metanav a:visited {
    color: #777 /*#555*/;
    background: transparent;
}
div.metanav a:hover {
    color: #bbb /*#999*/;
    background: transparent;
}
div.metanav b {
    color: #bbb /*#999*/;
    background: transparent;
    font-weight: normal;
}
/* @end */

/* @group navigation */
div.nav {
    width: 600px;
}
div.nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 2em;
}
div.nav ul li {
    float: left;
    margin: 0 26px 0 0;
    padding: 0 0 13px 0;
}
div.nav ul li span {
	display: block;
}
div.nav ul li a,
div.nav ul li b {
    display: block;
    height: 11px;
    overflow: hidden;
    color: #fff;
    background: url(../img/nav.png);
    text-decoration: none;
    text-indent: 250px;
}
div.nav ul li.nieuws a,
div.nav ul li.nieuws b {
    width: 75px;
    background-position: 0 0;
}
div.nav ul li.nieuws a:hover,
div.nav ul li.nieuws span.selected a,
div.nav ul li.nieuws span.selected b {
    background-position: 0 -11px;
}
body.en div.nav ul li.nieuws a,
body.en div.nav ul li.nieuws b {
    width: 50px;
    background-position: 0 -22px;
}
body.en div.nav ul li.nieuws a:hover,
body.en div.nav ul li.nieuws span.selected a,
body.en div.nav ul li.nieuws span.selected b {
    background-position: 0 -33px;
}
div.nav ul li.live a,
div.nav ul li.live b {
    width: 63px;
    background-position: 0 -44px;
}
div.nav ul li.live a:hover,
div.nav ul li.live span.selected a,
div.nav ul li.live span.selected b {
    background-position: 0px -55px;
}
div.nav ul li.agenda a,
div.nav ul li.agenda b {
    width: 126px;
    background-position: -125px 0;
}
div.nav ul li.agenda a:hover,
div.nav ul li.agenda span.selected a,
div.nav ul li.agenda span.selected b {
    background-position: -125px -11px;
}
body.en div.nav ul li.agenda a,
body.en div.nav ul li.agenda b {
    width: 75px;
    background-position: -125px -22px;
}
body.en div.nav ul li.agenda a:hover,
body.en div.nav ul li.agenda span.selected a,
body.en div.nav ul li.agenda span.selected b {
    background-position: -125px -33px;
}
div.nav ul li.biografie a,
div.nav ul li.biografie b {
    width: 112px;
    background-position: -252px 0;
}
div.nav ul li.biografie a:hover,
div.nav ul li.biografie span.selected a,
div.nav ul li.biografie span.selected b {
    background-position: -252px -11px;
}
body.en div.nav ul li.biografie a,
body.en div.nav ul li.biografie b {
    width: 112px;
    background-position: -252px -22px;
}
body.en div.nav ul li.biografie a:hover,
body.en div.nav ul li.biografie span.selected a,
body.en div.nav ul li.biografie span.selected b {
    background-position: -252px -33px;
}
div.nav ul li.multimedia a,
div.nav ul li.multimedia b {
    width: 124px;
    background-position: -364px 0;
}
div.nav ul li.multimedia a:hover,
div.nav ul li.multimedia span.selected a,
div.nav ul li.multimedia span.selected b {
    background-position: -364px -11px;
}

div.nav ul li.op a,
div.nav ul li.op b {
    width: 35px;
    background-position: -74px -44px;
}
div.nav ul li.op a:hover,
div.nav ul li.op span.selected a,
div.nav ul li.op span.selected b {
    background-position: -74px -55px;
}

div.nav ul li.gastenboek a,
div.nav ul li.gastenboek b {
    width: 125px;
    background-position: -489px 0;
}
div.nav ul li.gastenboek a:hover,
div.nav ul li.gastenboek span.selected a,
div.nav ul li.gastenboek span.selected b {
    background-position: -489px -11px;
}
body.en div.nav ul li.gastenboek a,
body.en div.nav ul li.gastenboek b {
    width: 113px;
    background-position: -489px -22px;
}
body.en div.nav ul li.gastenboek a:hover,
body.en div.nav ul li.gastenboek span.selected a,
body.en div.nav ul li.gastenboek span.selected b {
    background-position: -489px -33px;
}
div.nav ul li.winkel a,
div.nav ul li.winkel b {
    width: 76px;
    background-position: -615px 0;
}
div.nav ul li.winkel a:hover,
div.nav ul li.winkel span.selected a,
div.nav ul li.winkel span.selected b {
    background-position: -615px -11px;
}
body.en div.nav ul li.winkel a,
body.en div.nav ul li.winkel b {
    width: 50px;
    background-position: -615px -22px;
}
body.en div.nav ul li.winkel a:hover,
body.en div.nav ul li.winkel span.selected a,
body.en div.nav ul li.winkel span.selected b {
    background-position: -615px -33px;
}
div.nav ul li.onzin a,
div.nav ul li.onzin b {
    width: 62px;
    background-position: -691px 0;
}
div.nav ul li.onzin a:hover,
div.nav ul li.onzin span.selected a,
div.nav ul li.onzin span.selected b {
    background-position: -691px -11px;
}
div.nav ul li.links a,
div.nav ul li.links b {
    width: 62px;
    background-position: -753px 0;
}
div.nav ul li.links a:hover,
div.nav ul li.links span.selected a,
div.nav ul li.links span.selected b {
    background-position: -753px -11px;
}
div.nav ul li.pers a,
div.nav ul li.pers b {
    width: 50px;
    background-position: -815px 0;
}
div.nav ul li.pers a:hover,
div.nav ul li.pers span.selected a,
div.nav ul li.pers span.selected b {
    background-position: -815px -11px;
}
body.en div.nav ul li.pers a,
body.en div.nav ul li.pers b {
    width: 62px;
    background-position: -815px -22px;
}
body.en div.nav ul li.pers a:hover,
body.en div.nav ul li.pers span.selected a,
body.en div.nav ul li.pers span.selected b {
    background-position: -815px -33px;
}
/* @end */

div.subnav {
	padding: 0 0 20px 0;
}
div.pagenav {
	margin: 18px 0;
	font-size: 10px;
}
div.content div.pagenav a,
div.content div.pagenav a:visited {
	color: #ff0;
	background: transparent;
}

/* @group content grid */
div.content {
    clear: left;
    padding: 12px 32px;
}
div.col {
    background: url(../img/bg/col.png) repeat-x;
}
div.onecol {
    padding: 15px 20px;
    min-height: 176px;
}
div.twocol {
    width: 260px;
    min-height: 196px;
    padding: 15px 20px;
}
div.threecol {
    width: 163px;
    min-height: 196px;
    padding: 10px 14px;
}
div.floatleft {
    float: left;
    margin: 0 30px 0 0;
}
div.floatright {
    float: right;
}
div.last {
    margin: 0;
}
/* @end */

/* @group home */
div.intro {
	float: right;
	width: 163px;
	height: 201px;
	margin: 10px -18px 0 -18px;
	padding: 5px 32px;
	background: url(../img/bg/kopmannen.jpg) no-repeat;
}
div.intro a.kopmannen {
	float: left;
	width: 163px;
	height: 201px;
	overflow: hidden;
	text-indent: -1234em;
}
div.col-home-wide {
	background: url(../img/bg/col-home-wide.png) no-repeat;
}
div.shop {
	background: url(../img/bg/home-shop.png) no-repeat top right;
}
div.shop p {
	margin: 0 65px 0 0;
}
div.agenda {
	background: url(../img/bg/home-agenda.png) no-repeat top right;
}
div.agenda p {
	margin: 0 48px 0 0;
}
/* @end */

/* @group bio */
div.bio div.col {
	width: 192px;
	padding: 0;
	background-position: 0 -8px
}
div.instruments {
	color: #0cf;
	background: transparent;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.4;
}
div.member {
	padding: 5px 14px;
	min-height: 216px;
}
div.member p {
	margin: 0;
	font-weight: bold;
}
div.member div.bio-link {
	margin-right: 50%;
}
div.rogier {
	background: url(../img/bg/rogier.png) no-repeat;
}
div.rogier div.bio-link {
	margin: 0 0 0 50%;
	text-align: right;
}
div.sanne {
	background: url(../img/bg/sanne.png) no-repeat top right;
}
div.willem {
	background: url(../img/bg/willem.png) no-repeat top right;
}
div.stan {
	background: url(../img/bg/stan.png) no-repeat top right;
}
div.ro {
	background: url(../img/bg/ro.png) no-repeat;
}
div.ro div.bio-link {
	margin: 0 0 0 50%;
	text-align: right;
}
div.tim {
	background: url(../img/bg/tim.png) no-repeat top right;
}
div.bio-rogier {
	background: url(../img/bg/bio-rogier.jpg) no-repeat top right;
}
div.bio-sanne {
	background: url(../img/bg/bio-sanne.jpg) no-repeat top right;
}
div.bio-willem {
	background: url(../img/bg/bio-willem.jpg) no-repeat top right;
}
div.bio-stan {
	background: url(../img/bg/bio-stan.jpg) no-repeat top right;
}
div.bio-ro {
	background: url(../img/bg/bio-ro.jpg) no-repeat top right;
}
div.bio-tim {
	background: url(../img/bg/bio-tim.jpg) no-repeat top right;
}
/* @end */

div.bio h2,
body.gastenboek h2 {
    letter-spacing: 0;
    font-size: 13px;
}

/* @group forms */

form {
	margin: 0;
}
fieldset {
	margin: 0;
	border: 1px solid #fff;
	padding: 20px 5px;
}
legend {
	padding: 0 15px;
}
form div.row  {
	margin: 15px 15px;
}
label {
	display: block;
}
input {
	margin: 0;
}
textarea,
input.text {
	width: 280px;
}
label.radio {
	display: inline;
	margin: 0 10px 0 0;
}

form.newsletter {
	margin-top: 18px;
}

form.guestbook textarea,
form.guestbook input.text {
	width: 450px;
	margin: 0;
	padding: 0 2px;
	font: 12px/18px Verdana, sans-serif;
}
form.guestbook textarea {
	padding: 5px 2px;
}

/* @end */

/* @group basic */
h1 {
    margin: 0 0 12px 0;
    color: #ff0;
	background: transparent;
    letter-spacing: 1px;
    font-size: 21px;
	line-height: 21px;
}
h2 {
    margin: 0;
    color: #ff0;
	background: transparent;
    letter-spacing: 1px;
    font-size: 15px;
}
body.home h2 {
    margin: 0;
    color: #ff0;
	background: transparent;
    letter-spacing: 1px;
	/*font-weight: normal;*/
    font-size: 15px;
}
body.nieuws h2 {
    font-size: 13px;
}
h3 {
    margin: 0;
    color: #0cf;
	background: transparent;
    font-size: 13px;
}
h4 {
    margin: 0;
    color: #0cf;
	background: transparent;
    font-size: 11px;
}
p {
    margin: 0 0 18px 0;
}
p.lede {
    color: #0cf;
	background: transparent;
	font-weight: bold;
}
p.double {
    margin: 1.8em 0;
}
strong {
    color: #0cf;
}
a {
    color: #9c0;
    background: transparent;
    text-decoration: none;
    font-weight: bold;
}
div.content a:visited {
    color: #666;
    background: transparent;
}
div.content a:hover {
	text-decoration: underline;
}
a img {
    border: 0 none;
}
/* @end */

table.showtime {
	width: 100%;
	border-collapse: collapse;
	color: #0cf;
	background: transparent;
}
table.showtime th,
table.showtime td {
	vertical-align: top;
	padding: 0 10px 0 0;
}
table.showtime td.day {
	padding-right: 2px;
}
table.showtime td.phone {
	padding-right: 0;
}
table.showtime th {
	padding-top: 26px;
	color: #ff0;
	background: transparent;
	text-align: left;
	font-size: 13px;
}
table.showtime th.col {
	vertical-align: bottom;
	font-size: 11px;
}
table.showtime td a {
	font-weight: normal;
}
table.showtime td b {
	color: #fff;
	background: transparent;
	font-weight: normal;
}

body.contact div.section {
	margin-bottom: 18px;
}

div.quotation {
	padding-bottom: 40px;
}
div.quotation h3 {
	margin: 0;
	color: #0cf;
	background: transparent;
}
blockquote {
	margin: 0 10px;
	padding: 0;
}
div.author {
	margin: 10px;
	text-align: right;
}

div.article {
	margin-bottom: 20px;
}

div.bio-links a {
	white-space: nowrap;
}

/* @group guestbook */
div.pagination {
	margin: 30px 0;
	text-align: center;
}
div.msg {
	padding-bottom: 18px;
}
/* @end */

div.live-teaser {
	margin: 18px 0;
}
div.live-teaser p {
	margin: 0;
}
div.live-teaser div.more {
	text-align: right;
}

div.product {
	overflow: hidden;
	margin: 0 0 20px 0;
}
div.product input.order {
	float: right;
	margin: 5px 0 0 0;
	border: 1px solid #ff0;
	padding: 0 10px;
	color: #9c0;
	background: #000;
	font-weight: normal;
	font-size: 1.5em;
}
div.product a.order:hover {
	border-color: #0cf;
	color: #ff0;
	text-decoration: none;
}
div.product img.product {
	float: left;
	margin: 5px 20px 5px 0;
}
div.price {
	color: #0cf;
	font-size: 1.5em;
}
div.price big {
	font-size: 1.5em;
}
table.order-overview {
	border-collapse: collpase;
}
table.order-overview th {
	padding: 0 10px 0 0;
	color: #0cf;
	background: transparent;
	vertical-align: top;
	text-align: right;
}
table.order-overview td {
	padding: 0;
}

div.audiolist {
	float: right;
	width: 160px;
}
div.audiolist ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div.photos img {
	margin: 5px;
}

/* @group passepartout */
#passepartout {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#passepartout iframe {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 0;
    height: 0;
	border: 0 none;
    opacity: 0;
    filter: Alpha(opacity=0);
}
#passepartout .background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 0;
    height: 0;
    text-align: center;
    background: #000;
    opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
#passepartout .legend {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10001;
    width: 100%;
    padding: 5px 0;
	color: #000;
    background: #fff;
    text-align: center;
    opacity: 0.6;
    filter: Alpha(opacity=60);
}
#passepartout .load {
    position: absolute;
    z-index: 10001;
    visibility: hidden;
}
#passepartout .frame {
    visibility: hidden;
    position: absolute;
    z-index: 10002;
    padding: 10px 10px 0 10px;
    background: #fff;
    line-height: 1;
}
#passepartout .frame img {
    vertical-align: bottom;
}
#passepartout .toolbar {
    overflow: hidden;
    padding: 5px 0;
}
#passepartout a {
    border: 0 none;
    outline: 0 none;
}
#passepartout a:hover {
    padding: 0;
}
#passepartout a img {
    border: 0 none;
    vertical-align: middle;
}
#passepartout .prev {
    float: left;
    display: none;
    margin-right: 10px;
}
#passepartout .next {
    float: right;
    display: none;
    margin-left: 10px;
}
#passepartout .caption {
    display: block;
    text-align: center;
}
#passepartout .caption .enum {
    color: #666;
    background: transparent;
}
#passepartout .close {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
div.content #bubble {
	float: left;
	width: 416px;
	height: 211px;
	overflow: hidden;
	text-indent: -1234em;
	background-image: url(../img/bubble.jpg);
	cursor: pointer;
	background-color: #f3f3f3;
	margin: 10px 0 28px 0
	
}
div.content #bubble:hover {
	background-position: 0 -211px; 
}
#moviePlayer {
	background-color: #ffffff; 
	padding: 10px 10px 10px 10px; 
	position: fixed; 
	width: 560px;
	left: 50%; 
	top: 50%; 
	margin-left: -290px; 
	margin-top: -190px; 
	z-index: 20;
	color: #454545;
	font-size: 11px;
}
* html #moviePlayer {
	position: absolute;
}
#moviePlayer a {
	text-decoration: none;
}
#moviePlayer a.close {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 10px;
	float: right;
	text-decoration: none;
}
#moviePlayer a.close:hover {
	
}
#blacker {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 4000px;
}
* html #blacker {
	position: absolute;
}
html.lightbox , html.lightbox body{
	overflow: hidden !important;
}
html.lightbox .addedHTML {
	display: none;
}


/* @end */