@charset "UTF-8";
/**
 * Markus Luca by Bytestoppers.de 2009
 *
 *
 * @copyright       Copyright 2009, Bytestoppers 
 * @link            http://www.bytestoppers.de
 * @version         ML 1.0
 *
 *
 */
 * { margin:0; padding: 0; }
 html { height: 100%; margin-bottom: 1px; }
 body { background: url(/images/body_bg.png) repeat-x #5d5d5d; padding:0; height:100%; }
 body { text-align: left; }
 body { font-family:  Arial, Helvetica, sans-serif; font-size: 75.00%; color: #000;}
 
 ul { list-style-type:none;}
 p { margin:0; padding:0; text-align:justify;}
 .left { float:left;}
 .right { float:right;}
 
 /*--- Headings ---*/
  h1,h2,h3,h4,h5,h6 {
	font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    color:#000;
    margin: 0 0 0 0;
  }

  h1 { font-size: 140%; }                       
  h2 { font-size: 120%; }                      
  h3 { font-size: 110%; }
  
  h1.red { background:url(/images/h2_red_bg.jpg) no-repeat right; height:30px; line-height:30px; padding:0 5px; text-transform:uppercase; color:#FFF;}
  h1.grey { background:url(/images/h2_grey_bg.jpg) no-repeat right; height:30px; line-height:30px; padding:0 5px; color:#FFF; text-transform:uppercase;}
  h2.red { background:url(/images/h2_red_bg.jpg) right bottom; height:30px; line-height:30px; padding:0 10px; overflow: hidden; color:#FFF;}
  h2.grey { background:url(/images/h2_grey_bg.jpg) no-repeat right; height:30px; line-height:30px; padding:0 5px; color:#FFF; }
  h2.alert { background:url(/images/icon/alert.png) no-repeat 0px 2px; padding:2px 0 2px 22px !important;}
  h2.info { background:url(/images/icon/info.png) no-repeat 0px 2px; padding:2px 0 2px 22px !important;}
  h3 { margin:0 0 5px 0}
 /*--- Headings END ---*/
 
 /*--- Links ---- */
  a img { border:0px;}
  a { color: #000; background:transparent; text-decoration:none; }

  a:focus,
  a:hover,
  a:active { color:#000; text-decoration:underline; }
 /*--- Links END ---- */
 
 /* zum Clearen der Float-Umgebungen */
 .clearfix:after {content: ".";display: block;font-size:0;height: 0;clear: both;visibility: hidden;}
 .clearfix { display: block; }
 .floatbox { overflow:hidden; }
 #ie_clearing { display: none; }
 .clear { clear:both;}
 /* zum Clearen der Float-Umgebungen END */
 
/*--- Layout ---- */
#pageWrapper { text-align:left; margin: 0 0; width: 920px; position:relative;}
#headerWrapper { background:url(/images/header_bg.png) no-repeat; padding: 0 100px 0 20px; height:150px; position:relative;}
#header { height:150px;}
#contentWrapper { padding: 0 100px 0 20px; position:relative;}
#content { background: url(/images/content_bg.png); float:left; width:800px;}
#logo { position:absolute; top:28px; left:40px;}
#flashWrapper { background:url(/images/flash_bg.png) no-repeat; padding: 0 100px 0 20px; height:334px; position:relative;}
#flash { height:335px; z-index:0}
#footerWrapper { padding: 0 100px 0 20px; position:relative;}
#footer { background:url(/images/footer_bg.jpg) #fff no-repeat bottom; height:170px; width:800px;}
#booking { padding:0 0 0 15px; margin:0 0 20px 0;}
#contact { width:800px; margin:0 0 20px 0; padding:0 0 0 15px;}
.more a { background:#000; width:235px; color:#FFF; text-align:right; position:absolute; bottom:10px;}
.back a { background:#000; width:235px; color:#FFF; text-align:right; margin:10px 10px; float:right; border-right:10px solid #bc0023;}
.messages { margin:10px; padding:30px 80px; background:url(/images/icon/warning.png) top left no-repeat; font-size:150%;}
#newsline {
	position:absolute;
	background: url(/images/newsticker_bg.png);
	z-index:1;
	left: 21px;
	top: 301px;
	width: 790px;
	height: 23px;
	line-height:23px;
	color:#999;
	padding:5px;
}
/*--- Disco ---*/
#contentRight { width:300px; height:480px; background: url(/images/imgbox_bg.jpg) repeat-y;}
#publicationWrapper {padding: 0 100px 0 20px; height:180px; position:relative; background:url(/images/pub_bg.jpg) no-repeat 20px 0;}
.publication { width:250px; float:left;}
.publicationDesc { padding:0 10px 10px 10px;}
.publicationCover { height:130px; width:130px; padding:8px 10px 10px 10px;}
.publicationStore { height:130px; padding:8px 0 0 10px;}
.publicationMp3{ height:18px; padding:2px 10px 10px 10px;}
.publication li{ margin:0 0 12px 0}
#discography{ padding:0 0 10px 10px;}
/*--- Bio ---*/
#biography { padding:5px 20px; float:left;}
#biography img { float:left; border:5px solid #aaa794; margin:5px; padding:10px;}
#biographyBody {}
/*Medien*/
#medienBanner {  float:left; padding:0 0 0 20px;}
#medienBanner .code textarea {width:350px; height:80px; font-size:12px; }
#medienBanner .banner { margin:10px; width:350px; height:100%; float:left;}
/*--- Events ---*/
#eventsWrapper { height:170px; width:300px;float:left;}
#events {  width:800px; margin:0 0 20px 0; padding:0 0 0 15px;}
.eventsOverview { width:380px; height:100px; padding:10px; float:left; }
.events  { padding:7px 5px 0px 5px; width:260px; overflow:hidden;}
.eventsLocation { display:block; background:#FFF; padding:2px; margin:1px 2px 2px 0; float:left;}
.eventsTitleTop a { color:#bc0023; font-weight:bold; display:block; width:250px;}
.eventsTitleTop a:hover { color:#bc0023; text-decoration:underline;}
.imgEvent img  { background:url(/images/thumb_bg.jpg) no-repeat; padding:4px 4px 25px 4px; margin:0 0 5px 0;}
/*--- Date ---*/
.day { display:block; width:30px; padding:2px; margin:1px 2px 2px 0; background:#000; color:#FFF; float:left; text-align:center;}
.month { display:block; width:30px; padding:2px; margin:1px 2px 2px 0; background:#bc0023; color:#FFF; float:left;text-align:center; text-transform:uppercase;}
/*--- Images ---*/
.imgBox { padding:5px 0 0 4px;}
.imgBox a img { background:url(/images/imgBox_bg.png) no-repeat; padding:6px 6px 14px 6px; margin:0 0 5px 0;}
/*--- News ---*/
#contentLeft { width:500px; background:#FFF;}
.news { width:250px; float:left; background:#FFF; height:240px; position:relative;}
.newsOverview { width:400px; float:left; background:#FFF; height:200px; position:relative;}
.newsArticle { position:relative;}
.newsArticle p,
.newsOverview p { padding:5px 15px 5px 5px;}
.newsArticle img,
.news img { float:left; margin:0 5px 5px 0;}
.news p { padding:5px;}
/*Links*/
.links {  float:left; padding:10px;}
.linksBlock { height:50px; margin:10px 0 4px 0; width:380px;}
.linksBlock p.linksBlockTitle { color:#bc0023; font-size:140%}
.linksBlock p.linksBlockUrl { font-size:120%;}
#quicklinks { width:260px; padding:8px 20px; height:80px; font-size:120%}
/*--- Banner ---*/
#bannner468 { margin:0 0 10px 0;}
#banner120 { position:absolute; left:850px; top:60px;}

.pagenavi { margin:10px 0;}
.pagenavi a{
	text-align:center; 
	color:#333; 
	margin:0 0 0 5px; 
	background:url(/images/pagenavi.jpg) no-repeat 0 0; 
	display: inline-block;
	line-height:20px;
	width:20px;
	height:20px;
	}
.pagenavi a:hover{
	text-align:center; 
	color:#333; 
	margin:0 0 0 5px; 
	background:url(/images/pagenavi_hover.jpg) no-repeat 0 0; 
	display: inline-block;
	line-height:20px;
	width:20px;
	height:20px;
	}
.pagenavi strong {
	text-align:center; 
	color:#333; 
	margin:0 0 0 5px; 
	background:url(/images/pagenavi_hover.jpg) no-repeat 0 0; 
	display: inline-block;
	line-height:20px;
	width:20px;
	height:20px;
	}
/*--- Form ---- */
#contact { width:380px; padding:10px; }
#booking { padding:10px;}
ul.formBlock { margin-right:5px;}
#form li { margin:10px 0 0 0}
#form li label { float:left; padding-left:20px; width:80px; height:20px; line-height:20px; font-size:100%; color:#000; text-transform:uppercase;}
#form li input { width:220px; height:20px; background-color:#FFF; border:1px solid #000; padding:2px 10px 0 40px; font-size:130%; color:#000;}
#form li input:focus,
#form li input:active,
#form li input:hover { width:220px; height:20px; background-color:#FFF; border:1px solid #bc0023;}
#form li textarea#text { width:250px; height:60px; background-color:#FFF; border:1px solid #000; padding:10px;}
#form li input#form_submit { width:270px; margin-left:100px; height:31px; background-color:#8a8a8a; border:2px solid #FFF; color:#000; cursor:pointer; padding:0;}
#form li input#form_submit:hover { background-color:#999; border:2px solid #FFF; color:#000;}
#form li input#company { background-image:url(/images/icon/icon_home.png); background-repeat:no-repeat;}
#form li input#mail { background-image:url(/images/icon/icon_mail.png); background-repeat:no-repeat;}
#form li input#firstname { background-image:url(/images/icon/icon_txt.png); background-repeat:no-repeat;}
#form li input#lastname { background-image:url(/images/icon/icon_txt.png); background-repeat:no-repeat;}
#form li input#phone { background-image:url(/images/icon/icon_fon.png); background-repeat:no-repeat;}
#form li input#fax { background-image:url(/images/icon/icon_fax.png); background-repeat:no-repeat;}
#form li input#web { background-image:url(/images/icon/icon_web.png); background-repeat:no-repeat;}
/*--- Form Newsletter ---- */
#newsletter { padding:10px; width:480px;}
#formNewsletter label { padding-right:10px; width:80px; height:22px; line-height:22px; font-size:100%; color:#000; text-transform:uppercase;}
#formNewsletter input#form_submitNewsletter { width:60px; height:22px; background-color:#8a8a8a; color:#000; cursor:pointer; padding:0; margin:1px 0 0 5px;}
#formNewsletter input#form_submitNewsletter:hover { background-color:#999; color:#000; }
#formNewsletter input { width:180px; height:20px; background-color:#FFF; border:1px solid #000; color:#000; padding:2px 0 0 10px;}
#newsletter_thanks { padding:30px; text-align:center;}