html {
      height: 100%;
     }

body {
        text-align: center;
        font-family: Arial, Tahoma;
        font-size: 11px;
        margin: 0px;
        padding: 0px;
        height: 100%;
        background: #97989C url(../images/layout/bg_square.png) repeat;
        color: #333;
        }

#base {
          margin: 0px auto;
          width: 984px;
          background-color: #FFFFFF;
      }

#header {
          height: 130px;
          width: 984px;
          background: #FFFFFF url(../images/layout/head.png) no-repeat left top;
        }

#footer {
          height: 20px;
          width: 984px;
          background: url(../images/layout/footer.png) no-repeat left top;
          text-align: center;
          color: #959595;
          padding-top:2px;
        }

.toplists {
                 border-right: solid 2px #999999;
                 border-left: solid 2px #999999;
         }

#maincontent {
                 padding-left: 15px;
                 padding-right: 12px;
                 border-right: solid 2px #999999;
                 border-left: solid 2px #999999;
             }
#leftsection {
                 width: 150px;
                 margin-top: 0px;
             }
#leftmodules {
                 margin-right: 5px;
                 margin-top: 0px;
             }
#middlemodules {
                 margin-right: 5px;
}

#rightsection {
                 width: 120px;
                 margin: 0px;
                 text-align: right;
              }
#rightmodules {
                 margin: 0px;
                 margin-top: 5px;
                 text-align: right;
              }
table.moduletable th, div.moduletable h3 {
                 border-bottom: solid 1px #E6E6E6;
                 line-height: 25px;
                 margin: 0 0 2px 0;
                 margin-top: 2px;
                 font-size: 12px;
                 color: #959595;
                 text-align:left;
                 text-transform: uppercase;
                 }

table.moduletable {
                 width: 100%;
                 margin-bottom: 5px;
                 padding: 0px;
                 border-spacing: 0px;
                 border-collapse: collapse;
                 }

div.moduletable {
                 padding: 0px;
                 margin-bottom: 0px;
                }
a.mainlevel {
                 display: block;
                 vertical-align: middle;
                 font-size: 11px;
                 font-weight: bold;
                 color: #ccc;
                 text-align: left;
                 padding-left: 18px;
                 height: 25px !important;
                 line-height: 25px;
                 text-decoration: none;
                 border-bottom: solid 1px #F3F3F3;
            }

/* this styling is for the MAIN items in the menu */
a.mainlevel:link, a.mainlevel:visited {
                 background: url(../images/menu/main_normal.gif) no-repeat left;
                 color: #ABAAAA; /* 797979 */
                 }
a.mainlevel:hover {
                 background: url(../images/menu/main_hover.gif) no-repeat;
                 color: #666666;
                 text-decoration: none;
                 }

a:link, a:visited   {
         color: #666666;
         }

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

a.mainlevel#active_menu {
        background: url(../images/menu/main_active.gif) no-repeat left;
        line-height: 25px;
        color: #FBAF5C;
        text-decoration: none;
}

#zoomIn {
        width:31px;
        height:31px;
        background-image: url(../images/buttons/Bplu.gif);
        }

#zoomOut {
        width:31px;
        height:31px;
        background-image: url(../images/buttons/Bmin.gif);
        }

#handauswahl {
        width:31px;
        height:31px;
        background-image: url(../images/buttons/Bsu.gif);
        }

#handauswahl.selected {
                 background-image: url(../images/buttons/Bsd.gif);
                 }

#markerauswahl {
             width:31px;
             height:31px;
             background-image: url(../images/buttons/Bmu.gif);
             }

#markerauswahl.selected {
                      background-image:  url(../images/buttons/Bmd.gif);
                      }

#line_b {
        width:31px;
        height:31px;
        background-image: url(../images/buttons/Blu.gif);
        }

#line_b.selected {
                 background-image: url(../images/buttons/Bld.gif);
                 }

#magnetlinie {
          width:31px;
          height:31px;
          background-image: url(../images/buttons/Bpd.gif);

          }

#magnetlinie.selected {
                   background-image: url(../images/buttons/Bpu.gif);
                   }
.googlemap {
            width:650px;
            height:400px;
           }

.spacer {
        border-left: solid 2px #999999;
        border-right: solid 2px #999999;
        background-color: #FFFFFF;
        height: 10px;
        display: block;
}
.spacer_log {
        background-color: #FFFFFF;
        height: 10px;
        display: block;
}

input.button_high,textarea {
      background-color: #FFFFFF;
      width: 100px;
      color: #888888;
      border:1px solid #FFCB83;
      height: 15px;

}
input.button_reg {
      background-color: #FFFFFF;
      width: 250px;
      color: #888888;
      border:1px solid #FFCB83;
}
input.button_np {
      background-color: #FFFFFF;
      color: #888888;
      border:1px solid #FFCB83;
}

button {
      background-color: #FFFFFF;
      color: #888888;
      border:1px solid #FFCB83;
}

textarea {
       width: 200px;
       background-color: #FFFFFF;
       color: #888888;
       border:1px solid #FFCB83;
}

select {
     border:1px solid #FFCB83;}

#uploadprocess {
   visibility:hidden;
   width:250px;
   margin:0px;
   padding:0px;
}

#uploadform {
   width:240px;
   margin:0px;
   padding:5px;

}

div.markerformu {
     text-align:center;
}

div.picdiv {
     width:210px;
     height:160px;
}

div.textdiv {
         width:210px;
         height:140px;
         overflow : auto;
}

p {
      color: #888888;
  }

#infobox {
         height:32px;
         background: url(../images/icons/info.png) no-repeat left;
         padding-top: 20px;
         padding-left: 35px;
         Font-Family: Tahoma, Verdana, Arial;
         Font-Size: 10px;
         }

#boxdel {
         background: url(../images/icons/del.png) no-repeat left;
         }
#boxpass {
         background: url(../images/icons/passmail.png) no-repeat left;
         }
#boxnp {
         background: url(../images/icons/usrpage.png) no-repeat left;
         }
#boxfoto {
         background: url(../images/icons/foto.png) no-repeat left;
         }
div.editbox {
         float:left;
         width:125px;
         height:32px;
         margin: 10px 10px 30px 80px;
         padding-top: 5px;
         padding-left: 40px;
         Font-Family: Tahoma, Verdana, Arial;
         Font-Size: 10px;
         }

div.edittable h3 {
                 float:left;
                 display: inline;
                 width:500px;
                 border-bottom: solid 1px #FFCC66;
                 line-height: 25px;
                 margin: 10px 0px 10px 40px;
                 padding:0px;
                 font-size: 12px;
                 color: #bbbbbb;
                 vertical-align: middle;
                 text-transform: uppercase;
                 }
table.edittable {
                margin: 1px 0px 10px 60px;
                float:left;
                 display: inline;
                }

div.nptable h3 {
                 float:left;
                 display: inline;
                 width:500px;
                 border-bottom: solid 1px #FFCC66;
                 line-height: 25px;
                 margin: 10px auto 0px 60px;
                 font-size: 12px;
                 color: #bbbbbb;
                 vertical-align: middle;
                 text-transform: uppercase;
                 }

div.editdiv {
            margin: 10px auto 10px 40px;
            }

p.start {
         background: url(../images/icons/pfeil.png) no-repeat left;
         margin-top: 20px;
         padding: 0px 30px 0px 30px;
}

div.startfont h3 {
                 border-bottom: solid 1px #E6E6E6;
                 line-height: 25px;
                 margin: 10px 0px 25px 0px;
                 padding: 0 0 15px 0;
                 color: #959595;
                 vertical-align: middle;

}

#startbox {
          font-size: 15px;
          padding: 0 25px 0 10px;
          width:600px;
          height: 400px;
          background: url('../images/layout/start.png') right bottom no-repeat;
}

.formbox {
         width: 400px;
         color: #000;
         background-color: #cc9;
         border: 1px solid #666;
}

div.germanykarte {
                 float:left;
                 margin-left: 180px;
                 height: 360px;
                 min-height: 360px;
                 }

div.landwahl {
             float:left;
             margin:0 0 0 400px;
             padding:0px;
             }

div.ratebar {
            width:40px;
            height:46px;
            float:left;
            margin: 20px 0px 20px 0px;
}

.tooltip {
  position: absolute;
  display: none;
  font-size:11px;
  padding: 3px 5px 0 5px;
  background: #97989C url(../images/tooltips/bg.png) repeat-x left top;
  color: #777777;
  border:1px solid #DDDDDD;
  height:20px;
}