@charset "ISO-8859-1";

p, form, body { margin: 0px; padding: 0px; }
h4 {clear: both;}

body {
	background-color: #FFFFFF;
	color: #000000;
	text-align: center;
	margin: 0px 0px 20px 0px;
	line-height: 15px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top; }

div#frame {
	margin: 0pt auto;
	position: relative;
	text-align: left;
	width: 1010px;
	margin-bottom: 0px;
}

#top { position: relative; height: 84px; }
#logo { position: absolute; top: 0px; left: 0px; width: 250px; height: 57px; border: none; }
#topnav { position: absolute; bottom: 0px; right: 50px; }
#topnav .tab { display: block; height: 21px; border-top: 1px solid #0782a2; background-color: #FFFFFF; font-size: 13px; color: #fe7c04; text-decoration: none; padding-top: 7px; }
#topnav .tab_active { display: block; height: 21px; border-top: 1px solid #0782a2; background-color: #fe7c04; font-size: 13px; color: #FFFFFF; text-decoration: none; padding-top: 7px; }
#topnav .tab_left, #topnav .tab_active_left, #topnav .tab, #topnav .tab_active, #topnav .tab_right, #topnav .tab_active_right { float: left; }
#topnav .tab_left { margin-left: 3px; }

.popnav { display: none; position: absolute; background-color: #0782a2; border-left: 1px solid #0782a2; border-bottom: 1px solid #0782a2; border-right: 1px solid #0782a2; z-index: 1000000; }
.popnav a { display: block; text-decoration: none; background-color: white; margin-top: 1px; padding: 2px; color: #0782a2; }
.popnav a:hover { color: #fe7c04; }
#popnav1 { top: -8px; left: 374px; }
#popnav2 { top: -8px; left: 523px; width: 93px; }
#popnav3 { top: -8px; left: 771px; }


#box { position: relative; border-left: 1px solid #0782a2; border-right: 1px solid #0782a2; background-color: #FFFFFF; padding: 0px 4px 15px 4px; z-index: 100000; }
#box #impressum { position: absolute; bottom: 0px; right: 10px; color: #0782a2; text-decoration: none; }

td.left { width: 244px; vertical-align: top; }
td.right { width: 740px; vertical-align: top; }

.leftnavbutton { display: block; height: 85px; width: 240px; }
#leftnav1 { background-image: URL('/images/leftnav_1.jpg'); }
#leftnav2 { background-image: URL('/images/leftnav_2.jpg'); margin-top: 8px; }
#leftnav3 { background-image: URL('/images/leftnav_3.jpg'); margin-top: 8px; }
.leftnav_sub { margin: 14px 0px 14px 0px; display: none; }
.leftnav_sub a { display: block; color: #0782a2; text-decoration: none; font-size: 16px; text-align: right; padding: 0px 18px 0px 0px; margin: 10px 0px 10px 0px; }
.leftnav_sub a:hover { color: #fe7c04; }
.leftnav_subsub { display: none; }
.leftnav_subsub a { font-size: 12px; margin: 5px 0px 5px 5px; }



.newsticker {
	position: relative;
	width: 236px;
	height: 272px;
	background-color: #FFF;
	border: 2px solid #0782a2;
	padding-bottom: 8px;
	padding-top: 0px;
	margin-top: 12px;
	overflow: hidden;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
}

#newstickertopline { position: absolute; top: 286px; left: 16px; height: 2px; background-color: #0782a2; z-index: 100000; width: 222px; overflow: hidden; }
* html div#newstickertopline { left: 12px; } /* fuer ie6 */
#newstickerbottomline {
	position: absolute;
	top: 564px;
	left: 16px;
	height: 2px;
	background-color: #0782a2;
	z-index: 1000000;
	width: 222px;
	overflow: hidden;
}
* html div#newstickerbottomline { left: 12px; } /* fuer ie6 */
.newsticker ul { padding: 0px; margin: 0px; }
.newsticker ul li {
	margin: 8px 8px 0px 8px;
	height: 112px;
	padding: 6px;
	list-style: none;
	color: #0782a2;
	border: #FD7715 1px solid;
}

#flyers { position: absolute; top: 45px; left: 259px; }
.flyer { float: left; margin-right: 9px; }
.flyer_container { width: 115px; height: 179px; overflow: hidden; }
.flyerlabel {
	border-left: 2px solid #0782a2;
	border-right: 2px solid #0782a2;
	border-bottom: 2px solid #0782a2;
	height: 47px;
	width: 111px;
	font-weight: bold;
	color: #fe7c04;
	line-height: 12px;
	text-align: center;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
}

.flyerlabel a {color: #fe7c04; text-decoration: none; }

#slideshowframe {
	position: absolute;
	top: 286px;
	left: 259px;
	border: 2px solid #0782a2;
	height: 272px;
	width: 485px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	z-index: 100000;
}
#slideshow { position: absolute; top: 288px; left: 261px; height: 272px; width: 485px; overflow: hidden; }
#slideshow img { height: 272px; width: 485px; }


#hotspot1frame {
	position: absolute; top: 286px; left: 758px; width: 238px; height: 130px; border: 2px solid #0782a2;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	z-index: 100000;
}
#hotspot1 { position: absolute; top: 288px; left: 760px; }

#hotspot2frame {
	position: absolute; top: 428px; left: 758px; width: 238px; height: 130px; border: 2px solid #0782a2;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	z-index: 100000;
}
#hotspot2 { position: absolute; top: 430px; left: 760px; }

.angebotpfeil {
	background-image: url(/img/pageflip/pfeil.jpg);
	height: 40px;
	width: 249px;
	padding-top: 28px;
	padding-left: 30px;
	background-repeat: no-repeat;
	font-weight: bold;
}
.angebotbild {
	height: 112px;
	width: 112px;
	background-color: #F0F;
}
.angebotbild a{
	background-image: url(/img/pageflip/pageflip.jpg);
}
.angebotbild a:hover{
}

/* runde ecken alte version */
img.nw { position: absolute; top: 0px; left: 0px; z-index: 100000; }
img.ne { position: absolute; top: 0px; right: 10px; z-index: 100000; }
img.se { position: absolute; bottom: 0px; right: 10px; z-index: 100000; }
img.sw { position: absolute; bottom: 0px; left: 0px; z-index: 100000; }




h1 { color: #0782a2; font-size: 24px; margin: 8px 0px 30px 0px; padding: 0px; }
h2 { background-image: URL('/images/accordion_bg.jpg'); height: 21px; padding: 5px 0px 0px 8px; color: White; font-size: 13px; margin: 0px 0px 1px 0px; }
.blue { color: #0782a2; }
.orange { color: #fe7c04; }


#content {
	position: relative;
	z-index: 100;
}


/* standortkarte */
#standortkarte { margin: 25px 0px 50px 20px; }
.tooltip { display: none; position: absolute; z-index: 1002 }
#p1 { position: absolute; top: 386px; left: 300px; }
.tooltip p { position: absolute; top: 7px; left: 8px; color: White;}
.tooltipcontent { width: 258px; background-color: #d9d9c2; padding: 8px; }
.tooltipcontent img { float: right; margin: 0px 0px 8px 8px; }
.standortmarker {cursor: pointer; position: absolute; z-index: 900 }
.standort_caption, .standort_caption_shadow {position: absolute; font-size: 9px; font-weight: bold; z-index: 850;}
.standort_caption_shadow {color: white; z-index: 849;}
#standortliste h3 {cursor: pointer; clear: both}

/* ernaehrung */
.ern_header, .standort_header { background-image: URL('/images/accordion_bg.jpg'); height: 21px; padding: 5px 0px 0px 8px; color: White; font-size: 13px; margin: 0px 0px 1px 0px; cursor: pointer; }
.ern_header { clear: both; }
.ern_topic_detail, .standort_detail { display: none; padding: 10px; }
.ern_left { float: left; width: 400px; }
.ern_right { float: left; width: 300px; text-align: right; }

/* sortiment */
.sort_left { float: left; width: 420px; }
.sort_right { float: right; width: 300px; text-align: right; }
.sort_left h2 { background-image: URL('/images/accordion_bg.jpg'); height: 21px; padding: 5px 0px 0px 8px; color: White; font-size: 13px; margin: 0px 0px 1px 0px; }
.sort_left p { padding: 10px; }
.sort_left p a { color: #fe7c04; }
.sort_divider { height: 1px; overflow: hidden; margin: 15px 0px 15px 0px; border-bottom: 1px dotted black; }

div.tankstelle {float: left; width: 120px; margin: 0 1px 20px 0; text-align: center;}
div.tankstelle .titel {background-color: #85c3d2;  padding: 4px}
div.tankstelle .preis {background-color: #ffe6d2;  padding: 4px}

div.waschanlagenprogramm { float: left; width: 120px; margin: 0 1px 20px 0;  text-align: center; }
div.waschanlagenprogramm .titel {background-color: #85c3d2; padding: 4px}
div.waschanlagenprogramm .text {background-color: #eaeaea; height: 110px; font-size: 10px; padding: 4px}
div.waschanlagenprogramm .preis {background-color: #ffe6d2; padding: 4px}

td.titel {background-color: #85c3d2; padding: 4px; width: 120px; text-align: center; }
td.text {background-color: #eaeaea; font-size: 10px; padding: 4px; vertical-align: top; text-align: center; }
td.preis {background-color: #ffe6d2; padding: 4px; text-align: center; }