html, body {margin: 0; padding: 0;}
body {font: 13px/21px Helvetica, Arial, Tahoma, sans-serif; background: #fff url(bgfade.jpg) repeat-y center; color: #333;}

/*PLAATSING*/
#wrap {width: 680px; margin: 0 auto; height: 100%;}
#head {height: 40px; background: #fff url(head.jpg) no-repeat; margin: 20px 0;}
#menu {background: #fff; height: 18px; margin-bottom: 20px;}
#content {background: #fff url(content.jpg); margin-bottom: 10px; padding-bottom: 10px;}
#foot {width: 700px; margin: 0 auto; background: #fff url(foot.jpg); border-top: 1px solid #ccc; height: 60px; text-align: center; color: #777;}

/*ELEMENTEN EN KLASSEN*/
h1, .h, .hide, .x, #foot span {position: absolute; top: -999px; left: -999px;}
h2 {font-size: 21px; margin: 0; padding: 10px 0 10px 10px; color: #FFF; background: url(h2.jpg); font-weight: normal;}
h3 {font-size: 14px; margin: 20px 0 0 20px; padding: 0; color: #633; text-transform: uppercase; font-weight: normal;}
p {margin: 10px 20px; color: #333;}
.post, .details {width: 75%; margin-left: 26px;}
.post strong {font-weight: bold; padding: 3px; margin-left: -6px; background: #000; color: #fff;}
.details {border-bottom: 1px dotted #aaa; margin-bottom: 20px; color: #777;}
.clear {clear: both}
.left {float: left;}
.right {float: right;}
.half {width: 49% !important;}
.newsingle {position: absolute; top: 0; left: 0; float: left;}
img.left {float: left; margin: 0 10px 0 -10px;}
img.intro {margin-top: 20px;}

/*MENU*/
#menu ul {margin: 0; padding: 0; width: 100%;}
#menu ul:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#menu li {margin: 0; padding: 0; list-style: none; float: left; display: block; height: 18px;}
#menu span {display: none}
#menu a {display: block; height: 18px; background: #fff url(menu.jpg) 0 0; outline: none;}

#home a {width: 50px} #home a:hover, #home a:active, #home a:focus {background-position: 0 -18px}
#biog a {width: 100px; background-position: -50px 0;} #biog a:hover, #biog a:active, #biog a:focus {background-position: -50px -18px}
#discog a {width: 110px; background-position: -150px 0;} #discog a:hover, #discog a:active, #discog a:focus {background-position: -150px -18px}
#gigs a {width: 60px; background-position: -260px 0;} #gigs a:hover, #gigs a:active, #gigs a:focus {background-position: -260px -18px}
#media a {width: 60px; background-position: -320px 0;} #media a:hover, #media a:active, #media a:focus {background-position: -320px -18px}
#gb a {width: 100px; background-position: -380px 0;} #gb a:hover, #gb a:active,  #gb a:focus {background-position: -380px -18px}
#links a {width: 60px; background-position: -480px 0;} #links a:hover, #links a:active, #links a:focus {background-position: -480px -18px}
#bookings a {width: 100px; background-position: -540px 0;} #bookings a:hover, #bookings a:active, #bookings a:focus {background-position: -540px -18px}

/*LINKS*/
#foot a {color: #777; text-decoration: none; border-bottom: 1px solid #777;}
#content a {color: #2f789f; text-decoration: none; border-bottom: 1px solid #aae;}
#content a:hover, #content a:active, #content a:focus {color: #2daab6; border-color: bbf;}

/*LIJSTJES*/
#content ul {list-style: none; padding: 0; margin: 0 0 20px 20px;}
#content ol {margin-top: 0}
#content li {margin: 0; padding: 0;}

/*FORMULIER*/
form {margin: 10px 0 20px 20px}
input, select, textarea {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 1em;
	color: #000;
	display: block;
}
input, select, textarea {padding: 2px; margin-bottom: 0.8em; width: 200px;}
textarea {width: 80%;}
fieldset {border: 0; padding: 0; margin: 0;}
legend {display: none}
label {display: block; margin-bottom: 0.1em;}

.button {height: 1.8em; width: 20%; display: inline !important;}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */