html, body {
width:100%; min-height:100%;
}

body, a, span, div, ul, li, td, th, form, fieldset, input, select, textarea, p, h1, h2, h3, h4 {
font-family:"Oswald",Arial,Helvetica,sans-serif;
font-size:16px;
line-height:22px;
color:#585c5d;
font-weight:300;
text-decoration:none;
margin:0; padding:0;
list-style-type:none;
}

body, a, span, div, ul, li, td, th, form, fieldset, input.text, select, textarea, p, h1, h2, h3, h4 {
outline:none;
border:0;
background:none;
}

html {
background:#fff url('img/bg.jpg') center top;
}

body {
margin:0; padding:0;
background:url('img/bg_nav.jpg') center 126px repeat-x;
}

img {
border:0;
}

a:hover {
text-decoration:underline;
}

.dn {
display:none;
}

.vh {
visibility:hidden;
}

#all {
position:relative;
margin:0 auto;
width:1004px;
}


h1, h2, h3 {
font-size:26px;
line-height:36px;
font-weight:700;
margin:0; padding:0;
color:#f69701;
}

h3 {
color:#849da3;
}

h4 {
font-weight:bold;
}

a {
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

.grey, #programm li a {
font-weight:400;
color:#849da3;
}

.yellow, .mehr, .schliessen {
font-weight:400;
color:#f69701 !important;
}

/* Navigation */

#logo {
float:left;
margin:50px 0 27px 17px;
width:317px; height:49px;
}

#schlossgarten {
float:left;
margin:93px 0 0 300px;
width:122px; height:20px;
}

#tu {
float:left;
margin:78px 0 0 24px;
width:90px; height:36px;
}

#asta {
float:left;
margin:81px 0 0 25px;
width:79px; height:32px;
}

#mnav, #mobilenav { display:none; }

#nav li, #footer li {
float:left;
}

#nav {
float:left;
clear:left;
margin:8px 0 14px 18px;
width:957px;
}

         #nav li a {
         float:left;
         margin-right:24px;
         color:#fff;
         font-weight:400;
         text-decoration:none;
         text-transform:uppercase;
         letter-spacing:3px;
         }

         #nav li a:hover, #nav li.aktiv a {
         color:#f69701 !important;
         }

         #nav #bands, #nav #impressum, #nav li.fb, #nav li.twitter, #nav li.newsletter {
         float:right;
         }

         #nav li.newsletter a {
         float:right;
         margin-right:30px;
         }

         #nav #bands a {
         float:right;
         margin:0 26px 0 0;
         padding:2px 15px 12px 47px;
         color:#6e7a7d;
         font-size:12px;
         letter-spacing:2px;
         background:url('img/bg_bands.png') no-repeat;
         }

         #nav li.twitter a {
         float:right;
         margin:-1px 0 0 10px;
         width:26px; height:26px;
         background:url('img/twitter.png') no-repeat;
         text-indent:-1000em;
         overflow:hidden;
         }

         #nav li.fb a {
         float:right;
         margin:-1px 0 0 0;
         width:26px; height:26px;
         background:url('img/fb.png') no-repeat;
         text-indent:-1000em;
         overflow:hidden;
         }

         #nav #impressum a {
         float:right;
         margin:0;
         font-size:12px;
         letter-spacing:0;
         }

#footer {
margin-top:30px;
width:100%; height:76px;
background:url('img/bg_footer.jpg') center top repeat-x;
}

         #footer ul {
         position:relative;
         margin:0 auto;
         width:1004px; height:76px;
         }

         #footer li {
         color:#fff;
         margin-top:34px;
         }

         #footer li a {
         float:left;
         margin:0 5px;
         color:#fff;
         font-weight:400;
         font-size:12px;
         text-decoration:none;
         text-transform:uppercase;
         letter-spacing:3px;
         }

         #footer li a:hover, #footer li.aktiv a {
         color:#f69701 !important;
         }

         #footer li.logo a {
         margin:-2px 18px 0 10px;
         }

         #footer li.fb a {
         margin:-7px 39px 0 163px;
         width:26px; height:26px;
         background:url('img/fb.png') no-repeat;
         text-indent:-1000em;
         overflow:hidden;
         }

         #footer li.top a {
         margin:-7px 0 0 0;
         width:28px; height:28px;
         background:url('img/top.png') no-repeat;
         text-indent:-1000em;
         overflow:hidden;
         }

#rightcol {
position:relative;
float:right;
margin-right:22px;
width:207px;
padding-left:32px;
background:url('img/bg_rightcol.png') repeat-y;
}

.galerie #rightcol, .bands #rightcol, .news #rightcol {
margin-top: 16px;
}

         .schlossgarten {
         display:block;
         margin:-35px 0 0 33px;
         position:relative;
         z-index:10;
         }

         .blitz {
         position:absolute; left:249px; top:-69px;
         }

         .galerie .blitz, .bands .blitz, .programm .blitz {
         display:none;
         }

         .index .schlossgarten {
         margin-top:-62px; /* 52 */
         }

         .programm .schlossgarten {
         margin-top:-19px;
         }

         .index .blitz {
         top:-86px;
         }

         #calendar {
         position:relative;
         margin:40px 0 0 0;
         height:200px !important;
         }

         #calendar span {
         font-family: "Carrois Gothic", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
         font-size:16px;
         line-height:auto;
         }

         #calendar span.hasEvent span {
         font-weight:bold;
         }

         #calendar span.hasEvent:hover span {
         color:#849DA3;
         }

         .dzscalendar .main-mon .curr-months-date {
         opacity:0.8;
         -moz-opacity:0.8;
         -webkit-opacity:0.8;
         }

         .dzscalendar .main-mon .hasEvent {
         opacity:1;
         -moz-opacity:1;
         -webkit-opacity:1;
         }

         .dzscalendar .main-mon .past-date {
         opacity:0.4;
         -moz-opacity:0.4;
         -webkit-opacity:0.4;
         }

         .dzscalendar .main-mon .other-months-date {
         opacity:0.2;
         -moz-opacity:0.2;
         -webkit-opacity:0.2;
         }

         .dzscalendar .dzstooltip {
         margin:-5px 0 0 -7px;
         }

         .dzstooltip > div {
         padding:6px 0;
         }

.dzscalendar .calendar-controls {
height:27px;
}


         #newsletter {
         margin:30px 0 35px 0;
         background:#eff1f2 url('img/bg_newsletter.png') left bottom no-repeat;
         }

                 #newsletter h2 {
                 width:207px; height:56px;
                 background:url('img/headl_schreibuns.png') no-repeat;
                 text-indent:-1000em;
                 overflow:hidden;
                 }

                 .dropdown {
                 display:block;
                 margin:0 0 0 9px;
                 width:166px; height:25px;
                 padding:4px 12px 0 12px;
                 background:#849da3;
                 box-shadow:0 0 3px #aaa;
                 -moz-box-shadow:0 0 3px #aaa;
                 -webkit-box-shadow:0 0 3px #aaa;
                 color:#fff !important;
                 font-family:Helvetica,Arial,sans-serif;
                 font-size:13px;
                 letter-spacing:0;
                 text-decoration:none !important;
                 }

                 .down {
                 background:#849da3 url('img/bg_pfeil_down.png') 164px 9px no-repeat;
                 }

                 .up {
                 background:url('img/bg_pfeil_up.png') 152px top no-repeat;
                 }

                 #newsletter .up {
                 display:block;
                 width:166px; height:22px;
                 padding:0;
                 }

                 .kontakt #content #adresse ul, #newsletter #interesse {
                 margin:-10px 0 0 9px;
                 width:166px;
                 background:#849da3;
                 padding:0 12px;
                 }

                          #newsletter #interesse input, #newsletter #interesse label {
                          float:left;
                          }

                          #newsletter #interesse label {
                          margin:-3px 0 0 5px;
                          font-family:Helvetica,Arial,sans-serif;
                          font-size:13px;
                          letter-spacing:0;
                          color:#fff;
                          }

                          #rightcol #newsletter #interesse .trenner {
                          display:block;
                          margin:10px 0 10px 0;
                          width:162px; height:2px;
                          background:url('img/interesse_trenner.png') no-repeat;
                          }

                 textarea {
                 width:152px; height:58px;
                 padding:7px;
                 background:url('img/bg_textarea.png') no-repeat;
                 font-family:Helvetica,Arial,sans-serif;
                 font-size:13px;
                 letter-spacing:0;
                 color:#7f878c;
                 resize:none;
                 }

                 input.text {
                 margin:5px 0 11px 9px;
                 width:166px; height:27px;
                 padding:2px 12px 0 12px;
                 background:url('img/bg_input.png') no-repeat;
                 font-family:Helvetica,Arial,sans-serif;
                 font-size:13px;
                 letter-spacing:0;
                 color:#7f878c;
                 }

                 input.pfeil {
                 margin:0 0 20px 9px;
                 padding:0 0 0 19px;
                 border:0;
                 background:url('img/bg_pfeil.png') 5px center no-repeat;
                 font-size:20px;
                 font-weight:400;
                 letter-spacing:0;
                 color:#849da3;
                 cursor:pointer;
                 }


         #rightcol h2 {
         color:#849da3;
         }

         #rightcol h3 {
         color:#575c5d;
         font-size:20px;
         line-height:26px;
         font-weight:400;
         }

         #rightcol a {
         font-weight:400;
         color:#585c5d;
         }

         #rightcol .trenner {
         display:block;
         margin:20px 0 10px 0;
         width:207px; height:4px;
         background:url('img/trenner.png') no-repeat;
         }

#teaser {
float:left; clear:left;
/*margin-left:18px;*/
position:relative; width:983px; height:337px;
padding-bottom:35px;
background:url('img/teaser_trenner.jpg') left 337px no-repeat;
}

/* Index */

.index #teaser {
/* margin-left:10px; */
margin-top:10px;
width:1004px; height:475px;
padding-bottom:52px;
background:url('img/teaser_trenner.jpg') -4px 465px no-repeat; /*475*/
overflow:hidden;
}

.index #teaser.anim {
overflow:visible;
}

         .index #teaser img, .index #teaser div {
         position:absolute;
         }

         .index #kreisschatten {
         position:absolute; left:0px; top:0px;
         }

         .index #kreis {
         left:0px; top:34px;
         width:397px; height:397px;
         }

         .index #schatten {
         left:61px; top:420px;
         width:349px; height:38px;
         }

         .index #teaser #header1a {
         width:1012px; height:475px;
         overflow:hidden;
         }

         .index #header1b {
         left:-2px; top:311px;
         width:160px; height:164px;
         overflow:hidden;
         }

         .index #teaser #header2a1, .index #teaser #header2a2, .index #teaser #header2a3, .index #teaser #header2a4 {
         width:978px; height:465px;
         overflow:hidden;
         }

         .index #header2b {
         left:33px; top:331px;
         width:111px; height:134px;
         overflow:hidden;
         }

         .index #header2c {
         left:278px; top:286px;
         width:213px; height:88px;
         }

         .index #header2d {
         left:314px; top:390px;
         width:170px; height:75px;
         overflow:hidden;
         }

         .index #header2e {
         left:0px; top:101px;
         width:118px; height:50px;
         }

         .index #header2f {
         left:19px; top:0px;
         width:149px; height:173px;
         }

         .index #header2g {
         left:261px; top:0px;
         width:191px; height:166px;
         }

         .index #header2h {
         left:929px; top:378px;
         width:49px; height:88px;
         overflow:hidden;
         }

         .index #header2i {
         left:686px; top:275px;
         width:252px; height:191px;
         overflow:hidden;
         }

         .index #header2j {
         left:814px; top:102px;
         width:119px; height:157px;
         }

         .index #header2k {
         left:785px; top:48px;
         width:77px; height:53px;
         }

.programm #teaser {
display:none;
}

.index #content {
width:682px;
}

#programm li {
position:relative;
float:left; clear:left;
width:682px;
padding:0 0 15px 0;
/*margin-left:10px;*/
font-weight:300;
}

         #programm li .toggle {
         position:relative;
         width:682px; height:182px;
         margin-bottom:8px;
         cursor:pointer;
         background-repeat:no-repeat;
         background-position:center center;
         -webkit-background-size:cover;
         -moz-background-size:cover;
         -o-background-size:cover;
         background-size:cover;
         }

         #programm li .button {
         position:absolute; left:-45px; top:78px;
         }

         #programm li .datum {
         position:absolute; left:460px; top:112px;
         width:163px; height:61px;
         padding:9px 0 0 16px;
         background:url('img/bg_datum_t.png') no-repeat;
         }

                  #programm li .datum h2, #programm li .datum h3 {
                  font-size:24px;
                  line-height:31px;
                  }

                  #programm li a.fancybox {
                  float:left;
                  margin:0 10px 10px 0;
                  width:79px; height:79px;
                  background-repeat:no-repeat;
                  background-position:center center;
                  -webkit-background-size:cover;
                  -moz-background-size:cover;
                  -o-background-size:cover;
                  background-size:cover;
                  }

                  #programm li span.trenner {
                  clear:left;
                  display:block;
                  height:10px;
                  }

                  #programm li .content div {
                  clear:left;
                  padding:5px 0 10px 0;
                  }

                  #programm li .content div b {
                  font-weight:400;
                  }

                  #programm li .content .links a, #programm li .content a.schliessen {
                  clear:left;
                  float:left;
                  }

                  #programm li .content .links {
                  position:relative;
                  }

                  #programm li .content .links a.tickets {
                  position:absolute; left:520px; bottom:13px;
                  width:162px; height:29px;
                  background:url('img/button_vorverkauf.png') no-repeat;
                  text-indent:-1000em;
                  overflow:hidden;
                  }

.fancybox-title-float-wrap .child {
font-weight:400;
text-shadow:none;
}

.fancybox-type-iframe .fancybox-next {
right:-60px;
}

.fancybox-type-iframe .fancybox-prev {
left:-60px;
}

.fancybox-title-float-wrap .child {
background:rgba(117, 126, 130, 1);
-webkit-box-shadow:0 3px 5px #333;
-moz-box-shadow:0 3px 5px #333;
box-shadow:0 3px 5px #333;
}

/* Schlosskeller */

.schlosskeller #content {
width:672px;
padding:0 0 30px 18px;
background:url('img/bg_content_schlosskeller.png') center bottom no-repeat;
}

.schlosskeller #content img {
float:left;
margin-left:2px;
}

/* Kontakt */

.kontakt #content {
width:672px;
padding:0 0 0 18px;
line-height:26px;
background:url('img/bg_content_kontakt.png') 268px 690px no-repeat;
}

.kontakt #content img {
float:left;
margin-left:2px;
}

.kontakt td {
padding:0 25px 0 0;
line-height:26px;
vertical-align:top;
}

.kontakt #content #adresse {
position:relative;
float:left;
margin:-2px 0 10px 10px;
}

         .kontakt #content .dropdown {
         width:260px;
         text-decoration:none;
         }

         .kontakt #content .down {
         background:#849da3 url('img/bg_pfeil_down.png') 250px 9px no-repeat;
         }

         .kontakt #content #adresse ul {
         position:absolute; left:0px; top:10px;
         padding:4px 12px 4px 12px;
         width:260px;
         background:#849da3 url('img/bg_pfeil_up.png') 250px 9px no-repeat;
         }

         .kontakt #content #adresse ul a {
         display:block;
         width:260px;
         color:#fff;
         font-family:Helvetica,Arial,sans-serif;
         font-size:13px;
         letter-spacing:0;
         text-decoration:none;
         }

.kontakt #content textarea {
width:598px; height:54px;
padding:12px;
background:url('img/bg_textarea_kontakt.png') no-repeat;
}

.kontakt #content input.yellow {
background:none;
border:0;
margin-top:10px;
}

.kontakt #content input.yellow:hover {
text-decoration:underline;
}

/* Bands */

.bands #content {
clear:left;
width:672px;
line-height:26px;
padding:0 0 30px 18px;
}

.bands #content #downloads {
padding-top:26px;
margin-top:-26px;
min-height:196px;
background:url('img/bg_content_bands.png') 305px top no-repeat;
}

         .bands #content #downloads li {
         list-style-type:square;
         margin:5px 0 0 15px;
         }

                  .bands #content #downloads li a {
                  position:relative; top:2px;
                  }

.bands #content #images li {
float:left;
margin:0 12px 11px 0;
}

         .bands #content #images li a {
         float:left; display:block;
         width:158px; height:158px;
         background-position:center center;
         background-repeat:no-repeat;
         -webkit-background-size:cover;
         -moz-background-size:cover;
         -o-background-size:cover;
         background-size:cover;
         }

.bands #content span.trenner {
clear:left;
display:block;
width:100%; height:54px;
background:url('img/bg_content_schlosskeller.png') center 35px no-repeat;
}

.bands #content form label {
float:left;
margin-top:8px;
width:80px;
}

.bands #content form input.pfeil {
margin:0 0 0 -5px;
}

/* Impressum */

.impressum #content {
width:672px;
line-height:26px;
padding:0 0 50px 18px;
background:url('img/bg_content_impressum.png') 231px 715px no-repeat;
}

.impressum #content img {
float:left;
margin-left:2px;
}

.impressum td {
padding:0 25px 0 0;
line-height:26px;
vertical-align:top;
}

/* Anfahrt */

.anfahrt #content {
width:672px;
line-height:26px;
padding:0 0 30px 18px;
background:url('img/bg_content_anfahrt.png') 436px 600px no-repeat;
}

.anfahrt #content img {
float:left;
margin-left:2px;
margin-bottom:11px;
}

/* Galerie, Index */

.galerie #content {
width:665px;
padding:0 0 30px 18px;
}

.galerie #subnav li, .index #subnav li, #mnav li {
float:left;
margin:35px 19px 16px 0;
}

.galerie #subnav #datum {
float:right;
margin:35px 6px 0 0;
}

.index #subnav #filter, #mnav #mli {
float:right;
margin:4px 0 13px 0;
}

.galerie #subnav li, .galerie #subnav li a, .index #subnav li, .index #subnav li a, #mnav li, #mnav li a {
text-transform:uppercase;
font-weight:400;
letter-spacing:3px;
}

.galerie #subnav li ul li, .galerie #subnav li ul li a, .index #subnav li ul li, .index #subnav li ul li a, #mnav li ul li, #mnav li ul li a {
text-transform:none;
}

.galerie #subnav li a:hover, .galerie #subnav li.aktiv a, .index #subnav li a:hover, #mnav li a:hover {
text-decoration:none;
color:#f69701;
}

.galerie #subnav #datum div, .index #subnav #filter div, #mnav li #mli div {
position:relative;
float:right;
margin:-4px 0 0 10px;
}

.galerie #subnav li .dropdown, .index #subnav li .dropdown, #mnav li .dropdown {
text-transform:none;
letter-spacing:0;
width:120px;
margin:0;
}

.index #subnav li .dropdown { width:150px; }

         .galerie #subnav .down {
         background:#849da3 url('img/bg_pfeil_down.png') 115px 9px no-repeat;
         }

         .galerie #subnav .up {
         background:#849da3 url('img/bg_pfeil_up.png') 115px 9px no-repeat;
         }

         .index #subnav .down, #mnav .down {
         background:#849da3 url('img/bg_pfeil_down.png') 145px 9px no-repeat;
         }

         .index #subnav .up, #mnav .up {
         background:#849da3 url('img/bg_pfeil_up.png') 145px 9px no-repeat;
         }

         .galerie #subnav #datum ul, .index #subnav #filter ul, #mnav #mli ul {
         position:absolute; left:0px; top:20px;
         padding:10px 12px 4px 12px;
         width:120px;
         background:#849da3;
         z-index:100;
         }

         .index #subnav #filter ul { width:150px; margin-top:2px; }
         #mnav #mli ul { margin-top:12px; }

         .galerie #subnav #datum li, .galerie #subnav #datum li a, .index #subnav #filter li, .index #subnav #filter li a, #mnav #mli li, #mnav #mli li a {
         display:block;
         float:none;
         margin:0;
         width:120px;
         color:#fff;
         font-family:Helvetica,Arial,sans-serif;
         font-size:13px;
         letter-spacing:0;
         text-decoration:none;
         }

         .index #subnav #filter li, .index #subnav #filter li a, #mnav #mli li, #mnav #mli li a { width:150px; }

         .galerie #subnav #datum li a:hover, .index #subnav #filter a:hover, #mnav #filter a:hover {
         color:#f69701;
         }

.galerie #galerie {
width:666px;
clear:left;
}

         .galerie #galerie li {
         float:left;
         padding:0 7px 3px 0;
         }

/* News */

.news #content {
width:672px;
line-height:26px;
padding:0 0 30px 18px;
}

.news #content a {
float:left;
margin:0 12px 11px 0;
width:158px; height:158px;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}


@media only screen and (max-width: 1065px) {
         #all { width:100%; min-width:1004px; overflow:hidden; }
         #nav li a { margin-right:20px; }
         #content { margin:0 0 0 20px; }
         #programm li .button { left:-21px; }
         .blitz { display:none; }
         #footer { width:100%; }
         #footer li.fb a { margin-left:234px; }
         #teaser { margin-left:10px; }
         .index #teaser { margin-left:0; }
}

@media only screen and (max-device-width: 960px) and (orientation: landscape) {
         #all { min-width:100%; }
         #rightcol { padding-left:12px; }
         footer, #footer, #footer ul { width:100%; }
         #footer li.fb a { margin-left:210px; }
         header, nav, #nav { width:100%; }
         #nav #bands a { margin-left:70px; }
         #schlossgarten { margin-left:290px; }
}

@media only screen and (max-device-width: 640px) and (orientation: portrait) { /* and (max-width:640px) */
         body, a, span, div, ul, li, td, th, form, fieldset, input, select, textarea, p { font-size:36px; line-height:52px !important; max-height:33500000px; }
         h1, h2, h3 { font-size:52px; line-height:82px; }

         body { background-position:center -165px; }
         #logo { margin:50px 0px 100px 30px; }
         #logo img { width:634px; height:98px; }
         #rightcol, #nav, #subnav, #schlossgarten, #tu, #asta { display:none; }
         #mnav {
         display:block;
         margin-top:60px;
         }
         #mnav .dropdown, #mnav #mli li a {
         font-size:52px; line-height:82px !important;
         white-space:nowrap;
         color:#767676 !important;
         text-align:right;
         }
         #mnav .dropdown {
         width:auto; height:82px;
         padding:0 50px 0 80px;
         background:url('img/bg_mnav.png') left center no-repeat;
         box-shadow:none;
         -moz-box-shadow:none;
         -webkit-box-shadow:none;
         }
         #mnav #mli ul {
         top:150px; left:-55px;
         width:100%;
         padding-bottom:20px;
         background:none;
         }
         #mnav #mli ul li {
         width:100%;
         padding:5px 0 0 0;
         text-align:right;
         }
         #mnav #mli li a { float:none; display:inline; }

         #mobilenav {
         display:block; position:absolute;
         left:100%; top:53px;
         margin-left:-190px;
         width:150px;
         padding:10px 20px;
         font-size:52px; line-height:82px;
         color:#fff;
         background:#849da3;
         -webkit-border-radius:5px;
         -moz-border-radius:5px;
         -o-border-radius:5px;
         border-radius:5px;
         appearance:none;
         -moz-appearance:none;
         -webkit-appearance:none;
         }
         #teaser { width:100%; overflow:hidden; margin-left:0; margin-bottom:50px; }
         #content { width:95% !important; margin:0; }
         .index #content { width:100% !important; }
         #programm li .button { left:0px; }
         #programm, #programm li, #programm li .toggle { width:100%; }
         #programm li .toggle { height:260px; margin-bottom:24px; }
         #programm li .button {
         left:10px; top:30px;
         width:125px; height:124px;
         }
         #programm li .datum {
         left:100%;
         width:220px; height:90px;
         margin-left:-300px; margin-top:49px;
         padding-left:24px;
         -webkit-background-size:100% 100%;
         -moz-background-size:100% 100%;
         -o-background-size:100% 100%;
         background-size:100% 100%;
         }
         #programm li .datum h2, #programm li .datum h3 { font-size:32px; line-height:46px; }
         #programm li { padding-bottom:45px; }
         #programm li h2, #programm li .content, #programm li .teaser { padding-left:10px; }
         #programm li .datum h2 { padding:0; }
         #programm li a.fancybox {
         width:190px; height:190px;
         margin:5px 17px 10px 0;
         }

         #footer {
         width:102.4%; height:110px;
         -webkit-background-size:100% 100%;
         -moz-background-size:100% 100%;
         -o-background-size:100% 100%;
         background-size:100% 100%;
         }
                  #footer li { display:none; }
                  #footer li.logo, #footer li.fb, #footer li.top { display:block; }
                  #footer li.logo a { margin-left:30px; }
                  #footer li.fb a {
                  margin-left:400px;
                  margin-right:80px;
                  width:52px; height:52px;
                  -webkit-background-size:100% 100%;
                  -moz-background-size:100% 100%;
                  -o-background-size:100% 100%;
                  background-size:100% 100%;
                  }
                  #footer li.top a {
                  width:56px; height:56px;
                  -webkit-background-size:100% 100%;
                  -moz-background-size:100% 100%;
                  -o-background-size:100% 100%;
                  background-size:100% 100%;
                  }
                  #footer li.logo img { width:316px; height:50px; padding-left:10px; }

         .galerie #galerie { width:100%; }
         .anfahrt iframe { width:100%; }
         .dropdown { height:50px; }
         .kontakt #content .down { background-position:250px 18px; }
         .bands #content form label { width:200px; }
         .bands #content input.text {
         width:322px; height:52px;
         -webkit-background-size:100% 100%;
         -moz-background-size:100% 100%;
         -o-background-size:100% 100%;
         background-size:100% 100%;
         }
}