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

* { margin: 0; padding: 0; }
body { background-color: #fff; font: 12px/16px Arial, Helvetica, sans-serif; color: #000; }
body.body_intro { background-color: #e5e5e5; }
p, ul, ol { margin-bottom: 16px; }
ul, ol { margin-left: 18px; }
img { border: none; }

	div#wrapper { position: relative; width: 1014px; height: 648px; margin: 10px auto 0; background: url(/images/bg.gif) top left no-repeat; border-bottom: 1px solid #ccc; }
	div#intro_wrapper { position: relative; width: 954px; margin: 10px auto 0; }
	
		ul#lang { position: absolute; margin: 0; left: 41px; top: 12px; list-style: none; }
			ul#lang li { display: inline; margin-right: 15px; }
			
		/*ul#nav { position: absolute; margin: 0; list-style: none; left: 101px; top: 75px; }*/
		ul#rss { position: absolute; margin: 0; list-style: none; left: 44px; top: 387px; font-size: 11px; }
			ul#rss a { color: #999; text-decoration: none; }
			ul#rss a:hover { text-decoration: underline; }
			
		#banner { position: absolute; left: 30px; top: 352px; }
			
		div#nav { position: absolute; left: 29px; top: 55px; }
		div#audio { position: absolute; left: 775px; top: 0; }
		div#timer { position: absolute; left: 5px; top: 446px; }
		div#video { position: absolute; left: 753px; top: 488px; }
		
		h1 { position: absolute; left: 45px; top: 272px; }
		h2 { font: 32px/64px Arial, Helvetica, sans-serif; color: #000; font-weight: bold; text-transform: uppercase; margin-bottom: 16px; letter-spacing: -2px; }
		h3 { font: 15px/18px Arial, Helvetica, sans-serif; color: #333; font-weight: bold; letter-spacing: -1px; }
			
		div#login_if, form#login { position: absolute; width: 360px; height: 47px; left: 186px; top: 0; background-image: url("/images/header_login_bg.jpg"); }
		div#login_if { display: none; }
			form#login #username { position: relative; float: left; width: 118px; height: 19px; margin-top: 6px; margin-left: 178px; padding-left: 3px; border: none; background: none; color: #660000; font: 10.5px Arial, Helvetica, sans-serif; line-height: 19px; }
			form#login label { color: #000; font-size: 9.5px; font-weight: normal; font-style: italic; }
			
			.login { position: relative; float: left; width: 20px; height: 19px; margin-top: 6px; margin-left: 4px; }
			#register { position: absolute; top: 0; left: 289px; }
			#logout { position: absolute; top: 0; left: 356px; }
			#a_forgot_password { position: absolute; top: -3; left: 230px; color: #999; font-size: 9.5px; line-height: 9.5px; }
			#go_backstage { display: block; position: absolute; width: 178px; height: 34px; top: 0; left: 360px; background-image: url("/images/gobackstage.gif"); text-indent: -1000px; overflow: hidden; }
			
		#kane10jaar, img.header { position: absolute; left: 188px; top: 48px; z-index: 2; }
		#kane10jaar { z-index: 3; display: none; }
		
		
		img#dd { position: absolute; left: 541px; top: 321px; }
		div#content_holder { position: absolute; left: 225px; top: 211px; width: 463px; height: 405px; overflow:hidden; padding-right: 28px; z-index: 2; }
			div#content { width: 473px; height: 410px; overflow:auto; padding-right: 10px; }
			
			div#content a { color: #000; text-decoration: underline; }
			div#content a:hover { text-decoration: none; }
			
			div#content input, div#content select, div#content textarea { border: 1px solid #9c9c9c; font: 10px/12px Arial, Helvetica, sans-serif; height: 12px; background-color: #ccc; color: #000; width: 198px; padding: 0 5px; }
			div#content select { width: 210px;}
			div#content textarea { height: 36px; margin-bottom: 2px; }
			div#content input.radio { width: auto; border: none; background: transparent; }
			
			#register_submit { width: 49px; height: 19px; }
			
			.headline { color: #000; font: 12px/16px Arial, Helvetica, sans-serif; float: left; width: 314px; display: block; margin-bottom: 8px; }
				.headline img, .headline_spacer { float: left; width: 70px; margin-right: 8px; }
				.headline_content { float: right; width: 235px; }
				.headline h3 { font: 12px/16px Arial, Helvetica, sans-serif; font-weight: bold; margin-top: 3px; font-style:normal; color: #000; letter-spacing: normal; }
				.headline a { text-decoration: none !important; }
				.headline a:hover { text-decoration: underline !important; }
				
			.bericht a { font-style: italic; }
			
			table.agenda { font-size: 11px; }
				table.agenda td { height: 17px;}
				table.agenda a { text-decoration: none !important; }
				table.agenda a:hover { text-decoration: underline !important; }
				
			.discografie { position: relative; float: left; width: 466px; overflow: hidden; margin-bottom: 20px; color: #000; }
				.discografie .disc_img { float: left; width: 150px; }
				.discografie .disc_desc { float: left; width: 200px; }
					.discografie .disc_titel { font-weight: bold; }
					.discografie .disc_tracks { font-weight: bold; }
				.discografie ul { list-style: none; width: 340px; margin: 0; }
					.discografie .disc_bg { background: url(/images/bg_disc.gif) top left no-repeat; }
				
			.foto { float: left; background: url(/images/foto.gif) top left no-repeat; width: 67px; height: 67px; padding: 3px; margin-right: 20px; margin-bottom: 14px; }
				.foto .last { margin-right: 0; }	
				
			.video { position: relative; float: left; margin-right: 30px; margin-bottom: 20px; width: 120px; height: 120px; }
			.video .mouseover { position: absolute; left: 0; width: 120px; height: 120px; background: url(/images/video_mouseover.png) no-repeat; }
			.video p { display: inline-block; position: absolute; margin: 0; padding: 0; width: 120px; height: 35px; top: 90px; text-align: center; line-height: 12px; vertical-align: middle; }
			.video p a { display: inline-block; width: 120px; position: absolute; color: #fff !important; font-weight: bold; font-size: 11px; text-decoration: none !important; left: 0; }
			
			.photo { position: relative; float: left; margin-right: 30px; margin-bottom: 20px; width: 120px; height: 120px; }
			.photo .mouseover { position: absolute; left: 0; width: 120px; height: 120px; background: url(/images/photo_mouseover.png) no-repeat; }
			.photo p { display: inline-block; position: absolute; margin: 0; padding: 0; width: 120px; height: 35px; top: 90px; text-align: center; line-height: 12px; vertical-align: middle; }
			.photo p a { display: inline-block; width: 120px; position: absolute; color: #fff !important; font-weight: bold; font-size: 11px; text-decoration: none !important; left: 0; }
				
		div#sub_nav, div#fotos, div#videos { position: absolute; left: 194px; top: 193px; display: none; z-index: 3; }
		
		div#tweet { position: absolute; left: 775px; top: 370px; width: 204px; color: #000; font-size: 11px; line-height: 16px; padding-top: 6px; padding-bottom: 6px; border-top: 1px solid #999; border-bottom: 1px solid #999; }
			div#tweet ul { list-style: none; margin: 0; width: 200px; }
			div#tweet .image { float: left; width: 44px; }
			div#tweet .twitterStatus { float: right; width: 155px; }
			div#tweet img { border: 1px solid #9e9e9e; margin-top: 4px; }
			div#tweet a { color: #000; text-decoration: underline; }
			div#tweet a:hover { text-decoration: none; }
			
		a#webcam { position: absolute; left: 385px; top: 47px; background: url(/images/webcam.png) top left no-repeat; display: block; width: 138px; height: 43px; z-index: 100; }