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

img { border: none; }

.heading {
	background-repeat: no-repeat;
}

.heading a {
	display: block;
}

h3 {
	font-size: 1.2em;
	margin-bottom: 8px;
}

h2.heading,
h2.heading a {
	height: 35px;
}

h3.heading,
h3.heading a {
	height: 25px;
}

p {
	margin-bottom: 12px;
}

a,
a#backtomedia,
form label a:visited {
	color: #c34f1a;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #7a3c2c;
}

a:visited,
table#gigs tr.verleden td a:visited {
	color: #7a3c2c;
}

.hidden {
	display: none;
}

.clear {
	clear: both;
	height: 0;
	visibility: hidden;
}

/*
#################
#	LAY-OUT		#
#################
*/
body {
	font: 62.5% Tahoma, Arial, Verdana, sans-serif;
	padding-bottom: 18px;
	background: url(../gfx/bg.jpg);
}

	div#top {
		height: 339px;
		padding: 11px 0 0 113px;
		background: url(../gfx/top.jpg);
	}

		div#header {
			height: 339px;
			background: url(../gfx/paginas/home/header.jpg) no-repeat 2px 112px;
		}

			h1#shadylane {
				float: left;
				width: 213px;
				height: 112px;
				background: url(../gfx/shadylane.jpg);
			}

				h1#shadylane a {
					display: block;
					height: 112px;
				}

			p.headingtxt {
				float: left;
				width: 397px;
				height: 95px;
				margin-top: 17px;
			}
			
				p.headingtxt a {
					display: block;
				}

			p#welcome {
				background: url(../gfx/welcome.jpg);
			}

				p#welcome a {
					width: 149px;
					height: 18px;
					margin: 44px 0 0 220px;
				}

				p#welcome a:hover {
					background: url(../gfx/readaboutus.jpg);
				}
				
			p#canorderalbums {
				background: url(../gfx/canorderalbums.jpg);
			}
			
				p#canorderalbums a {
					width: 136px;
					height: 15px;
					margin: 67px 0 0 200px;
					background: url(../gfx/onalbumspage.jpg);
				}
				
				p#canorderalbums a:hover,
				p#takealook a:hover {
					background-position: right;
				}
				
			p#takealook {
				background: url(../gfx/takealook.jpg);
			}
			
				p#takealook a {
					width: 74px;
					height: 11px;
					margin: 57px 0 0 57px;
					background: url(../gfx/ourpics.jpg);
				}

	div#container {
		width: 864px;
		min-height: 406px;
		background: url(../gfx/content.jpg) no-repeat 276px 0;
	}

		div#content {
			float: left;
			min-height: 406px;
			width: 457px;
			padding: 12px 0 0 148px;
			line-height: 1.4em;
			color: #7a3c2c;
			font-size: 1.1em;
		}
		
		div#content img {
			padding: 8px;
		}
		
		div#paginas {
			padding: 8px 0;
			text-align: right;
		}

			div#paginas a {
				color: #c34f1a;
			}

	div#footer {
		clear: both;
		height: 31px;
		margin-top: 25px;
		padding-top: 8px;
		background: url(../gfx/footer.jpg) no-repeat;
	}
	
	div#footer a {
		float: left;
		display: block;
		height: 17px;
	}

	a#linkContact {
		width: 50px;
		margin-left: 281px;
	}
	
	a#linkEmail {
		width: 130px;
		margin-left: 18px;
	}
		
/* NIEUWSPAGINA */
body#body-news div#header {
	background-image: url(../gfx/paginas/news/header.jpg);
}

body#body-news div#content {
	background: url(../gfx/paginas/news/content.png) no-repeat -30px 75px;
}

/* BIOGRAPHYPAGINA */
body#body-biography div#header {
	background-image: url(../gfx/paginas/biography/header.jpg);
}

div#read-shadynews {
	position: absolute;
	width: 115px;
	height: 60px;
	top: 520px;
	left: 4px;
	background: url(../gfx/paginas/biography/read-shadynews.jpg) no-repeat;
}

	div#read-shadynews a {
		display: block;
		width: 96px;
		height: 19px;
		margin: 41px 0 0 19px;
		background: url(../gfx/paginas/biography/shadynews.jpg);
	}
	
	div#read-shadynews a:hover {
		background-position: right;
	}
	
body#body-biography img.shadylane {
	/*float: left;*/
	margin-left: -4em	
}

h3#shady-info {
	margin: 4em 0 0 0;	
}

/* ALBUMPAGINA */
body#body-albums div#header {
	background-image: url(../gfx/paginas/albums/header.jpg);
}

div.album {
	margin-bottom: 36px;
}

	div.album div.albumtekst {
		padding-top: 12px;
	}
	
	div.album h4 {
		font-size: 1.4em;
	}
	
	div.album a.ordernow {
		display: block;
		width: 65px;
		height: 27px;
		margin: 24px 0 0 90px;
		background: url(../gfx/paginas/albums/ordernow.png);
	}

div.links img.album,
div.rechts div.albumtekst {
	float: left;
}

div.rechts img.album,
div.links div.albumtekst {
	float: right;
}
div.links div.albumtekst,
div.rechts div.albumtekst { width: 175px; }

/* GIGSPAGINA */
body#body-gigs div#header {
	background-image: url(../gfx/paginas/gigs/header.jpg);
}

body#body-gigs div#content {
	background: url(../gfx/paginas/gigs/content.png) no-repeat -20px 110px;
}

/* MEDIAPAGINA */
body#body-media div#header,
body#body-recensie div#header {
	background-image: url(../gfx/paginas/media/header.jpg);
}

/* PICSPAGINA */
body#body-pics div#header {
	background-image: url(../gfx/paginas/pics/header.jpg);
}

div.photo-album h3 {
	line-height: 23px;
	padding-left: 1em;
	font-size: 1em;
	font-weight: normal;
	text-align: left;
	background: url(../gfx/paginas/pics/heading.gif) no-repeat;
}

div.photo-album { text-align: center; margin: .6em 0 2em; }
div#content div.photo-album img { padding: 0; border: 2px solid #fff; margin: 0 .4em }
div.photo-album a.no-display { display: none; }

/* GUESTBOOKPAGINA */
body#body-guestbook div#header {
	background-image: url(../gfx/paginas/guestbook/header.jpg);
}

/* LINKSPAGINA */
body#body-links div#header {
	background-image: url(../gfx/paginas/links/header.jpg);
}

div#leavemessage {
	position: absolute;
	width: 122px;
	height: 84px;
	top: 550px;
	left: 8px;
	background: url(../gfx/paginas/links/leavemessage.jpg) no-repeat;
}

	div#leavemessage a {
		display: block;
		width: 95px;
		height: 20px;
		margin: 63px 0 0 27px;
		background: url(../gfx/paginas/links/guestbook.jpg);
	}
	
	div#leavemessage a:hover {
		background-position: right;
	}
	
/* CONTACTPAGINA */
body#body-contact div#header {
	background-image: url(../gfx/paginas/contact/header.jpg);
}
	
/* ERRORPAGINA */
body#body-error div#header {
	background-image: url(../gfx/paginas/error/header.jpg);
}

/*
#########################
#	MENU'S EN LIJSTEN	#
#########################
	ALGEMEEN */
ul {
	list-style: none;
}

ol {
	list-style-position: inside;
	margin: 8px 0 16px 8px;
}

/* HOOFDMENU */
ul#hoofdmenu {
	float: right;
	width: 259px;
	height: 351px;
	background: url(../gfx/hoofdmenu/hoofdmenu2.jpg) no-repeat;
}

ul#hoofdmenu li {
}

ul#hoofdmenu li a {
	display: block;
}

ul#hoofdmenu li#linkHome a,
ul#hoofdmenu li#linkHome-actief a {
	width: 51px;
	height: 21px;
	margin: 2px 0 0 122px;
	background: url(../gfx/hoofdmenu/home.jpg);
}

ul#hoofdmenu li#linkHome-actief a,
ul#hoofdmenu li#linkHome a:hover {
	background-position: -51px 0;
}

ul#hoofdmenu li#linkHome-actief {
	background: url(../gfx/hoofdmenu/pijltje1.png) no-repeat 85px 4px;
}

ul#hoofdmenu li#linkNews a,
ul#hoofdmenu li#linkNews-actief a {
	width: 51px;
	height: 23px;
	margin: 9px 0 0 133px;
	background: url(../gfx/hoofdmenu/news.jpg);
}

ul#hoofdmenu li#linkNews-actief a,
ul#hoofdmenu li#linkNews a:hover {
	background-position: -51px 0;
}

ul#hoofdmenu li#linkNews-actief {
	background: url(../gfx/hoofdmenu/pijltje2.png) no-repeat 92px 4px;
}

ul#hoofdmenu li#linkBiography a,
ul#hoofdmenu li#linkBiography-actief a {
	width: 105px;
	height: 30px;
	margin: 9px 0 0 68px;
	background: url(../gfx/hoofdmenu/biography.jpg);
}

ul#hoofdmenu li#linkBiography-actief a,
ul#hoofdmenu li#linkBiography a:hover {
	background-position: -105px 0;
}

ul#hoofdmenu li#linkBiography-actief {
	background: url(../gfx/hoofdmenu/pijltje3.png) no-repeat 34px 9px;
}

ul#hoofdmenu li#linkAlbums a,
ul#hoofdmenu li#linkAlbums-actief a {
	width: 71px;
	height: 25px;
	margin: 7px 0 0 100px;
	background: url(../gfx/hoofdmenu/albums.jpg);
}

ul#hoofdmenu li#linkAlbums-actief a,
ul#hoofdmenu li#linkAlbums a:hover {
	background-position: -71px 0;
}

ul#hoofdmenu li#linkAlbums-actief {
	background: url(../gfx/hoofdmenu/pijltje1.png) no-repeat 68px 6px;
}

ul#hoofdmenu li#linkGigs a,
ul#hoofdmenu li#linkGigs-actief a {
	width: 55px;
	height: 29px;
	margin: 0 0 0 137px;
	background: url(../gfx/hoofdmenu/gigs.jpg);
}

ul#hoofdmenu li#linkGigs-actief a,
ul#hoofdmenu li#linkGigs a:hover {
	background-position: -55px 0;
}

ul#hoofdmenu li#linkGigs-actief {
	background: url(../gfx/hoofdmenu/pijltje2.png) no-repeat 100px 6px;
}

ul#hoofdmenu li#linkMedia a,
ul#hoofdmenu li#linkMedia-actief a {
	width: 61px;
	height: 27px;
	margin: 5px 0 0 116px;
	background: url(../gfx/hoofdmenu/media.jpg);
}

ul#hoofdmenu li#linkMedia-actief a,
ul#hoofdmenu li#linkMedia a:hover {
	background-position: -61px 0;
}

ul#hoofdmenu li#linkMedia-actief {
	background: url(../gfx/hoofdmenu/pijltje3.png) no-repeat 80px 5px;
}

ul#hoofdmenu li#linkPics a,
ul#hoofdmenu li#linkPics-actief a {
	width: 52px;
	height: 27px;
	margin: 5px 0 0 125px;
	background: url(../gfx/hoofdmenu/pics.jpg);
}

ul#hoofdmenu li#linkPics-actief a,
ul#hoofdmenu li#linkPics a:hover {
	background-position: -52px 0;
}

ul#hoofdmenu li#linkPics-actief {
	background: url(../gfx/hoofdmenu/pijltje2.png) no-repeat 74px 5px;
}

ul#hoofdmenu li#linkGuestbook a,
ul#hoofdmenu li#linkGuestbook-actief a {
	width: 107px;
	height: 27px;
	margin: 9px 0 0 86px;
	background: url(../gfx/hoofdmenu/guestbook.jpg);
}

ul#hoofdmenu li#linkGuestbook-actief a,
ul#hoofdmenu li#linkGuestbook a:hover {
	background-position: -107px 0;
}

ul#hoofdmenu li#linkGuestbook-actief {
	background: url(../gfx/hoofdmenu/pijltje3.png) no-repeat 55px 5px;
}

ul#hoofdmenu li#linkLinks a,
ul#hoofdmenu li#linkLinks-actief a {
	width: 68px;
	height: 28px;
	margin: 4px 0 0 101px;
	background: url(../gfx/hoofdmenu/links.jpg);
}

ul#hoofdmenu li#linkLinks-actief a,
ul#hoofdmenu li#linkLinks a:hover {
	background-position: -68px 0;
}

ul#hoofdmenu li#linkLinks-actief {
	background: url(../gfx/hoofdmenu/pijltje2.png) no-repeat 70px 3px;
}

ul#hoofdmenu li#linkYouTube a {
	width: 101px;
	height: 45px;
	margin: 40px 0 0 60px;
	background: url(../gfx/hoofdmenu/youtube.png);
}

ul#hoofdmenu li#linkMyspace a {
	width: 126px;
	height: 59px;
	margin: 14px 0 0 112px;
	background: url(../gfx/hoofdmenu/myspace.jpg);
}

ul#hoofdmenu li#linkHyves a {
	width: 99px;
	height: 28px;
	margin: 16px 0 0 100px;
	background: url(../gfx/hoofdmenu/hyves.png);
}

/* LATEST NEWS */
ul#nieuws {
	margin-bottom: 12px;
	padding-right: 24px;
	background-repeat: no-repeat;
}

ul#nieuws li {
	padding: 0 0 12px 0;
}

ul#nieuws b.datum {
	display: block;
	color: #5c5c53;
}

/* LINKS */
dl.links {
	float: left;
	width: 135px;
}

dl.links dt b {
	color: #5c5c53;
}

dl.links dd ul li {
	padding: 2px 0;
}

dl.bands {
	width: 165px;
}

dl.locals {
	width: 150px;
}

dl.others {
	width: 137px;
}

/* GUESTBOOK */
dl#guestbook {
	margin-top: 8px;
}

dl#guestbook dt,
dl#guestbook dt b.postinfo {
	color: #5c5c53;
}

dl#guestbook dt a {
	font-weight: normal;
}

dl#guestbook dd {
	margin-bottom: 24px;
}

dl#guestbook dd p.message {
	padding-left: 2px;
}

/* discografie */
body#body-biography dl {
	clear: both;
}

body#body-biography dl dt {
	padding-top: 1.2em;
	font-size: 1.2em;
}

/*	Shadylinks
----------------------------------------------------------------*/
ul#shady-links {
	overflow: hidden;
	padding: 32px 0 0 12px;
}
ul#shady-links li {
	float: left;
	margin-right: 32px;
}
ul#shady-links li#shady-hy,
ul#shady-links li#shady-it,
ul#shady-links li#shady-am { margin-top: 26px; }

ul#shady-links li#shady-fb { margin-top: 12px; }

/*
#####################
#	FORMULIEREN		#
#####################
	ALGEMEEN */
form {
	width: 425px;
	margin: 32px 0 0 0;
	padding: 80px 0 0 25px;
	background-repeat: no-repeat;
}

form ul, form ol {
	list-style: none;
}

form fieldset {
	border: none;
}

form div {
	margin-bottom: 9px;
}

form input,
form textarea {
	font: 11px Tahoma, Arial, Verdana, sans-serif;
}

form label {
	display: block;
	margin-bottom: .1em;
	font-weight: bold;
}

form input {
	padding-left: 3px;
	width: 150px;
	border: 1px solid #7a3c2c;
	background: #f2f2f2;
}

form input.checkbox {
	padding: 0;
	border: none;
	background: inherit;
}

input.submit {
	margin: 6px 0 0 12px;
	padding: 0;
	width: auto;
	border: none;
}

form textarea {
	height: 170px;
	padding: 2px;
	overflow: auto;
	border: 1px solid #7a3c2c;
	background: #f2f2f2;
}

form#postbericht input.fout,
form#postbericht textarea.fout,
form#contact input.fout,
form#contact textarea.fout,
form#orderalbums input.fout {
	border-width: 3px;
	border-color: #c34f1a;
}

/* POST BERICHT */
form#postbericht {
	height: 432px;
	background-image: url(../gfx/paginas/guestbook/postmessage.png);
}

form#postbericht textarea {
	
}

/* CONTACTFORMULIER */
form#contact {
	height: 360px;
	background-image: url(../gfx/paginas/contact/contactus.png);
}

/* BESTEL EEN ALBUM */
form#orderalbums {
	height: 500px;
	background-image: url(../gfx/paginas/albums/orderalbums.png);
}

form#orderalbums label {
	float: left;
	width: 100px;
	padding-top: 2px;
}

form#orderalbums input.postcode {
	width: 50px;
}

form#orderalbums fieldset#selectalbums {
	width: 370px;
	padding-bottom: 12px;
	margin-bottom: 9px;
	border: 1px solid #7a3c2c;
}

form#orderalbums fieldset#selectalbums b {
	padding-left: 12px;
}

form#orderalbums fieldset#selectalbums legend {
	font-weight: bold;
}

form#orderalbums fieldset#selectalbums ol li {
	float: left;
	margin-right: 8px;
}

form#orderalbums fieldset#selectalbums input.checkbox {
	float: left;
	width: auto;
}

form#orderalbums fieldset#selectalbums label {
	width: auto;
	padding: 2px 0 0 4px;
	font-weight: normal;
}

form#orderalbums div#commentarea label {
	width: auto;
}

/*
#################
#	TABELLEN	#
#################
	ALGEMEEN */
div#content table img {
	padding: 0;
}

table {
	line-height: 1.3em;
}

table thead {
	color: #5c5c53;
}

table tbody td {
	padding: 2px 0;
}

/* GIGS */
table#gigs {
	margin-bottom: 10px;
}

table#gigs tfoot tr {
	height: 4.5em;
}

table#gigs tbody td {
	padding: 3px 0;
}

table#gigs tr.verleden,
table#gigs tr.verleden td a {
	color: #5c5c53;
}

table#gigs tr.verleden td a:hover {
	color: #7a3c2c;
}

/* GIGS OP EEN SUBPAGINA */
body#body-gigs table#gigs tbody td {
	padding: 5px 0;
}

div#taal { margin-bottom: 1.4em; text-align: right; }
div#taal a { font-weight: normal; }
div#taal a.active,
div#taal a:hover { text-decoration: underline; }