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

/*------------------------------------ RESET*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: top;
	background: transparent;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*------------------------------------END RESET*/

/*------------------------------------LAYOUT*/

html { height: 101%; }

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #170505;
	background-image: url(../img/bodybg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#container {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
}
#content {
	width: 500px;
	margin-left: 250px;
	padding-top: 95px;
	padding-bottom: 50px;
}
#content ol {
	line-height: 18px;
	margin-left: 10px;
	padding-left: 10px;
}

#content h1, #persmap h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 9px;
	margin-top: 9px;
}

.header-red {
	background-color: #310a0c;
	color: #c42830;
	letter-spacing: -0.05em;
	text-transform: uppercase;
}
.concert {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #661619;
	display: block;
}
.cdlist {
	float: left;
}

#content p, #persmap p {
	margin-bottom: 18px;
	line-height: 18px;
}

td {
	line-height: 18px;
}


.header-blue {
	color: #438186;
	letter-spacing: -0.05em;
}

a {
	color: #c42830;
}


#siderbar {
	float: right;
	width: 210px;
}
#nav {
	width: 250px;
	float: left;
	top:0;
	left:0;
	margin: 0px;
	padding: 0px;
}

.leftimage {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
.discografie-caption {
	display: block;
	width: 110px;
}

.rightimage {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}
.leftcommunity {
	float: left;
}

hr {
	border: 0;
	width: 100%;
	color: #661619;
	background-color: #661619;
	height: 1px;
}

.clearfloat {
	clear: both;
	float: none;
}

#persmap {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 120px;
}

#cover {
	margin-top: 3px;
	margin-bottom: 0px;
}

#entry {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #661619;
	text-align: left;
}

#content h2 {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 5px;
	margin-bottom: 10px;
}
.fragment {
	height: 25px;
	display: block;
	padding-top: 5px;
	margin-left: 10px;
	margin-right: 30px;
}

#persberichten {
	float: right;
	width: 200px;
	clear: none;
	margin-bottom: 30px;
	margin-left: 10px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #661619;
}

select, input, textarea {
	margin-left: 10px;
	margin-bottom: 10px;

}

#btn-verzenden, #saveForm {
	margin-left: 0px;
	color: #FFFFFF;
	background-color: #C42830;
	border: 1px solid #FFFFFF;

}

#footer {
	clear: both;
	float: right;
	color: #333333;
	margin-top: 10px;
	padding-bottom: 20px;
}

.discografie {
	float: left;
	margin-right: 20px;
	margin-bottom: 5px;
}


.formFieldQuestion {
	width: 100px;
	float: left;
	line-height: 20px;

}
#captcha {

	margin-left: 110px;
	margin-bottom: 10px;
}


/*------------------------------------END LAYOUT*/

/*------------------------------------NAV*/

#nav ul {
	margin-top: 100px;
}

#nav li a {
	display: block;
	height: 16px;
	width: 220px;
	overflow: hidden;
	line-height: 1000px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
	margin: 0px;
	padding: 0px;
}

#nav-nieuws {
	background-image: url(../img/nav-nieuws.png);
}
#nav-nieuws:hover {
	background-image: url(../img/nav-nieuws-hover.png);
}
#nav-concerten {
	background-image: url(../img/nav-concerten.png);
}
#nav-concerten:hover {
	background-image: url(../img/nav-concerten-hover.png);
}
#nav-muziek {
	background-image: url(../img/nav-muziek.png);
}
#nav-muziek:hover {
	background-image: url(../img/nav-muziek-hover.png);
}
#nav-biografie {
	background-image: url(../img/nav-biografie.png);
}
#nav-biografie:hover {
	background-image: url(../img/nav-biografie-hover.png);
}
#nav-groep {
	background-image: url(../img/nav-groep.png);
}
#nav-groep:hover {
	background-image: url(../img/nav-groep-hover.png);
}
#nav-fotos {
	background-image: url(../img/nav-fotos.png);
}
#nav-fotos:hover {
	background-image: url(../img/nav-fotos-hover.png);
}
#nav-downloads {
	background-image: url(../img/nav-downloads.png);
}
#nav-downloads:hover {
	background-image: url(../img/nav-downloads-hover.png);
}
#nav-links {
	background-image: url(../img/nav-links.png);
}
#nav-links:hover {
	background-image: url(../img/nav-links-hover.png);
}
#nav-gastenboek {
	background-image: url(../img/nav-gastenboek.png);
}
#nav-gastenboek:hover {
	background-image: url(../img/nav-gastenboek-hover.png);
}
#nav-contact {
	background-image: url(../img/nav-contact.png);
}
#nav-contact:hover {
	background-image: url(../img/nav-contact-hover.png);
}

#nav-bestellen {
	display: block;
	height: 50px;
	width: 220px;
	overflow: hidden;
	line-height: 1000px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#nav-bestellen {
	background-image: url(../img/nav-bestellen.png);
}
#nav-bestellen:hover {
	background-image: url(../img/nav-bestellen-hover.png);
}

#nav-myspace {
	display: block;
	width: 90px;
	height: 25px;
	overflow: hidden;
	line-height: 1000px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../img/nav-myspace.png);
}

#nav-myspace:hover {
	display: block;
	width: 90px;
	height: 25px;
	overflow: hidden;
	line-height: 1000px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../img/nav-myspace-hover.png);
}
#nav-netlog {
	display: block;
	width: 100px;
	height: 25px;
	overflow: hidden;
	line-height: 1000px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../img/nav-netlog.png);
}

#nav-netlog:hover {
	display: block;
	width: 100px;
	height: 25px;
	overflow: hidden;
	line-height: 1000px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../img/nav-netlog-hover.png);
}
#nav-facebook {
	display: block;
	width: 90px;
	height: 25px;
	overflow: hidden;
	line-height: 1000px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../img/nav-facebook.png);
}

#nav-facebook:hover {
	display: block;
	width: 90px;
	height: 25px;
	overflow: hidden;
	line-height: 1000px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../img/nav-facebook-hover.png);
}
#nav-youtube {
	display: block;
	width: 100px;
	height: 25px;
	overflow: hidden;
	line-height: 1000px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../img/nav-youtube.png);
}

#nav-youtube:hover {
	display: block;
	width: 100px;
	height: 25px;
	overflow: hidden;
	line-height: 1000px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../img/nav-youtube-hover.png);
}
#nav-lastfm {
	display: block;
	width: 90px;
	height: 25px;
	overflow: hidden;
	line-height: 1000px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../img/nav-lastfm.png);
}

#nav-lastfm:hover {
	display: block;
	width: 90px;
	height: 25px;
	overflow: hidden;
	line-height: 1000px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../img/nav-lastfm-hover.png);
}

#nav-itunes {
	display: block;
	width: 190px;
	height: 50px;
	overflow: hidden;
	line-height: 1000px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../img/nav-itunes.png);
}

#nav-itunes:hover {
	display: block;
	width: 190px;
	height: 50px;
	overflow: hidden;
	line-height: 1000px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../img/nav-itunes-hover.png);
}

/*------------------------------------END NAV*/


/*------------------------------------NIEUWSBRIEF*/

#newsletter a {
	display: block;
	height: 100px;
	width: 210px;
	overflow: hidden;
	line-height: 1000px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-bottom: 160px;
}
#nav-nieuwsbrief {
	background-image: url(../img/nav-nieuwsbrief.png);
}
#nav-nieuwsbrief:hover {
	background-image: url(../img/nav-nieuwsbrief-hover.png);
}

/*------------------------------------END NIEUWSBRIEF*/

/*------------------------------------SLIDESHOW*/

.pics { 
	width: 500px; 
	height: 500px; 
	padding:0; 
	margin:0; 
	overflow: hidden 
}
.pics img {
	width: 500px;
	height: 500px;
	top:0;
	left:0;
	position: absolute;
	opacity: 0;
	display: none;
}

#slideshownav {
	text-align: center;
	margin-bottom: 10px;
}

/*------------------------------------END SLIDESHOW*/

/*------------------------------------IMAGE REPLACEMENT*/

#title-communities {
	display: block;
	height: 20px;
	width: 190px;
	overflow: hidden;
	line-height: 1000px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../img/title-communities.png);
	margin-bottom: 10px;
}
#btn-bestellen {
	display: block;
	height: 20px;
	width: 60px;
	overflow: hidden;
	line-height: 1000px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../img/btn-bestellen.png);
}

#btn-bestellen:hover {
	background-image: url(../img/btn-bestellen-hover.png);
	}
	
#btn-back {
	display: block;
	height: 30px;
	width: 140px;
	overflow: hidden;
	line-height: 1000px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../img/btn-back.png);
}

#btn-back:hover {
	background-image: url(../img/btn-back-hover.png);
	}
	
#btn-addcomment {
	display: block;
	height: 30px;
	width: 140px;
	overflow: hidden;
	line-height: 1000px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../img/btn-addcomment.png);
}

#btn-addcomment:hover {
	background-image: url(../img/btn-addcomment-hover.png);
	}	
	
#btn-viewcomments {
	display: block;
	height: 30px;
	width: 140px;
	overflow: hidden;
	line-height: 1000px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../img/btn-viewcomments.png);
}

#btn-viewcomments:hover {
	background-image: url(../img/btn-viewcomments-hover.png);
	}
	
.btn-vorige {
	display: block;
	height: 30px;
	width: 60px;
	overflow: hidden;
	line-height: 1000px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../img/btn-vorige.png);
	float: left;
	margin-right: 10px;
	margin-left: 180px;
}
.btn-volgende {
	display: block;
	height: 30px;
	width: 60px;
	overflow: hidden;
	line-height: 1000px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../img/btn-volgende.png);
	margin-left: 10px;
}
.btn-vorige:hover {
	background-image: url(../img/btn-vorige-hover.png);
	}
.btn-volgende:hover {
	background-image: url(../img/btn-volgende-hover.png);
	}			
/*------------------------------------END IMAGE REPLACEMENT*/
#voorbijeconcerten {
	color: #514544;
}
#voorbijeconcerten a {
	color: #514544;
}