.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: #000000; text-decoration: none; text-align: left; margin: 0px; font-weight: normal; font-style: normal; }
.hptext A { font-family: Arial, Helvetica; font-size: 12px; color: #4794E9; 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: 10px; color: #cccccc; text-decoration: none; text-align: center; margin: 0px; font-weight: normal; font-style: italic; }
.hpbildfocus { font-family: Arial, Helvetica; font-size: 12px; color: #000000; text-decoration: none; text-align: left; margin: 0px; font-weight: normal; font-style: italic; }
.hpadresse { font-family: Arial, Helvetica; font-size: 10px; color: #cccccc; 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;
}


/*
WebDesign: Schoenwald
HTML: Schoenwald
*/

BODY {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.7em;
	text-align: left;
	line-height: 1.5em;
	color: #333333;
	background-color: #EEF1F2;
}

/* Main*/
DIV#Frame {
	text-align: left;
	float:left;
	margin: 0px;
	padding: 0px;
	background-color: #EEF1F2;
	width: 885px;
	background-image: url("http://web02.city-map.de/homepage/01/0101/010106022/hg_all.jpg");
	background-repeat: repeat-y;
}

/* Top*/
DIV#Frame #Top{
width: 885px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#Top #Logo{
width: 520px;
float: left;
background-color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}

#Top #News {
height: 70px;
width: 365px;
float: left;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}

#News #NewsLetter {
height: 40px;
width: 340px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
}

#News #TopNavigation {
height: 30px;
width: 355px;
float: left;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}

#News DIV#TopNavigation UL {
	text-align: left;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	list-style: none;
}

#News   DIV#TopNavigation UL LI {
	float: left;
	padding-top: 7px;
	padding-left: 5px;
}

#News   DIV#TopNavigation UL LI A {
	text-decoration: none;
	display: block;
	background-image: url("http://web02.city-map.de/homepage/01/0101/010106022/LineTop.gif");
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 8px;
}


#News  DIV#TopNavigation UL LI.last A {
	background: none;
}



/* Head*/
DIV#Frame #Head{
width: 885px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}



#Head #Content{
width: 712px;
float: left;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#Content .all{
width: 712px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


.all .Left{
width: 351px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.all .Right{
width: 354px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.all .Left UL LI,
.all .Right UL LI {
padding: 0px 10px 0px 0px;
margin: 0;
}



/* HauptNavigation*/
#Head #Navigation{
width: 170px;
float: left;
margin: 1px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #EEF1F2;
height: 350px;
}

#Head #Navigation .out {
width: 166px;
float: left;
margin: 1px 0px 0px 0px;
padding: 0px 0px 1px 4px;
}

#Navigation .out .in {
width: 166px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


.in UL {
width: 166px;
	text-align: left;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

 .in UL LI {
	float: left;
	width: 150px;
	padding: 1px 5px 0px 10px;
	margin: 0px;
	display: inline;
	list-style-type: none;
}

 .in UL LI A,  .in UL LI A:hover {
	text-decoration: none;
	display: block;
	list-style-type: none;

}

 .in UL LI.first {
	padding-top: 10px ;
}



/* Foot*/
DIV#Foot{
	margin: 0px 0px 0px 0px;
	float: left;
	padding: 0px 0px 10px 0px;
	clear:both;
	background-color: #EEF1F2;
	width: 875px;
}


/* Links */
A, A:Link {
	text-decoration: underline;
	color: #666666;
	padding: 0px 0px 0px 00px;
margin: 0px;
}
A:Hover{
	text-decoration: underline;
	color: #FF1A1A;
}
/* Sonstiges*/
IMG {
	border: 0px;
}

H3 {
	font-size: 1.0em;
	padding: 10px 0px 0px 10px;
	margin: 0;
}
H1 {
	font-size: 1.1em;
	padding: 10px 5px 0px 10px;
	margin: 0;
}

P {
	padding: 10px 6px 0px 10px;
	margin: 0;
}

P.blue {
	padding: 10px 5px 0px 10px;
	margin: 0;
	color: #546a82;
}

P.title {
	padding: 0px 0px 0px 10px;
	margin: 0;
	color: #546a82;
}

div#fotounterschrift_g1 {
color: #546a82;	
}






.Right .start,
.Right .beratung,
.Right .sparen,
.Right .vorteile,
.Right .links,
.Right .kosten,
.Right .kontakt,
.Right .kosten_energiepass,
.Right .vorteile_sach,
.Right .kosten_luftdichtheit {
width: 340px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-repeat: no-repeat;
}

.Right .kontakt {
height: 70px;
background-image: url("http://web02.city-map.de/homepage/01/0101/010106022/begleiter/kontakt_feld.gif");
}

.Right .kosten_luftdichtheit {
height: 330px;
background-image: url("http://web02.city-map.de/homepage/01/0101/010106022/begleiter/zusatz_luftdichtheit.gif");
}

.Right .beratung A,
.Right .sparen A,
.Right .vorteile A,
.Right .links A,
.Right .kosten A,
.Right .kontakt A,
.Right .kosten_energiepass A,
.Right .vorteile_sach A,
.Right .kosten_luftdichtheit A  {
	text-decoration: underline;
	color: #336699;
	background: url("http://web02.city-map.de/homepage/01/0101/010106022/arrow_kontakt.gif");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}
.Right .beratung A:Hover,
.Right .sparen A:Hover,
.Right .vorteile A:Hover,
.Right .links A:Hover,
.Right .kosten A:Hover,
.Right .kontakt A:Hover,
.Right .kosten_energiepass A:Hover,
.Right .vorteile_sach A:Hover,
.Right .kosten_luftdichtheit A:Hover {
	text-decoration: underline;
	color: #DD0000;
}

.Right .start {
height: 125px;
background-image: url("http://web02.city-map.de/homepage/01/0101/010106022/begleiter/zusatz_start.gif");
}

.Right .sparen {
height: 125px;
background-image: url("http://web02.city-map.de/homepage/01/0101/010106022/begleiter/zusatz_sparen.gif");
}

.Right .beratung {
height: 150px;
background-image: url("http://web02.city-map.de/homepage/01/0101/010106022/begleiter/zusatz_beratung.gif");
}

.Right .vorteile {
height: 155px;
background-image: url("http://web02.city-map.de/homepage/01/0101/010106022/begleiter/zusatz_vorteile.gif");
}
.Right .links {
height: 200px;
background-image: url("http://web02.city-map.de/homepage/01/0101/010106022/begleiter/zusatz_links.gif");
}

.Right .kosten {
height: 200px;
background-image: url("http://web02.city-map.de/homepage/01/0101/010106022/begleiter/zusatz_kosten.gif");
}

.Right .kosten_energiepass {
height: 520px;
background-image: url("http://web02.city-map.de/homepage/01/0101/010106022/begleiter/zusatz_kosten2.gif");
}

.Right .vorteile_sach {
height: 250px;
background-image: url("http://web02.city-map.de/homepage/01/0101/010106022/begleiter/zusatz_vorteile2.gif");
}

.start P,
.beratung P,
.sparen P,
.vorteile P,
.links P,
.kosten P,
.kosten_energiepass P,
.Right .vorteile_sach P,
.Right .kosten_luftdichtheit P  {
margin: 0px 0px 0px 0px;
padding: 20px 5px 0px 60px;
}

.kontakt P {
margin: 0px 0px 0px 0px;
padding: 20px 5px 0px 20px;
}

.Right .in {
width: 350px;
float: left;
margin: 1px 0px 0px 0px;
padding: 0px 4px 1px 0px;
}

.Right .in .out {
width: 346px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#Content .all div.hpsubtitel{
color: #333333;
padding-top: 20px;
padding-left: 20px;
}

#Content .all form table tbody tr td.hptext {
padding-left: 20px;
}

#Content .all div.route_NAVI{
padding-left:40px;
}

.all div,
table  {
padding-left:20px;
}

div.foto_kl_first, div.foto_kl {
cursor:pointer;
}

#colorsDiv {
	width: 270px;
}

#colorsDiv DIV {
	width: 15px;
	height: 15px;
	float: left;
}

.newstickerSpacer {
	margin-left: 20px;
	margin-right: 20px;
}