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

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

.bodycentered {
	    position: absolute;
	    left: 50%; margin-left: -462px;
        background: url(../images/hintergrund_verlauf.gif) repeat-x #fff;
 		padding: 0; 
 		width: 924px;
}

.footer { clear: both; padding: 5px 0 10px 0; font-size: 11px; background: #fff; color: #327236; line-height: 15px; }
.footer a { text-decoration: none; color: #327236; font-weight: bold; }
.footer a:hover { color: #b33d84; }

#content { 	font-size: 12px; line-height: 18px; padding: 0 0 0 6px; }
#content a { text-decoration: none; color: #327236; font-weight: bold; }
#content a:hover { color: #b33d84; }

a 		{ text-decoration: none; color: #327236; font-weight: bold; }
a:hover { color: #b33d84; }

.spalte { font-size: 10px; }
.spalte h2 { padding: 0 0 4px 0; font-size: 13px; margin: 0; }
.spalte h3 { padding: 0 0 2px 0; font-size: 12px; margin: 0; }

.bildtitel { font-size: 11px; }

.menue			{ float: right; padding: 85px 0 0 0; color: #327236; }
.menue a 		{ text-decoration: none; color: #327236; font-weight: bold; }
.menue a:hover  { color: #b33d84; }

h1 { padding: 5px 0 10px 0; font-size: 16px; margin: 0; color: #327236; }
h2 { padding: 0 0 6px 0; font-size: 14px; margin: 0; }
h3 { padding: 0 0 4px 0; font-size: 13px; margin: 0; }

.menu ul                                { margin: 0; padding: 0 0 0 14px; background: #f0f0f0; }
.menupadding ul                                   {padding-top: 59px;  }
.menu ul li                             { list-style: none; padding: 0; }
.menu ul li a                           { color: #005d2f; text-decoration: none; display: block; font-size: 15px; font-weight: bolder; padding: 8px 5px 8px 2px; border-bottom: 1px solid #cbcccc; }
.menu ul li a:hover                     { color: #0B2146; }
.menu ul li.active a                    { color: #0B2146; }
.menu ul li.active ul                   { padding: 0 0 10px 15px; border-bottom: 1px solid #cbcccc; }
.menu ul li.active ul li a              { color: #9c9e9f; border: 0; font-size: 12px; padding: 5px 0 0 0;}
.menu ul li.active ul li a:hover        { color: #0B2146; }
.menu ul li ul li.active a              { color: #0B2146; }  
.menu ul li ul li.active ul             { padding: 0px; margin: 2px 0 5px 41px; }
.menu ul li ul li.active ul li          { list-style-type: disc; color: #7C7D80; }
.menu ul li ul li.active ul li a        { background: #fff; padding: 0; color: #7C7D80; }
.menu ul li ul li.active ul li a:hover  { color: #0B2146; }
.menu ul li ul li ul li.active a        { color: #0B2146; }
.menu ul li ul li.active ul li {list-style-type: none;}
.menu ul li ul li.active ul li a {background: none; border-bottom: 1px #f00;}
.menu ul li ul li.active ul  {background: none; border-bottom: 0px #f00; margin-left: 20px;}

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

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

.pager {margin-top: 1em;}

.systemzentrale a {color: #c70;}
    .cityDot {vertical-align: middle; font-size: 14px;}
    .cityName {vertical-align: middle; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif;}
    #karte {width: 530px; height: 720px; background: url(../images/Deutschlandkarte.jpg) no-repeat; position: relative; z-index: 1;}

#content .enclosingDiv {margin: -9px 0pt 0pt -5px; position: absolute; background: url(../images/punkt.gif) no-repeat 0 1px; width: 18px; height: 18px;;}
#content .enclosingDiv a {cursor: pointer; display: block; padding-left: 2px;;}
#content .enclosingDiv a span.cityName {}
#content .enclosingDiv .hiddenInfo {display: none; width: 300px; background: #fff;; z-index: 100; position: relative;}

.more { }