@charset "UTF-8";
/**
 * Andrea Hoffmann by Bytestoppers.de 2009
 *
 *
 * @copyright       Copyright 2009, Bytestoppers 
 * @link            http://www.bytestoppers.de
 * @version         AH 1.0
 *
 *
 */
 * { margin:0; padding: 0; }
 html { height: 100%; margin-bottom: 1px; }
 body { background: url(/images/bg.jpg) no-repeat top right #7e7262; padding:0; height:100%; background-attachment:fixed; }
 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:left;}
 .left { float:left;}
 .right { float:right;}
 
 /*--- Headings ---*/
  h1,h2,h3,h4,h5,h6 {
    font-family:"Times New Roman", Times, serif;
    font-weight:normal;
    color:#39312d;
    margin: 0 0 5px 0;
  }

  h1 { font-size: 250%; }                       
  h2 { font-size: 180%; }                      
  h3 { font-size: 120%; }
  
  h1 { background:url(/images/h1col1.png) no-repeat; padding:0 0 0 60px !important; height:50px; line-height:50px; text-transform:uppercase;}
 /* h1.col2 { background:url(/images/h1col2.png) no-repeat; padding:0 0 0 60px !important; height:50px; line-height:50px; text-transform:uppercase;}*/
  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;}
 /*--- Headings END ---*/
 
 /*--- Links ---- */
  a img { border:0px;}
  a { color: #8e151a; background:transparent; text-decoration:none; }

  a:focus,
  a:hover,
  a:active { color:#FFF; 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 auto; width: 1000px; position: relative;}
#contentWrapper { height:100%; position:relative; width:800px;}
#topHeader { height:140px; position:relative;}
#header { height:410px; background:url(/images/header_bg.png); position:relative;}
#footer { height:240px; background:url(/images/footer_bg.png) no-repeat bottom; padding:0 10px 0 30px;}
#container { width:780px; padding:0 10px;}
#logo { text-align:center;}
.col1 { width:100%;}
.col2 { width:50%;}
.spacer_col1 { background:url(/images/spacer_col1.png) -15px 0 no-repeat; height:15px;}
.spacer_col2 { background:url(/images/spacer_col2.png) -15px 0 no-repeat; height:15px;}
.spacer_banner { width:728px; height:90px; margin:0px auto 10px; }
#biography { padding:10px; float:left;}
#biography img { float:left; border:5px solid #aaa794; margin-right:15px;}
#discography{ padding:0 0 10px 10px;}
#booking { padding:0 0 0 15px; margin:0 0 20px 0;}
#contact { width:800px; margin:0 0 20px 0; padding:0 0 0 15px;}
#events {  width:800px; margin:0 0 20px 0; padding:0 0 0 15px;}
/*--- Navi ---- */
#navigationTop { position:absolute; right:0; color:#FFF; width:200px; height:20px; background:url(../images/navitop_bg.png); text-align:center;}
#navigationTopLeft { position:absolute; left:0; color:#FFF; width:200px; height:20px; background:url(../images/navitop_bg.png); text-align:center;}
#navigationTop a {color:#FFF; padding:0 5px; font-size:90%; text-transform:uppercase; font-weight:bold; text-decoration:none;}
#navigationTopLeft a {color:#FFF; padding:0 5px; font-size:90%; text-transform:uppercase; font-weight:bold; text-decoration:none;}
#navigationTop a:hover {color:#c6bbac; padding:0 5px; font-size:90%; text-transform:uppercase; font-weight:bold;}
#navigationTopLeft a:hover {color:#c6bbac; padding:0 5px; font-size:90%; text-transform:uppercase; font-weight:bold;}
#navigation { height:24px; padding-top:16px; background: url(../images/navi_bg.png) no-repeat; width:800px; color:#FFF; text-align:center;}
#navigation a {color:#FFF; padding:0 5px; text-transform:uppercase; font-weight:bold; text-decoration:none;}
#navigation a:hover {color:#c6bbac; font-weight:bold; text-decoration:none;}
/*--- News ---- */
.newsBlock h2 { height:45px; overflow:hidden; line-height:20px; font-size:180%; height:22px; }
.newsBlock { padding:0 10px 0 60px; width:320px; position:relative; min-height:180px;}
.newsBlockDetails { padding:0 10px 20px 60px; position:relative;}
.newsBlockDetails img { float:left; margin-right:5px;}
.newsBlock img { float:left; margin-right:5px; background:url(/images/news_bg.png) no-repeat; padding:6px 5px 10px 5px; }
.newsDate { position:absolute; top:0; left:0; width:50px; height:74px; background:url(/images/newsdate_bg.png) no-repeat; font-family:"Times New Roman", Times, serif; color:#FFF; padding:8px 0 0 0; }
.newsDate p.newsDay { font-size:250%; text-align:center;}
.newsDate p.newsMonth { text-align:center;}
/*--- Gallery ---- */
#galleryVideo { padding:0 20px;}
#videoplayer { margin:10px auto; text-align:center; width:570px; height:400px; background:url(/images/video_bg.png) center top no-repeat; padding:39px 130px 0 0;}
#videoBox { text-align:center;}
#videoBox a img { margin:0 5px; border:5px solid #2f2a26;}
#videoBox a img:hover { border:5px solid #5e564c;}
.gallery { padding:0 0 0 5px;}
.imgBox { width :120px; height:99px; padding:5px 5px 0 5px; float:left;  background:url(/images/img_box_bg.png) no-repeat;}
.imgBoxLast { float:left;}
.imgBox:hover { width:120px; height:99px; padding:5px 5px 0 5px; float:left;  background:url(/images/img_box_bg.png) 0 -108px no-repeat;}
/*--- Events ---- */
.eventsBlock { margin:0 0 10px 0; padding-left:30px}
.eventsDate { width:50px; height:74px; background:url(../images/newsdate_bg.png) no-repeat; font-family:"Times New Roman", Times, serif; color:#FFF; padding:8px 0 0 0; margin-right:10px}
.eventsImages { width:74px; height:74px; margin-right:10px;}
.eventsBlock p.eventsDay { font-size:250%; text-align:center;}
.eventsBlock p.eventsMonth { text-align:center; text-transform:uppercase;}
.eventsBlock p.eventsTitle { color:#900; font-size:150%; text-transform:uppercase;}
.eventsBlock p.eventsTitleTop { color:#900; font-size:120%; text-transform:uppercase;}
.eventsBlock p.eventsLocation { font-size:120%; text-transform:uppercase;}
.eventsBlock p.eventsArt { font-size:130%; text-transform:uppercase;}
.eventsBlock p.eventsDesc { width:600px;}
/*Header*/
#flashGallery { width:360px; padding:54px 0 0 40px; float:left;}
.releases { width:390px; float:left; margin:75px 0 0 5px}
.releasesBlock { width:185px; float:left;}
.releasesDesc { width:157px; margin:0px auto 10px; min-height:100px;}
.releasesDesc p { text-align:left;}
.releasesCover { width:147px; height:147px; padding:9px; margin:0px auto 10px; background: url(/images/releases_bg.png) no-repeat;}
ul.releasesButton { text-align:center;}
ul.releasesButton li { display: inline; margin:3px; position:relative;}
.releasesPlayer { background:url(../images/releases_player_bg.png) no-repeat top; padding:40px 0 0 0; width:160px; margin:0 auto;}
/*--- footer ---- */
#footerBlock { float:left;}
#newsletter { width:448px; height:105px; padding:10px; margin:30px 15px 12px 0; background: url(/images/newsletter_bg.png) no-repeat; float:left;}
#quicklinks { margin:25px 0 0 0; float:left; padding-left:15px;}
#quicklinks ul { margin:0 0 0 0;}
#quicklinks li { line-height:30px; color:#a98143; text-transform:uppercase;}
#quicklinks h3 { color:#a98143; text-decoration:underline;}
#quicklinks a { color:#a98143; text-decoration:none;}
#quicklinks a:hover { color:#FFF; text-decoration:underline;}

#copyright { background:url(/images/copyright_bg.png); height:24px; padding:11px 30px 0 30px; color:#CCC;}
#copyright a { color:#CCC;}
#copyright a:hover { color:#FFF; text-decoration:none;}
/*Links*/
.links {  float:left; padding:0 0 0 30px;}
.linksBlock { height:50px; padding:0 0 0 60px; margin:10px 0 4px 0; background:url(/images/events_bg.png) no-repeat 0 0; width:300px;}
.linksBlock p.linksBlockTitle { color:#8e151a; font-size:140%}
.linksBlock p.linksBlockUrl { font-size:120%; text-transform:uppercase;}
/*Medien*/
#medienBanner {  float:left; padding:0 0 0 30px;}
#medienBanner .code textarea {width:350px; height:80px; font-size:12px; }
#medienBanner .banner { margin:10px; width:350px; height:100%; float:left;}

/*--- Form ---- */
ul.formBlock { margin-right:5px;}
#form li { margin:10px 0 0 0}
#form li label { float:left; width:100px; height:35px; line-height:35px; font-size:130%; color:#39312d; text-transform:uppercase;}
#form li input { width:220px; height:27px; background-color:#2f2a26; border:0; padding:8px 10px 0 40px; font-size:130%; color:#7e7262;}
#form li input:focus,
#form li input:active,
#form li input:hover { width:220px; height:27px; background-color:#48413d; border:0;}
#form li textarea#text { width:250px; height:60px; background-color:#2f2a26; border:0; padding:10px;}
#form li input#form_submit { width:270px; margin-left:100px; height:31px; background-color:#2f2a26; border:2px solid #58504c; color:#7e7262; cursor:pointer; padding:0;}
#form li input#form_submit:hover { background-color:#48413d; border:2px solid #2f2a26; color:#7e7262;}
#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;}
/*--- Banner ---- */
#banner468 { width:468px; height:60px;}
#banner120 {
    position:absolute;
	background:url(/images/banner120_bg.png);
	padding:20px;
    width:120px;
    height:600px;
    left: 800px;
    top: 190px;
}
#impressum { width:750px; padding:0 0 0 20px}
#newsletter_thanks { padding:10px 80px; background:url(/images/icon/warning.png) top left no-repeat;}
#newsline { background:url(/images/newsticker_bg.png) no-repeat; height:35px; padding:5px 20px; color:#FFF;}
#newsline a { color:#FFF;}
.messages { margin:10px; padding:30px 80px; background:url(/images/icon/warning.png) top left no-repeat; font-size:150%;}
.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;
	}