@charset "utf-8";

html, body,
div, p, ul, li,
h1, h2, h3 {
		margin: 0;
		padding: 0}

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

body {
		width: 100%;
		height: 100%;
		font: normal 9pt Arial, Helvetica, sans-serif;
		background: #cdcdcd}
	
h1 {
		display: block;
		height: 80px;
		margin: 0 0 0 -5px;
		padding-left: 15px;
		font: bold 24pt/26pt Arial, Helvetica, sans-serif;
		background: url(design/h1_kop.jpg) bottom left no-repeat}
		
h2 {
		display: none}
		
h3 {
		margin: 15px;
		font: bold 14pt/22pt Arial, Helvetica, sans-serif }
		
.clear { clear: both }
	
.linkHome {
		display: block;
		width: 450px;
		height: 140px;
		margin-left: 460px;
		margin-top: 30px}

	

a:link, a:visited {
		font-weight: bold;
		text-decoration: none;
		color: #895615}

a:hover, a:active {
		font-weight: bold;
		text-decoration: underline;
		color: #341f03}

	
		
#left a {
		font: bold 13pt/11pt Arial, Helvetica, sans-serif;
		font-variant: small-caps;
		margin-right: 20px}


#left a:link, #left a:visited {
		color: #fff;
		text-decoration: none}
		
#left a:hover, #left a:active {
		color: #f00;
		text-decoration: none}		
		
#left a.active {
		color: #f00}





#page {	
		width: 100%}

#wrapper {
		width: 100%;
		margin: 0 auto;
		background: url(design/body_bg.jpg) top repeat-x #6c5640}
		
#wrapperCenter {
		width: 974px;
		margin: 0 auto}

#header {
		width: 974px;
		height: 198px;
		background: url(design/header.jpg) top left no-repeat}

.headerHome {
		display: block;
		width: 974px;
		height: 198px;
}


#pageBody {
		width: 974px;
		background: url(design/main_bg.jpg) top left no-repeat}

#left {
		width: 203px;
		float: left;
		margin-top: 30px;
		text-align: right;
		color: f00}

#main {
		width: 508px;
		padding: 62px 30px 120px 30px;
		float: left}

#right {
		width: 203px;
		float: right}

#footer {
		width: 100%;
		border-top: 1px solid #000;
		background: url(design/footer_bg.jpg) top left repeat-x}
		
#footerContent {
		width: 974px;
		margin: 0 auto}
		
#euroshopper {
		position: relative;
		left: 58px;
		bottom: 134px;
		width: 782px;
		height: 248px;
		background: url(design/footer.png)}

* html #euroshopper {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/footer.png', sizingMethod='crop')}

		
		
		
p {
		font: normal 9pt/17pt Arial, Helvetica, sans-serif;
		margin: 30px 0;
		text-align: justify}
		

.infoBox {
		padding: 10px;
		margin-bottom: 1px;
		background: url(design/corner.gif) top right no-repeat #bab7ae}
		
.infoBox:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden }


.infoBox:hover {
		background: url(design/corner.gif) top right no-repeat  #f4d885}		

.audioTitel {
		font-weight: bold;
		padding-left: 14px;
		margin-right: 3px;
		background: url(design/audio_icon.gif) left no-repeat}

.linkTitel {
		padding-left: 15px;
		margin-right: 3px;
		background: url(design/link_icon.gif) left no-repeat}

.audioJaar {
		font-size: 8pt;
		color: #666}

.info {
		display: block;
		margin: 5px 0 20px 24px;
		font-size: 8pt;
		font-style: italic;
}
		

.kalender {
		float: left;
		height: 100%;
		margin-right: 15px;
		border: 1px solid #000; }

.kalenderM {
		display: block;
		width: 40px;
		padding: 3px;
		font: bold 13pt/13pt Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		text-align: center;
		background: #382d21;
		color: #fff }

.kalenderD {
		display: block;
		width: 40px;
		margin-top: 1px;
		padding: 3px;
		font: bold 24pt/24pt Arial, Helvetica, sans-serif;
		text-align: center;
		background: #6c5640;
		color: #fff }

.optreden {
		float: left;
		margin-top: 5px;
}		

.optredenA {
		margin-right: 3px;
		font: bold 11pt Arial, Helvetica, sans-serif;
}

.optredenB {
		font: italic 9pt Arial, Helvetica, sans-serif;
}

.optreden ul {
		list-style: none;
}

.lineup {
		display: block;
		margin: 5px 0 22px 5px;
		font: normal 8pt Arial, Helvetica, sans-serif;
		font-variant: small-caps;
		color: #6c5640;
}