/************************************* CSS Reset *************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, input, textarea, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }
/************************************* Chrome Tweak **********************************/
*:focus {outline: none;}
/************************************* Clearfix *************************************/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */
/************************************* Body *************************************/
body, html {background-color:#080808;background:url(images/row2bg.jpg) repeat-y top center;}
/************************************* Links *************************************/
a {text-decoration:none; color:#cee8eb;}
a:active {text-decoration:none; color:#cee8eb;}
a:visited {text-decoration:none; color:#cee8eb;}
a:hover {text-decoration:none; color:#cee8eb; border-bottom: 1px dotted #cee8eb;}
a img {border:none;}
/************************************* Standards *********************************/
body, input, textarea {
         text-decoration:none;
         font-weight:normal;
         font: normal 10px/15px Verdana, Helvetica, sans-serif;
         color:#cee8eb;
}

textarea {resize:none;}

.italic {font-style:italic;}
.hidden {display:none;}
.hide{display: none;}
.underlined {border-bottom: 1px dotted #cee8eb;}
.alignleft {float:left;}
.alignright {float:right;}
.aligncenter {margin-left:auto; margin-right:auto; display:block; clear:both;}
.clear { clear:both; display:block; font-size:0;height:0;line-height:0;width:100%;}
.pointer{cursor:pointer;}
/************************************* Struktur/Body DIVs ************************/
#imageloader {display:none;}
#row1, #row2, #row3, #row4 {position:relative;top:0px;width:100%;}
#row1 {height:470px;background:url(images/row1bg.jpg) no-repeat top center;}
#row2 {width:100%;height:215px;background:url(images/trenner_linie.png) repeat-x top left;overflow:hidden;}
#row3 {height:0px;background:url(images/row3bg.jpg) repeat top center;}
#row4 {height:35px;background:transparent;overflow:hidden;}
/************************************* Row1 *************************************/
#newsbild{width:900px;height:470px;position:relative;top:0px;left:50%;margin-left:-520px;}
#news{width:420px;height:470px;float:left;overflow:hidden;}
#news_spacer{width:420px;height:227px;}
#news_set{height:243px;margin-left:5px;width:372px;float:left;overflow:hidden;}
#news_set2{height:10000px;width:372px;position:relative;top:0px;left:0px;}
#news_control{height:243px;width:43px;float:right;}

.news_eintrag{width:372px;height:45px;margin-bottom:38px;cursor:pointer;}
.news_eintrag_gross_text{display:none;}
#news_slider_right{width:0px;position:absolute;top:0px;right:0px;height:470px;background:url(images/kino.png) top left no-repeat;overflow:hidden;}
#news_slider_right p{padding:30px 40px 40px 40px;font:normal 25px/30px Verdana, Helvetica, sans-serif;display:none;color:#d1e4e6;font-style:italic;}

.quotes_oben{margin-right:4px;float:left;}
.quotes_unten{margin-left:4px;vertical-align:-4px;}
.date{float:right;font-style:italic;padding-right:5px;}
.news_scroll_oben{cursor:pointer;margin:0px 10px 0px 18px;}
.news_scroll_unten{cursor:pointer;margin:172px 10px 0px 18px;}

#bild{width:460px;height:470px;float:right;}
#rahmen{position:absolute;top:80px;left:50%;margin-left:-40px;}
#rahmen_show{width:329px;height:241px;margin:150px 0px 0px 100px;overflow:hidden;}
#rahmen_show_container{width:10000px;height:241px;position:relative;top:0px;left:0px;}
#rahmen_show img{float:left;width:329px;height:auto;}

#blueprint_logo1, #blueprint_logo2{position:absolute;top:20px;left:50%;margin-left:-425px;}
#blueprint_logo2{display:none;}
/************************************* Row2 *************************************/
#menu_container{position:relative;top:0px;left:50%;margin-left:-516px;height:212px;width:1044px;}
#menu1, #menu2, #menu3 {width:348px;height:212px;background:url(images/trenner_mitte.png) no-repeat top right;float:left;}
#menu3 {background:none;}
#menu1 .text_mitte{}

.heading_mitte{height:28px;padding:10px 0 0 15px;}
.text_mitte{padding:13px 30px 15px 28px;}

#audio_container{width:238px;height:25px;padding:0px 0px 0px 48px;}
.audio{width:201px;height:23px;float:left;background:url(images/audio_bg.jpg) top left no-repeat;padding:2px 0px 0px 7px;}
.audio span:hover{border-bottom: 1px dotted #cee8eb;}
.audio span{border:none;}
.audio2{width:201px;height:23px;float:left;background:url(images/audio_bg_hover.jpg) top left no-repeat;padding:2px 0px 0px 7px;}
.audio2 span{border-bottom: 1px dotted #cee8eb;}
.dl{width:30px;height:23px;float:right;background:url(images/audio_dl_bg.jpg) top left no-repeat;}

#fotos_klein{width:280px;height:97px;padding:3px 0 0 31px;cursor:pointer;}
.trenner_linie{width:100%;height:9px;background:url(images/trenner_linie.png) repeat-x top left;}

#fotoshow{position:relative;left:0px;top:0px;width:10000px;height:348px;}
#fotorahmen{
  /* width: 547px; */
  height: 348px;
  float: left;
  /* background: url(images/fotorahmen.png) no-repeat top left; */
}
.foto{
  width: auto;
  height: 290px;
  /* padding: 29px 0px 0px 30px; */
  border: 15px #C7CBCE solid;
  margin-right: 15px;
}
#facebook_foto{cursor:pointer;}
a.extralink:hover{border:none;}

#nav_container{position:relative;top:0px;left:0px;width:100%;height:27px;}
#nav_links{float:left;cursor:pointer;margin-left:15px;}
#nav_rechts{float:right;cursor:pointer;margin-right:15px;}

#brief{float:left;position:relative;left:-15px;top:5px;cursor:pointer;}
#pfeil_unten{float:right;position:relative;top:7px;cursor:pointer;}
/************************************* Row3 *************************************/
#row3_container{position:relative;top:0px;left:50%;margin-left:-500px;height:603px;width:989px;}
#setlist{width:425px;margin-right:25px;height:603px;float:left;background:url(images/setlist.png) no-repeat top left;}

#content_container{width:539px;height:603px;float:right;}
#content1{width:539px;height:200px;background:url(images/trenner_unten1.png) no-repeat top left;overflow:hidden;}
#content2{width:539px;height:215px;background:url(images/trenner_unten2.png) no-repeat bottom left;}
#content3{width:539px;height:188px;}

.heading_unten{height:28px;padding:11px 0 0 7px;}
.text_unten{padding:15px 10px 15px 10px;}

#referenzen_slider{position:relative;top:0px;left:0px;width:1078px;height:110px;padding:10px 0px 0px 10px;}

#texte{width:1078px;height:50px;}
.text_ref{width:539px;height:45px;float:left;}
#logos{width:1078px;height:55px;}

#nav_logos_links{width:16px;height:55px;background:url(images/nav_logos_links.png) no-repeat center left;cursor:pointer;float:left;}
#logos_slider{width:483px;height:55px;float:left;overflow:hidden;}
#slided_logos{position:relative;top:0px;left:0px;width:1200px;height:55px;margin-left:4px;}
#slided_logos img{margin:0px 5px 0px 5px;}
#nav_logos_rechts{width:16px;height:55px;background:url(images/nav_logos_rechts.png) no-repeat center left;cursor:pointer;float:left;}

#bisherige_inhalt{width:539px;height:55px;float:right;margin-left:20px;}
#bisherige_heading{visibility:hidden;}

#file_container{width:539px;height:90px;padding:0px 0px 0px 5px;}
.single_file{float:left;margin:0px 15px 0px 15px;background:url(images/file.png) top center no-repeat;}
.single_file p{padding:55px 0px 0px 0px;text-align:center;}
.single_file p span{font-style:italic;border-bottom:1px dotted #cee8eb;}
/*************************** Kontakt ********************************/
#formular {width:520px;height:120px;margin:15px 0px 0px 7px;}

#name, #reply_to, #telefon {
         width:206px;
         height:24px;
         float:left;
         color:#364a4f;
         background: url(images/input_bg.png) no-repeat top left;
         margin: 4px 0px 0px 8px;
         padding-left:5px;
         padding-right:5px;
}

#message {
         width:271px;
         height:63px;
         float:left;
         color:#364a4f;
         background: url(images/message_bg.png) no-repeat top left;
         padding:10px;
         margin-top:2px;
         overflow:hidden;
}

#feld_sendit {float: right;height: 32px;margin:2px 0px 0 0px;width: 38px;background: url(images/feld_sendit.png) no-repeat top left;}
#feld_sendit:hover {background: url(images/feld_sendit_hover.png) no-repeat top left;}
.pflicht {margin-left:3px;line-height:37px;color:#cee8eb;}
/************************************* Row4 *************************************/
#bottom_menu{position:relative;top:8px;left:50%;margin-left:175px;width:404px;}
#bottom_menu a img{vertical-align:-1px;}

.impressum_link, .dse_link{cursor:pointer;}
.impressum_link:hover, .dse_link:hover{cursor:pointer;border-bottom: 1px dotted #cee8eb;}

#impressum, #datenschutz{position:relative;top:30px;left:50%;margin-left:-20px;width:510px;height:190px;color:#3c3c3c;}
#impressum a, #datenschutz a{color:#3c3c3c;}
#impressum a:hover, #datenschutz a:hover{text-decoration:none;color:#3c3c3c;border-bottom:1px dotted #3c3c3c;}
.impressum_p{width:170px;float:left;text-align:center;}
.disclaimer, #datenschutz p{width:510px;text-align:justify;line-height:13px;}
#datenschutz p{margin-bottom: 13px;}

/************************************* Mobiles *************************************/
@media screen and (max-device-width: 480px){
body{
  -webkit-text-size-adjust:none;
         text-decoration:none;
         font-weight:normal;
         font: normal 10px/15px Verdana, Helvetica, sans-serif;
         color:#cee8eb;
}
#menu1{width:325px;}
#menu2{width:330px;}
#menu3{width:335px;}
#menu_container{margin-left:-490px;}
#rahmen_show{margin:150px 0px 0px 40px;}
#rahmen{margin-left:-40px;}
#row3{height:0px;background:url(images/row3bg_mobile.jpg) repeat top center;}
}