#cmDisclaimerContainer {
	display: none;
	background-color: #ffffff;
	border: #000000 dotted 1px;
	width: 400px;
	height: 250px;
	overflow: auto;
	color: #000000;
	padding: 10px;
	position: absolute;
	left: 150px;
	top: 150px;
	z-index: 100;
}
#cmDisclaimerClose {
	position: absolute;
	top: 5px;
	right: 20px;
}


/*
Blmenhaus Mirowsky 2007
Webdesign: Schoenwald
HTML: Schoenwald / Steffen
*/
body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.71em;
	line-height: 1.5em;
	color: #333333;
	background-color: #FAF29A;
	text-align: center;
}

* {margin: 0px; padding: 0px;}

#frame{
	width: 870px;
	text-align: left;
	margin: 0px auto 0px auto;
}
 
#frame #top{
    width: 870px;
	height: 85px;
	float: left;

}

#top #logo {
    width: 300px;
	float: left;
	background-image: url("http://web02.city-map.de/homepage/01/0101/010100660/logo.gif");
	background-repeat: no-repeat;
	background-position: 25px 20px;
	height: 85px;
}

#top #logo span {
	display: none;
}

#top #logo a {
	float: left;
	width: 260px;
	height: 80px;
}



/* Navigation --------------------------------------------- */

#top #navigation {
    width: 560px;
	float: left;

}

 ul#navi{
	width: 560px;
	padding: 40px 0px 0px 0px;
    list-style: none;
	height: 30px;
}

  ul#navi li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
	height: 25px;
	background-image: url("http://web02.city-map.de/homepage/01/0101/010100660/line.gif");
	background-repeat: no-repeat;
	background-position: 0px 3px;
	background-color: #FAF29A;
	padding-left:10px;
width: 80px;
	
  }

  ul#navi li.first  {
  background-image: none;
}

  * html ul#navi li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.4em;
  }
  
  *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.1em;
  }

  ul#navi li ul {
    position: absolute;
    top: 1.7em; 
	left: -0.0em;
    display: none;  /* Unternavigation ausblenden */
	width: 140px;
 }
  
  * html ul#navi li ul {  /* Korrektur fuer IE 5.x */
    left: -1.1em;
    lef\t: -0.0em;
}
  
*:first-child+html ul#navi ul {  /* Workaround fuer den IE 7 */
	padding-bottom:0.0em;
}
 
ul#navi li:hover ul {
	display: block;  /* Unternavigation in modernen Browsern einblenden */
}
  
  ul#navi li ul li {
    float: none;
    display: block;
	background-color: #E10000;
	width: 130px;
	background-image: none;
	padding: 5px 0px 0px 10px;
	height: 20px;
	border-top: 1px solid #FAF29A;
	border-bottom: 1px solid #FAF29A;
	border-left: 1px solid #FAF29A;
	border-right: 1px solid #FAF29A;
  }

  ul#navi a, ul#navi span {
    display: block;
    width: 80px;  /* Breite den in li enthaltenen Elementen zuweisen */
    text-decoration: none; 
	color: #333333;
  }
  

  
  * html ul#navi a, * html ul#navi span {
    width: 8.6em;   /* Breite nach altem MS-Boxmodell fuer IE 5.x */
    w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
  }
  
  ul#navi a:hover {
  color: #C53A4C;
  }

  ul#navi li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color: #FAF29A;
	text-align: left;
  }


ul#navi li ul li a {
	text-align: left !important;
	color: #FAF29A;
	font-weight: normal;
	 display: block;
	 text-decoration: none;
	 	color: #FAF29A;
}

    ul#navi li ul li a:hover {
	color: #333333;
	font-weight: normal;
	display: block;
	color: #000000;
}


ul#navi li ul li a.active {
	color: #000000;
	 font-weight: normal;
	 display: block;
}

ul#navi li.active a {
	color: #C53A4C;
    display: block;
  }



/* Content ----------------------------------------- */
#frame #content{
	width: 870px;
	text-align: left;
	background-image: url("http://web02.city-map.de/homepage/01/0101/010100660/hg_content.jpg");
	background-repeat: repeat-y;

}

 #content #emotion{
	width: 870px;
	text-align: left;
	background-image: url("http://web02.city-map.de/homepage/01/0101/010100660/hg_top.jpg");
	background-repeat: no-repeat;
}

 #emotion #flash{
	width: 830px;
	text-align: left;
	padding: 20px 0px 0px 20px;
}

/* MainContent ------------------------------------------- */
 #content #maincontent{
	width: 820px;
	text-align: left;
	padding: 20px 0px 0px 25px;
}

 #maincontent #maincontentleft,
  #maincontent #maincontentright{
	width: 410px;
	text-align: left;
	float: left;
}


  #maincontentright #klassiker{
	width: 410px;
	text-align: center;
	float: left;
	padding: 10px 0px 0px 0px;
	
}

#klassiker .tipps{
	width: 120px;
	text-align: center;
	float: left;
	padding-left: 10px;
}

#klassiker .tipps.last{
	margin-right: 0px;
}



/* Foot ------------------------------------------- */
#frame #foot{
	width: 870px;
	text-align: left;
	background-image: url("http://web02.city-map.de/homepage/01/0101/010100660/hg_foot.jpg");
	background-repeat: no-repeat;
	height: 40px;
	margin: 0px auto 0px auto;
}

/* allgemeine------------------------------------------ */

p {
	padding: 10px 0px 10px 0px;
	text-align: left;
}


p.foottext {
	padding: 30px 0px 0px 0px;
	text-align: center;
}


h1{
	font-size: 1.0em;
	color: #529584;
}

h2 {
	font-size: 1.0em;
	color: #333333;
}

h3 {
	font-size: 1.0em;
	padding: 0px 0px 5px 0px;
	color: #E10000;
}

h3.yellowcolor{
	width: 390px;
	text-align: left;
	background-color: #F6E95F;
	color: #E20A17;
	padding: 3px 0px 3px 10px;
	height: 14px;
	margin-left: 10px;
	
	
}



img {border: 0;}
img.emotion {padding: 20px 0px 0px 25px;}

a, a.footlink:hover{
color: #E10000;
text-decoration: underline;
padding: 0;
margin: 0;
}
a:hover {color: #000000;}


a.footlink{
color: #333333;
text-decoration: none;
padding: 10px 0px 10px 0px:
}

a.drinnen_link {
  font-weight: bold;
  color: #000;
  text-decoration: underline;
}

a.drinnen_link:hover {
  text-decoration: none;
} 

br.clear {
clear:both;
line-height:0px;
height:0px;
font-size: 0px;
}

ul li.redarrow {
list-style:none;
background-image: url("http://web02.city-map.de/homepage/01/0101/010100660/arrow_red.gif");
background-repeat: no-repeat;
padding: 0px 0px 0px 10px;
width: 130px;
float: left;
background-position: 0px 5px;
}

a.thumb {
list-style:none;
background-image: url("http://web02.city-map.de/homepage/01/0101/010100660/arrow_red.gif");
background-repeat: no-repeat;
padding: 0px 0px 10px 15px;
float: left;
background-position: 0px 5px;
}

/* Gallery----------- */

#content a.image_gallery_item_image img {
  border: 1px solid #f6e95f;
}

#content p.image_gallery_index_more a {
  display: none;
}

#content .image_gallery p {
  display: none;
}

#content .image_gallery h1 {
  margin-top: 25px;
}
.system{
width: 700px;
float: right
}