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


/*
FRUGRO 2007
Webdesign: Schoenwald
HTML: Wunderwald und Schoenwald
*/

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

body {
background-color:#CAE4C0;
font-size:11px;
font-family:verdana;
}

div#frame {
width:907px;
background-color:#fff;
margin:0 auto;
margin-top:10px;
background-image:url(http://web02.city-map.de/homepage/01/0101/010102492/hp/bg_content.jpg);
}

div#framebuster {
width:898px;
margin-left:1px;
}

div#ecken_oben {
height:19px;
background-image:url(http://web02.city-map.de/homepage/01/0101/010102492/hp/bg_head.jpg);
}

div#ecken_unten {
height:25px;
background-image:url(http://web02.city-map.de/homepage/01/0101/010102492/hp/bg_foot.jpg);
}

div#kopf {
height:130px;
background-color:#fff;
}

img#logo {
float:left;
margin-left:29px;
}

div#rechts_logo {
float:left;
margin-left:27px;
}

/******** NAVI ********/

ul#navi {
margin-top:9px;
overflow:hidden;
border-top:none !important;
border-top:1px solid #fff;
}

ul#navi li {
float:left;
list-style:none;
}

ul#navi li a {
background-image:url(http://web02.city-map.de/homepage/01/0101/010102492/hp/navi.jpg);
height:22px;
width:118px;
display:block;
font-weight:bold;
text-decoration:none;
color:#000000;
text-transform:uppercase;
text-align:center;
padding-top:8px;
padding-left: 0px !important;
background-repeat: no-repeat;
}

ul#navi li a:hover {
background-position: 0 -30px;
}


ul#navi li a.active {
background-position: 0 -30px;
}

img#slogan {
margin-top:200px;
margin-top:2px !important;
}

div#rahmen_unter_navi {
background-color:#FF7A1A;
width:870px;
height:25px;
margin-left:14px;
}

div#oben {
height:92px;

}

div#inhalt {
width:612px;
padding-left:14px;
float:left;
}

div#flash {
margin-top:4px;
}

div#einleitungstext {
margin-left:14px;
margin-right:14px;
margin-bottom:20px;
}


div#unternehmen {
float:left;
width: 610px;
padding-left: 14px;
}

div.history{
float:left;
width:194px;
padding-right: 1px;
padding-bottom: 10px;
padding-top: 1px;

}

div.links {
padding-left:14px;
float:left;
width:194px;
padding-top: 1px;
}


div.mitte,
div.rechts {
float:left;
width:194px;
padding-top: 1px;
}

div.links p,
div.mitte p,
div.rechts p{
padding: 5px 10px 12px 10px;
line-height:150%;
}

p#last-text {
padding-left:14px;
margin-top:10px;
margin-bottom:20px;
}

/******** SPALTE RECHTS ********/

div#spalte_rechts {
float:left;
width:243px;
margin-left:14px;
color:#fff;
}

div#spalte_rechts a { color:#fff; }
div#spalte_rechts a:hover { text-decoration:none; }

div#spalte_rechts h4 {
background-color:#FF7A1A;
width:195px;
margin-left:14px;
margin-top:10px;
padding: 3px 0px 4px 20px;
}

div#spalte_rechts img.border-top {
margin-left:14px;
border-top:1px solid;
}

div#spalte_rechts ul {
list-style:none;
}

ul#arbeiten,
ul#ansprechpartner {
margin-top:15px;
margin-bottom:22px;
}

ul#arbeiten li,
ul#ansprechpartner li{
background-image:url(http://web02.city-map.de/homepage/01/0101/010102492/hp/pfeil.gif);
background-repeat:no-repeat;
background-position:2px 6px;
margin-left:16px;
padding-left:15px;
line-height:150%;
}

ul#anschrifft {
margin-top:5px;
margin-bottom:20px;
}

ul#anschrifft li{
padding-left:16px;
line-height:150%;
}

/******** FUSSZEILE ********/

div#fusszeile {
margin:0 auto;
width:907px;
}

/******** Allgemeines ********/
p#fuss {
float:right;
margin-right:50px;
margin-bottom:10px;
}

p#fuss a { color:#000000; text-decoration: none;}

a:hover { text-decoration:none; }



a { color:#FF7A1A; padding-left: 7px !important;}
a.anker { 
padding-left: 0px !important;
color: black;
}

p {
line-height:150%;
}

br.clear {
clear:both;
}


h3, h4 {
	font-size: 1.0em;
	padding: 0px 0px 5px 0px;
}

h1#unsichtbar {
 display: none;
}



h2 {
font-size:14px;
}

h2#start {
margin-left:14px;
margin-top:13px;
margin-bottom:15px;
}

img { 
border:none;
display:block;
}

img.quer-gross {
margin-left:14px;
border-top:3px solid #4E8837;
display:block;
}

img.quer {
margin-top:1px;
padding-left:14px;
}
img.untenehmen_quer {
margin-top:1px;
}

div#inhalt table,
.system{

margin-left: 14px !important;
}


div#inhalt a{
padding-left: 0px !important;
}

.hptext, .hpsubtitel{
line-height: 20px;
font-size: 11px;
margin-left: 14px !important;
}


.hpsubtitel{
font-weight: bold;
}

/** MITARBEITER VERZEICHNIS **/

.mitarbeiter_wrap{
		width: 612px;
		padding-left: 10px; 
		}
.mitarbeiter{
		width: 188px;
		margin: 10px 10px 0px 0px;
		border-width: 1px;
		border-color: #ff7a1a;
		border-style: solid;
		float: left;
		}
.mitarbeiter .bild_outer{
		width: 188px;
		background-color: #ff7a1a;
		padding: 3px 0px 4px 0px;
		}
.mitarbeiter .beschr{
		padding: 4px;
		}
.mitarbeiter p{
		margin: 0;
		padding: 0;
		}
.mitarbeiter .name{
		font-size: 11px;
		font-family: verdana;
		font-weight: bold;
		color: #222222;
		}
.mitarbeiter .position{
		font-size: 11px;
		font-family: verdana;
		font-weight: normal;
		color: #222222;
		}
.mitarbeiter .telefon{
		font-size: 11px;
		font-family: verdana;
		font-weight: normal;
		color: #222222;
		}
.mitarbeiter a{
		font-size: 11px;
		font-family: verdana;
		font-weight: normal;
		color: #ff7a1a;
		}

#newsticker {
width: 520px;
height: 20px;
position: absolute;
top: 15px;
left: 535px;
}
#colorsDiv {
	width: 270px;
}

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

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