/* PAGE/GENERAL */

*{
  margin: 0;
  padding: 0;
}

body{
  background-color: #e3e3e3;
  background-image: url(images/bg.jpg);
  background-repeat: repeat-y;
}


body.popup{
  background-color: #ffffff;
  background-image: none;
  margin:           15px;
}

body.rememberme{
  background-color: #e3e3e3;
  background-image: none;
  margin:           15px;
}

#pagerm{
  width: 540px;
  /* margin: 0 auto;  */
  min-height: 100%;
  text-align: left;
  margin-left:0px;
}

#page{
  width: 940px;
  /* margin: 0 auto;  */
  min-height: 100%;
  text-align: left;
  margin-left:0px;
}

* html #page{
  height: 100%;
}

/* HAUPTNAVIGATION */

#menu{
  float: left;
}

#menu ul{
  list-style: none;
  margin: 0;
  padding: 0;
  width:auto;
  float:left;
  z-index:1000;
}


#contentMain a, #contentMain h2{
  font-size:        13px;
  color :           #00218c;
  margin:           0; padding: 0px 0px;
  text-decoration:  none;
}

#contentMain a:hover, a:link, a:visited{
  color:            #8f8f8f;
}

#menu a, #menu h2{
  font-size : 13px;
  display: block;
  color : #fff;
  margin: 0; padding: 0px 0px;
  text-decoration: none;
}

#menu a.link1:hover, a.link1:link, a.link1:visited{
  border-color:#ffffff;
  border-style:solid;
  border-width:0px;
  border-bottom-width:1px;
}

#menu h2{
  line-height:20px;
}

#menu li {position: relative;}
#menu ul ul { position: absolute; top:20px; }

#menu ul ul ul { position: absolute; top: 0; left: 100%; }

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul{
  display: none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul{
position:absolute;
left:0px;
  display: block;
  text-indent:6px;
  background-color:#8f8f8f;
  margin-left:-7px;
  line-height:20px;
  width: 110px;
}

#menu a:hover{
  color : #e3e3e3;
  font-size : 13px;
}

/* NAVIGATION - Unter Hauptnavi */

#nav_weg{
  height :16px;
  padding-top : 0px;
  margin-left : 50px;
  margin-top : 0px;
  background-color : #9f9f9f;
  display : block;
  width : 540px;
  font-size : 12px;
  padding-right:10px;
  padding-left:10px;
}

#nav_weg a:link, #nav_weg a:visited {
  color : #000000;
  text-decoration : none;
}

#nav_weg a:hover {
  color : #000000;
  background-color: #e3e3e3;
}

/* fotostrecke */

#fotostrecke{
  height :      16px;
  padding-top : 0px;
  margin-top :  0px;
  display :     block;
  width :       540px;
  font-size :   12px;
}

#fotostrecke a:link, #fotostrecke a:visited {
  color : #000000;
  text-decoration : none;
}
#fotostrecke a:hover {
  color : #e3e3e3;
}


/* affiliate links */

span.afflink{
  font-size:        10px;
  display:          block;
  color :           #0012bc;
  margin:           0; padding: 0px 0px;
  text-decoration:  none;
}

span.afflink:hover{
  color :           #8f8f8f;
}

/* NAVIGATION - erste rechts */

#nav_rechts1{
  /* display: inline; */
  float:              right;
  width :             150px;
  padding-left :      0px;
  padding-top :       5px;
  background-color :  #8f8f8f;
  margin-top :        -25px;
}

#nav_rechts1 a:link, #nav_rechts1 a:visited {
  line-height : 150%;
  font-size : 11px;
  color : #000000;
  list-style : none;
  text-decoration : none;
}

#nav_rechts1 a:hover {
  color : #e3e3e3;
  line-height : 150%;
  font-size : 11px;
}

/* NAVIGATION - zweite rechts */

#nav_rechts2{
  width : 140px;
  /* 140 */
  padding-right : 10px;
  padding-left : 10px;
  margin-top : -25px;
  float:right;
}

#nav_rechts2 a:link, #nav_rechts2 a:visited {
  line-height : 150%;
  font-size : 10px;
  color : #000000;
  list-style : none;
  text-decoration : none;
}

#nav_rechts2 a:hover {
  color : #8f8f8f;
  line-height : 150%;
  font-size : 10px;
}




/* HEADER */

#header{
  position : relative;
  color : #fff;
  width : 720px;
  background-color : #3f3f3f;
  height : 20px;
  border-width : 0;
  border-top-width : 15px;
  border-bottom-width : 10px;
  border-style : solid;
  border-color : #e3e3e3;
  margin-left : 50px;
  padding-left : 10px;
  padding-top : 130px;
}

/* CONTENT */

#logo{
  position:absolute;
  left:780px;
  height:50px;
  width:150px;
  background-image: url(images/logo.gif);
  background-repeat: no-repeat;
}

#content{
  padding-bottom: 50px;
}

#contentMain{
  display:        inline;
  clear:          both;
  float:          left;
  margin-top:     10px;
  margin-left:    60px;
  margin-right:   10px;
  font-size:      12px;
  line-height:    130%;
  width:          540px;
  margin-right:   10px;
}


#contentPopup{
  display:        inline;
  clear:          both;
  float:          left;
  margin-top:     10px;
  margin-left:    15px;
  margin-right:   10px;
  font-size:      12px;
  line-height:    130%;
  width:          540px;
  margin-right:   10px;
}


#vip_news{
  margin-top:     10px;
  border-style:   solid;
  border-width:   10px;
  border-color:   #e3e3e3;
  border-right-width:0px;
  width:          530px;
  margin-left:    -20px;
  padding-left:   10px;
  padding-right:   20px;
  padding-top:    10px;
  padding-bottom: 10px;
  background-image: url(images/bg_news.jpg);
}

#google{
  font-size:12px;
  width:520px;
  height:100px;
  border-width:1px;
  border-style:solid;
  border-color:#8f8f8f;
  margin-top:10px;
  padding:10px;
}

#google ul{
  font-size:        10px;
  list-style-type:  disc;
  margin-left:      15px;
  margin-top:       5px;
  float:            left;
  display:          inline;
  width:            155px;
}

#google_anzeige{
  width:522px;
  height:70px;
  padding:10px;
  background-color:#8f8f8f;
}

/* FOOTER */

#footer{
  padding-bottom: 0;
  background-color:#e3e3e3;
  bottom:0px;
  padding-top:5px;
  padding-left:60px;
  width:720px;
  height:20px;
  font-size:11px;
}


#footer a:link, #footer a:visited {
  line-height : 150%;
  font-size : 11px;
  color : #000000;
  list-style : none;
  text-decoration : none;
}


/* SPECIALS */

.clearer{
  clear: both;
  display: block;
  height: 1px;
  margin-bottom: -1px;
  font-size: 1px;
  line-height: 1px;
}

.hidden{
  position: absolute;
  left: -10000px;
}

div {
  font-family : verdana, geneva, helvetica, sans-serif;
  color:#000000;
}
h1 {
  font-size : 14px;
  padding-top : 10px;
  margin-bottom : 10px;
}
h2 {
  font-size : 13px;
  margin-top : 20px;
  margin-bottom : 10px;
}

.invisible{
  display: none;
}

p.weather{
  font-size:  10px;
  padding-right:    5px;
}


p.gehoert{
  font-size:        11px;
  padding-right:    5px;
  color:            #ffffff;
}
span.small{
  font-size:  10px;
}

input.infoform{
  font-size:      11px;
  padding:        2px;
  background-color: #ffffff;
  border:         1px solid #8f8f8f;
  margin:         2px;
}

textarea.infoform{
  font-size:      100%;
  padding:        2px;
  background-color: #ffffff;
  border:         1px solid #8f8f8f;
  margin:         2px;
}

select.boform{
   font-family:     verdana,arial,geneva,helvetica,sans-serif;
   font-size:       10px;
   font-style:      normal;
   font-variant:    normal;
   font-weight:     normal;
   text-decoration: none;
   color:           #000000;
   BORDER-RIGHT:    #8F8F8F 1px solid;
   BORDER-LEFT:     #8F8F8F 1px solid;
   BORDER-TOP:      #8F8F8F 1px solid;
   BORDER-BOTTOM:   #8F8F8F 1px solid;
   background-color:#EFEFEF;
   margin-left:     5px;
}



.bobutton{
   font-family:         verdana,arial,geneva,helvetica,sans-serif;
   font-size:           0.9em;
   font-style:          normal;
   font-variant:        normal;
   font-weight:         normal;
   text-decoration:     none;
   color:               #000000;
   background-color:    #EFEFEF;

   border-right:        #000000 1px solid;
   border-left:         #000000 1px solid;
   border-top:          #000000 1px solid;
   border-bottom:       #000000 1px solid;

   padding-left:        5px;
   padding-right:       5px;
   padding-top:         2px;
   padding-bottom:      2px;

   margin-left:         15px;
}


p.text {
  font-size:    13px;
  font-family : verdana, geneva, helvetica, sans-serif;
  color:#000000;
}

select.selform{
   font-family:     verdana,arial,geneva,helvetica,sans-serif;
   font-size:       11px;
   font-style:      normal;
   font-variant:    normal;
   font-weight:     normal;
   text-decoration: none;
   color:           #ffffff;
   width:           125px;
   BORDER-RIGHT:    #000000 1px solid;
   BORDER-LEFT:     #000000 1px solid;
   BORDER-TOP:      #000000 1px solid;
   BORDER-BOTTOM:   #000000 1px solid;
   background-color:#8F8F8F;
}

input.selform{
   font-family:     verdana,arial,geneva,helvetica,sans-serif;
   font-size:       11px;
   font-style:      normal;
   font-variant:    normal;
   font-weight:     normal;
   text-decoration: none;
   color:           #ffffff;
   width:           125px;
   BORDER-RIGHT:    #000000 1px solid;
   BORDER-LEFT:     #000000 1px solid;
   BORDER-TOP:      #000000 1px solid;
   BORDER-BOTTOM:   #000000 1px solid;
   padding:         2px;
   background-color:#8F8F8F;
   margin-bottom:   5px;
}


.whiteform{
   font-family:     verdana,arial,geneva,helvetica,sans-serif;
   font-size:       11px;
   font-style:      normal;
   font-variant:    normal;
   font-weight:     normal;
   text-decoration: none;
   color:           #000000;
   BORDER-RIGHT:    #000000 1px solid;
   BORDER-LEFT:     #000000 1px solid;
   BORDER-TOP:      #000000 1px solid;
   BORDER-BOTTOM:   #000000 1px solid;
   background-color:#ffffff;
}


ul.howto{
  font-size:        12px;
  list-style-type:  disc;
  margin-left:      15px;
  margin-top:       15px;
}

div.portalnav{
  position:         absolute;
  left:             5px;
  top:              5px;
  width:            auto;
}
ul.portalnav{
  list-style:       none;
  float:            left;
}
a.portalnav{
  font-size:        12px;
  font-weight:      bold;
  color:            #e3e3e3;
  text-decoration:  none;
}
a.portalnav:hover{
  color:            #ffffff;
}

/* spalten */
#spalte2 {
width : 33%;
padding-top : 10px;
}

#spalte3 {
width : 33%;
padding-top : 10px;
float : right;
}

#spalte4 {
width : 33%;
padding-top : 10px;
float : right;
}

div.concertsp{
  width:          175px;
  /*height:         65px;*/

  height:         80px;
  padding-top:    10px;
  border-bottom:  2px solid #e3e3e3;
}


div.concertsp3{
  width:          175px;
  height:         65px;
}

/* spalten */
#c_spalte2 {
width : 33%;
padding-top : 10px;
}

#c_spalte3 {
width : 33%;
padding-top : 10px;
float : right;
}

#c_spalte4 {
width : 33%;
padding-top : 10px;
float : right;
}

div.concertrow{
  border-bottom:  1px solid #e3e3e3;
}


div.funktionaleleiste{
  color:            #680808;
  background-color:  #e3e3e3;
  padding-left:      3px;
  padding-right:    3px;
  padding-top:      1px;
  padding-bottom:    1px;
  border-bottom:    1px solid #680808;
}
div.funktionaleleiste a{
  color:            #680808;
  text-decoration:  none;
  margin-right:      3px;

}

/* #### rechte spalte neu  #### */

  .rsp1hdl{
    width:            140px;
    font-size:        11px;
    line-height:      17px;
    font-weight:      bold;
  }
  div.rsp1ct{
    width:            140px;
    font-size:        10px;
    padding-bottom:   5px;
    border-bottom:    3px solid #9f9f9f;
  }

  .rsp1ct a{
    font-size:        10px;
    cursor:           pointer;
  }

  .rsp1ct input{
    font-size:        10px;
    border:           1px solid #e3e3e3;
    padding:          1px;
    background-color:  #9f9f9f;
  }


  .rsp1sub{
    margin-top:       5px;
    font-size:        10px;
    border:           0;
    padding:          1px;
    color:            #000000;
    font-weight:      bold;
    cursor:           pointer;
  }

  .rsp1ct ul{
    font-size:            10px;
    margin-left:          12px;
    list-style-type:      square;
    list-style-position:  outside
  }


  span.bold{
    font-weight:      bold;
  }
</style>