/**
 * @style       eRadio One Layout
 * @author      Axel Wehner - www.68media.de - aw@68media.de
 * @copyright   Axel Wehner - 68media
 * @licensor    Alexander Golfmann / eRadio One - Das Webradio
 */

/*********************************************************************************************************
	allgemein
*********************************************************************************************************/

/* reset */
html, body, div, p, blockquote, pre, code,  /* text */
ul, ol, li, dl, dt, dd,                     /* listen */
form, fieldset, legend, input, textarea,    /* formulare */
table, th, td,                              /* tabellen */
h1, h2, h3, h4, h5, h6                      /* ueberschriften */
{ margin: 0; padding: 0; }

fieldset, img
{ border: 0; }

html[xmlns]
{ height: auto; padding-bottom : .01em; }

body {
min-height: 100%;
position: relative;
font-size: 75%;
color: #fff;
font-family: Helvetica, Arial, sans-serif;
text-align: center;
background: #191919 url(../img/layout/body.png) top center repeat;
}

body.chat {
min-height: 100%;
position: relative;
font-size: 75%;
color: #fff;
font-family: Helvetica, Arial, sans-serif;
text-align: center;
background:#383838;
}


/* Links
****************************/
a:link, a:visited
{ color: #F8B106; }

a:hover, a:focus, a:active
{ color: #fff; }


/* Listen
***********************************************/
ul, ol {margin: 0.2em 0.5em 1em 0.5em;}
ul li, ol li {margin: 0 0 0.2em 1em;list-style-type:none;}


/* clearing
****************************/
/* IE -> ie.css */
#page:after
{ content: "."; display: block; height: 0; line-height: 0; clear: both; visibility: hidden; }

.clear {clear:both;height: 0;line-height: 0;}

/* sonstiges
****************************/
.hide {display: none;}

.access {position: absolute;top: -999em; left: -999em;}

p {margin: 0 0 1em 0;}

.fl-left, .fll {float: left;}

.fl-right, .flr {float: right;}

img.fl-left {margin: 0 0.5em 0.2em 0;}

.highlight { color: #F8B106; }

a.link-extern {margin-left:25px;}

/* ueberschriften
****************************/
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font-size: 2em; color: #F8B106; margin: 0.3em 0 0.6em 0; }
h2 { font-size: 1.4em; font-weight:bold; color: #fff; margin: 0.2em 0 0.3em 0; }
h3 { font-size: 1.3em; color: #DBDBDB; margin: 10px 0 0.5em 0;  }
h4 { font-size: 1.1em; font-weight:bold; color: #DBDBDB; margin: 0.2em 0 0.3em 0; }
h5 { font-size: 0.85em; color: #DBDBDB; margin: 3px 0; font-weight: bold; text-transform: uppercase; }
h6 { font-size: 1.4em; color: #F8B106; margin: 0.3em 0 0.6em 0; }



/* artists
****************************/
.artist {
overflow: hidden;
font-size: 0.97em;
}

  .artist img {
  float: left;
  padding: 1px;
  margin: 0 10px 5px 0;
  border: 1px solid #505050;
  }

  /* farben fuer stages box (linke spalte) */
  dl#stages .artist img {border: 1px solid #999; }
  dl#stages .artist h4 {margin: 0; color: #000; font-weight: normal; }
  dl#stages .artist strong {color: #31569D;}
  dl#stages .artist u {color: black;}

  span.next-show-date {color:black;font-size:10px;font-style:normal;}
  span.next-show-djname {color:black}
  
  /*speziell fuer stages */
  span#stage-red-show {color: #b72e00;}


  /* farben fuer infobox (rechte spalte) */
  div.box .artist h4 {margin: 0; color: #fff; font-weight: normal;}
  div.box .artist strong {color: #F8B106;}
  div.box .artist a[title=Schallplattenunterhalter] {font-size:0.9em}

  div.topshows dt.datum {
  background: transparent url(../img/layout/icon-datum.gif) center left no-repeat;
  padding-left: 20px;
  font-weight: bold; font-size: 0.9em;
  margin: 0.5em 0;
  }

/* team
****************************/
div.team {
overflow: hidden;
margin: 1.5em 0; padding: 0;
width: 49%;
}

div.zentriert {
margin: 0 auto;
}

  div.team img.foto {
  float: left;
  padding:1px;
  margin-right: 10px;
  border:1px solid #505050;
  }

  div.team h3
  { margin: 0; }

  div.team h4 {
  margin: 0.2em 0 0.5em 0;
  padding: 0 0 0.4em 0;
  font-size: 0.9em;
  color: #F8B106;
  }

  div.team ul {
  margin: 0; padding: 0;
  list-style: none;
  }
  
  div.team ul li {
  margin: 0 0 0.2em 0;
  }

.trenner {
clear: both; margin: 1em 0;
height: 1px; line-height: 1px;
background: transparent url(../img/layout/linie.gif) bottom left repeat-x;
}

/* news
****************************/
div.news-1col,
div.news-2col {
overflow: hidden;
background: transparent url(../img/layout/linie.gif) bottom left repeat-x;
margin: 0 0 1.5em 0; padding: 0 0 1em 0;
}

div.news-2col {
background: transparent url(../img/layout/linie-vert.gif) center top repeat-y;
}

div.newsLine {
background: transparent url(../img/layout/linie.gif) bottom left repeat-x;
height:5px;width:100%;margin:0 0 20px 0;;
}

div.news-2col .news {
width: 47.5%;
}

  div.news p.meta {
  overflow: hidden;
  font-size: 0.9em;
  margin: 0.4em 0 1em 0;
  }

    div.news p.meta a {
    display: block;
    float: left;
    line-height: 20px;
    background-color: transparent;
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 24px;
    margin: 0 1em 0.5em 0;
    font-weight: normal;
    }

    div.news p.meta a.comments {
    padding:0;
    }
    div.news p.meta a.kat-shows {
    background-image: url(../img/layout/icon-shows.gif);
    }

    div.news p.meta a.kat-platten {
    background-image: url(../img/layout/icon-platten.gif);
    }

    div.news p.meta a.kat-video {
    background-image: url(../img/layout/icon-video.gif);
    }
    
    div.news p.meta a.kat-eradio-one-infos {
    background-image: url(../img/layout/icon-eradio.gif);
    }

    div.news p.meta a.kat-events,
    div.news p.meta span.datum,
    div.news p.meta span.comments {
    display: block;
    float: left;
    line-height: 20px;
    background-image: url(../img/layout/icon-datum.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
    margin: 0 1em 0.5em 0;
    }
    
    div.news p.meta span.comments {
    background-image: url(../img/layout/icon-comments.gif);
    }


/* news kommentare
****************************/
div.news-comment {
margin: 1.5em 0 0 0;
}

div.news-comment h3 {
  font-weight:bold;
  font-size:1.1em;
  margin: 1em 0 1em 0;
  padding:5px 0 5px 0;
  border-bottom:1px solid #505050;
}

  div.news-comment #form-module {
  margin: 1em 0 0 0;
  padding-top:15px;
  border-top:1px solid #505050;
  }

  div.com-comment {
  border-top: 1px solid #505050;
  padding: 0.5em; 
  margin: 0 0 0.5em 0;
  }
  
    div.com-content {
    clear: both;
    }
    
    div.com-content-name p.datum {
    display: block;
    float: left;
    line-height: 20px;
    background-image: url(../img/layout/icon-datum.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
    }
  
    div.com-image {
    float: left;
    margin: 0 1em 0 0;
    }
    
      div.com-image p {
      margin: 0;
      }

/*********************************************************************************************************
	layout
*********************************************************************************************************/

/* website
************************************************************************************/
div#page {
width: 905px;
letter-spacing: 0.02em;
margin: 0 auto;
text-align: left;
font-size: 1em;
line-height: 150%;
}

  /* header
  ************************************************************************************/
  div#header {
  height: 134px;
  background: url(../img/layout/header.png) 0 0 no-repeat;
  position: relative;
  margin: 0 0 12px 0;
  }

    /* navigation (mainnav)
    ****************************/
    ul#navigation {
    height: 37px;
    position: absolute;
    bottom: 0; left: 0;
    overflow: hidden;
    padding: 0; margin:0;
    list-style-type:none;
    }

      ul#navigation li {
      float: left;
      height: 38px;
      padding: 0; margin: 0;
      }

        /* betrifft alle links */
        ul#navigation li a:link,
        ul#navigation li a:visited {
        display: block;
        float: left;
        height: 37px; line-height: 37px;
        text-indent: -999em;
        background-color: transparent;
        background-position: top left;
        background-repeat: no-repeat;
        }

        /* news */
        ul#navigation li.kat28 a:link,
        ul#navigation li.kat28 a:visited {
        background-image: url(../img/nav/news.png);
        width: 75px;
        }
        
        /* bewerbung */
        ul#navigation li.kat40 a:link,
        ul#navigation li.kat40 a:visited {
        background-image: url(../img/nav/bewerbung.png);
        width: 125px;
        }

        /* sendeplan */
        ul#navigation li.kat31 a:link,
        ul#navigation li.kat31 a:visited {
        background-image: url(../img/nav/sendeplan.png);
        width: 119px;
        }

        /* team */
        ul#navigation li.kat41 a:link,
        ul#navigation li.kat41 a:visited {
        background-image: url(../img/nav/team.png);
        width: 81px;
        }

        /* chat */
        ul#navigation li.kat42 a:link,
        ul#navigation li.kat42 a:visited {
        background-image: url(../img/nav/chat.png);
        width: 80px;
        }

        /* community */
        ul#navigation li.kat43 a:link,
        ul#navigation li.kat43 a:visited {
        background-image: url(../img/nav/community.png);
        width: 117px;
        }
        
         /* wiki */
        ul#navigation li.kat76 a:link,
        ul#navigation li.kat76 a:visited {
        background-image: url(../img/nav/wiki.png);
        width: 80px;
        }
        
        /* plattentipps */
        ul#navigation li.kat153 a:link,
        ul#navigation li.kat153 a:visited {
        background-image: url(../img/nav/plattentipps.png);
        width: 125px;
        }
        /* blog */
        ul#navigation li.kat155 a:link,
        ul#navigation li.kat155 a:visited {
        background-image: url(../img/nav/blog.png);
        width: 81px;
        }
        /* shop */
        ul#navigation li.kat166 a:link,
        ul#navigation li.kat166 a:visited {
        background-image: url(../img/nav/shop.png);
        width: 81px;
        }

        /* wenn aktiv, hintergrund verschieben */
        ul#navigation li a:hover, ul#navigation li a:active, ul#navigation li a:focus,
        ul#navigation li a.aktiv {
        background-position: bottom left;
        }


  /* linke spalte (stages)
  ************************************************************************************/
  dl#stages {
  float: left;
  width: 205px;

  }

    /* globale definition
    ****************************************/
    /* stage heading */
    dl#stages dt {
    height: 35px; line-height: 35px;
    text-indent: -999em;
    background-color: transparent;
    background-position: top left;
    background-repeat: no-repeat;
    }

    /* stage box */
    dl#stages dd {
    background: transparent url(../img/stages/stage-bg.png) top left no-repeat;
    padding: 10px 15px 10px 10px;
    overflow: hidden;
    color: #333;
    }

      dl#stages h3 {
      font-size: 1.2em;
      font-weight: bold;
      margin: 0 0 0.5em 0; padding: 0;
      color: #000;
      }

      /* tune in list */
      ul.tune-in {
      overflow: hidden;
      text-align: right;
      margin: 0; padding: 0;
      }

        ul.tune-in li {
        list-style: none;
        float: left;
        margin: 0 5px 0 0;
        padding: 0;
        }

      dl#stages dd a.programm,
      dl#stages dd a.tune-in {
      display: block;
      height: 22px; line-height: 22px;
      width: 83px;
      float: left;
      text-indent: -999em;
      background-color: transparent;
      background-position: top left;
      background-repeat: no-repeat;
      margin: 5px 0 0 0;
      }

      dl#stages dd a.programm:hover, dl#stages dd a.programm:active, dl#stages dd a.programm:focus,
      dl#stages dd a.tune-in:hover,  dl#stages dd a.tune-in:active, dl#stages dd a.tune-in:focus {
      background-position: bottom;
      }

      /* tune in button */
      dl#stages dd a.tune-in {
      background-image: url(../img/stages/tune-in-button.png);
      float: right;
      }


    /* spezfifische definitionen
    ****************************************/
    /* stage red */
    dl#stages dt.stage-red {
    background-image: url(../img/stages/stage-red-headline.png);
    }



    dl#stages dd.stage-red a.programm {
    background-image: url(../img/stages/stage-red-button.png);
    }

    /* stage blue */
    dl#stages dt.stage-blue {
    background-image: url(../img/stages/stage-blue-headline.png);
    }

    dl#stages dd.stage-blue a.programm {
    background-image: url(../img/stages/stage-blue-button.png);
    }

    /* stage black */
    dl#stages dt.stage-black {
    background-image: url(../img/stages/stage-black-headline.png);
    }

    dl#stages dd.stage-black a.programm {
    background-image: url(../img/stages/stage-black-button.png);
    }
    
        /* stage white */
    dl#stages dt.stage-white {
    background-image: url(../img/stages/stage-white-headline.png);
    }

    dl#stages dd.stage-white a.programm {
    background-image: url(../img/stages/stage-black-button.png);
    }

    
    /* abschluss */
    dl#stages dd.stage-white {
    background-position: bottom;
    padding-bottom: 15px; 
    }

  /* rechte spalte (top shows, kategorien, etc.)
  ************************************************************************************/
 /* div#rss {
  }*/
  
  div#rechts {
  float: right;
  width: 205px;
  }
  
  body.subnav div#rechts {
  margin-top: 0px;
  /*margin-top: 27px;*/
  }

    /* globale definition
    ****************************************/
    div#rechts h3 {
    background: transparent url(../img/layout/box-rechts-oben.png) top left no-repeat;
    margin: 0; padding: 0 10px;
    line-height: 35px;
    font-size: 1.2em;
    font-weight: bold;
	list-style-type:none;
    }

    div#rechts div.box {
    background: transparent url(../img/layout/box-rechts-unten.png) bottom left no-repeat;
    padding: 10px 7px 10px 10px;
    margin: 0 0 10px 0;
    list-style-type:none;
    }


    /* spezfifische definitionen
    ****************************************/
    div#rechts div.kategorien ul{
      margin:0;padding:0;
    }
    div#rechts div.kategorien ul li {
    background: transparent url(../img/layout/linie.gif) bottom left repeat-x;
    padding: 0 0 0.5em 0; margin: 0 0 0.5em 0.5em;
    list-style-type:none;
    }

    div#rechts div.kategorien ul li a {
    display: block; height: 1%;padding-left:24px;display:block;line-height: 20px;
    }
    
      div#rechts div.kategorien ul li a.kat-shows {
      background-image: url(../img/layout/icon-shows.gif);
      background-repeat:no-repeat;
      }
  
      div#rechts div.kategorien ul li a.kat-platten {
      background-image: url(../img/layout/icon-platten.gif);
      background-repeat:no-repeat;
      }
  
      div#rechts div.kategorien ul li a.kat-video {
      background-image: url(../img/layout/icon-video.gif);
      background-repeat:no-repeat;
      }
      
      div#rechts div.kategorien ul li a.kat-events {
      background-image: url(../img/layout/icon-datum.gif);
      background-repeat:no-repeat;
      }
  
      div#rechts div.kategorien ul li a.kat-eradio-one-infos {
      background-image: url(../img/layout/icon-eradio.gif);
      background-repeat:no-repeat;      
      }
    
    div#rechts div.kategorien ul li em {
    font-size: 0.9em;
    }
    
    

  /* mittle spalte (inhaltsbereich)
  ************************************************************************************/
  div#mitte {
  margin: 0 215px;
  position: relative;
  }
  body#width #mitte {
  margin: 0;
  width:675px;
  position: relative;
  }

  div#inhalt-o {
  background: transparent url(../img/layout/inhalt-o.png) top left no-repeat;
  height: 5px;
  }
  
  body#width #inhalt-o {
  background: transparent url(../img/layout/inhalt-o-w.png) top left no-repeat;
  height: 5px;
  }

  body#width.subnav div#mitte {
  margin-top: 39px;
  }
  
  /* wenn submen� aktiv, anders positionieren */
  body.subnav div#mitte {
  margin-top: 39px;
  }
  

  body.subnav div#inhalt-o {
  background-image: url(../img/layout/inhalt-o-subnav.png);
  }
  
  div#inhalt {
  background: transparent url(../img/layout/inhalt-m.png) top left repeat-y;
  margin: 0;
  padding: 5px 15px 10px 10px; 
  overflow: hidden;
  }
  
  body#width #inhalt {
  background: transparent url(../img/layout/inhalt-m-w.png) top left repeat-y;
  margin: 0;
  padding: 5px 15px 10px 10px; 
  overflow: hidden;
  }
  
  
  
    /* sub-navigation (subnav)
    ****************************/
    ul#subnav {
    height: 38px;
    position: absolute;
    top: -27px; left: 0px;
    overflow: hidden;
    padding: 0; margin: 0;
    }
  
      ul#subnav li {
      display:inline;
      padding: 0; margin: 0;
      }
  
        ul#subnav li a:link,
        ul#subnav li a:visited {
        display: block;
        float: left;
        font-size: 0.9em;
        font-weight: bold;
        height: 28px; line-height: 28px;
        margin-right: 1px;
        color: #dbdbdb;
        text-decoration: none;
        background: transparent url(../img/nav/subnav-links-inaktiv.png) top left no-repeat;
        }
  
        ul#subnav li a:link span,
        ul#subnav li a:visited span {
        display: block;
        float: left;
        height: 28px; line-height: 28px;
        padding: 0 10px;
        background: transparent url(../img/nav/subnav-rechts-inaktiv.png) top right no-repeat;
        }
        
        ul#subnav li a:hover {
        color: #F8B106;
        }

        ul#subnav li a:active, ul#subnav li a:focus, 
        ul#subnav li a.aktiv:link,
        ul#subnav li a.aktiv:visited {
        background-image: url(../img/nav/subnav-links-aktiv.png);
        color: #F8B106;
        }

        ul#subnav li a:active span, ul#subnav li a:focus span, 
        ul#subnav li a.aktiv:link span,
        ul#subnav li a.aktiv:visited span {
        background-image: url(../img/nav/subnav-rechts-aktiv.png);
        }

  div#footer {
  background: transparent url(../img/layout/footer.png) bottom left no-repeat;
  height: 38px;
  padding: 10px 15px 10px 10px; 
  margin: 0 0 1em 0;
  font-size: 0.9em;
  color: #DBDBDB;
  }
  
  body#width #footer {
  background: transparent url(../img/layout/footer-w.png) bottom left no-repeat;
  height: 38px;
  padding: 10px 15px 10px 10px; 
  margin: 0 0 1em 0;
  font-size: 0.9em;
  width:675px;
  color: #DBDBDB;
  }

    div#footer p {
    text-align: right;
    margin: 0;
    }
    body#width #footer p {
    text-align: right;
    margin: 0 30px;
    }

/* Shows Tabelle
************************************************************************************/
table.eventlist, table.boardlist, table.playlist, table.greeting {
margin: 0; padding: 0;
width: 100%;
border: 1px solid #515151;
border-width: 1px 0 0 1px;
border-spacing: 0; 
background-color: #2A2A2A;
}
table.greeting {margin-bottom:20px;}
  table.eventlist th, table.boardlist th, table.playlist th, table.greeting th {
  padding: 0.3em 0.3em;
  font-weight: bold;
  font-size: 1.2em;
  border: 1px solid #515151;
  border-width: 0 1px 1px 0;
  color: #F8B106;
  background-color: #232323;
  }
  
  table.eventlist th.readon {
  display: none;
  }
  
  table.boardlist .post, table.boardlist .topic {
  text-align:center;
  }

  table.eventlist tr, table.boardlist tr, table.playlist tr, table.greeting tr  {
  border-bottom: 1px solid #515151;
  }

  table.eventlist td, table.boardlist td, table.playlist td, table.greeting td {
  padding: 0.4em 0.3em;
  border: 1px solid #515151;
  border-width: 0 1px 1px 0;
  }

  table.eventlist td.elshow span {
  display: block;
  line-height: 19px;
  padding-left: 24px; 
  color: #F8B106;
  background: transparent url(../img/layout/icon-shows.gif) center left no-repeat;
  }
  
  table.eventlist td.elDate {
  font-weight: bold;
  }
  
  table.eventlist tr.elDateToday {
  	background-color: #414141;
  }
  
  table.eventlist .showRed {
  	background-image: url(../img/layout/icon-shows-red.gif) !important;
  }
  table.eventlist .showBlue {
  	background-image: url(../img/layout/icon-shows-blue.gif) !important;
  }
  table.eventlist .elplaylist, table.eventlist .eltime  {text-align:center;}
  
  table.greeting .date, table.eventlist th.playlist, table.eventlist th.time, table.playlist td.date, table.playlist th.date {text-align:center;}

  table.greeting .date {width:110px;vertical-align:top;}
  table.greeting .name {width:160px;vertical-align:top;}
  table.greeting .function {width:18px;vertical-align:top;}

/* Formulare
************************************************************************************/
input, select, textarea {
border: 1px solid #515151;
background-color: #303030;
color: #dbdbdb;
padding: 0.2em;
}

/* bewerbung */
#form_formular fieldset{
background: transparent url(../img/layout/linie.gif) top left repeat-x;
}
#form_formular legend{
margin: 25px 0 5px 0;font-weight:bold; font-size:1.0em:
}

#form_formular .submit {
width: 207px;cursor:pointer;
}

#form_formular input,
#form_formular select {
width: 200px;
}

#form_formular textarea {
width: 310px;
}
#form_formular input.checkbox {
width: 20px;float: left; 
}
#form_formular label.checkbox {
width:30em;
}
label.textarea {
vertical-align:top;
}
#form_formular p.formcheckbox{
overflow:hidden;
}

#form_formular p.formtext {
clear:left;
}
#form_formular p.formlabel-login{
margin: 10px 0 10px 0;
}
#form_formular label {
float: left; width: 11em;
}

#form_formular p.formcaptcha  {
  margin-top:210px;
}
#form_formular p.formcaptcha span {
display: none;
}

/*news comments */
.news-comment .textarea{height:100px;}

/* Show Formulare
**********************************/
form.eventform p.select {
width: 49.9%;
float: left;
}

form.eventform p.select label {
width: 50px;
float: left;
font-weight: bold;
}

form.eventform p.select select{
width: 150px;
}

form.eventform p.radio span {
display: block;
clear:left;
}

form.eventform p.radio span label {
width: 100px; float: left;
}


#sendeplan-button{
overflow: hidden;
margin: 0 0 15px;
}

#sendeplan-button img {
float: right;
cursor: pointer;
}

#sendeplan {display:none;}
#sendeplan fieldset {padding-bottom:15px;}

/* Community
**********************************/

#searchform {clear:right;}
.ftxt {float:right;}

.com-tab-navi,  {margin-left:-7px;}
.com-tab-navi ul {overflow:hidden;list-style-type:none;}
.com-tab-navi ul li {float:left;margin:0pt 0pt 0.2em 0.5em}

.com-usersearch .com-navi-paginate{margin-top:-25px;position:absolute;}
.com-usersearch .com-navi-letters{clear:both;}
.com-usersearch .com-contact{padding-bottom:15px;}

ul.com-usr-list {list-style-type:none;margin:0;}
.ul.com-usr-list li {}

.com-navi {margin:0;padding-bottom:10px;background: transparent url(../img/layout/linie.gif) bottom left repeat-x;clear:right;}
ul.com-navi-paginate, ul.com-navi-myprofile, ul.com-navi-letters {list-style-type:none;margin:0;}
ul.com-navi-paginate li, ul.com-navi-myprofile li, ul.com-navi-letters li{float: left;}

ul.com-navi-myprofile {position:absolute;margin:-125px 0pt 0pt 160px;}
ul.navicontacts {margin:-75px 0pt 0pt 160px;}
ul.com-navi-myprofile li.no-2, ul.com-navi-myprofile li.no-4{clear:left}
.com-tab-cntnt-3 .com-contact {margin-top:15px;}

.clearer {clear:both;font-size:0px;height:0px;line-height:0px;margin:0pt;overflow:hidden;padding:0px;}
div#mitte ul li.tab-frst-active, div#mitte ul li.tab-frst  {margin-left:0px;}
div#mitte ul li a.meinekontakte span {visibility: hidden;}
div#mitte ul li a.angefragtekontakte span {visibility: hidden;}
div#mitte ul li a.zubestätigendekontakte span {visibility: hidden;}
div#mitte ul li a.basisdaten span {visibility: hidden;}
div#mitte ul li a.kontaktdaten span {visibility: hidden;}
div#mitte ul li a.passwort span {visibility: hidden;}
div#mitte ul li a.gästebuch span {visibility: hidden;}
div#mitte ul li a.eingang span {visibility: hidden;}
div#mitte ul li a.ausgang span {visibility: hidden;}
div#mitte ul li a.postabschicken span {visibility: hidden;}
div#mitte ul li a.einstellungen span {visibility: hidden;}
div#mitte ul li a.löschen span {visibility: hidden;}
div#mitte ul li a.persönliches span {visibility: hidden;}
div#mitte ul li a.persönliches_bearbeiten span {visibility: hidden;}

div#mitte ul li a.meinekontakte {background: url(/files/layout/img/community/meine_kontakte.gif)  no-repeat;text-decoration: none;width: 106px; height: 22px;display: block;}
div#mitte ul li a.angefragtekontakte {background: url(/files/layout/img/community/angefragte_kontakte.gif)  no-repeat;text-decoration: none;width: 142px; height: 22px;display: block;}
div#mitte ul li a.zubestätigendekontakte {background: url(/files/layout/img/community/zu_bestaetigende_kontakte.gif)  no-repeat;text-decoration: none;width: 112px; height: 22px;display: block;}
div#mitte ul li a.basisdaten {background: url(/files/layout/img/community/basisdaten.gif)  no-repeat;text-decoration: none;width: 100px; height: 22px;display: block;}
div#mitte ul li a.kontaktdaten {background: url(/files/layout/img/community/kontaktdaten.gif)  no-repeat;text-decoration: none;width: 100px; height: 22px;display: block;}
div#mitte ul li a.passwort {background: url(/files/layout/img/community/passwort.gif)  no-repeat;text-decoration: none;width: 100px; height: 22px;display: block;}
div#mitte ul li a.gästebuch {background: url(/files/layout/img/community/gaestebuch.gif)  no-repeat;text-decoration: none;width: 100px; height: 22px;display: block;}
div#mitte ul li a.eingang {background: url(/files/layout/img/community/eingang.gif)  no-repeat;text-decoration: none;width: 66px; height: 22px;display: block;}
div#mitte ul li a.ausgang {background: url(/files/layout/img/community/ausgang.gif)  no-repeat;text-decoration: none;width: 66px; height: 22px;display: block;}
div#mitte ul li a.postabschicken {background: url(/files/layout/img/community/postabschicken.gif)  no-repeat;text-decoration: none;width: 113px; height: 22px;display: block;}
div#mitte ul li a.löschen {background: url(/files/layout/img/community/loeschen.gif)  no-repeat;text-decoration: none;width: 76px; height: 22px;display: block;}
div#mitte ul li a.persönliches {background: url(/files/layout/img/community/persoenliches.gif)  no-repeat;text-decoration: none;width: 99px; height: 22px;display: block;}
div#mitte ul li a.persönliches_bearbeiten {background: url(/files/layout/img/community/persoenliches_bearbeiten.gif)  no-repeat;text-decoration: none;width: 164px; height: 22px;display: block;}
div#mitte ul li a.einstellungen {background: url(/files/layout/img/community/einstellungen.gif)  no-repeat;text-decoration: none;width: 120px; height: 22px;display: block;}

div#rechts div.box ul li a.meinprofil {display:block;padding-left:24px;background-image: url(/files/layout/img/community/meinprofil.gif); background-repeat:no-repeat;}
.myeradio ul {list-style-type:none;margin:0;}
div#rechts div.box ul li a.kontakte {display:block;padding-left:24px;background-image: url(/files/layout/img/community/kontakte.gif); background-repeat:no-repeat;}
div#rechts div.box ul li a.nachrichten {display:block;padding-left:24px;background-image: url(/files/layout/img/community/nachrichten.gif); background-repeat:no-repeat;}
div#rechts div.box ul li a.forum {display:block;padding-left:24px;background-image: url(/files/layout/img/community/forum.jpg); background-repeat:no-repeat;}
div#rechts div.box ul li a.internboard {display:block;padding-left:24px;background-image: url(/files/layout/img/community/forum.jpg); background-repeat:no-repeat;}
div#rechts div.box ul li a.regelnunddaten {display:block;padding-left:24px;background-image: url(/files/layout/img/community/sendungsregeln.jpg); background-repeat:no-repeat;}
div#rechts div.box ul li a.rundmail {display:block;padding-left:24px;background-image: url(/files/layout/img/community/rundmail.gif); background-repeat:no-repeat;}
div#rechts div.box ul li a.mitteilungssystem {display:block;padding-left:24px;background-image: url(/files/layout/img/community/mitteilungssystem.gif); background-repeat:no-repeat;}
div#rechts div.box ul li a.crm {display:block;padding-left:24px;background-image: url(/files/layout/img/community/crm.jpg); background-repeat:no-repeat;}
div#rechts div.box ul li a.playlist {display:block;padding-left:24px;background-image: url(/files/layout/img/community/table.png); background-repeat:no-repeat;}
div#rechts div.box ul li a.sendeplan {display:block;padding-left:24px;background-image: url(/files/layout/img/community/sendeplan.png); background-repeat:no-repeat;}
div#rechts div.box ul li a.stagebluegrußbox {display:block;padding-left:24px;background-image: url(/files/layout/img/community/grussbox.png); background-repeat:no-repeat;}
div#rechts div.box ul li a.stageredgrußbox {display:block;padding-left:24px;background-image: url(/files/layout/img/community/grussbox.png); background-repeat:no-repeat;}
div#rechts div.box ul li a.logout {display:block;padding-left:24px;background-image: url(/files/layout/img/community/logout.jpg); background-repeat:no-repeat;}
.com-tab-cntnt-3 {margin-top:15px;}
.com-contact .image, .com-guestbook .image{float:left; margin-right: 10px;}
.com-contact .username, .com-guestbook .username {float:left}
.com-contact, .com-guestbook {overflow: hidden;background: transparent url(../img/layout/linie.gif) bottom left repeat-x;margin: 0 0 1.5em 0; padding: 0;}
.link-button {float:right;}
a.submit {display:block;width:343px;margin-left:60px;text-align:center;text-decoration:none;cursor:pointer;border: 1px solid #515151;background-color: #303030;color: #dbdbdb;padding: 0.2em;}

.warning, .com-warning  {border:1px solid #F8B106;padding:5px;font-weight:bold;}

/* Community - Forum
**********************************/
.overview {margin-top:-19px;display:block;height:20px;}
.overview a {float:right}

.com-board {width:100%;}
.com-board .message {padding-top:10px;}
.com-board .com-image, div.com-comment .com-image {float:none;}
.com-board .com-image .image, div.com-comment .com-image .image {float:left;margin-right:10px;}
.com-board .com-image .user-name, div.com-comment .com-image .user-name {float:left;}

.com-topic  {border-top: 1px solid #505050; padding: 1em 0.5em 0em 0.5em;}
.topic      {padding-top:8px;}
.topic a    {font-size:1.3em; font-weight:bold;}


/* Shop 
*************************/

   /* globale definition
    ****************************************/
    div#inhalt div.shopbox h3 {
    background: transparent url(../img/layout/title_box.png) top left no-repeat;
    margin: 0; padding: 0 10px;
    line-height: 35px;
    font-size: 1.2em;
    font-weight: bold;
	list-style-type:none;
	width:190px;
    }

    div#inhalt div.shopbox div.box {
    background: transparent url(../img/layout/box-rechts-unten.png) bottom left no-repeat;
    padding: 10px 15px 10px 10px;
    margin: 0 0 10px 0;
    list-style-type:none;
    width:180px;
    height:220px;
   
    }
    
    div#inhalt div.shopbox div.box div.shop-bild {
    height:135px;
    width:180px;
    background-color:white;
    text-align:center;
    border:1px solid grey;
    vertical-align:middle;
    
    }
     div#inhalt div.shopbox div.box div.shop-price {
    float:right;
    }
    
    div#inhalt div.shopbox div.box div.shop-bild img {
    
    max-width:180px;
    max-height:135px;
   
    }
    
    div#inhalt div.shopbox div.box div.shop-beschreibung {    clear:both; 
    border-top:1px solid;
    padding:2px;}
     div#inhalt div.shopbox div.box div.shop-kaufen {
     float:left;
     
     }
        div#inhalt div.shopbox div.box div.shop-kaufen a {
     text-decoration:none;
     }
.shopbox { 

float:left;}
.eventsList  {margin-top:10px;}
.eventsList .pagination {margin-left:15px;}
.eventsList .highlight {font-weight:bold;font-size:1.2em}
ul.events  {margin:5px 0;}
ul.events li {clear:left;margin-bottom:0px;overflow:hidden;padding:3px 5px}
ul.events li.rowTwo {background-color:#464646;}
ul.events li span {display:block;width:530px;float:left;}
ul.events li a {line-height:16px;float:left;margin-left:5px;}
ul.events li:hover {background-color:#5a2d35;}

#inhalt .eventMask  {clear:left;padding-top:10px;}
#inhalt .eventMask .addEvent {margin-left:15px;}
#inhalt .eventMask .theeditor  {}
#inhalt .eventMask .theeditor label {margin-right:15px;width:70px;float:left;}
#inhalt .eventMask .theeditor input {width:80px;float:left;}
#inhalt .eventMask .theeditor select,textarea {float:left;}
.eventMask span#pTimeTrigger {float:left;}

#inhalt .eventMask #saveButton {margin-right:15px;cursor:pointer;padding:0 5px;width:auto;}
#inhalt .eventMask #cancelButton {margin-right:15px;cursor:pointer;padding:0 5px;}

.playlistMask  
.playlistMask  form {margin-top:20px;}
.playlistMask  label {margin-bottom:5px;margin-right:15px;width:90px;float:left;}
.playlistMask #buttonTrack {margin-left:105px;width:149px;}
.playlistMask input {margin-bottom:5px;}
ul.tracks  {margin:5px 0pt 25px 0;}
ul.tracks li {clear:left;overflow:hidden;padding:3px 5px;margin-bottom:0px;}
ul.tracks li.rowTwo {background-color:#464646;}
ul.tracks li span {display:block;width:540px;float:left;}
ul.tracks li a {line-height:16px;float:left;margin-left:5px;}

#rechts .myeradio span {float:none;}
a.back{font-weight:bold;margin:10px 0pt 0 0;}

.greetings {position:absolute;margin-left:160px;margin-top:-3px;}
.nogreetings {font-weight:bold;font-size:14px;border: 1px solid #515151;padding:15px;}
.gsense{margin-bottom:10px;margin-left:-9px;margin-top:10px;}
