/* PAGE/GENERAL */

*{
  margin: 0;
  padding: 0;
}

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


body.popup{
  background-color: #ffffff;
  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;
   z-index:10000;
}

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


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

#contentMain a:hover, a:link, a:visited{
  color:            #98876b;
}

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

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

#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:#98876b;
  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 : #98876b;
  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 : #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 :           #98876b;
}

/* NAVIGATION - erste rechts */

#nav_rechts1{
  /* display: inline; */
  float:              right;
  width :             150px;
  padding-left :      0px;
  padding-top :       5px;
  background-color :  #98876b;
  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;
  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 : #98876b;
  line-height : 150%;
  font-size : 10px;
}




/* HEADER */

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

/* CONTENT */

/*
#logo{
  position:absolute;
  left:780px;
  top:  15px;
  height:50px;
  width:150px;

  background-image: url(images/logo.gif);
  background-repeat: no-repeat;
}
*/


#logo{
  position:absolute;
  left:780px;
  top:  15px;
  height:150px;
  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;
}


#vip_news{
  margin-top:     10px;
  border-style:   solid;
  border-width:   10px;
  border-color:   #c7bbac;
  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:#98876b;
  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_content{
  width:522px;
  height:70px;
  padding:10px;
  background-color:#ffffff;
  text-align:center;
}

/* FOOTER */

#footer{
  padding-bottom: 0;
  background-color:#c7baac;
  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;
  color:            #000000;
}

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

textarea.infoform{
  font-family:     verdana,arial,geneva,helvetica,sans-serif;
  font-size:      100%;
  padding:        2px;
  background-color: #ffffff;
  border:         1px solid #98876b;
  margin:         2px;
}


select.infoform{
   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:    #98876b 1px solid;
   BORDER-LEFT:     #98876b 1px solid;
   BORDER-TOP:      #98876b 1px solid;
   BORDER-BOTTOM:   #98876b 1px solid;
   background-color:#EFEFEF;
   margin-left:     5px;
}

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:    #98876b 1px solid;
   BORDER-LEFT:     #98876b 1px solid;
   BORDER-TOP:      #98876b 1px solid;
   BORDER-BOTTOM:   #98876b 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:           #000000;
   width:           125px;
   BORDER-RIGHT:    #000000 1px solid;
   BORDER-LEFT:     #000000 1px solid;
   BORDER-TOP:      #000000 1px solid;
   BORDER-BOTTOM:   #000000 1px solid;
   background-color:#ffffff;
}

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:#ffffff;
   margin-bottom:   5px;
}


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

}


#bullet_liste{
  padding-left:     15px;
}

.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;
}

h3{
  font-size:        11px;
  font-weight:      bold;
}


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;
}
a.nav{
  color:            #9a0000;
  font-size:        12px;
  text-decoration:  none;

}

div.zugang{
  border:           0px solid rgb(227, 227, 227);
  margin:           0;
  padding:          5px;
  width:            auto;
  background-color: rgb(227, 227, 227);
  float:            none;
  font-size:        12px;
}

ul.text{
  margin-left:      15px;
}

/* spalten */
#c_spalte1 {
  width :             160px;
  padding:            5px;
  float :             left;
}

#c_spalte2 {
  width :             160px;
  padding :           5px;
  float :             right;
}

#c_spalte3 {
  margin-right:       10px;
  width :             160px;
  padding:            5px;
  float :             right;
}

div.threerow{
  width:              540px;
  height:             80px;
}


#spalteleft {
  width :             265px;
  float:              left;
}

#spalteright {
  width :             265px;
  float :             right;
}

div.spalte2 {
  border-bottom:      2px solid #e3e3e3;
  padding-top:         10px;
  width:               100%;
  height:             80px;
}