/* PAGE/GENERAL */

*{
  margin: 0;
  padding: 0;
}

body{
  background-color: #ffffff;
}


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: 540px;
  /* margin: 0 auto;  */
  min-height: 100%;
  text-align: left;
  margin-left:0px;
}

* html #page{
  height: 100%;
}


/* 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;
}



/* 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 */



#content{
  padding-bottom: 50px;
}

#contentMain{
  display:        inline;
  clear:          both;
  float:          left;
  margin-top:     10px;
  margin-left:    0px;
  margin-right:   10px;
  font-size:      12px;
  line-height:    130%;
  width:          840px;
  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;
  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;
}

span.funktionaleleiste{
  font-size:        10px;
  color:            #680808;
  background-color:  #e3e3e3;
  padding-left:      3px;
  padding-right:    3px;
  padding-top:      1px;
  padding-bottom:    1px;
  text-decoration:  none;
  margin-right:      3px;
}

table.eventliste td{
  font-size:  10px;
  padding-left:    3px;
  padding-top:    2px;
  padding-bottom:  2px;
  padding-right:  3px;
}
table.eventliste th{
  text-align:left;
  font-size:  10px;
  padding:      3px;
  font-weight:  bold;

}