@charset "UTF-8";
/**
 * Andrea Hoffmann by Bytestoppers.de 2009
 *
 *
 * @copyright       Copyright 2009, Bytestoppers 
 * @link            http://www.bytestoppers.de
 * @version         FATMA KAR 1.0
 *
 *
 */
 * { margin:0; padding: 0; }
 html { height: 100%; margin-bottom: 1px; }
 body { background: url(/images/bg.jpg); padding:0; height:100%;}
 body { text-align: left; }
 body { font-family:  Arial, Helvetica, sans-serif; font-size: 75.00%; color: #FFF;}
 
 ul { list-style-type:none;}
 p { margin:0; padding:0; text-align:left;}
 .left { float:left;}
 .right { float:right;}
 .mr10 { margin-right:10px;}
 
 /*--- Headings ---*/
  h1,h2,h3,h4,h5,h6 {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    color:#FFF;
    margin: 0 0 5px 0;
	text-align:left;
  }

  h1 { font-size: 180%; }                       
  h2 { font-size: 140%; }                      
  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;}
  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: #d3bea7; background:transparent; text-decoration:none; }

  a:hover,
  a:active { color:#FFF; text-decoration:underline; }
  a:focus {outline : none;}

 /*--- 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: 810px; position: relative; padding:0 65px; background:url(../images/content_bg.png)}
#contentWrapper { height:100%; position:relative; width:810px;}
#header { height:465px; background:url(../images/header_bg.jpg) no-repeat; position:relative;}
#events { position:absolute; bottom:63px; left:0;}
#main { background:#27211b; min-height:400px; width:790px; padding:0 10px 20px 10px; float:left; position:relative;}
#sidebarLeft { }
#sidebarRight { }
#naviBottom { height:25px;}
#footer { height:100px;}
#logoFooter { width:350px; height:100px; float:left;}
#quicklinks { float:left; height:100px; width:440px; overflow:hidden;}
#quicklinks li { float:left; display:block; width:220px; overflow:hidden; padding:5px 0;}
#quicklinks li a { color:#575248;}
#copyright { background:#27211b; padding:5px; height:20px; line-height:20px;}
#biography { padding:10px; float:left;}
#biography img { float:left; border:5px solid #467d33; margin-right:15px;}
#disco { margin:0 0 50px 0; padding:0 0 0 20px; float:left;}
#comp { padding:0 0 0 20px; float:left;}
#videoplayer { text-align:center; padding:20px;}
#videoBox { text-align:center; padding:20px;}
#videoBox img { border:4px solid #963131;}
#contact { padding:20px 20px 0 50px;}
#impressum { padding:20px;}
#impressum ol li { margin:0 0 10px 0;}
.headline { position:relative; top:0; left:-20px;}
.box310 { width:315px; margin:0 0 0 0;}
.box310 .boxHeader310 { background:url(../images/box_header_310.png) no-repeat bottom; height:60px;}
.box310 .boxContent310 { background:url(../images/box_content_310.png) right ; padding:5px 0 5px 5px; float:left; width:310px;}
.box310 .boxFooter310 { background:url(../images/box_footer_310.png) ; height:35px; clear:both;}
.box470 { width:465px;}
.box470 .boxHeader470 { background:url(../images/box_header_470.png) no-repeat bottom; height:60px;}
.box470 .boxContent470 { background:url(../images/box_content_470.png) right ; padding:5px 5px 5px 10px; float:left; width:450px;}
.box470 .boxFooter470 { background:url(../images/box_footer_470.png) ; height:35px; clear:both; }
.releases { width:140px; float:left; padding:0 5px;}
.releases .cover { width:132px; height:132px; border:4px solid #e88e3e; margin:0 0 5px 0;}
.releases .store { width:140px;}
.events { float:left; margin:0 0 10px 0}
.eventsSubject { margin:0 0 0 10px;}
.eventsTitleTop {color:#69c449;}
.eventsDate .eventsDay { width:30px; display:block; background:#2d4f21; padding:4px; text-align:center;}
.eventsDate .eventsMonth{  width:30px; display:block; background:#69c449; padding:4px; text-align:center;}
.galleryOverview { padding:0 0 0 40px; float:left;}
.galleryOverview h2 { color:#33647d; margin:20px 0 0 0;}
.gallery { display:block; float:left; height:64px; margin:5px; text-align:center; width:86px; overflow:hidden; border:2px solid #33647d; background:#33647d; }
.news { margin:0 0 10px 0; padding:0 10px 5px 0; float:left; border-bottom:1px dotted #666; width:430px;}
.news h2 { color:#c1448e; font-size:130%;}
.news img { margin:0 10px 0 0; border:4px solid #c1448e;}
.messages { margin:10px; padding:30px 80px; background:url(/images/icon/warning.png) top left no-repeat; font-size:130%;}

/*--- 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:120%; color:#7e7262; 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: 20px;
}