.hptitel { font-family: Arial, Helvetica; font-size: 22px; color: #000066; text-decoration: none; text-align: center; margin: 0px; font-weight: normal; font-style: normal; }
.hpsubtitel { font-family: Arial, Helvetica; font-size: 14px; color: #000066; text-decoration: none; text-align: left; margin: 0px; font-weight: bold; font-style: normal; }
.hptext { font-family: Arial, Helvetica; font-size: 12px; color: #000066; text-decoration: none; text-align: left; margin: 0px; font-weight: normal; font-style: normal; }
.hptext A { font-family: Arial, Helvetica; font-size: 12px; color: #000066; text-decoration: underline; text-align: left; margin: 0px; font-weight: normal; font-style: normal; }
.hptext A:hover { font-family: Arial, Helvetica; font-size: 12px; color: #ff0000; text-decoration: none; text-align: left; margin: 0px; font-weight: normal; font-style: normal; }
.hpnav { font-family: Arial, Helvetica; font-size: 10px; color: #ffffff; text-decoration: none; text-align: left; font-weight: normal; font-style: normal; }
.hpnav:hover { font-family: Arial, Helvetica; font-size: 10px; color: #ffffcc; text-decoration: underline; text-align: left; font-weight: normal; font-style: normal; }
.hpbildunterschrift { font-family: Arial, Helvetica; font-size: 11px; color: #000066; text-decoration: none; text-align: center; margin: 0px; font-weight: bold; font-style: normal; }
.hpbildfocus { font-family: Arial, Helvetica; font-size: 12px; color: #000066; text-decoration: none; text-align: center; margin: 0px; font-weight: bold; font-style: normal; }
.hpadresse { font-family: Arial, Helvetica; font-size: 12px; color: #000066; text-decoration: none; text-align: center; margin: 0px; font-weight: bold; font-style: normal; }
.subnormal { font-family: Arial, Helvetica; font-size: 10px; color: #ffffff; text-decoration: none; text-align: left; margin: 0px; font-weight: normal; font-style: normal; }
.subnormal:hover { font-family: Arial, Helvetica; font-size: 10px; color: #000000; text-decoration: none; text-align: left; margin: 0px; font-weight: normal; font-style: normal; }
.hpbuttons a { text-align: center; }
.clear { clear: both; }

#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;
}




DIV.branches {
	float: left;
	padding: 5px;
	font-size: 12px;
}

DIV.branches UL {
	margin-left: 10px;
	padding-left: 5px;
}

DIV.branches LI {
	list-style-image:url(http://web02.city-map.de/pic/reg/main_pf_kl.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 2px;
}

@import url(http://web02.city-map.de/pic/reg/cm.css);



BODY {
	margin: 0px; 
	padding: 0px;
	background-color: #D8D8E7;
}

HTML {
	scrollbar-base-color: #D8D8E7;
}

BODY, TH, TD, DIV, INPUT, SELECT, TEXTAREA, H1, H2, H3,
.plain, .plainbold, .title, .subtitle, .infoBoxTitle {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
	color: #525252;
	text-decoration: none;
}

/*
A, .a {
	text-decoration: underline;
	color: #5484AB;
}
*/

IMG {
	border: 0px;
}


UL LI {
	list-style-type: square;
}

FORM {
	margin: 0px;
}

LEGEND {
	font-weight: bold;
	background-color: #E5E5EF;
	padding: 2px;
	border: 1px inset #808080;
	border-bottom: 0px;
}

FIELDSET, .fieldset {
	padding: 2px;
	margin-bottom: 10px;
	background-color: #E5E5EF;
}


H1, H2, .title, .subtitle {
	color: #666666;
}

H1, .title {
	font-family: arial black, arial, helvetica;
	font-size: 20px;
	margin: 5px 0px 0px 0px;
	line-height: 25px;
}

H2, .subtitle {
	font-size: 14px;
	margin: 12px 0px 12px 0px;
	margin-bottom: 12px;
}

H3, .subsubtitle {
	font-size: 12px;
	margin-top: 6px;
	margin-bottom: 5px;
	line-height: 16px;
	font-weight: bold;
}

H4, .plainbold, .infoBoxTitle {
	font-size: 11px;
	margin-top: 6px;
	line-height: 16px;
	font-weight: bold;
}

H4 {
	margin: 6px 0px 2px 0px;
	padding: 0px 0px 2px 0px;
}

P, UL {
	line-height: 17px;
}

TABLE, TR, TH, TD {
	border-collapse: collapse;
	border: none;
}

/*
TH, TD {
	padding: 2px;
}
*/ 

TR.row0 {
	background-color: #E5E5EF;
}

TR.row1 {
	background-color: #DADAE9;
}

TH, .box, .blueTitle, .formHeader {
	background-color: #AFC2D6;
}

TH, .blueTitle, .formHeader {
	border: 1px solid #799FBD;
}

TH, TH A, .blueTitle, .formHeader {
	color: #525252;
	text-decoration: none;
}


A.kasten {
	display: block;
	border-bottom: 0px;
	text-align: center;
}

.blueTitle, .formHeader {
	margin: 0px 0px 5px;
	padding: 2px 0px 2px 5px;
}

.rightDistance {
	padding: 5px 0px 5px 5px;
}

.topNavigation, .topNavigationActive, .mainNavigation, .subNavigation, .subNavigationActive, .slogan {
	text-decoration: none !important;
	display: block;
}

.mainNavigation, .subNavigation, .topNavigation, .topNavigationActive, .white, .slogan {
	color: #ffffff;
}

.topNavigation, .topNavigationActive, .mainNavigation, .bold {
	font-weight: bold; 
}

.white {
	text-decoration: none;
}

.topNavigation, .topNavigationActive {
	font-size: 12px;
	font-weight: bold;
	float: left; 
}

.topNavigation, .topNavigationActive {
	width: 122px;
	text-align: center;
}

.topNavigation {
	padding: 3px 0px 3px 0px;
	margin-top: 5px;
	border-left: 1px solid #ffffff;
	
}

.topNavigationActive {
	padding: 8px 9px 3px 9px;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	margin-top: 0px;
}

.hover {
	background-color: #ffffff;
	cursor: pointer;
}


#topNavigationNeighbour {
	border: 0px;
}


.mainNavigation {
	padding: 5px 0px 5px 4px;
}

.subNavigation, .subNavigationActive {
	padding: 5px 0px 5px 10px;
}

.subNavigationActive {
	background-color: #E5E5EF;
	color: #6E6E6E;
}


.clear {
	clear: both;
}

.smallgrey {
	font-size: 10px;
	color: #6E6E6E;
	line-height: 17px;
	text-decoration: none;
}

.navigationBox {
	width: 100%; 
	border-bottom: 1px solid #ffffff	
}

.red, #topCM {
	background-color: #CC0000;
}

.floatLeft {
	float: left;
}

.center {
	text-align: center
}

#mainAreaContentFrame, #mainAreaContentColor, #perlBody, #customerId, .mainAreaColor {
	background-color: #E5E5EF;
}

#topBanner, #topCM, #topBabyBlue {
	width: 100%;
	z-index: 1;
}

#topCMBackground, #topBabyBlueText, #topCM {
	height: 20px;
}

#mainAreaNavigation, #topBabyBlue, .topNavigationActive {
	background-color: #799FBD;
}

#topCMBackground, #cmWww, #cmTop {
	float :left; 
	border-right: 1px solid #ffffff;
}

#topBanner {
	background-color: #000066;
	height: 94px;
}

#topCMBackground {
	width: 639px; 
}

#topBabyBlue {
	border-top: 1px solid #ffffff;
	z-index: 1
}

#topBabyBlueText {
	width: 775px; 
}

#mainArea {
	width: 1004px;
}

#mainAreaNavigation {
	width: 142px; 
	float: left; 
}

#mainAreaContent {
	float: left; 
	width: 638px;
	line-height: 17px;
}


#mainAreaContentFrame {
	border: 1px solid #ffffff; 
}

#mainAreaContentColor {
	width: 636px; 
}

#mainAreaContentPadding {
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 15px 0px;
}

#mainAreaFooter {
	width: 600px; 
	margin: 5px 0px 20px 2px;
}

#sloganBox {
	position: absolute; 
	top: 5px; 
	left: 155px; 
	z-index: 3;
}

#pageTitle {
	position: absolute;
	top: 30px;
	left: 280px; 
	width: 300px;
}


#sloganBox, #pageTitle {
	font-family: arial, helvetica, verdana; 
	font-size: 20px;
	font-weight: bold;
}


#sloganMachen {
	padding: 5px 0px 5px 10px; 
}

#navigation {
	position: absolute; 
	top: 89px; 
	left: 139px; 
	z-index: 3;
	width: 640px;
	height: 20px;
}

#cmWww, #cmTop {
	border-top: 0px; 
	border-bottom: 0px; 
	border-left: 0px;
}

#infoArray {
	margin-left: 30px;
	margin-top: 5px;
}

#titleBox {
	padding: 0px 0px 0px 10px;
}

#titleBoxRight {
	float: right; 
	width: 300px;
}

#titleBoxLeft {
	float: left; 
	width: 300px; 
	margin-left: 0px;
}

.ulLinks {
	list-style-image: url(http://web02.city-map.de/service-center/img/pfeil_re.gif);
	margin-left: 0px;
	padding-left: 20px;
}

.infobox {
	font-size: 10px;
	margin-top: 2px;
}


.overViewBox {
	float: left;
	width: 295px;
	border-top: 1px solid #ffffff;
	margin: 5px 3px 15px 3px;
}

.overViewBoxPadding {
	padding: 5px;
}

H4.infoBoxTitle {
	margin: 0px;
}

.overViewBoxPicture {
	width: 98px;
	height: 98px;
	float: left; 
	padding-right: 4px;
}

.arrowRight {
	text-decoration: none;
	width: 9px;
	height: 7px;
}

.nowrap {
	white-space: nowrap;
}

#mainAreaRight {
	float: left;
	width: 224px;
}

.mainAreaRightBox {
	margin-top: 15px;
}

.mainAreaRightTitle {
	background-color: #799FBD; 
	height: 20px; 
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff; 
	border-right: 1px solid #ffffff;
}

.mainAreaRightTitleText {
	display: block; 
	padding: 3px 0px 0px 10px;
}

.mainAreaRightContent {
	margin: 10px 10px 5px 15px
}

INPUT.blue {
	background-color: #799FBD;
	border: 1px solid #ffffff;
	cursor: pointer;
	height: 20px;
}

.formerror {
	color: #CC0000;
}

#mainAreaIframe {
	border: 1px solid #ffffff; 
	padding: 0px 2px;
/*	background-color: #E5E5EF;*/
	background-color: #ffffff;
	line-height: 17px;
/*	width: 550px;
	width: 613px;
	height: 523px;
	overflow: auto;*/
}

.noDisplay {
	display: none;
}

.fieldset {
	border: 2px groove #F2F0EE;
}

.button {
	background-color: #ffffff;
	padding: 2px;
	margin: 5px 0px;
	text-align: center;
	cursor: pointer;
}

#customerId {
	position: absolute;
	left: 553px;
	top: 10px;
	padding: 5px;
	border: 1px solid #ffffff;
	width: 215px;
}

		DIV.baseEntry A, DIV.baseEntrySmall A {
			color: #5484AB;
			text-decoration: underline;
		}

		DIV.baseEntry A.redLink {
			color: #990000;
		}

		DIV.baseEntry H3 {
			margin: 0px;
			padding: 3px 0px 0px 10px;
		}

		DIV.baseEntry H3 A, DIV.baseEntrySmall H4 A, DIV.baseEntryAddress A{
			color: #000000;
		}

		DIV.baseEntry H3, DIV.baseEntry DIV.baseEntryMenu {
			background-color: #FFFFFF;
		}

		DIV.baseEntry H4 {
			margin: 0px;
			padding: 2px 0px 5px 10px;;
			font-weight: normal;
			color: #000000;
			font-size: 10px;
		}

		DIV.baseEntrySmall H4 {
			width: 260px;
			float: left;
			margin: 0px;
			padding: 4px 0px 5px 10px;;
			color: #000000;
			font-size: 10px;
		}

		.baseEntryBorder, .baseEntryBorderSmall {
			border: #799FBD 1px solid;
			margin-bottom: 15px;
		}
		
		.baseEntryBorder {
			width: 614px;
		}
		
		.baseEntryBorderSmall {
			width: 298px;
		}
		
		.baseEntry, .baseEntrySmall {
			background: #ffffff;
		}

		.baseEntry {
			width: 614px;
		}

		.baseEntrySmall {
			width: 298px;
		}

		DIV.baseEntry DIV.baseEntryMain {
			width: 474px;
			float: left;
		}

		DIV.baseEntry DIV.baseEntryMainInfo {
			float: left;
			width: 315px;
		}

		DIV.baseEntry IMG.logo {
			width: 100px;
			height: 100px;
			border: 0px;
			float: left;
			margin-left: 10px;
		}

		DIV.baseEntry IMG.logoklein {
			width: 80px;
			height: 80px;
			border: 0px;
			float: left;
			margin: 0px 10px 20px 20px;
		}

		DIV.baseEntrySmall IMG {
			width: 14px;
			height: 12px;
			border: 0px;
			float: right;
			margin: 6px 10px 0px 4px;
		}

		DIV.baseEntry DIV.baseEntryAddress {
			float: left;
			width: 185px;
		}

		DIV.baseEntry DIV.baseEntryAddress, DIV.baseEntrySmall DIV.baseEntryAddress {
			color: #000000;
			margin-left: 10px;
			font-size: 10px;
			line-height: 15px;
		}

		

		DIV.baseEntry DIV.baseEntryShortInfo A {
			float: left;
			width: 152px;
			color: #000000;
			font-size: 9px;
			line-height: 13px;
			margin: 4px 4px 0px 0px;
			text-decoration: none;
		}

		DIV.baseEntry DIV.baseEntryShortInfo {
			float: left;
			color: #000000;
			font-size: 9px;
			line-height: 13px;
			text-decoration: none;
		}

		DIV.baseEntry DIV.baseEntryMenu {
			float: left;
			width: 140px;
		}

		DIV.baseEntry DIV.baseEntryMenu UL {
			padding: 4px 2px 5px 2px;
			margin: 0px 0px 0px 25px;
			font-size: 10px;
			line-height: 0px;
		}

/*		DIV.baseEntry DIV.baseEntryMenu UL LI {
			line-height: 10px;
			margin-bottom: 8px; 
			padding: 0px 0px 0px 3px;
		} */

		DIV.baseEntry DIV.baseEntryBottom, DIV.baseEntrySmall DIV.baseEntryBottom {
			margin: 0px 0px 0px 10px;
		}

		DIV.baseEntryBottom UL LI {
			display: inline;
		}

		DIV.baseEntryBottom UL {
			margin: 0px;
			padding: 3px 0px 3px 0px;
			font-size: 10px;
		}

		DIV.baseEntryBottom DIV {
			float: left;
		}

		DIV.baseEntry DIV.baseEntryBottom DIV.left {
			width: 474px;
		}

		DIV.baseEntry DIV.baseEntryBottom DIV.right {
			width: 105px;
			margin-left: 17px;
			text-align: right;
		}

		DIV.baseEntrySmall DIV.baseEntryBottom DIV.left {
			width: 165px;
		}

		DIV.baseEntrySmall DIV.baseEntryBottom DIV.right {
			width: 113px;
			text-align: right;
		}

		DIV.baseEntrySmallColor1 {
			background-color: #FEFDCD;
		}

		DIV.baseEntrySmallColor2 {
			background-color: #D9D8E6;
		}

		DIV.baseEntrySmallColor3 {
			background-color: #D9F1D9;
		}
		DIV.baseEntrySmallColor4 {
			background-color: #F7D9DB;
		}
		DIV.infobar {
			background-color: #000066;
			width: 614px;
			padding: 5px;
			color: #ffffff;
			font-weight: bold;
			font-size: 14px;
		}




DIV.entries {
	font-family: verdana;
	text-align: left;
	color: #000000;
}

DIV.baseEntry A, DIV.baseEntrySmall A {
	color: #5484AB;
	text-decoration: underline;
}

DIV.baseEntry A.redLink {
	color: #990000;
}

DIV.baseEntry H3 {
	margin: 0px;
	font-size: 12px;
	padding: 3px 0px 0px 10px;
	letter-spacing: 0px;
}

DIV.baseEntry H3 A, DIV.baseEntrySmall H4 A {
	color: #000000;
}

DIV.baseEntry H3, DIV.baseEntry DIV.baseEntryMenu {
	/*background-color: #E5E5EF;*/
}

DIV.baseEntry H4 {
	margin: 0px;
	padding: 2px 0px 5px 10px;
	font-weight: normal;
	color: #000000;
	font-size: 10px;
}

DIV.baseEntrySmall H4 {
	width: 260px;
	float: left;
	margin: 0px;
	padding: 4px 0px 0px 10px;
	color: #000000;
	font-size: 10px;
    line-height: 16px;
}

.baseEntryBorder, .baseEntryBorderSmall {
	border: #799FBD 1px solid;
	margin-bottom: 15px;
}

.baseEntryBorder {
	width: 614px;
}

.baseEntryBorderSmall {
	width: 298px;
}

.baseEntry, .baseEntrySmall {
	background: #ffffff;
}

.baseEntry {
	width: 614px;
}

.baseEntrySmall {
	width: 298px;
}

DIV.baseEntry DIV.baseEntryMain {
	width: 474px;
	float: left;
}

DIV.baseEntry DIV.baseEntryMainInfo {
	float: left;
	width: 315px;
}

DIV.baseEntry IMG.logo, DIV.baseEntry DIV.logo {
	width: 100px;
	height: 100px;
	border: 0px;
	float: left;
	margin-left: 10px;
}

DIV.baseEntry IMG.logoSmall {
	width: 80px;
	height: 80px;
	border: 0px;
	float: left;
	margin: 0px 10px 20px 20px;
}


DIV.baseEntrySmall IMG {
	width: 14px;
	height: 12px;
	border: 0px;
	float: right;
	margin: 8px 10px 0px 4px;
}

DIV.baseEntry DIV.baseEntryAddress {
	float: left;
	width: 185px;
}

DIV.baseEntry DIV.baseEntryAddress, DIV.baseEntrySmall DIV.baseEntryAddress {
	color: #000000;
	margin-left: 10px;
	font-size: 10px;
	line-height: 15px;
}

DIV.baseEntry DIV.baseEntryShortInfo {
	float: left;
	width: 150px;
	text-align: left;
	text-decoration: none;
}

DIV.baseEntry DIV.baseEntryShortInfo,
DIV.baseEntry DIV.baseEntryShortInfo A {
	color: #000000;
	font-size: 9px;
	line-height: 13px;
	text-decoration: none;
}

DIV.baseEntryShortInfo LI, DIV.baseEntry DIV.baseEntryShortInfo UL LI {
	list-style-type: disc;
	font-size: 9px !important;
	margin: 0px !important;
	padding: 0px !important;
}

DIV.baseEntry DIV.baseEntryShortInfo {
	padding-top: 5px;
}

DIV.baseEntry DIV.baseEntryMenu {
	float: left;
	width: 140px;
}

DIV.baseEntry DIV.baseEntryMenu UL {
	padding: 4px 2px 5px 2px;
	margin: 0px 0px 0px 25px;
	line-height: 19px;
}

DIV.baseEntry DIV.baseEntryMenu UL LI {
	margin:  0px;
	padding: 0px 0px 1px 0px;
}


DIV.baseEntry DIV.baseEntryMenu UL LI, DIV.baseEntryBottom UL LI  {
	font-size: 10px;
}

DIV.baseEntry DIV.baseEntryBottom, DIV.baseEntrySmall DIV.baseEntryBottom {
	margin: 0px 0px 0px 10px;
}

DIV.baseEntryBottom UL LI {
	display: inline;
	margin-left: 0px;
	padding-left: 0px;
}


DIV.baseEntryBottom UL {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	font-size: 10px;
}

DIV.baseEntryBottom DIV {
	float: left;
}

DIV.baseEntry DIV.baseEntryBottom DIV.left {
	width: 474px;
}

DIV.baseEntry DIV.baseEntryBottom DIV.right {
	width: 105px;
	margin-left: 17px;
}

DIV.baseEntrySmall DIV.baseEntryBottom DIV.left {
	width: 165px;
}

DIV.baseEntrySmall DIV.baseEntryBottom DIV.right {
	width: 113px;
	text-align: right;
}

DIV.baseEntrySmallColor1 {
	background-color: #FEFDCD;
}

DIV.baseEntrySmallColor2 {
	background-color: #D9D7E6;
}

DIV.baseEntrySmallColor3 {
	background-color: #D9F1D9;
}

DIV.baseEntrySmallColor4 {
	background-color: #F7D9DB;
}

/*Kurzinfo - Fix*/
DIV.baseEntry DIV.baseEntryShortInfo UL {
	list-style-type: square;
	padding: 0px 0px 0px 15px;
	margin: 0px;
	line-height: 13px;
}


DIV.baseEntrySmall BR.fix {
	line-height: 1px;
	font-size: 0px;	
}

.baseEntryLinkList {
	list-style-type: none;
}

.baseEntryLinkList A {
	display: block;
	cursor: pointer;
}

.baseEntryLinkList A SPAN {
	display: block;
	background-repeat: no-repeat;
	padding-left: 15px;
}

	
.baseEntryLink_homepage A SPAN {
	background-image: url(http://web02.city-map.de/pic/reg/basis/homepage.gif);
}

.baseEntryLink_onlinecontact A SPAN {
	background-image: url(http://web02.city-map.de/pic/reg/basis/onlinecontact.gif);
}

.baseEntryLink_geo A SPAN {
	background-image: url(http://web02.city-map.de/pic/reg/basis/geo.gif);
}

.baseEntryLink_presents A SPAN {
	background-image: url(http://web02.city-map.de/pic/reg/basis/presents.gif);
}

.baseEntryLink_hunger A SPAN {
	background-image: url(http://web02.city-map.de/pic/reg/basis/hunger.gif);
}

.baseEntryLink_events A SPAN {
	background-image: url(http://web02.city-map.de/pic/reg/basis/events.gif);
}

.baseEntryLink_jobs A SPAN {
	background-image: url(http://web02.city-map.de/pic/reg/basis/jobs.gif);
}

.baseEntryLink_opening A SPAN {
	background-image: url(http://web02.city-map.de/pic/reg/basis/opening.gif);
}

.baseEntryLink_realestate A SPAN {
	background-image: url(http://web02.city-map.de/pic/reg/basis/realestate.gif);
}

.baseEntryLink_cars A SPAN {
	background-image: url(http://web02.city-map.de/pic/reg/basis/cars.gif);
}

.baseEntryLink_print A SPAN {
	background-image: url(http://web02.city-map.de/pic/reg/basis/print.gif);
}

#mainAreaContentHeadlines .baseEntryMenu_top .baseEntryLink_vcard A SPAN,
.baseEntryLink_vcard A SPAN {
    background-image: url(http://web02.city-map.de/pic/reg/basis/vcard.jpg);
    background-position: 1px 4px;
}

.baseEntrySmall .baseEntryLink_homepage {
    float: right;
}

.baseEntrySmall .baseEntryLink_homepage IMG {
    float: none;
    display: block;
}

/* 
 * Vorschau der Homepage
 */
.homepage_preview {
    position: absolute;
    margin-left: -295px;
    width: 340px;
    height: 350px;
    background-image: url('http://web02.city-map.de/images/baseEntry/preview/homepage_preview_bg.png');
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
    font-size: 12px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    line-height: 14px;
}

* HTML .homepage_preview {
    background-image: url('http://web02.city-map.de/images/baseEntry/preview/homepage_preview_bg_ie6.gif');
}

.homepage_preview_inner {
    padding: 40px 10px 20px 10px;
}

.homepage_preview_top {
    margin-top: -365px;
    background-image: url('http://web02.city-map.de/images/baseEntry/preview/homepage_preview_bg_top.png');
}

* HTML .homepage_preview_top {
    background-image: url('http://web02.city-map.de/images/baseEntry/preview/homepage_preview_bg_top_ie6.gif');
}

.homepage_preview_top .homepage_preview_inner {
    padding: 15px 10px 45px;
}

.homepage_preview .homepage_preview_inner SPAN {
    background-image: none;
    padding-left: 0;
}

.homepage_preview_title {
    color: #FFF;
    white-space: nowrap;
    width: 300px;
    overflow: hidden;
    font-weight: bold;
    padding: 0 0 0 10px;
}

.homepage_preview_title .homepage_preview_title_inner {
    color: #FFF;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.homepage_preview_screenshot {
    background-image: url('http://web02.city-map.de/images/baseEntry/preview/screenshot_bg.png');
    background-repeat: no-repeat;
    background-position: top left;
    height: 240px;
    width: 310px;
    display: block;
    margin: 10px 0 15px 0;
}

* HTML .homepage_preview_screenshot {
    border: none;
    background-image: url('http://web02.city-map.de/images/baseEntry/preview/screenshot_bg_ie6.gif');
    margin: 10px 0 13px 0;
}

.homepage_preview_screenshot_inner {
    padding: 10px;
    text-align: center;
}

.homepage_preview_screenshot .homepage_preview_screenshot_inner SPAN {
    text-decoration: none;
    line-height: 220px;
    width: 290px;
    height: 220px;
    display: block;
}

.homepage_preview_footer {
    color: #FFF;
    white-space: nowrap;
    width: 310px;
    overflow: hidden;
    font-weight: bold;
    text-align: right;
}

.homepage_preview_footer .homepage_preview_footer_inner {
    color: #FFF;
    text-decoration: underline;
    font-size: 12px !important;
    font-weight: bold;
    width: 270px;
    padding: 0 40px 0 0;
    display: block;
    cursor: pointer;
}

/* 
 * iPhone Inhalte auf dem Desktop aublenden und auf dem iPhone Desktop Inhalte
 * ausblenden.
 */
.iphone {
    display: none;
}

@media screen and (max-device-width: 480px) {
    .desktop {
        display: none;
    }

    SPAN.iphone, A.iphone {
        display: inline;
    }

    DIV.iphone {
        display: block;
    }
}.titlew { font-family: Arial, Helvetica; font-size: 14px; color: #000066; text-decoration: none; text-align: left; margin: 0px; font-weight: bold; font-style: normal; }
.overview0 .list_item_names LI A,.overview1 .list_item_names LI A {display: block;width: 165px;overflow: hidden;white-space: nowrap;}