body, html {
   padding: 0;
   margin: 0;
   overflow:scroll;
   top: 0px;
   left: 0px;
 
  /* background-color: #129DE0; */
   background-image: url(body/body_bg_color.gif); 
   background-repeat: repeat;
   font-family: verdana;
}
p {
  margin: 0px;
  padding: 0px;
}


div.piratenbanner {
    background-image: url(banner/footer_1.gif);
    width: 950px;
    height: 100px;
}

div.piratenbanner_full {
    background-image: url(banner/footer_full.gif);
    width: 950px;
    height: 100px;
}

/* Galerie */

table.title_content_galerie {
  padding: 0px;
  border-spacing: 0px;
  
  height: 59px;
  width: 1000px;
}
td.title_spacer {
   width: 500px;

}


div.footer_galerie {
    background-image: url(footer/footer_archiv.gif);
    background-repeat: no-repeat;
    background-color: #f00;
    position:relative;
    clear: both;
    top: 0px;
    left: 25px;
    width: 950px;
    height: 110px;
    margin-left:auto; 
    margin-right:auto;
}

div.header_galerie {
   background-image: url(header/header_bildergalerien.jpg);
   width: 1000px;
   margin-left:auto; 
   margin-right:auto;
   height: 356px;
   
}
div.ghosttitle_galerie {
   
   color:#1D9CC5;
   top: 0px;
   float:left;
    font-family:verdana;
    font-size:80px;
    font-weight:bold;
   left:500px;
   min-height:478px;
   position:absolute;
   width:200px;
   z-index:0;


}

div.title_content_galerie {
    
   z-index: 99;
  
}


div.content_galerie {
    
    background-image: none; /* url(archiv/playeroverlay.png); */
    background-repeat: no-repeat;
    /* background-color: #0ff; */
    position: relative;
    left: 0px;
    top: -236px;    /* -200 */
    clear: left;  
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    height: 550px;
    /* overflow: hidden; */
   z-index: 1;
   
     
}



/* SUBMENU - CSS
*/


table.title_content {
  margin-top: 43px;
  padding: 0px;
  border-spacing: 0px;
  height: 59px;
  width: 100%;
}
td.title_content_left {
  background-image: url(subnavi/subnavi_left.png);
  background-repeat: no-repeat;
  width: 17px;
  height: 59px;
}
td.title_content_right {
  background-image: url(subnavi/subnavi_right.png);
  background-repeat: no-repeat;
  width: 17px;
  height: 59px;
}
td.title_content {
  background-image: url(subnavi/subnavi_strecker.png);
  background-repeat: repeat-x;
  height: 59px;
  font-size: 24px;
  font-weight: bold;
  text-align: right;
}

div.submenu_inner_btn {
  margin-top: 35px;
  font-weight: bold;
}

div.submenu_btn {
  background-image: url(subnavi/idee_btn_p.png);
  height: 90px;
  width: 173px;
  float: left;
  text-align: center;
  
  
}

div.submenu_btn:hover {
  background-image: url(subnavi/idee_btn_a.png);
  height: 90px;
  width: 173px;
  float: left;
}

table.submenu {
  padding: 0px; 
  border: 0px solid;
  border-spacing: 0px;
  height: 144px;
  width: 589px;

}

tr.submenu {

}
td.submenu_left {
  background-image: url(subnavi/idee_bg_left.png);
  width: 18px;
  height: 144px;
}
td.submenu_inner {
  background-image: url(subnavi/idee_bg_streck.png);
  background-repeat: repeat-x;
  height: 144px;
  vertical-align: middle;

}


td.submenu_right {
  background-image: url(subnavi/idee_bg_right.png);
  width: 18px;
  height: 144px;
}

div.form_select {
   background-image: url(archiv/reiter.png);
   background-repeat: no-repeat;
   height: 21px;
   width: 129px;
}

input.form_text {
  border: 0px;
  background-color: transparent;
  font-family: verdana;
  font-size: 14px;
  color: #fff;
}


select.search {
  /* background-image: url(archiv/reiter.png); */
  border: 0px;
  height: 21px;
  background-color: transparent;
  width: 104px;
  margin-left: 20px;
  color: #fff;
}
input.search {
  / * background-image: url(archiv/reiter.png);*/
  height: 21px;
  width: 84px;
  border: 0px;
  background-color: transparent;
  margin-left: 18px;
  color: #fff;

}


input.list_fastback, input.list_back, input.list_forward, input.list_fastforward {
   background: transparent; 
    border: 0px;
   width: 30px;
   height: 22px;
}

div.fastback { background-image: url(archiv/navi_unten/fastback_p.png); width: 30px; height: 22px;  float: left;  }
div.fastback:hover { background-image: url(archiv/navi_unten/fastback_a.png); width: 30px; height: 22px; float: left;}

div.back { background-image: url(archiv/navi_unten/back2_p.png); width: 30px; height: 22px; float: left; }
div.back:hover { background-image: url(archiv/navi_unten/back2_a.png); width: 30px; height: 22px; float: left;}

div.forward { background-image: url(archiv/navi_unten/vor_p.png); width: 30px; height: 22px; float: left; }
div.forward:hover { background-image: url(archiv/navi_unten/vor_a.png); width: 30px; height: 22px; float: left;}

div.fastforward { background-image: url(archiv/navi_unten/fastvor_p.png); width: 30px; height: 22px; float: left; }
div.fastforward:hover { background-image: url(archiv/navi_unten/fastvor_a.png); width: 30px; height: 22px; float: left;}

div.pager { text-align: center; width: 100%; height: 28px; float: left; }

a:link, a:visited, a:active  {
  text-decoration: none;
  font-family: verdana;
  color: #fff;

}
a:hover{
  text-decoration: none;
  color: #e2001a;

}


a.continue_news {
   font-family: verdana;
   font-size: 10px;
}

a.bigmenu_link  {
  margin-left: 20px;
  vertical-align: bottom;
  font-family: verdana;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  color: #eee;
}

a.bigmenu_link:hover  {
  margin-left: 20px;
  vertical-align: bottom;
  font-family: verdana;
  font-size: 18px;
  font-weight: bold;
  color: #22bbea;
  text-decoration: none;
}


div.music_play {
  background-image: url(archiv/liste_p.png);
  width:41px;
  height: 31px;
}
div.music_play:hover {
   background-image: url(archiv/liste_a.png);
   width: 41px;
   height: 31px;
}

div.downloadmusic_btn {
    background-image: url(archiv/navi_oben/download_p.png);
    background-repeat: no-repeat;
    width: 82px;
    height: 59px;
    margin-left: 10px;
    margin-top: 10px;
  
}
div.downloadmusic_btn:hover {
   background-image: url(archiv/navi_oben/download_a.png);
   background-repeat: no-repeat;
   margin-left: 10px;
   margin-top: 10px;
   width: 82px;
   height: 59px;
}

a.downloadmusic {

}

div.downloadmusic {
   / *background-color: #f00; */
    margin-top: 8px;
   margin-left: 10px;
   width: 103px;
   float: left;
   height: 100px;
}

div.infomusic {
  /* background-color: #f00; */
    margin-top: 8px;
   margin-left: 10px;
   width: 253px;
   float: left;
   height: 100px;
   font-size: 14px;
}

div.searchmusic {
   /* background-color: #f00; */
    margin-top: 8px;
   margin-left: 10px;
   width: 263px;
   float: left;
   height: 100px;
}

div.music_view {
   /* background-color: #f00; */
   margin-top: 180px;
   margin-left: 10px;
   top: 50px;
   width: 910px;
   clear: left;
  
}



div.header_archiv {
   background-image: url(archiv/header2.jpg);
    width: 1000px;
    margin-left:auto; 
    margin-right:auto;
   height: 260px;
    
}

div.header_full {
   background-image: url(header/header_bildergalerien.jpg);
    width: 1000px;
    margin-left:auto; 
    margin-right:auto;
   height: 280px;
    
}

img.cover {
    border: 0px;
}
div.cover {
    margin-top: 8px;
    margin-left: -35px;
    width: 125px;
    
    height: 100px;
    /* background-color: #f00; */
    float: left;
    
}
div.musicplayer {
    margin-top: 5px;
    margin-left: 5px;
    width: 136px;
    height: 104px;
    float: left;

}

div.contentbox_archiv {
   
    background-image: url(archiv/playeroverlay.png);
    background-repeat: no-repeat;
    /*  background-color: #0ff;  */
    position: relative;
    left: 50px;
    top: 0px;    /* -168 */
    /* clear: left; */
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    /* min-height: 100%; */
    /* overflow: hidden; */
    
}


div.content_full {

   background-image: url(content/content_full.jpg); 
    background-repeat: no-repeat;
    /*  background-color: #0ff;  */
    position: relative;
    left: 25px;
    top: -20px;    /* -168 */
    /*clear: left; */
    width: 950px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
     min-height: 100%; 
    /* overflow: hidden; */
}






div.footer_archiv {
    background-image: url(footer/footer_archiv.gif);
    background-repeat: no-repeat;
    position:relative;
    clear: both;
    top: 0px;
    left: 25px;
    width: 950px;
    height: 110px;
    margin-left:auto; 
    margin-right:auto;
}








div.mainmenu {
    /* background-color: #ff0; */
    font-family: verdana;
    position: relative;
    font-size: 12px;
    color: #000;
    font-weight: bold;
    top: 134px;
    left: 480px;
    width: 520px;
    height: 27px;
    text-align: right;
    z-index: 99;
    text-decoration: none;
}

div.logo {
   background-image: url(logo.png);
   background-repeat: no-repeat;
   position: relative;
   width: 300px;
   height: 100px;
   left: 700px;
 
}

div.background {
   
   background-image: url(body/body_bg.jpg);
   background-repeat: repeat-x;
   position: absolute;
   height: 750px;
   width: 100%;
   padding: 0;
   margin: 0;
   top: 0px;
   left: 0px;
}



input.searchbox {
  /*background-image:url(suche/suche_box.gif);
  background-repeat:no-repeat;*/
  background: transparent;
  border:  0px;
  width: 160px;
  height: 19px;
  text-align: right;
  
  color: #fff;

}

div.searchbox {
  position: relative;
   background-image:url(suche/suche_box.gif); 
  background-repeat: no-repeat;
 
  left: 0px;
  top: 69px;
  /* left: -25px;
  top: 245px;*/
 
  width: 168px;
  height: 21px;
  float: right;
  
}



input.newsletterbox {
  /*background-image:url(newsletter/newsletter_box.gif);
  background-repeat:no-repeat;*/
  background: transparent;
  border:  0px;
  width: 180px;
  height: 22px;
  text-align: right;
  vertical-align: middle;

  color: #fff;

}

div.newsletterbox {
  position: relative;
  background-image:url(newsletter/newsletter_box.gif);
  background-repeat: no-repeat;
  /* background-color: #0f0; */
  left: -17px;
  top: 35px;

  width: 192px;
  height: 21px;
  float: right;

}




div.clear {
    clear: both;
}

div.header {
    background-image: url(header/header.jpg);
    width: 1000px;
    height: 260px;
    margin-left:auto; 
    margin-right:auto;
    
}

div.contentbox {
    
    background-image: url(news/news_bg.gif);
    background-repeat: repeat-y;
    /* background-color: #0ff; */
    position: relative;
    left: 0px; // 50px
    top: -218px;    /* -218 */
    clear: right; // left 
    width: 1000px;
    margin-left: 0px;
    margin-right: auto;
    min-height: 100%;
    overflow: hidden;
   
   
     
}

div.content {
    
   /* background-image: url(content/content_right.jpg);
    background-repeat: no-repeat;*/
    /* background-color: #f00;*/
    position: relative;
    padding-left: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 590px;
    min-height: 478px;
    min-width: 590px;
    left: 0px;
    top: 0px;
    z-index: 1;
    height: 100%;
    float: left; 
    overflow: hidden;
}

font.ghosttitle { 
     color: #1D9CC5;

}
div.ghosttext {
    margin-left: 0px;
    margin-top: 0px;
}
div.ghosttitle {
    background-image: url(content/content_right.jpg);
    background-repeat: no-repeat;
    color: #1D9CC5;
    font-family: verdana;
    position: absolute;
    left: 349px;
    width: 590px;
    font-size: 80px;
    font-weight: bold;
    min-height: 478px;
    float: left;
    z-index: 0;
    
 
}

div.newsletter {
   background-image: url(newsletter/newsletter.gif);
   background-repeat: no-repeat;
   
   margin-left: 25px;
   margin-top: 0px;
   height: 69px;
   width: 293px;
}



div.leftbar {
    background-image: url(content/content_left.jpg);
    position: relative; 
    background-repeat: no-repeat;
    top: 260px;
    width: 50px;
   
    height: 478px;
    float: left;
    z-index: 99;
    
    

}

div.newsbox {
   /* background-color: #f0f; */
  
   background-image: url(news/news_bg.gif); 
   background-repeat: repeat-y;
   position: relative;
   top: 0px;
   
   left: 0px;
   width: 349px;
   height: 100%;

   z-index: 2;
   float: left;

  
}

div.footer {
    background-image: url(footer/footer.gif);
    position:relative;
    clear: both;
    top: 0px;
    left: 25px;
    width: 950px;
    height: 113px;
    margin-left:auto; 
    margin-right:auto;
}


/*  ---------- NEWS Tablle (hält die News-Item) --------------- */
table.news {
   width: 336px;
   height: 100%;
   padding: 0px;
   border-spacing: 0px;
}
td.news_border {
   background-image: url(news_rahmen/news_border.png);
   background-repeat: repeat-y;
   width: 2px;

}
td.news_end {
   background-image: url(news_rahmen/news_bottom.png);
   background-repeat: no-repeat;
   width: 31px;
   height: 28px;
}
td.start {
  width: 18px;
}
td.news_head {

    background-image: url(news_rahmen/news_top.png);
    background-repeat: no-repeat; 

}

tr.news_head {
    width: 304px;
    height: 93px;
}



/* ------------- DHTML MENU für Breipott ----------- */


div.menu_container {
  position: absolute;
  margin-left: 50px;
  width: 800px;
  z-index: 99;
}

div.menu_bar {
   background-image: url(png/bar_p.png);
   background-repeat: no-repeat;
   width: 87px;
   height: 215px;
   z-index: 99;
   float: left;
}

div.menu_bar_active {
   background-image: url(png/bar_a.png);
   background-repeat: no-repeat;
   width: 87px;
   z-index: 99;
   height: 215px;
   float: left;
}

div.menu_bar:hover {
   background-image: url(png/bar_a.png);
   width: 87px;
   z-index: 99;
}


div.menu_bar_content {
   background-image: url(navigation/subnavilayer.png);
   background-repeat: repeat;
   float: left;
   width: 150px;
   height: 212px;
   display: none;
}


div.menu_music {
   background-image: url(png/music_p.png);
   background-repeat: no-repeat;
   width: 87px;
   height: 215px;
   z-index: 99;
   float: left;
}
div.menu_music:hover {
   background-image: url(png/music_a.png);
   width: 87px;
   z-index: 99;
}
div.menu_music_active {
   background-image: url(png/music_a.png);
   background-repeat: no-repeat;
   width: 87px;
   height: 215px;
   z-index: 99;
   float: left;
}

div.menu_music_content {
  background-image: url(navigation/subnavilayer.png);
  background-repeat: repeat;
  float: left;
  width: 150px;
  height: 215px;
  display: none;
}



div.menu_events {
   background-image: url(png/events_p.png);
   background-repeat: no-repeat;
   width: 87px;
   height: 215px;
   z-index: 99;
   float: left;
}
div.menu_events_active {
   background-image: url(png/events_a.png);
   background-repeat: no-repeat;
   width: 87px;
   height: 215px;
   z-index: 99;
   float: left;
}
div.menu_events:hover {
   background-image: url(png/events_a.png);
   width: 87px;
   z-index: 99;
}

div.menu_events_content {
  background-image: url(navigation/subnavilayer.png);
  background-repeat: repeat;
  float: left;
  width: 150px;
  height: 215px;
  display: none;
}


div.menu_info {
   background-image: url(png/info_p.png);
   background-repeat: no-repeat;
   width: 87px;
   height: 215px;
   z-index: 99;
   float: left;
}

div.menu_info_active {
   background-image: url(png/info_a.png);
   background-repeat: no-repeat;
   width: 87px;
   height: 215px;
   z-index: 99;
   float: left;
}
div.menu_info:hover {
   background-image: url(png/info_a.png);
   width: 87px;
   z-index: 99;
}


div.menu_info_content {
  background-image: url(navigation/subnavilayer.png);
  background-repeat: repeat;
  float: left;
  width: 150px;
  height: 215px;
  display: none;
}



/* ------------------ News - Items (mit Bildern ----------------*/

div.news_pic {
  background-image: url(news/bildhalter_news.gif);
  background-repeat: no-repeat;
  margin-left: 20px;
  width: 102px;
  height: 80px;
  vertical-align: bottom;

}
td.news_pic {
  width: 86px;
  vertical-align: bottom;
  
}
td.news_text {
   font-size: 10px;
   font-family:verdana; 
   color:#fff;
   text-align: justify;
   vertical-align: bottom;
}

img.news_pic {
  width: 86px;
  height: 58px;
  border: solid 1px #bbf;
  margin-left: 6px;
  margin-top: 5px;
}