*{margin: 0; padding: 0}

a:link {    color:#0056a7; text-decoration:none; }
a:visited { color:#0056a7; text-decoration:none; }
a:hover {   color:#0056a7; text-decoration:underline; }

div.pink-href a { color: #fc0077; font-size:9px; }

.blue-text { color: #0056a7; }
.cloud4 { font-size:14px; }
.cloud3 { font-size:11px; }

.Stadtplan { position: absolute; left:2px; top:34px; width:320px; height:400px; border: 1px solid #777788; }
.map  { left:5px; top:5px; width:310px; height:390px; overflow:hidden; }
.wiki { margin-left:2px; margin-top:2px; width:335px; height:460px; }

.cStO { margin-left:2px; margin-top:2px; width:300px; }
.cStO .cMarker { width:50px; text-align:center; }
.cStO .cMarkGreen { margin-right:6px; background-color:#00FF00; color:black; border: 1px solid #777788; font-size:11px; }
.cStO .cLetter { font-size:16px; font-weight:bold; }
.cStO .cDesc { font-size:10px; }
.cStO .cHeader { font-size:13px; }

.cI { margin-left:2px; margin-top:3px; width:300px; border-top: 1px solid #aaaaaa; border-collapse:collapse; }
.cI .cM { width:50px; text-align:center; }
.cI .cMY { margin-right:6px; margin-top:1px; background-color:yellow; color:black; border: 1px solid #777788; font-size:11px; }
.cI .cMR { margin-right:6px; margin-top:1px; background-color:red; color:black; border: 1px solid #777788; font-size:11px; }
.cI .cL { font-size:16px; font-weight:bold; }
.cI .cH { padding-top:2px; width:210px; font-size:13px; }
.cK { padding-top:0; font-size:30px; }
.cI tr { vertical-align:top; }



body {
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff url("background.png") repeat-x;
  background-color: white;
}

.main {
  position: absolute;
  top: 2px;
  left: 50%;
  width: 976px;
  margin-left:-488px;
  background-color: white;
}

.logo  { position: absolute; top:25px; left:20px; width:438px; height:80px; }
.logo1 { position: absolute; top:2px; left:10px; font-size:18px; font-weight: bold; }
.logo1 a:link {    color: white; }
.logo1 a:visited { color: white; }
.logo2 { position: absolute; top:5px; left:100px; font-size:13px; font-weight: bold; }
.logo2 a:link {    color: white; }
.logo2 a:visited { color: white; }
.above-content-middle      { position: absolute; top: 10px; left: 186px; width: 430px; height: 60px; overflow: hidden; }
.web-search                { position: absolute; top:  0px; left: 286px; width: 330px; height: 30px; overflow: hidden; }
.above-content-middle-line { position: absolute; top: 20px; left: 186px; width: 430px; height: 50px; overflow: hidden; text-align: center; font-size: 24px; font-weight: bold; color: #0056a7;}
.above-content-right       { position: absolute; top: 10px; left: 626px; width: 350px; height: 60px; overflow: hidden; }
.above-content-right-ads   { position: absolute; top: 36px; left: 508px; width: 468px; height: 60px; overflow: hidden; }
.bookmark { margin-top:5px; margin-right:10px; float:right; }

/* zentriert ueber contentMiddle */
.headLine {
  position: absolute;
  top: 156px;
  left: 186px;
  width: 430px;
  text-align: center;
  font-size: 20px;
}

.content {
  position: absolute;
  top: 154px;
  width: 976px;
}

.contentTable { position:relative; padding:0; margin:0; width:976px; }

.contentNavLeft { width:160px; }
.contentNavLeft .navBlockTop { margin-top:5px; padding-bottom:2px; width:160px; overflow:hidden; }
.contentNavLeft .navBlock { margin-top:3px; padding-bottom:2px; width:160px; overflow:hidden; }
.contentNavLeft .pink-href { margin-top:4px; padding-bottom:3px; }

.clockContentLeft { width:440px; font-family:Arial,Helvetica,sans-serif; font-size:13px; }
.clockContentLeft .header-left {   width:440px; margin-top:10px; margin-bottom:16px; text-align:left;   margin-left:3px; }
.clockContentLeft .header-center { width:440px; margin-top:10px; margin-bottom:16px; text-align:center; margin-left:3px; line-height: 1.8em; }
.clockContentLeft .citytimes { width:430px; background-color:white; margin-left:7px; margin-top:3px; }
.clockContentLeft .citytimes .header {   height:24px; background-color:#cccccc; }
.mapFrame { position:absolute; left:176px; top:50px; width:410px; height:330px; border: 1px solid #BBBBBB; }
.clockContentLeft .map  { left:5px; top:5px; width:400px; height:320px; overflow:hidden; }
.contentLeft { width:305px; font-family:Arial,Helvetica,sans-serif; font-size:13px; }
.contentLeft .head { margin-top:4px; width:305px; font-size:20px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; }
.contentLeft .cMap { margin-left:5px; }
.contentLeft .wiki { margin-left:5px; margin-top:2px; width:300px; border: 1px solid #777788; }
.contentLeft .wiki .cHead { margin: 5px 0 0 3px; }
.contentLeft .wiki .cCont { margin:10px; }

.contentLeft .map  { left:2px; top:2px; width:426px; height:336px; overflow:hidden; }

.clockContentRight { width:205px; }
.contentRight { width:340px; }
.contentRight .head { width:340px; margin-top:10px; font-size:16px; text-align:center; }
.contentRight .Stadtplan { margin-left:5px; margin-top:12px; width:330px; height:330px; border: 1px solid #777788; }
.contentRight .Stadtplan .map  { left:2px; top:2px; width:326px; height:326px; overflow:hidden; }
.contentRight .wiki { margin-left:4px; margin-top:5px; width:335px; height:452px; }
.contentRight .cPath { margin-left:1px; margin-top:5px; width:339px; }

.contentNavRight { width:164px; }
.contentNavRight .navBlockTop { margin-left:4px; margin-top:5px; padding-bottom:2px; width:160px; overflow:hidden; }
.contentNavRight .ads { margin-left:4px; margin-top:12px; width:160px; }
.contentNavRight .navBlock { margin-left:4px; margin-top:3px; padding-bottom:2px; width:160px; overflow:hidden; }

.contentFooter { margin-top: 20px; width:976px; text-align: center; }
.contentFooter .pink-href { margin-top:4px; padding-bottom:10px; }
.contentFooter .links { margin-top:4px; padding-bottom:30px; }
.copyright { color: gray; font-size:10px; margin-left:20px; }




/*****
NavTop~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*****/

h1 {
  font-size: 10px;
  font-weight: normal;
  display: inline;
}
.navTop { 
  position: absolute; 
  top: 136px;
  left: 4px;
  font-size: 10px;
  color: #0056a7;
}
.navTopRight { 
  position: absolute; 
  top: 136px;
  left: 676px;   /* main: 976px; */
  width: 300px;
  text-align: right;
  font-size: 10px;
}

.navTop a:link, .navTop a:visited, .navTop a:hover, 
.navTopRight a:link, .navTopRight a:visited, .navTopRight a:hover { 
  color: #0056a7;
  text-decoration:underline;
}
.navTop h1 a:link, .navTop h1 a:visited, .navTop h1 a:hover { 
  color: #0056a7;
  text-decoration:none;
}

/*****
NavTab~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*****/

ul.tabtab {
  font-size:   11px;
  margin-left:  6px;
  margin-top:  12px;
  padding-left: 1px;
  font-weight: normal;
  z-index: 100;
  height: 22px;
}
  
ul.tabtab li {
  list-style: none;
  display: inline;
  margin: 0; 
  padding: 0;
  z-index: 100;
  background-color: #ff0000;
}

ul.tabtab a {
  color: #444488;
  background-color: #eeeeee;
  float: left; 
  margin-left: 3px; 
  padding: 3px 8px;
  text-decoration: none; 
  border: 1px solid #777788;
  height: 15px;
  z-index: 100;
}
  
ul.tabtab a:hover {
  background-color: #aaaaee;
  border-color: #222277;
  color: black;
}

ul.tabtab li.tabactive a {
  background-color: white;
  border-bottom: 1px solid white;
}

ul.tabtab li.tabactive a:hover {
  background-color: white;
  border-bottom: 1px solid white;
  color: black;
}

.tabcontent {
  position: absolute;
  top: 23px;
  width: 430px; 
  height:344px; 
  border: 1px solid #777788;
  border-top: 0px;
  background-color: #ffffff;
  z-index: 99;
}



/*****
NavLine~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*****/

.navMain {
  position: absolute;
  overflow: hidden;
  top: 107px;
  width: 974px;
  height: 23px;
  background-color: #a0a0a0;
  padding-left: 1px;
  padding-right: 1px;
}
.navLineBox {
  position: relative; 
  clear: both; 
  float: left; 
  padding: 0 1px 10px 1px; 
  margin-bottom: 6px; 
  background: #a0a0a0 url(NavLineBox.png) repeat-x 0 100%;
  width: 100%; 
  left: -1px;
}
.navLine { 
  display: inline; 
  float: left;
  width: 100%; 
  margin-top: 1px; 
  background: url(NavLine.png) repeat-x 0 0;
}
.navLine ul {
  list-style: none;
  float: left;
  background: #a0a0a0;
  border-right: 1px solid white;
}
.navLine ul li {
  display: inline; 
  float: left; 
  margin: 0 1px 0 0; 
  background: white;
  padding: 1px 1px 0 1px;
}
.navLine ul li a:link, .navLine ul li a:visited {
  float: left; 
  padding: 4px 12px; 
  text-decoration: none; 
  color: #333; 
  background: url(NavLine.png) repeat-x 0 0;
/*  text-shadow: 0 1px 1px #ccc; */
}
.navLine ul li a:hover {
  color: black; 
  background-position: 0 100%;
}
.navLine ul li.selected {
  background: #103090;
}
.navLine ul li.selected a:link, .navLine ul li.selected a:visited {
  color: white;
  background: #103090;
  font-size: 11px;
  font-weight: normal;
}


/*****
NavBox~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*****/

.navBox {
    background: #103090;
    padding: 0;
}
.navBox h2 {
    font-size: 18px;
    color: white;
    padding: 10px 8px 10px;
}
.navBox ul {
    font-size: 11px;
    list-style: none;
    border-top: 1px solid #4a69bb;
}
.navBox ul li {
    border-bottom: 1px solid #4a69bb;
}
.navBox ul li a, .navBox ul li a:visited {
    color: #b8d1e7;
    display: block;
    text-decoration: none;
    padding: 3px 8px 3px 18px;
    background: url(NavBullet.png) no-repeat 8px 6px;
}
.navBox ul li a:hover {
    color: white;
    background-color: #3057b6;
}