@charset "UTF-8";

@import url(menu.css);

html,body {
	width:100%;
	height:100%;
}

body {
	margin:0;
	background-color: #362d2d;
	background-image: url(../gfx/bgbody.jpg);
	background-repeat:repeat-y;
	background-position: center top;
}

body,div,td,tt {
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	font-size:12px;
}

div#mid {
	position:absolute;
	width:100%;
	height:100%;
	background-image:url(../gfx/bgjtr.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	width:100%;
	height:100%;
	z-index:0;
}	

div#menu {
	position:absolute;
	top:95px;
	width:100%;
	height:24px;
	background-color:#d27e1c;
	z-index:10;
}

.menubalk {
	position:absolute;
	width:804px;
	left:50%;
	margin-left:-402px;
	z-index:1000;
}

div#wrap {
	position:absolute;
	width:786px;
	left:50%;
	margin-top:118px;
	margin-left:-384px;
	padding-bottom:15px;
	z-index:2;
}


div#con {
	position:absolute;
	z-index:0;
	width:537px;
	line-height:18px;
	z-index:3
}

div#flv {
	margin-top:-21px;
	z-index:4;
}


a:link, a:visited {
	color:#a5a5a5;
	text-decoration:none;
}
a:hover {
	color:white;
}

a:link.verder, a:visited.verder {
	font-style:italic;
}
a.verder:hover {
	color:#d27e1c;
	text-decoration:none;
}

div#con div.pics {
	position:relative;
	float:right;
	width:230px;
	left:16px;
	height:auto;
}

div#con div.fadeheader {
	position:relative;
	width:537px;
	left:-17px;
	padding-left:17px;
	padding-top:4px;
	padding-bottom:4px;
	margin:0;	
	background-image:url(../gfx/bgfadekop.png);
	background-repeat:repeat-y;
	color:#d27e1c;
	font-size:14px;
}

div#con div.pic {
	position:relative;
	float:left;
	width:230px;
	height:auto;
}

div#con div.bs {
	position:relative;
	float:left;
	top:-8px;
	left:6px;
	width:208px;
	margin-bottom:5px;
}

div#con div.picmed {
	position:relative;
	float:right;
	width:155px;
	height:122px;
	margin-top:-35px;
	margin-left:6px;
	left:11px;
}


h1,h2,h3 {
	color:#d27e1c;
	line-height:normal;
	margin-top:0;
}
h1 { font-size:24px; }
h2 { font-size:18px; }
h3 { font-size:14px; }

div.row {
	float:left;
	clear:left;
}

div#con p.intro {
	font-style:italic;
}

div#con tt {
	color:#d27e1c;
	font-weight:bold;
}




/* CRUMBLE */

div#crumble {
	position:relative;
	width:auto;
	height:15px;
	margin-top:18px;
	font-size:10px;
	height:23px;
	line-height:normal;
}

div#crumble a, div#crumble a:visited {
	color:white;
	text-decoration:none;
}

div#crumble a:hover {
	color:#d27e1c;
	text-decoration:none;
}


div#items {
	position:relative;
	float:right;
	width:233px;
}



/* MEDIA */

table#media td {
	padding-right:15px;
}
table#media td.titel {
	font-weight:bold;
	color:#d27e1c;
}


/* Discografie */

div.cover_small {
	position:relative;
	float:left;
	width:128px;
	height:200px;
	margin-right:6px;
	margin-bottom:6px;
}
div.cover_small img {
	width:128px;
	height:128px;
	height:auto;
}

div#albumtekst {
	position:relative;
}
div#cover {
	position:relative;
	float:right;
	width:240px;
	height:auto;
	margin-left:10px;
	margin-bottom:10px;
}
div#tracklist {
	position:relative;
	float:left;
	margin-top:18px;
}


/* Fotoalbum */

div.fotos {
	position:relative;
	float:left;
	width:544px;
	margin-top:5px;
}

div.fotodate {
	position:relative;
	float:left;
	font-style:italic;
	margin-top:-6px;
}

div.foto {
	position:relative;
	float:left;
	width:125px;
	height:130px;
	background-image:url(../gfx/bgfoto.png);
	background-repeat:no-repeat;
	padding:3px;
}
div.foto:hover {
	background-image:url(../gfx/bgfotohover.png);
}

div.thumb {
	position:relative;
	float:left;
	width:136px;
	height:136px;
	background-image:url(../gfx/bgthumb.png);
	background-repeat:no-repeat;
}
div.thumb div.thumbimg {
	position:relative;
	margin:2px;
	width:124px;
	height:124px;
	background-color:#362d2d;
	background-repeat:no-repeat;
	background-position:center;
}
div.thumb:hover {
	background-image:url(../gfx/bgthumbhover.png);
}

div.direction {
position:relative;
float:left;
clear:right;
}

div#zoek {
	position:relative;
	float:left;
	width:233px;
	height:82px;
	background-image:url(../gfx/bgzoek2.jpg);
	background-repeat:no-repeat;
}

div#sitemap {
	height:50px;
}

/* formulieren */

form {
	margin:0;
	padding:0;
}

table.form td {
	vertical-align:top;
	padding-right:10px;
	padding-bottom:4px;
}

input, textarea {
	border:silver inset 1px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	font-size:12px;
	padding:2px;
	width:250px;
}

textarea {
	height:70px;
}

input.button {
	width:auto;
	border:silver outset 1px;
}


div#zoekform {
	width:233px;
}

div#zoekform input.zoekveld {
	width:140px;
	height:16px;
	padding:2px;
	margin-top:4px;
	margin-left:10px;
	border:0;
	color:white;
	background-image:url(../gfx/bgzoekveld.gif)
}

div#zoekform input.zoekbut {
	width:60px;
	height:18px;
	padding:2px;
	margin-left:5px;
	margin-top:0;
	border:none;
	background:none;
	cursor:pointer;
}

div#agenda {
	position:relative;
	float:left;
	clear:left;
	width:233px;
	background-image:url(../gfx/agendabg.jpg);
	background-repeat:repeat-y;
	bottom:-5px;
}

div#agenda .header {
	position:relative;
	float:left;
	width:212px;
	height:49px;;
	background-image:url(../gfx/agendabgtop.jpg);
	background-repeat:no-repeat;
	color:#d27e1c;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
	padding-left:21px;
}

div#agenda .punt {
	position:relative;
	float:left;
	clear:left;
	width:192px;
	left:21px;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:solid 1px silver;
	cursor:pointer;
}
div#agenda .punt:hover {
	background-color:#d27e1c;
}

div#agenda .date {
	float:left;
	clear:left;
	width:65px;
}

div#agenda .titel {
	float:left;
	width:127px;
}	

div#agenda .date, 
div#agenda .titel {
	font-size:11px;
	line-height:normal;
}

div#agenda .footer {
	position:relative;
	float:left;
	clear:left;
	height:8px;
	width:233px;
	background-image:url(../gfx/agendafooter.jpg);
	background-repeat:no-repeat;
	margin-top:5px;
}
	
div.box {
	position:relative;
	float:left;
	clear:left;
	width:233px;
	margin-top:5px;
	background-image:url(../gfx/bgbox.png);
	background-repeat:repeat-y;
	padding-bottom:5px;
}

div.box .header {
	background-color:#000000;
	color:#d27e1c;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	padding-left:10px;
	margin-bottom:5px;
	
}

div.box .thumb {
	position:relative;
	float:right;
	width:64px;
	height:64px;
	margin-top:-8px;
	left:6px;
}

div.box p {
	margin:0;
	padding-right:10px;
	padding-left:10px;
	font-size:11px;
	line-height:15px;
}

div.box ul {
	margin:0;
	padding-left:21px;
	width:203px;
}

div.box ul li {
	font-size:11px;
	line-height:15px;
	margin-bottom:5px;
}

hr {
	background-color:#362d2d;
}