/*
#################
#	ALGEMEEN	#
#################
*/
body, html,
div, span,
h1, h2, h3, h4, h5,
p, a,
ul,
form {
	margin: 0;
	padding: 0;
}

p { margin-bottom: 1.2em }

a:link {
	color: #cf6424;
	font-weight: bold;
	text-decoration: none;
}

a:hover { text-decoration: underline }

a:visited {
	color: #31393c;
	font-weight: bold;
	text-decoration: none;
}

a:visited:hover {
	color: #cf6424;
	text-decoration: underline;
}

a.extern {
	padding-right: 8px;
	background: url(../gfx/externe-link.gif) no-repeat right 50%;
}

a.extern.img { padding: 0; background: none }

a.meer,
a.meer:visited {
	padding-left: 12px;
	color: #cf6424;
	font-weight: normal;
	background: url(../gfx/pijltje-rood.gif) no-repeat 0 50%;
}

a.meer:hover,
a.meer:focus {
	background: url(../gfx/pijltje-rood-hover.gif) no-repeat 1px 50%;
}

img {
	padding: 6px;
	margin-bottom: 10px;
	border: 1px solid #dcdfe0;
	background: #fff;
}

img.links {
	float: left;
	margin-right: 10px;
}

img.rechts {
	float: right;
	margin-left: 10px;
}

p.afbeelding {
	clear: both;
	text-align: center;
}

p.links { text-align: left }
p.rechts { text-align: right }
p.afbeelding img { margin: 0 }

/*
#################
#	LAY-OUT		#
#################
*/
body {
	font: 62.5%/200% Tahoma, Arial, Verdana, sans-serif;
	border-top: 12px solid #3d464b;
	background: #e1e1d6 url(../gfx/bg.gif) repeat-x 0 15px;
}

div#top {
	border-top: 3px solid #fff;
	background: #31393c url(../gfx/top.gif) repeat-x;
}

h1 {
	position: absolute;
	width: 579px;
	height: 281px;
	left: 66px;
	text-indent: -9999px;
	background: url(../gfx/maarten.jpg);
}

h1 a {
	display: block;
	width: 260px;
	height: 65px;
	margin-top: 141px;
}

div.official-website {
	width: 25em;
	min-height: 153px;
	height: 14.34em;
	padding: 124px 1em .4em 678px;
	font-size: 1.1em;
	color: #d9dddf;
}

div.official-website h2 {
	height: 23px;
	margin-bottom: .6em;
	text-indent: -9999px;
	background: url(../gfx/titels/official-website.gif) no-repeat;
}

div.official-website.nl h2 { background-position: bottom left }

div#container {
	width: 972px;
	font-size: 1.1em;
}

div#content {
	float: left;
	width: 548px;
	min-height: 280px;
	padding: 8em 24px 15px 66px;
	font-size: 1.1em;
	color: #66767e;
	background: #f8f8f1 url(../gfx/hoek-content.jpg) no-repeat bottom right;
}

div#content h3 {
	clear: both;
	padding-top: .6em;
	font-size: 1.2em;
	font-weight: normal;
	font-variant: small-caps;
	color: #31393c;
}

div#content div.item { padding-bottom: 2em }

div#content h2 {
	margin-bottom: .8em;
	padding-bottom: .3em;
	font-size: 1.5em;
	font-weight: normal;
	font-variant: small-caps;
	background: url(../gfx/stippellijn.gif) repeat-x bottom left;
}

div#content h2 a {
	color: #66767e;
	font-weight: normal;
}

div#content h2 a:hover,
div#content h2 a:focus {
	color: #31393c;
	text-decoration: none;
}

div.datum {
	margin: -1.7em 0 .6em 0;
	text-align: right;
	font-size: .85em;
	color: #b9b9b9;
}

div#paginas {
	clear: both;
	float: right;
	margin-bottom: 2.4em;
	font-size: .9em;
}

div#paginas a {
	display: block;
	float: left;
	padding: 0 .6em;
	margin-left: .2em;
	color: #fff;
	font-weight: normal;
	background: #cf6424;
}

div#paginas a:hover,
div#paginas a.active {
	text-decoration: none;
	background: #66767e;
}

div#paginas span {
	display: block;
	float: left;
	padding: 0 .6em;
	margin-left: .2em;
}

div#kolom-rechts {
	float: right;
	width: 274px;
	min-height: 400px;
	padding: 0 18px 56px 20px;
	color: #5d6a6f;
	line-height: 150%;
	background: #fbfbf7 url(../gfx/hoek-kolom-rechts.jpg) no-repeat bottom left;
}

div#kolom-rechts div.item {
	clear: both;
	padding: 2.8em 0 12px 0;
}

div#kolom-rechts div.item h3 {
	height: 40px;
	margin-bottom: 14px;
	text-indent: -9999px;
	background: no-repeat;
}

div#kolom-rechts div.new-album h3 {
	background-image: url(../gfx/titels/new-album.gif);
}

div#kolom-rechts div#new-album-nl h3 {
	background-position: bottom left;
}

div#kolom-rechts div.new-album p { padding-top: 4px }

div.new-album a#order-online {
	display: block;
	float: left;
	width: 101px;
	height: 28px;
	margin-top: 5px;
	text-indent: -9999px;
	background: url(../gfx/order-online.gif);
}

div.new-album a#order-online:hover { background-position: bottom left; }

div#new-album-nl a#order-online {
	background-position: top right;
}

div#new-album-nl a#order-online:hover { background-position: bottom right; }

div#kolom-rechts div.upcoming h3 {
	background-image: url(../gfx/titels/upcoming.gif);
}

div#kolom-rechts div#upcoming-nl h3 {
	background-position: bottom left;
}

div#footer {
	clear: both;
	height: 24px;
	margin-left: 58px;
	padding-left: 8px;
	border: #e1e1d6 solid;
	border-width: 40px 0 20px 0;
	background: url(../gfx/footer/footer.gif);
}

div#footer span {
	display: block;
	float: left;
	width: 129px;
	height: 24px;
	text-indent: -9999px;
	background: url(../gfx/footer/copyright.gif) no-repeat 0 7px;
}

div#footer a {
	display: block;
	float: left;
	height: 19px;
	margin-top: 3px;
	text-indent: -9999px;
	background: url(../gfx/footer/contact-links.gif);
}

a#contact {
	width: 60px;
	margin: 3px 7px 0 18px;
}

a#contact:hover,
a#contact:focus {
	background-position: 0 -19px;
}

div#footer a#links {
	width: 49px;
	margin-left: 1px;
	background-position: -68px 0;
}

div#footer a#links:hover,
div#footer a#links:focus {
	background-position: -68px -19px;
}

/* ALBUMPAGINA */
div.album { clear: both }
div#content div.album img { margin-bottom: 2em }
div#content div.album img.livetracks { margin-bottom: 0 }

div.albuminfo {
	float: right;
	width: 240px;
	text-align: right;
}

div.albuminfo object { margin-bottom: 1em }

/* VIDEOPAGINA */
div.multimedia { margin-bottom: 2em }
div.youtube { margin-bottom: 1em; }

/* CONTACTPAGINA */
div.contactinfo {
	float: right;
	width: 21em
}
img#sorek { padding: 0; border: none }

/* ALBUMPAGINA */
div#content div.fotoalbum { padding: 0; margin-bottom: 2.5em; }
div#content div.fotoalbum h3 {
	clear: both;
	display: inline;
	background: #576267 url(../gfx/tab.gif) no-repeat top right;
	color: #cad7cc;
	font-size: 1em;
	font-variant: normal;
	padding: .4em 4em .4em 1em;
}

div.fotos {
	padding-top: .4em;
	text-align: center;
	background: #f1f1e7;
}

div.fotos a.hide { display: none; }

div#content div.fotoalbum div.datum {
	clear: both;
	margin: 2px 0 0 0;
	padding-right: .6em;
	background: #f1f1e7 url(../gfx/stippellijn.gif) repeat-x left top;
}

/*
#########################
#	MENU'S EN LIJSTEN	#
#########################
	ALGEMEEN */
ul {
	margin: 1.4em 0 3.2em 0;
	list-style: none;
	background: url(../gfx/stippellijn.gif) repeat-x bottom;
}

ul li {
	padding: .3em 1em .3em 24px;
	color: #404f56;
	background: #fbfbf7 url(../gfx/li.gif) no-repeat left top;
}

/* TAALMENU */
ul#taalmenu {
	position: absolute;
	margin: 0;
	left: 66px;
	background: none;
}

ul#taalmenu li {
	float: left;
	margin-right: 2px;
	padding: 0;
	background: #f5f5ee;
}

ul#taalmenu li a {
	display: block;
	width: 80px;
	height: 36px;
	text-indent: -9999px;
	background: url(../gfx/taal.gif) no-repeat;
}

ul#taalmenu li#en a:hover,
ul#taalmenu li#en a:focus,
ul#taalmenu li#en a.actief:hover,
ul#taalmenu li#en a.actief:focus {
	background-position: 0 -36px;
}

ul#taalmenu li#en a.actief {
	background-position: 0 -72px;
}

ul#taalmenu li#nl a {
	background-position: -80px 0;
}

ul#taalmenu li#nl a:hover,
ul#taalmenu li#nl a:focus,
ul#taalmenu li#nl a.actief:hover,
ul#taalmenu li#nl a.actief:focus {
	background-position: -80px -36px;
}

ul#taalmenu li#nl a.actief {
	background-position: -80px -72px;
}

/* HOOFDMENU */
div#hoofdmenu {
	position: absolute;
	left: 0;
	width: 59.7em;
	background: url(../gfx/hoofdmenu/hoofdmenu.png) no-repeat bottom right;
}

div#hoofdmenu ul {
	float: right;
	height: 36px;
	margin: 0;
	padding: 0 35px;
	background: url(../gfx/hoofdmenu/hoofdmenu.png) no-repeat bottom left;
}

div#hoofdmenu  li {
	float: left;
	padding: 0;
	background: none;
}

div#hoofdmenu li a {
	display: block;
	height: 3em;
	padding: .3em 1em 0 1em;
	font-weight: normal;
	color: #cad7cc;
	background: url(../gfx/hoofdmenu/hoofdmenu.gif) no-repeat 50% 0;
}

div#hoofdmenu li a:focus {
	text-decoration: underline;
}

div#hoofdmenu li a.active {
	background: #59646a url(../gfx/hoofdmenu/hover.gif) repeat-x bottom;
}

div#hoofdmenu li a.active:hover,
div#hoofdmenu li a.active:focus {
	text-decoration: none;
}

div#hoofdmenu ul ul {
	position: absolute;
	display: none;
	width: 12em;
	height: auto;
	margin: -4px 0 0 0;
	padding: 0 0 0 1em;
	background: #576267;
}

div#hoofdmenu ul ul li {
	float: none;
	padding-bottom: 1px;
	background: url(../gfx/hoofdmenu/stippellijn.gif) repeat-x bottom left;
}

div#hoofdmenu ul li:hover ul,
div#hoofdmenu ul li:focus ul,
div#hoofdmenu ul li.over ul {
	display: block;
}

div#hoofdmenu ul ul li a {
	padding: 6px 0 3px 1.5em;
	height: auto;
	color: #fff;
	background: url(../gfx/hoofdmenu/pijltje-wit.gif) no-repeat .4em 1.35em;
}

div#hoofdmenu ul ul li a:hover,
div#hoofdmenu ul ul li a:focus,
div#hoofdmenu ul ul li a.active {
	padding-left: 2.5em;
	margin-left: -1em;
	text-decoration: none;
	background: #31393c url(../gfx/hoofdmenu/pijltje-wit-hover.gif) no-repeat 1.4em 1.35em;
}

/* MEER */
dl.meer {
	margin-top: 2em;
}

dl.meer dt {
	padding-left: 5px;
	font-size: 1.15em;
}

dl.meer dd {
	margin: 0;
}

dl.meer ul {
	margin-top: .8em;
	padding-bottom: 1px;
}

/* LIJST MET LINKS */
ul.hyperlinks li,
dl.websites li {
	padding: 1px 0 0 0;
	background: url(../gfx/stippellijn.gif) repeat-x top;
}

ul.hyperlinks li a,
ul.hyperlinks li a:visited,
dl.websites li a,
dl.websites li a:visited {
	display: block;
	padding: .2em 0 .3em 14px;
	color: #cf6424;
	text-decoration: none;
	background: #f1f1e7 url(../gfx/pijltje-grijs.gif) no-repeat 4px 11px;
}

ul.hyperlinks li a:visited,
dl.websites li a:visited {
	color: #31393c;
}

ul.hyperlinks li a:hover,
ul.hyperlinks li a:visited:hover,
dl.websites li a:hover,
dl.websites li a:visited:hover {
	text-decoration: none;
	color: #cf6424;
	background: #fbfbf7 url(../gfx/pijltje-grijs-hover.gif) no-repeat 5px 10px;;
}

#agenda-jaren {
	background: url(../gfx/agenda-jaren.gif) repeat-x 0 bottom;
	height: 1%;
	overflow: hidden;
}
#agenda-jaren li {
	background: none;
	float: left;
	margin-right: 8px;
	padding: 0;
}
#agenda-jaren a {
	background: #e3e3e3;
	color: #676e78;
	display: block;
	padding: 2px 8px;
}
#agenda-jaren a.active {
	background: none;
	color: #000;
}

/* LIJST MET FOTO'S */
div#fotos a {
	margin: .5em;
}

/* MEER NIEUWS */
ul.meer-nieuws li span {
	padding-right: 8px;
	font-size: .9em;
	font-weight: normal;
	color: #66767e;
}

/* ARTIKELEN PER JAAR */
dl#artikelen-per-jaar {
	margin-top: 6em;
}

dl#artikelen-per-jaar dt {
	width: 10em;
	line-height: 2.05em;
	color: #cad7cc;
	background: #576267 url(../gfx/tab.gif) no-repeat top right;
}

dl#artikelen-per-jaar ul { margin-top: 0 }

/* LIJST MET BERICHTEN */
dl.berichten {
	margin-top: 2em;
}

dt.auteur {
	margin: 0;
	padding: .8em 2em 0 0;
	color: #31393c;
	background: #fff url(../gfx/gastenboek/logo.gif) no-repeat .4em 35%;
}

dt.auteur a { color: #cf6424; }

dt.auteur strong {
	padding: 0 1em .8em 3em;
	background: url(../gfx/stippellijn.gif) repeat-x bottom left;
}

dd.bericht {
	margin: 0;
	padding: 2em 2em 1em 2em;
	font-size: .9em;
	background: #fff;
}

dd.datum {
	margin: 0 0 4em 0;
	padding: 0 1em .8em 0;
	font-size: 0.8em;
	color: #b0b0b0;
	text-align: right;
	background: #fff url(../gfx/gastenboek/bericht-hoek.gif) no-repeat bottom left;
}

/* RECENSIES */
dl#recensies dt.auteur strong { display: block }
dl#recensies dd.datum { margin: 0; background: #fff; padding: 0 2.5em 0 0; }
dl#recensies dd.bericht {
	padding-top: 1em;
	padding-bottom: 2em;
	margin-bottom: 4em;
	background: #fff url(../gfx/gastenboek/bericht-hoek.gif) no-repeat bottom left
}

/* CONTACTINFORMATIE */
div.contactinfo ul {
	margin-top: 0;
	padding-bottom: 1px;
	font-style: italic;
}

div.contactinfo ul li {
	padding-left: 12px;
	background-image: url(../gfx/stippellijn.gif);
	background-repeat: repeat-x
}

/* BIOGRAPHY-TAAL */
dl#bio-taal { margin-top: -8px; height: 28px; clear: both; }
dl#bio-taal dt { display: none }
dl#bio-taal ul {
	float: right;
	height: 28px;
	margin: 0;
	background: none;
}

dl#bio-taal li {
	float: left;
	padding: 0;
	margin-left: .6em;
	background: none;
}

dl#bio-taal li a {
	display: block;
	height: 28px;	
	width: 28px;
	text-indent: -9999px;
	background: url(../gfx/bio-taal.gif) no-repeat left bottom;
}

dl#bio-taal li#bio-en a.active,
dl#bio-taal li#bio-en a:hover { background-position: 0 0 }

dl#bio-taal li#bio-nl a { background-position: -28px -28px }
dl#bio-taal li#bio-nl a.active,
dl#bio-taal li#bio-nl a:hover { background-position: -28px 0 }

dl#bio-taal li#bio-fr a { background-position: -56px -28px }
dl#bio-taal li#bio-fr a.active,
dl#bio-taal li#bio-fr a:hover { background-position: -56px 0 }

dl#bio-taal li#bio-de a { background-position: -84px -28px }
dl#bio-taal li#bio-de a.active,
dl#bio-taal li#bio-de a:hover { background-position: -84px 0 }

/* ALBUMNUMMERS */
div.album dt { font-size: 1.1em; font-weight: normal; font-variant: small-caps; color: #31393c }
div.album dd { margin: 0 }
div.album ul { background: none; margin: 0 0 1em 0 }
div.album li { background: none; padding: 0; color: #66767e }
div.album li span { display: block; float: left; width: 22px; margin-right: 10px; text-align: right }

/* LIJST MET LINKS NAAR WEBSITES */
dl.websites { float: left; clear: left; width: 250px; clear: both; }

dl.websites dt {
	font-size: 1.2em;
	font-variant: small-caps;
	color: #31393c;
}

dl.websites dd { margin: 0; }
dl.websites ul { margin: 0.6em 0 1em 0; padding-bottom: 1px }

dl.websites ul li a,
dl.websites ul li a:visited { background-color: #fbfbf7 }

dl.even { float: right; clear: none }

/*
#####################
#	FORMULIEREN		#
#####################
	ALGEMEEN */
form ul { list-style: none }
form em.verplicht { color: #cf6424 }
fieldset { padding-top: 1.2em }

label {
	display: block;
	padding-bottom: .2em;
}

input {
	width: 18em;
	margin-bottom: .6em;
	padding: .3em .4em;
	border: 1px solid #d7d7cc;
}

input.kort { width: 6.5em }

textarea {
	width: 18.8em;
	overflow: auto;
	margin-bottom: .6em;
	padding: .3em 0 .3em .4em;
	border: 1px solid #d7d7cc;
}

form .submit {
	width: auto;
	padding: 0;
	border: none;
}

input:focus,
textarea:focus {
	border-color: #31393c;
}

div#kolom-rechts form p.bericht { margin: 1em 0 0 0 }

div#kolom-rechts form ul.error,
div.contactinfo ul.error {
	margin: .6em 0 1em 0;
	background: none;
}

div#kolom-rechts form ul.error li,
div.contactinfo ul.error li {
	padding: .3em 1em .3em 24px;
	color: #404f56;
	font-style: normal;
	background: url(../gfx/pijltje-rood.gif) no-repeat 1em .75em;
}

/* Contactformulier
------------------------------------------------------------------*/
form#contactformulier select { margin-bottom: .6em; }

/* LAAT EEN BERICHT ACHTER */
form.leave-a-message {
	padding: 6.8em 0 0 0;
	background: url(../gfx/gastenboek/leave-a-message.gif) no-repeat 0 2.8em;
}

form#leave-a-message-nl {
	background-image: url(../gfx/gastenboek/leave-a-message-nl.gif);
}

.leave-a-message fieldset {
	padding: 0;
	border: none;
}
.leave-a-message legend { text-indent: -9999px }

/* Bestel albums */
div#kolom-rechts div.order-albums h3 { background-image: url(../gfx/titels/order-albums.gif) }
div#kolom-rechts div#order-albums-nl h3 { background-position: bottom left }
div.order-albums fieldset { margin-bottom: .6em }
div.order-albums fieldset ul {
	margin: 0;
	background: none;
}

div.order-albums fieldset ul li {
	clear: both;
	padding-left: 0;
	background: 0;
}

div.order-albums fieldset ul input {
	float: left;
	width: 1em;
	padding: .1em .3em;
	text-align: center;
}

div.order-albums fieldset ul label {
	float: left;
	margin: .4em 0 0 1em;
}

/* BETAAL MET IDEAL */
form#betaal-met-ideal fieldset { border: none; padding: 0 }
form#betaal-met-ideal legend { text-indent: -9999px }
form#betaal-met-ideal .submit { float: right }

form#betaal-vooraf { float: right; padding: 0; margin: -36px 130px 14px 0; }
form#betaal-vooraf fieldset { display: inline; padding: 0; border: none }
form#betaal-vooraf input { margin: 0; }

/* CONTACTFORMULIER */
form#contactformulier { float: left }
form#contactformulier legend { line-height: 0; text-indent: -9999px }
form#contactformulier fieldset { padding: 0; border: none }
form#contactformulier textarea { clear: both }
form#contactformulier div input { float: left; width: auto; padding: 0; border: none }
form#contactformulier div label { float: left; margin-left: 0.6em }
form#contactformulier .submit { margin-top: 1em }

/*
#################
#	TABELLEN	#
#################
	ALGEMEEN */
table { width: 100% }
table tr { background: url(../gfx/stippellijn.gif) repeat-x bottom left; }
table td { padding: .3em }
table td.midden { text-align: center }
table td.rechts { text-align: right }
table tbody tr {
	vertical-align: top;
	background-color: #fbfbf7;
}
table tbody tr.oneven { background-color: #f1f1e7 }

/* BEVESTIG BESTELLING */
table.bevestig-bestelling { margin: 2em 0 1em }
table tr.prijs { background-color: none }

/* TABEL KALENDER */
table.kalender { margin-bottom: 2em }
table.kalender td.datum { width: 80px }
table.kalender td.theater { width: 100px }
table.kalender td.stuk { width: 160px }
table.kalender tr.maand { background: none; color: #cad7cc }
table.kalender td.maand {
	background: #576267 url(../gfx/tab.gif) no-repeat top right;
	padding-left: 1em;
}
table.kalender td.maand a { color: #cad7cc; font-weight: normal }
table.kalender tr.leeg { background: none; height: 4em}