.hptitel { font-family: Arial, Helvetica; font-size: 17px; color: #333333; text-decoration: none; text-align: left; margin: 0px; font-weight: bold; font-style: normal; font-family: verdana, arial, sans-serif;}
.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: 11px; color: #000000; text-decoration: none; text-align: left; margin: 0px; font-weight: normal; font-style: normal; font-family: verdana, arial, sans-serif;}
.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;
}


/*SYSTEM FIX*/


.hptext, .hptext a, .hptext a:hover {
font-family: verdana, arial, sans-serif;
font-size: 10px;
color: #4F4F50;
}




blockquote li {
list-style-type: none;
padding: 0px;
margin: 0px;
line-height: 100%;
}

blockquote {
margin: 0px;
padding: 0px;
line-height: 150%;
}


#newsticker72, #newsticker72 a, #newsticker73, #newsticker73 a {
text-decoration: none;
line-height: 200% !important;
}



#newsticker72 a:hover {
text-decoration: underline;
}

table.eintrag_top {
background-color: #333;
width:100% !important;
color: #fff !important;
}

.gblink {
color: #fff !important;
text-decoration: none !important;
font-size: 11px !important;
}

table.eintrag_top a {
color: #fff;
text-decoration: underline !important;
}

table.eintrag_top a:hover {
color: #fff;
text-decoration:none;
}

DIV.eintrag_text {
width: 100% !important;
}



/*SYSTEM FIX ENDE*/


body {
background-color: #333;
margin: 0px;
padding: 0px;
color: #4F4F50;
font-family: verdana, arial, sans-serif;
font-size: 10px;
}

#site_all {
position: absolute;
left: 50%;
top: 0px;
margin-left: -384px;
width: 769px;
overflow:hidden;
}








#content_all {
background-color: #fff;
}

#content_all_inner {
padding: 20px;
}

#header {
height: 190px;
border: 1px solid #666;
margin-bottom: 20px;
}

/*Startseite*/

/*LOGOS & ZEICHEN*/

.zeichen {
float: left;
line-height: 0px;
width: 20px;
height: 57px;
}

.zeichen div {
text-align: center;
font-size: 20px;
font-weight: bold;
padding-top: 25px;
}

.logo {
height: 60px;;
width: 229px;
float:left;
text-align: center;
}

/*FOTOS*/

#fotos {
margin-top: 20px;
}

.foto {
float:left;
}

.foto img {
border: 1px solid #666;
}

/*TEXT*/

#text_start {
margin-top: 20px;
}

.text {
width: 229px;
float: left;
line-height: 150%;
}

.text_mid {
float: left;
margin: 0px 10px;
width: 249px;
line-height: 150%;
}

.text_mid div {
float: left;
padding: 0px 10px;
}

.text a, .text_mid a {
color: #4F4F50;
text-decoration: none;
}


/*MIELE_GATZKE*/

#left {
width:178px;
float:left;
}

.miele_link a{
color: #C51029;
text-decoration: none;
}

.miele_link a:hover{
color: #C51029;
text-decoration: underline;
}

#main_navi {
margin-top: 20px;
}

#main_navi ul{
padding: 0px;
margin: 0px;
list-style-type: none;
}

#main_navi li a{
line-height: 180%;
font-weight: bold;
color: #4F4F50;
text-decoration: none;
}

ul#subnavi a {
margin-left: 0px;
font-weight: normal;
}

#main_navi li a:hover, #main_navi li a.active{
color: #C51029;
}

#ticker {
margin-top: 20px;
}

#right {
width: 531px;
float:left;
margin-left: 20px;
}

#topic {
font-size: 17px;
font-weight: normal;
margin-top: 20px;
}

#foto_chg, .foto_chg {
margin-top: 20px;
width: 100%;
}

#foto_chg img, .foto_chg img{
border: 1px solid #666;
cursor: pointer;
}

#foto_gross, .foto_gross {
float:left;
width:255px;
}

#foto_klein, .foto_klein {
float:left;
width:255px;
margin-left: 20px;
}

.foto_kl {
float:left;
}

#content, .content, #fr_content {
margin-top: 20px;
line-height: 150%;
}

#content img, .content img {
border: 1px solid #666;
}
#fr_content .hpsubtitel {
color: #FF9C01;
}


#content_left, .content_left {
width: 255.5px;
float:left;
line-height: 150%;
}

#content_right, .content_right {
width: 255.5px;
float:left;
line-height: 180%;
margin-left: 19px;
}

#adresse {
margin-top: 40px;
}


.unterschrift ul {
margin: 0px;
padding: 4px 0 0 25px;
list-style-image: url('http://web02.city-map.de/homepage/01/0101/010103862/miele/miele_gatzke_bullet.gif');
}

ul.ewerk_pfeil {
margin: 0px;
padding: 4px 0 0 25px;
list-style-image: url('http://web02.city-map.de/homepage/01/0101/010103862/e_werk/e-werk_bullet.gif');
}

ul.freudenberg_pfeil {
margin: 0px;
padding: 4px 0 0 25px;
list-style-image: url('http://web02.city-map.de/homepage/01/0101/010103862/freudenberg/freudenberg_bullet2.gif');
}




/*Freudenberg*/

.fr_link a{
color: #FF9C01;
text-decoration: none;
}

.fr_link a:hover{
color: #FF9C01;
text-decoration: underline;
}

UL#fr_aufz, UL.mi_aufz {
margin:0px;
padding: 0 15px;
}

UL.mi_aufz {
list-style-image: url(http://web02.city-map.de/homepage/01/0101/010103862/miele/miele_gatzke_bullet2.gif);
line-height: 150%;
}

UL#fr_aufz li {
list-style-image: url(http://web02.city-map.de/homepage/01/0101/010103862/freudenberg/freudenberg_bullet.gif);
line-height: 150%;
}

#FR_main_navi {
margin-top: 20px;
}

#FR_main_navi ul{
padding: 0px;
margin: 0px;
list-style-type: none;
}

#FR_main_navi li a{
line-height: 180%;
font-weight: bold;
color: #4F4F50;
text-decoration: none;
}

ul#FR_subnavi a {
margin-left: 0px;
font-weight: normal;
}

#FR_main_navi li a:hover, #FR_main_navi li a.active{
color: #FF9C01;
}



.spalte1 {
float:left;
width: 45px;
}

.spalte2 {
width: 485px;
float: left;
}




/*E-WERK*/

.ewerk_link a{
color: #4F4F50;
text-decoration: none;
}

.ewerk_link a:hover{
color: #C51029;
text-decoration: underline;
}

UL#ewerk_aufz {
margin:0px;
padding: 0 15px;
}

UL#ewerk_aufz li {
list-style-image: url(http://web02.city-map.de/homepage/01/0101/010103862/freudenberg/freudenberg_bullet.gif);
line-height: 150%;
}

#ewerk_main_navi {
margin-top: 20px;
}

#ewerk_main_navi ul{
padding: 0px;
margin: 0px;
list-style-type: none;
}

#ewerk_main_navi li a{
line-height: 180%;
font-weight: bold;
color: #4F4F50;
text-decoration: none;
}

ul#ewerk_subnavi a {
margin-left: 0px;
font-weight: normal;
}

#ewerk_main_navi li a:hover, #ewerk_main_navi li a.active{
color: #6F6F71;
}









/*Navigation_TOP*/

#navi_top {
height: 20px;
}

#navi_top a {
color: #fff;
padding: 3px 0 0 0;
letter-spacing: 1px;
text-align:center;
}

#navi_top ul {
display:block;
list-style-type: none;
margin: 0px;
padding: 0px;
text-align:center;
overflow: hidden;
height: 20px;
}

#navi_top ul li {
float:left;
width: 144.14pt;
background-color: #333;
}

#navi_top ul li a {
  display: block;
  height:20px;
  color: #fff;
  text-decoration: none;
}

#navi_top ul li a:hover, #navi_top ul li a.active {
background-color: #fff;
color: #333;
}








/*Navigation UNTEN*/
#navi_bottom {
color: #fff;
height:30px;
}

#navi_bottom div {
padding-top: 5px;
}

#bottom_left {
float:left;

}

#bottom_left div {
padding-left: 20px;
}

#bottom_left img {
margin-right: 5px;
}

#bottom_right {
width:550px;
float:right;
color: #fff;
text-align: right;
}

#bottom_right div{
padding-right: 20px;
padding-bottom: 20px;
}

#bottom_right a, #bottom_left a {
color: #fff;
text-decoration:none;
letter-spacing: 1px;
}

#bottom_right a:hover, #bottom_left a:hover {
color: #ccc;
text-decoration:none;
letter-spacing: 1px;
}



.no_border {
border-left: 0px solid !important;
}


img  {
border: 0px;
}

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

.hpsubtitel, .FR_hpsubtitel, .EWERK_hpsubtitel {
font-size: 11px;
font-weight: bold;
color: #C51029;
line-height: 150%;
margin-bottom: 5px;
}

.FR_hpsubtitel {
color: #FF9C01;
}

.EWERK_hpsubtitel {
color: #4F4F50;
}

h3 {
font-size: 17px;
font-weight: normal;
line-height: 100%;
}

.h3_fett {
font-weight: bold;
}


/*Routenplaner*/

 #impre, #guest, #db {
margin-top: 20px;
}


.tooltip2 {
position: absolute;
	display: none;
	background-color: #FFFFFF;
}

.tooltip_inner h3 {
font-size: 1em;
font-weight: bold;
margin: 0px;
padding: 0px;
line-height: 200%;
}


.no_border, .tooltip_inner img {
  border: 0px solid !important;
}

.tooltip_inner {
 padding: 5px;
}



#referenzen {
width: 440px;
padding: 5px;
border: 1px solid #cccccc;
margin-right: 15px;
height:240px;
margin-left: 200px;
}
.referenzenk {
width: 145px;
height: 85px;
margin-bottom: 5px;
float: left;
}
#referenzen .referenzenk a span {
display: none;
background-color: #0000ff;
color: #000000;
}

#referenzen .referenzenk a:hover span {
display: block;
position: absolute;
top: 4em;
left: 10px;
width: 160px;
padding-top: 36px;
}
#referenzen .referenzenk a:hover span br {
display: none;
}

#referenzen .referenzenk a:hover span.aa {
background-image: url(../images/micro-ew-orange.jpg);
background-repeat: no-repeat;
}


.hpbuttons {
display: none;
}
#colorsDiv {
	width: 270px;
}

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

.newstickerSpacer {
	margin-left: 20px;
	margin-right: 20px;
}
.openingHoursBaseName {
	float: left;
	width: 200px;
}

.openingHoursBaseTime {
	float: left;
	width: 125px;
}
.gbtitel_link, .gbtitel_link:hover, .gbtitel, .gblink, .gblink:hover {
 color: #000000;
 font-size: 11px;
 font-family: Arial, Helvetica;
 text-align: left;
 font-weight: normal;
 font-style: normal;
}
.gbtitel_link, .gbtitel_link:hover, .gbtitel {
 color: #000066;
 font-size: 14px;
 font-weight: bold;
 font-style: normal;
}
.eintrag_top, .eintrag_text {
 border: 0px solid #000066;
}
.eintrag_top, .eintrag_text, .eintrag_top TD {
 padding: 3px;
}
.eintrag_top {
 border-collapse: collapse;
 background-color: #dddddd;
}
.eintrag_text {
 border-top: 0px;
 background-color: #ffffff;
}

#gb * td, #gb input, #gb textarea, .gbtitel_link, .gbtitel_link:hover, .gbtitel, .gblink, .gblink:hover, .gbtext {
 color: #000000;
 font-size: 11px;
 font-family: Arial, Helvetica;
 text-align: left;
 font-weight: normal;
 font-style: normal;
 text-align: left;
}
.gbtitel_link, .gbtitel_link:hover, .gbtitel {
 font-size: 14px;
 font-weight: bold;
}
.gbtitel_link, .gbtitel_link:hover, .gblink, .gblink:hover {
 text-decoration: underline;
}
#gb, #gb tr, #gb * td {
 border: 0px;
 padding: 0px;
 margin: 0px;
 border-collapse: collapse;
}
.gb_breite1 {
 width: 185px;
 vertical-align: top;
}
.gb_breite2 {
 width: 400px;
}