/* 
    Document   : style
    Created on : 02.06.2014, 12:37:34
    Author     : steinberg
    Description:
        anothernicemess style
*/
@font-face {
  font-family: "Gilligans Island";
  font-style: normal;
  font-weight: normal;
  src: local("Gilligans Island"),
    url("../fonts/gilligansIsland/GILLIGAN.woff") format("woff");
}
body {
  background-color: #00ced1;
  margin: 0;
  font-family: comic sans ms, verdana, arial;
  font-size: 12px;
  color: #fcee21;
}

img {
  border-width: 0px;
}
#wrapper {
  margin-left: auto;
  margin-right: auto;

  width: 990px;
}

#logo_yellow,
#logo_brown {
  margin: 0px 0px 0px 10px;
  padding: 0px;
  background-image: url(../images/anm_menue_X.png);
  background-position: -800px -986px;
  background-repeat: no-repeat;
  width: 800px;
  height: 156px;
}
#logo_brown {
  background-position: -800px -1150px;
}
.logo_spacer {
  width: 900px;
  height: 160px;
}

#about,
#gigs,
#press,
#shop,
#contact,
#video,
#audio,
#images,
#radioshows,
#playlistrecent,
#archive,
#sideprojects {
  /*    padding: 10px 10px;*/
  padding-top: 10px;
  width: 990px;
  background-repeat: no-repeat;
}

#about {
  background-image: url(../images/bg_about.jpg);
  background-color: #5f3e5a;
}

#gigs {
  background-image: url(../images/bg_gigs.jpg);
  background-color: #000;
}
#press {
  background-image: url(../images/bg_press.jpg);
  background-color: #156cb1;
}
#shop {
  background-image: url(../images/bg_shop_repeat.jpg);
  background-color: #942986;
  background-repeat: repeat;
}
#contact {
  background-image: url(../images/bg_contact.jpg);
  background-color: #f8951d;
  background-position: 0px 20px;
}

#contact a {
  color: #0c1bb2;
  text-decoration: none;
  font-family: "Gilligans Island";
  font-weight: normal;
  font-size: 28px;
}
#contact #content {
  margin-top: 3rem;
}
#contact #content div {
  margin-top: 1rem;
}
#video {
  background-image: url(../images/bg_video.jpg);
  background-color: #0310d0;
}
#audio {
  background-image: url(../images/bg_audio.jpg);
  background-color: #156cb1;
}
#images {
  background-image: url(../images/bg_images.jpg);
  background-color: #ac2025;
}
#radioshows {
  background-image: url(../images/bg_radioshows.jpg);
  background-color: #cc3177;
  background-repeat: no-repeat;
  width: 990px;
  min-height: 608px;
}
#playlistrecent {
  background-image: url(../images/bg_playlistrecent.jpg);
  background-color: #cc3177;
  background-repeat: no-repeat;
  width: 990px;
  min-height: 608px;
}
#archive {
  background-image: url(../images/bg_archive.jpg);
  background-color: #cc3177;
  background-repeat: no-repeat;
  width: 990px;
  min-height: 608px;
}

#sideprojects {
  color: #5f3a17;
  background-image: url(../images/bg_sideprojects.jpg);
  background-color: #dcb01b;
}
#recordbag {
  background-color: #00ced1;
  background-image: url(../images/recordbag_bg.png);
  /*    background-image: url(../images/recordbags.jpg);*/
  background-repeat: no-repeat;
  width: 990px;
  /*    border:1px solid #000;*/
  min-height: 608px;
}

#content {
  width: 720px;
  margin-top: 8px;
  padding: 12px 10px 10px 230px;
  font-size: 12pt;
  min-height: 500px;
}

#video #content {
  padding-left: 280px;
}
#video #content a:link,
#video #content a:visited,
#about #content a:link,
#about #content a:visited {
  color: red;
}
.tekst a:link,
.tekst a:visited {
  color: #00cde1;
}
#video #content a:hover,
#about #content a:hover,
.tekst a:hover {
  color: lavenderblush;
}
#radioshows #content a:link,
#radioshows #content a:visited {
  color: red;
}
#radioshows #content a:hover {
  color: lavenderblush;
}
#sideprojects #content {
  width: 500px;
}
figure[class="fodderstompf"] {
  margin: 0;
  padding: 0;
  width: 720px;
}

#sideprojects #content .fodderstompf {
  width: 720px;
}
#sideprojects #content .fodderstompf {
  /*    padding-left:5px;*/
}
#sideprojects #content .fodderstompf img {
  padding-right: 5px;
}
#sideprojects #content .fodderstompf figcaption {
  /*    padding-left:5px;*/
}
#sideprojects #content a:link,
#sideprojects #content a:visited {
  color: red;
}
#sideprojects #content a:hover {
  color: lavenderblush;
}

.video {
  margin-top: 20px;
  margin-bottom: 40px;
  width: 500px;
  /*    border-bottom:2px solid yellow;*/
}
.video p {
  margin-top: 0px;
  padding-top: 0px;
}
#audio #content {
  margin-top: 30px;
}
#audio iframe {
  padding-bottom: 10px;
}

/* hauptmenue */
#menu {
  float: left;
  margin-top: 25px;
  margin-left: 15px;
}

.menu_spacer {
  width: 160px;
  height: 30px;
}

#menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left: 25px;
}

#menu ul li {
  margin: 0;
  padding: 0px;
  margin-top: 0px;
}

#menu_home :link,
#menu_home :visited {
  padding-top: 10px;
  background-image: url(../images/anm_menue_X.png);
  background-position: 0px 0px;
}
#menu_home :hover {
  background-position: -348px 0px;
}

#menu_about :link,
#menu_about :visited {
  padding-top: 10px;
  background-image: url(../images/anm_menue_X.png);
  background-position: 0px -45px;
}
#menu_about :hover {
  background-position: -348px -45px;
}

#menu_about_active :link,
#menu_about_active :visited {
  padding-top: 10px;

  background-image: url(../images/anm_menue_X.png);
  background-position: -348px -45px;
}
#menu_gigs :link,
#menu_gigs :visited {
  padding-top: 10px;

  background-image: url(../images/anm_menue_X.png);
  background-position: 0px -88px;
}
#menu_gigs :hover {
  background-position: -348px -88px;
}

#menu_gigs_active :link,
#menu_gigs_active :visited {
  padding-top: 10px;

  background-image: url(../images/anm_menue_X.png);
  background-position: -348px -88px;
}

#menu_press :link,
#menu_press :visited {
  padding-top: 10px;

  background-image: url(../images/anm_menue_X.png);
  background-position: 0px -132px;
}
#menu_press :hover {
  background-position: -348px -132px;
}

#menu_press_active :link,
#menu_press_active :visited {
  padding-top: 10px;

  background-image: url(../images/anm_menue_X.png);
  background-position: -348px -132px;
}
#menu_shop :link,
#menu_shop :visited {
  padding-top: 10px;

  background-image: url(../images/anm_menue_X.png);
  background-position: 0px -178px;
}
#menu_shop :hover {
  background-position: -348px -178px;
}

#menu_shop_active :link,
#menu_shop_active :visited {
  padding-top: 12px;

  background-image: url(../images/anm_menue_X.png);
  background-position: -348px -178px;
}
#menu_contact :link,
#menu_contact :visited {
  padding-top: 10px;

  background-image: url(../images/anm_menue_X.png);
  background-position: 0px -220px;
}
#menu_contact :hover {
  background-position: -348px -220px;
}

#menu_contact_active :link,
#menu_contact_active :visited {
  padding-top: 10px;

  background-image: url(../images/anm_menue_X.png);
  background-position: -348px -220px;
}
#menu_video :link,
#menu_video :visited {
  padding-top: 10px;

  background-image: url(../images/anm_menue_X.png);
  background-position: 0px -264px;
}
#menu_video :hover {
  background-position: -348px -264px;
}

#menu_video_active :link,
#menu_video_active :visited {
  padding-top: 10px;

  background-image: url(../images/anm_menue_X.png);
  background-position: -348px -264px;
}
#menu_audio :link,
#menu_audio :visited {
  padding-top: 10px;

  background-image: url(../images/anm_menue_X.png);
  background-position: 0px -309px;
}
#menu_audio :hover {
  background-position: -348px -309px;
}

#menu_audio_active :link,
#menu_audio_active :visited {
  padding-top: 10px;

  background-image: url(../images/anm_menue_X.png);
  background-position: -348px -309px;
}
#menu_images :link,
#menu_images :visited {
  padding-top: 10px;

  background-image: url(../images/anm_menue_X.png);
  background-position: 0px -352px;
}
#menu_images :hover {
  background-position: -348px -352px;
}

#menu_images_active :link,
#menu_images_active :visited {
  padding-top: 10px;

  background-image: url(../images/anm_menue_X.png);
  background-position: -348px -352px;
}
#menu_radioshows :link,
#menu_radioshows :visited {
  padding-top: 10px;

  background-image: url(../images/anm_menue_X.png);
  background-position: 0px -397px;
}
#menu_radioshows :hover {
  background-position: -348px -397px;
}

#menu_radioshows_active :link,
#menu_radioshows_active :visited {
  padding-top: 10px;

  background-image: url(../images/anm_menue_X.png);
  background-position: -348px -397px;
}
#menu_facebook :link,
#menu_facebook :visited {
  padding-top: 10px;

  background-image: url(../images/anm_menue_X.png);
  background-position: 0px -440px;
}
#menu_facebook :hover {
  background-position: -348px -440px;
}

#menu_facebook_active :link,
#menue_facebook_active :visited {
  padding-top: 10px;

  background-image: url(../images/anm_menue_X.png);
  background-position: 348px -440px;
}

#menu_sideprojects :link,
#sideprojects :visited {
  padding-top: 10px;

  background-image: url(../images/anm_menue_X.png);
  background-position: 0px -485px;
}
#menu_sideprojects :hover {
  background-position: -348px -485px;
}

#menu_sideprojects_active :link,
#menu_sideprojects_active :visited {
  padding-top: 10px;
  background-image: url(../images/anm_menue_X.png);
  background-position: -348px -485px;
}
/* submenu */

#submenu {
  margin-left: 230px;
  margin-top: -40px;
}
.submenu_spacer {
  width: 170px;
  height: 20px;
}
.submenu_spacer_quiquoio {
  width: 120px;
  height: 20px;
}
.submenu_spacer_divers {
  width: 70px;
  height: 20px;
}
.submenu_spacer_marcelle {
  width: 110px;
  height: 20px;
}
.submenu_spacer_posters {
  width: 176px;
  height: 20px;
}
.submenu_spacer_soups {
  width: 220px;
  height: 20px;
}
#submenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left: -5px;
}
#submenu ul li {
  display: inline;
  margin: 0;
  padding: 0;
}
#submenu_fodderstompf :link {
  padding-top: 10px;
  background-image: url(../images/anm_menue_X.png);
  background-position: 0px -532px;
}

#submenu_fodderstompf :hover {
  background-position: -344px -533px;
}
#submenu_fodderstompf_active :link {
  padding-top: 10px;
  background-image: url(../images/anm_menue_X.png);
  background-position: -344px -533px;
}
#submenu_murmuration :link {
  padding-top: 10px;
  background-image: url(../images/anm_menue_X.png);
  background-position: 0px -577px;
}
#submenu_murmuration :hover {
  background-position: -344px -577px;
}
#submenu_murmuration_active :link {
  padding-top: 10px;
  background-image: url(../images/anm_menue_X.png);
  background-position: -344px -577px;
}

#submenu_quiquoiou :link {
  padding-top: 10px;

  background-image: url(../images/anm_menue_X.png);
  background-position: 0px -622px;
}
#submenu_quiquoiou :hover {
  background-position: -344px -623px;
}
#submenu_quiquoiou_active :link {
  padding-top: 10px;
  background-image: url(../images/anm_menue_X.png);
  background-position: -344px -623px;
}
#submenu_divers :link,
#submenu_dfm :active {
  padding-top: 10px;

  background-image: url(../images/anm_menue_X.png);
  background-position: 0px -665px;
}
#submenu_divers :hover {
  background-position: -343px -666px;
}
#submenu_divers_active :link {
  padding-top: 10px;
  background-image: url(../images/anm_menue_X.png);
  background-position: -343px -666px;
}
#submenu_marcelle :link {
  padding-top: 8px;
  background-image: url(../images/anm_menue_X.png);
  background-position: 0px -708px;
}
#submenu_marcelle :hover {
  background-position: -343px -708px;
}
#submenu_marcelle_active :link {
  padding-top: 8px;
  background-image: url(../images/anm_menue_X.png);
  background-position: -343px -708px;
}
#submenu_posters :link {
  padding-top: 10px;
  background-image: url(../images/anm_menue_X.png);
  background-position: 0px -751px;
}
#submenu_posters :hover {
  background-position: -343px -751px;
}
#submenu_posters_active :link {
  padding-top: 10px;
  background-image: url(../images/anm_menue_X.png);
  background-position: -343px -751px;
}
#submenu_soups :link {
  padding-top: 10px;
  background-image: url(../images/anm_menue_X.png);
  background-position: 0px -1015px;
}
#submenu_soups :hover {
  background-position: -343px -1015px;
}
#submenu_soups_active :link {
  padding-top: 10px;
  background-image: url(../images/anm_menue_X.png);
  background-position: -343px -1015px;
}
#submenu_dfm :link {
  padding-top: 10px;

  background-image: url(../images/anm_menue_X.png);
  background-position: 0px -794px;
}
#submenu_dfm :hover {
  background-position: -343px -794px;
}
#submenu_dfm_active :link {
  padding-top: 10px;
  background-image: url(../images/anm_menue_X.png);
  background-position: -343px -794px;
}
#submenu_fsk :link {
  padding-top: 10px;

  background-image: url(../images/anm_menue_X.png);
  background-position: 0px -839px;
}
#submenu_fsk :hover {
  background-position: -343px -839px;
}
#submenu_fsk_active :link {
  padding-top: 10px;
  background-image: url(../images/anm_menue_X.png);
  background-position: -343px -839px;
}
#submenu_subscriptioninfo :link {
  padding-top: 11px;

  background-image: url(../images/anm_menue_X.png);
  background-position: 0px -882px;
}
#submenu_subscriptioninfo :hover {
  background-position: -343px -882px;
}
#submenu_subscriptioninfo_active :link {
  padding-top: 11px;
  background-image: url(../images/anm_menue_X.png);
  background-position: -343px -882px;
}
#submenu_playlistrecent :link {
  padding-top: 10px;
  background-image: url(../images/anm_menue_X.png);
  background-position: 0px -925px;
}

#submenu_playlistrecent :hover {
  background-position: -343px -925px;
}
#submenu_playlistrecent_active :link {
  padding-top: 10px;
  background-image: url(../images/anm_menue_X.png);
  background-position: -343px -925px;
}
#submenu_archive :link {
  padding-top: 10px;
  background-image: url(../images/anm_menue_X.png);
  background-position: 0px -970px;
}

#submenu_archive :hover {
  background-position: -343px -970px;
}
#submenu_archive_active :link {
  padding-top: 10px;
  background-image: url(../images/anm_menue_X.png);
  background-position: -343px -970px;
}

#subsubmenu {
  margin-top: 8px;
  margin-left: 250px;
}
.subsubmenu_spacer {
  width: 170px;
  height: 20px;
}
#subsubmenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left: -5px;
}
#subsubmenu ul li {
  display: inline;
  margin: 0;
  padding: 0;
}

.headline {
  padding-top: 5px;
  font-weight: bold;
  font-size: 24px;
}
.cover {
  margin-left: 3px;
  border: 2px solid #fcee21;
}

.frame {
  background-color: transparent;
}
#gigs_frame_wrapper,
#playlistrecent_frame_wrapper,
#archive_frame_wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 620px;
}

#gigs_frame {
  width: 660px;
  height: 500px;
  margin-top: 8px;
  padding: 0px 0px 0px 10px;
  overflow-x: hidden;
  overflow-y: scroll;
}
#playlistrecent_frame {
  width: 700px;
  height: 500px;
  margin: 0px 0px 10px -60px;
  padding: 0px 10px 0px 0px;
  overflow-x: hidden;
  overflow-y: scroll;
}
#archive_frame {
  width: 700px;
  height: 500px;
  margin: 0px 0px 10px -50px;
  padding: 0px 10px 0px 0px;
  overflow-x: hidden;
  overflow-y: scroll;
}

#gigs_frame table,
#playlistrecent_frame table {
  margin-top: 16px;
  padding: 0px 10px;
  font-family: comic sans ms, verdana, arial;
  font-size: 13px;
  font-weight: bold;
  color: #fcee21;
  /*    border-left:1px solid #FCEE21;
    border-right:1px solid #FCEE21;*/
}

#gigs_frame td.kop {
  font-size: 22px;
}
#gigs_frame table a:link {
  font-family: comic sans ms, verdana, arial;
  font-size: 11px;
  color: #fcee21;
  font-weight: bold;
  text-decoration: underline;
}
#gigs_frame table a:visited {
  font-family: comic sans ms, verdana, arial;
  font-size: 11px;
  color: #fcee21;
  font-weight: bold;
  text-decoration: underline;
}
#gigs_frame table a:active {
  font-family: comic sans ms, verdana, arial;
  font-size: 11px;
  color: #fcee21;
  font-weight: bold;
  text-decoration: underline;
}
#gigs_frame table a:hover {
  font-family: comic sans ms, verdana, arial;
  font-size: 11px;
  color: #00cde1;
  font-weight: bold;
  text-decoration: underline;
}
.shop p {
  padding-bottom: 35px;
}

#press #content {
  margin-left: 50px;
}
#press .press_image {
  /*     float:left;*/
  margin-top: 22px;
  margin-bottom: 22px;
}
#press .press_image img {
  border: 2px solid #fcee21;
  max-width: 148px !important;
  height: auto;
}
#press .seperator img {
  border: none !important;
  max-width: 148px !important;
  height: auto;
}
#press .press_text {
  position: relative;
  margin-left: 155px;
}
#press .press_text span {
  position: absolute;
  bottom: 26px;
  left: 0;
}

#press a:link,
#press a:active,
#press a:visited {
  text-decoration: none;
  color: red;
}
#press a:hover {
  text-decoration: underline;
}
#press #content a:link img,
#press a:active,
#press #content a:visited img {
  /*     border: 2px solid mediumvioletred;*/
}
#press #content a:hover img {
  opacity: 0.75;
}
#press .seperator {
  padding-left: 225px;
}
#press hr {
  border: none;
  border-top: 1px solid chartreuse;
  color: yellow;
  background-color: yellow;
  height: 2px;
}

#video .seperator {
  padding-left: 225px;
}

#images table {
  table-layout: fixed;
  width: 700px;
  margin: -26px;
  padding: 0;
  margin-top: 25px;
  margin-bottom: 20px;
}

#images td {
  margin: 0;
  padding: 0;
  width: 208px;
  vertical-align: top;
}

#images td img {
  border: 3px solid #fcee21;
}
#images td figcaption {
  font-size: 10px;
  font-weight: bold;
  padding-left: 4px;
  width: 200px;
}
#images_gigs td figcaption {
  font-size: 10px;
  font-weight: bold;
  padding-left: 4px;
  width: 140px;
}

#radioshows table {
  margin-top: 10px;
  margin-left: 20px;
}
#radioshows td {
  font-family: comic sans ms, verdana, arial;
  font-size: 12px;
  color: #fcee21;
}

#radioshows .datum {
  font-family: comic sans ms, verdana, arial;
  font-weight: bold;
  color: #00cde1;
  font-size: 14px;
}

.clear {
  clear: both;
}
.email_spacer_1 {
  margin-top: 60px;
  width: 300px;
  height: 32px;
}
.email_spacer_2 {
  margin-top: 10px;
  width: 360px;
  height: 32px;
}

.menu_absatz_1 {
  height: 17px;
}
.menu_absatz_2 {
  height: 28px;
}
.unterstrich {
  text-decoration: underline;
}

#archive_frame_wrapper a:link,
#archive_frame_wrapper a:active,
#archive_frame_wrapper a:hover,
#archive_frame_wrapper a:visited {
  font-weight: bold;
  color: #fcee21;
}
#playlistrecent_frame .datum {
  color: #00cde1;
}

#images_marcelle {
  width: 750px;
  margin-top: 44px;
  margin-left: 16px;
}
.marcelle {
  float: left;
  min-width: 20px;
}
.marcelle img {
  border: 3px solid #fcee21;
  padding: 0;
  margin: 0;
}
.marcelle figure {
  padding: 0;
  padding-right: 24px;
  padding-bottom: 0px;
  margin: 0;
  min-height: 180pt;
}
.marcelle figcaption {
  font-size: 10px;
  font-weight: bold;
  padding-left: 4px;
  width: 200px;
}

#images_posters {
  width: 750px;
  margin-top: 44px;
  margin-left: 18px;
}
.poster {
  float: left;
  min-width: 200px;
}
.poster img {
  border: 3px solid #fcee21;
  margin: 0;
  padding: 0;
}
.poster figure {
  padding: 0;
  margin: 0;
  padding-right: 80px;
  min-height: 260px;
}
.poster figcaption {
  font-size: 10px;
  font-weight: bold;
  padding-left: 4px;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix {
  zoom: 1;
} /* IE6 */
*:first-child + html .clearfix {
  zoom: 1;
} /* IE7 */