body { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333; background: #fff; margin: 0; padding: 0; } 

body, table { /* Why do tables use larger font otherwise? */
    font-size: 12px;
    line-height: 20px;
}

/* BALU .bodycentered {
    position: absolute;
    left: 50%;
    margin-left: -470px;
    width: 940px;
    background: #fff;    
} */
body {text-align: center;}
.bodycentered {margin: 0 auto; width: 940px; background: #fff;}

/* default alignment of table cells */
td {vertical-align: top; text-align: left;}

/* no borders on images */
img { border: 0px; }

.pager {margin-top: 1em;}

.more {margin-bottom: 1em;}

/* BALU #content { border: 1px solid #000; padding: 20px; margin: 10px; } */
#content { border: 1px solid #000; padding: 20px; margin: 10px; text-align: left;}

#navigation1                      { margin: 0; padding: 20px 0 0 0; font-size: 14px; }
#navigation1 ul                   { padding: 0; margin: 0; }
#navigation1 ul li                { list-style-type: none; padding: 0; margin: 0; color: #777; }
#navigation1 ul li a              { background: url(../images/bg_nav0_off_internet.gif) no-repeat; text-decoration: none; display: block; height: 34px; color: #777; font-weight: bold; padding: 4px 0 0 10px; }
#navigation1 ul li.active a       { background: url(../images/bg_nav0_on_internet.gif) no-repeat; font-weight: bold; color: #fff; }
#navigation1 ul li a:hover        { background: url(../images/bg_nav0_off_internet.gif) no-repeat; font-weight: bold; color: #000; }
#navigation1 ul li.active ul li a { background: url(../images/bg_nav1_off_internet.gif) no-repeat; color: #777; } /* BALU: nicht den Balken fuer Unterebenen anzeigen */

#navigation1 ul li ul             { background: none; padding: 0 0 4px 30px; }
#navigation1 ul li ul li          { background: none; }
#navigation1 ul li ul li a        { background: url(../images/bg_nav1_off_internet.gif) no-repeat; color: #777; }
#navigation1 ul li ul li a:hover  { background: url(../images/bg_nav1_off_internet.gif) no-repeat; color: #000; }
#navigation1 ul li ul li.active a { background: url(../images/bg_nav1_on_internet.gif) no-repeat; font-weight: bold; color: #fff; }

#navigation1 ul li ul li.active ul li a { background: url(../images/bg_nav2_off_internet.gif) no-repeat; color: #777; } /* BALU: nicht den Balken fuer Unterebenen anzeigen */
#navigation1 ul li ul li ul li a        { background: url(../images/bg_nav2_off_internet.gif) no-repeat; color: #777; }
#navigation1 ul li ul li ul li a:hover  { background: url(../images/bg_nav2_off_internet.gif) no-repeat; color: #000; }
#navigation1 ul li ul li ul li.active a { background: url(../images/bg_nav2_on_internet.gif) no-repeat; font-weight: bold; color: #fff; }

#navigation1 #extranet ul                   { padding: 0; margin: 0; }
#navigation1 #extranet ul li                { list-style-type: none; padding: 0; margin: 0; color: #777; }
#navigation1 #extranet ul li a              { background: url(../images/bg_nav0_off_extranet.gif) no-repeat; text-decoration: none; display: block; height: 34px; color: #777; font-weight: bold; padding: 4px 0 0 10px; }
#navigation1 #extranet ul li.active a       { background: url(../images/bg_nav0_on_extranet.gif) no-repeat; font-weight: bold; color: #fff; }
#navigation1 #extranet ul li a:hover        { background: url(../images/bg_nav0_off_extranet.gif) no-repeat; font-weight: bold; color: #000; }
#navigation1 #extranet ul li.active ul li a { background: url(../images/bg_nav1_off_extranet.gif) no-repeat; color: #777; } /* BALU: nicht den Balken fuer Unterebenen anzeigen */

#navigation1 #extranet ul li ul             { background: none; padding: 0 0 4px 30px; }
#navigation1 #extranet ul li ul li          { background: none; }
#navigation1 #extranet ul li ul li a        { background: url(../images/bg_nav1_off_extranet.gif) no-repeat; color: #777; }
#navigation1 #extranet ul li ul li a:hover  { background: url(../images/bg_nav1_off_extranet.gif) no-repeat; color: #000; }
#navigation1 #extranet ul li ul li.active a { background: url(../images/bg_nav1_on_extranet.gif) no-repeat; font-weight: bold; color: #fff; }

#navigation1 #extranet ul li ul li.active ul li a { background: url(../images/bg_nav2_off_extranet.gif) no-repeat; color: #777; } /* BALU: nicht den Balken fuer Unterebenen anzeigen */
#navigation1 #extranet ul li ul li ul li a        { background: url(../images/bg_nav2_off_extranet.gif) no-repeat; color: #777; }
#navigation1 #extranet ul li ul li ul li a:hover  { background: url(../images/bg_nav2_off_extranet.gif) no-repeat; color: #000; }
#navigation1 #extranet ul li ul li ul li.active a { background: url(../images/bg_nav2_on_extranet.gif) no-repeat; font-weight: bold; color: #fff; }

#navigation2                      { margin: 0; padding: 0; font-size: 12px; line-height: 16px; }
#navigation2 ul                   { padding: 6px 0 0 8px; margin: 0; }
#navigation2 ul li                { list-style-type: none; padding: 0; margin: 0 2px; color: #fff; }
#navigation2 ul li a              { text-decoration: none; font-weight: bold; color: #fff; padding: 0; margin: 0; }
#navigation2 ul li a:hover        { text-decoration: none; font-weight: bold; color: #000; padding: 0; margin: 0; }

h1 { font-size: 16px; margin: 0 0 10px 0; padding: 0px; }
h2 { font-size: 14px; margin: 0 0 7px 0; padding: 0px; }
h3 { font-size: 12px; margin: 0 0 5px 0; padding: 0px; }

a { color: #018968; font-weight: bold; text-decoration: none; }
a:hover { color: #004434; font-weight: bold; text-decoration: none; }

.copy 		 { font-size: 10px; }
.copy a		 { font-size: 10px; color: #018968; font-weight: bold; text-decoration: none; }
.copy a:hover { color: #004434; font-weight: bold; text-decoration: none; }

.systemzentrale a {color: #c70;}
.hiddenInfo {display: none;}
.cityDot {vertical-align: middle; font-size: 14px;}
.cityName {vertical-align: middle; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif;}
#karte {width: 300px; height: 410px; background: url(../images/Karte_0507.gif) no-repeat; position: relative;}