/* Allgemeine Formatierung */
body { margin: 0; padding: 0; background: #000000 url(../images/background.gif) repeat-y top center; background-attachment: fixed; font: normal 15px Arial; }
h1 { font-family: 'Francois One', Arial; font-size: 22px; color: #cc0000; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; }
h3 { font-family: Arial; font-size: 16px; font-weight: bold; color: #000000; }
hr { border: 0px solid #adadad; background-color: #adadad; height: 1px; weidth: 100%; }
p { font: normal 15px Arial; text-align: justify; } 
.wrapper { width: 900px; margin: 0 auto; }
.clear { clear: both; height: 0px; line-height: 0px; font-size: 0px; overflow: hidden; width: 0px; margin: 0px; padding: 0px; }

/* Navigation */ 
.header { height: 267px; background: url(../images/header.jpg) no-repeat; width: 900px; }
#logo { visibility: hidden; margin: 0px; padding: 0px; vertical-align: baseline }
#logo a { text-indent: -9999px; outline: none; }
.navi { padding-left: 12px; padding-top: 190px; }
.navi a { color: #ffffff; text-transform: uppercase; font-family: 'Francois One', Arial; font-size: 22px; letter-spacing: 1px; text-decoration: none; text-shadow: #000000 1px 1px 3px; }
.navi a:hover { color: #ffdd22; text-shadow: #000000 1px 1px 3px; }
.navi img { padding-left: 6px; padding-right: 6px; width: 3px; height: 17px; }

/* Contentbereich */
.content{ float: left; width: 850px; background-color: #ffffff; padding: 1px 25px 25px 25px; background-image: url(../images/wrapper_bg.jpg); }
.left { float: left; width: 610px; }
.right{ float: right; width: 210px; text-align: center; }
.right .heading { margin-top: 28px; padding: 0px 0px 5px 0px; background-image: url(../images/box_right_bg.jpg); border: 1px solid #adadad; }
.right .heading .titel { font-family: 'Francois One', Arial; font-size: 21px; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; text-shadow: #000000 1px 1px 3px; background: url(../images/heading_titel_bg.png); margin: 0px 0px 5px 0px; padding: 4px 0px 0px 0px; height: 36px; }

/* Bereich Unten */
.footer { height: 27px; background: url(../images/footer_bg.png) no-repeat; clear: both; display: block; overflow: auto; }

/* Slideshow */
.slideshow { position: relative; height: 230px; }
.slideshow img { position: absolute; top: 0; left: 0; z-index: 8; opacity: 0.0; }
.slideshow img.active { z-index: 10; opacity: 1.0; }
.slideshow img.last-active { z-index: 9; }

/* News Startseite */
.tiltenewsstart { font-family: 'Francois One', Arial; font-size: 22px; color: #cc0000; text-transform: uppercase; letter-spacing: 1px; }
.newshome .box { padding: 6px; margin-top: 10px; font: normal 14px Arial; text-align: justify; height: 105px; text-align: justify; width: 596px; background: #ffffff url(../images/news_start_bg.jpg); border: 1px solid #adadad; }
.newshome .img { float: left; background: #ffffff no-repeat center center; height: 105px; width: 140px; margin-right: 15px; }
.newshome a.title { font-family: Arial; color: #000000; font-size: 16px; text-decoration: none; font-weight: bold; }
.newshome p { font-size: 13px; text-align: justify; margin: 5px 0px 0px 0px; padding: 0; vertical-align: baseline; }
.newshome a.mehr { display: block; text-align: right; color: #000000; text-decoration: underline; }
.newshome a.mehr:hover { color: #cc0000; }

/* Countdown Box */
.countdown { font-size: 21px; text-transform: uppercase; font-family: 'Francois One', Arial; color: #000000; }
.countdown .zahl { font-size: 22px; color: #cc0000; }

/* Line-Up Box */
.bandbox a { text-align: center; color: #000000; text-transform: uppercase; font-family: 'Francois One', Arial; text-decoration: none; }
.bandbox a:hover { color: #cc0000; }
.bandteaser { position: relative; height: 140px; }
.bandteaser img { position: absolute; top: 3px; left: 4px; z-index: 8; opacity: 0.0; }
.bandteaser img.ac { z-index: 10; opacity: 1.0; }
.bandteaser img.ac-active { z-index: 9; }

/* News Seite */
.news .box { border-bottom: 1px solid #adadad; padding-bottom: 18px; margin-top: 18px; }
.news .img { float: left; background: #ffffff no-repeat center center; height: 120px; width: 200px; margin-right: 15px; }
.news a.title { font-family: Arial; color: #000000; font-size: 17px; text-decoration: none; font-weight: bold; float: left; }
.news .datum { font-size: 13px; float: right; }
.news .text { line-height: 120%; font-size: 15px; text-align: justify; }
.news a.mehr { display: block; text-align: right; color: #000000; text-decoration: underline; margin: 5px 0px 0px 0px; }
.news a.mehr:hover { color: #cc0000; }

/* News Detail Seite */
.newsdetail { vertical-align: baseline; margin: 0px 0px 11px 0px; padding: 0; float: left; }
.newsdetailimg { margin: 20px 0px 10px 20px; padding: 5px; border: 1px solid #adadad; background: #eeeeee; float: right; }

/* Line-Up Seite */
.bands { padding: 0px 0px 250px; 0px }
.bands ul li { float: left; margin: 0px 27px 20px -10px }
.bands ul li { position: relative; list-style-type: none; }
.bands ul li .name { position: absolute; bottom: 0px; text-decoration: none; color: #ffffff; padding: 10px; text-transform: uppercase; text-shadow: 1px 1px 3px #000000; display: block; background: url(../images/bg_deck.png); width: 230px; font: bold 15px Arial; }
.bands .bandsmall { border: 0px; }
.bands .time { float: right; font: normal 13px Arial; }
.bands .order { color: #000000; text-decoration: none; font: bold 15px Arial; }
.bands .order:hover { color: #cc0000; }

/* Galerie Seite */
.gal { padding: 0px 0px 250px; 0px }
.gal ul li { float: left; margin: 0px 27px 20px -10px }
.gal ul li { position: relative; list-style-type: none; }
.gal ul li .name { position: absolute; bottom: 0px; text-decoration: none; color: #ffffff; padding: 10px; text-transform: uppercase; text-shadow: 1px 1px 3px #000000; display: block; background: url(../images/bg_deck.png); width: 230px; font: bold 15px Arial; }
.gal .galsmall { border: 0px; }

/* Band Seiten */
.bandh1 { color: #cc0000; font-family: 'Francois One', Arial; font-size: 22px; text-transform: uppercase; text-align: left; }
a.bands_facebook { padding: 47px 5px 5px 12px; margin: 0px 0px -30px 0px; display: block; background: url(../images/bands/bands_facebook.png) no-repeat; height: 75px; width: 200px; color: #ffffff; text-decoration: none; font-family: Arial; font-style: italic; font-size: 16px; text-align: left; }
a.bands_myspace { padding: 47px 5px 5px 12px; margin: 0px 0px -30px 0px; display: block; background: url(../images/bands/bands_myspace.png) no-repeat; height: 75px; width: 200px; color: #ffffff; text-decoration: none; font-family: Arial; font-style: italic; font-size: 16px; text-align: left; }
a.bands_website { padding: 47px 5px 5px 12px; margin: 0px 0px -30px 0px; display: block; background: url(../images/bands/bands_website.png) no-repeat; height: 75px; width: 200px; color: #ffffff; text-decoration: none; font-family: Arial; font-style: italic; font-size: 16px; text-align: left; }

/* Galerie */
.galeriepic { margin: 0px 15px 15px 0px; width: 100px; height: 75px; border: 1px solid #adadad; padding: 2px; }
.galeriepic:hover { border: 1px solid #cc0000; }

/* FAQ */
#faqs h6  { font-family: Arial; font-size: 16px; color: #000000; font-weight: normal; cursor:pointer; margin: 10px 0px 0px 0px; padding: 0px; vertical-align: baseline }
#faqs h6.active  { color:#cc0000; }
#faqs div { height: 0px; overflow: hidden; position:relative; }
#faqs div p  { font-size: 15px; margin: 8px 0px 10px 0px; padding: 0px; vertical-align: baseline; }

/* Partnerseite */
.partner img { float: left; margin: 0px 5px 10px 5px; width: 200px; height: 136px; border: 1px solid #adadad; }

/* Kontakt Buttons */
input { border: 1px solid #adadad; background: #ffffff; }
textarea { border: 1px solid #adadad; background: #ffffff; }
input.button { border: 1px solid #adadad; background: #888888; color: #ffffff; font-weight: bold; text-shadow: 1px 1px 3px #000000; padding: 3px; cursor: pointer; }

/* Tabs Infopage */
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-state-disabled { cursor: default !important; }
.ui-tabs { position: relative; padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .1em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1.4em 1.3em 1em 1.3em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-widget { font-family: 'Arial',Verdana,sans-serif/*{ffDefault}*/; font-size: 16px/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: 'Arial',Verdana,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 0px solid #adadad/*{borderColorContent}*/; background: transparent/*{bgColorContent}*/ url()/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #000000/*{fcContent}*/; }
.ui-widget-content a { color: #000000/*{fcContent}*/; }
.ui-widget-header { border: 1px solid #adadad/*{borderColorHeader}*/; background: #f1f1f1/*{bgColorHeader}*/ url(http://www.rockdendeich.de/images/news_start_bg.jpg)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #000000/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #000000/*{fcHeader}*/; }
.ui-widget-header a:hover { color: #cc0000/*{fcHeader}*/; }

/* Mitreisen Widget */
div#MRWidget { font: normal 12px Arial; scrolling: auto !important; }
div#MRWidget p { font: normal 12px Arial; }
div#MRWidget a { color: #cc0000 !important; }
div#MRWidget table.table th { background: #cc0000 !important; }
div#MRWidget .clickable:hover { color: #444444 !important; }
div#MRWidget div:first-child { background: #f5f5f5; text-transform: uppercase; }