body {
	color:#444444;
	font: 11px/1.5em Arial, Verdana, Geneva, Helvetica, sans-serif;
	background: #bdbdbd;
	width:100%;
	text-align: center;
	height:100%;
	margin:0; padding:0;
	background: transparent url(../pics/bg_welcome_01.jpg) center top !important;
	background: transparent url(../pics/bg_welcome_01_ie.jpg) center top;}

.hide { display:none; }
.show { display:block; }
.floatL { float:left; }
.floatR { float:right; }
.clear { clear:both; }
.green {color:#5F7513;}
.alignRight {text-align:right;}

img {float:left;}

hr, span {display:none;}
ul {list-style: none; list-style-type: none; margin:0; padding:0;}
dl, blockquote { margin:0; padding:0;}

h1 {background: transparent url(../pics/pi_logo_kfz.gif) no-repeat; width:345px; height:101px; margin:0; padding:0; float:left;}
h2 {font-size:190%; margin:0; background: transparent url(../pics/bg_title.jpg) no-repeat; width:533px; height:46px; padding:35px 0 0 20px;}
h3 {font-size:110%; margin:0; font-weight:normal; color:#e8b800;  background: transparent url(../pics/pi_bullet_03.gif) 20px 9px no-repeat; padding:5px 0 0 34px;}
h4 {font-size:100%; margin:0; margin-bottom:15px; clear:right;}
h5 {font-size:100%; margin:0;}
h6 {font-size:100%; margin:0;}

a {color:#444444;text-decoration: none; margin:0; padding:0; font-weight:bold;}
a:hover {color:#444444;text-decoration: underline; font-weight:bold;}

#welcome {
	width: 749px;
	margin-left: auto; margin-right: auto;
	margin-top:25px;
	text-align: left;
	margin-top:0;
	
}

#sub {
	width: 749px;
	margin-left: auto; margin-right: auto;
	margin-top:25px;
	text-align: left;
	margin-top:0;
	
}

#me1 {float:left; width:749px; background: transparent url(../pics/bg_me1.gif) repeat;}
#me1 ul {float:left; width:404px; height:53px;}
#me1 li {float:left; margin:0;}
#me1 li a {height:53px; float:left; margin-top:48px; padding:0;}

#me1 a.me101 {width:106px; background: transparent url(../pics/pi_me1_01.gif) no-repeat;}
#me1 a.me102 {width:79px; background: transparent url(../pics/pi_me1_02.gif) no-repeat;}
#me1 a.me103 {width:81px; background: transparent url(../pics/pi_me1_03.gif) no-repeat;}
#me1 a.me104 {width:72px; background: transparent url(../pics/pi_me1_04.gif) no-repeat;}
#me1 a.me105 {width:66px; background: transparent url(../pics/pi_me1_05.gif) no-repeat;}
#me1 a:hover {background-position: 0 -53px;}

#me1 a.me101active {width:106px; background: transparent url(../pics/pi_me1_01.gif) 0 -53px no-repeat;}
#me1 a.me102active {width:79px; background: transparent url(../pics/pi_me1_02.gif)  0 -53px no-repeat;}
#me1 a.me103active {width:81px; background: transparent url(../pics/pi_me1_03.gif) 0 -53px no-repeat;}
#me1 a.me104active {width:72px; background: transparent url(../pics/pi_me1_04.gif) 0 -53px no-repeat;}
#me1 a.me105active {width:66px; background: transparent url(../pics/pi_me1_05.gif) 0 -53px no-repeat;}

/* 1.Ebene */
#me1 ul ul {clear:both; position:absolute; display:none; z-index: 11; width:192px; height:auto; margin-top:100px; border-left:1px #e1e1e1 solid; border-bottom:1px #e1e1e1 solid;}
#me1 ul ul li {float:left; margin:0; padding-top:0; background:none;}
/* blendet ul 2.Ebene ein, funktioniert nicht im IE, siehe dazu JS und letzte CSS Zeile */
#me1 li:hover ul { display:block; z-index: 10; background:none; padding:0;}
#me1 ul ul li {height:auto; z-index: 10; margin:0; border:0; width:192px; border-top:1px #e1e1e1 solid; background:none; padding:0;}
#me1 ul ul li:hover {padding:0; margin:0; width:192px;}
/* Breite notwendig sonst wird im IE nur der Text als Link interpretiert wird. */
/* Hoehe notwendig sonst wird im Moz hier die Hoehe des 1.Links verwendet */
/* Beachten: IE Box Model Bug, wenn Doctype nicht strict (width/margin/border/padding) */
#me1 ul ul li a { display:block; height:auto; z-index: 10; color:#444; float:left; text-align:left; font-weight:normal; margin:0; border:0; width:171px; padding:2px 0 2px 20px; border-right:1px #e1e1e1 solid; background: #fff url(../pics/pi_bullet_01.gif) 8px 7px no-repeat;}
#me1 ul ul li a:hover {color:#fff; z-index: 10; margin:0; border:0; width:170px; text-decoration:none; border-left:1px #ffcf14 solid; border-right:1px #ffcf14 solid; background: #ffcf14 url(../pics/pi_bullet_01.gif) 8px 7px no-repeat;}
/* notwendig fuer hover im IE, siehe auch JS */
#me1 ul ul:hover, #me1 li.sfhover ul { display:block; z-index: 10; padding:0; background:none;}
	

#content {background: #fff url(../pics/bg_content.gif) 0 0 no-repeat; float:left;}


#me2 {width:196px; float:left;}
#me2 ul {float:left;}
#me2 ul li {float:left; width:176px; background: transparent url(../pics/pi_bullet_02.gif) 8px 8px no-repeat; border-bottom:1px #fff solid; padding:2px 0 2px 20px}
#me2 ul li a {font-weight:normal;}

#body {padding:0 0 0 20px; float:left; margin-top: 10px;}
#body ul {float:left; margin:0 0 10px 0 ;}
#body ul li {background: transparent url(../pics/pi_bullet_04.gif) 0 5px no-repeat; padding: 0 0 0 14px; padding-right: 40px; margin-bottom: 10px;}
#body p {clear: left; padding-right: 20px}

.contentText { width:553px; float:left;}
.contentText iframe {background none; border: none; background-color: #fff;}

.headerAddress {background:#393939; width:739px; Height:17px; float:left; padding:0 10px 0 0; color:#888888; border-bottom:1px #000 solid;}
.headerAddress p {float:right; margin:0; padding:0;}

.welcomeImage {width:749px; height:236px; z-index: 9px; position: relative; background: transparent url(../pics/pi_welcome_header_01.jpg) no-repeat; float:left;}

.welcomeContainer {width:749px; height:203px; background: transparent url(../pics/pi_welcome_header_02.jpg) no-repeat; float:left;}

	.autogas {padding:66px 0 0 40px; width:200px; float:left;}
	.autogas li {margin:0; padding:0; line-height:14px; background: transparent url(../pics/pi_bullet_01.gif) 0 3px no-repeat; padding:0 0 0 12px;}

	.service {padding:66px 0 0 65px; width:200px; float:left;}
	.service li {margin:0; padding:0; line-height:14px; background: transparent url(../pics/pi_bullet_01.gif) 0 3px no-repeat; padding:0 0 0 12px;}
	
#footer {float:left; width:749px; background: transparent url(../pics/pi_footer_00.gif) 0 0 no-repeat; height:19px;}
#footer ul {width:245px; padding-left:504px;}
#footer li {float:left;}
#footer a {height:19px; float:left;}
#footer a.impressum { width:80px; background: transparent url(../pics/pi_footer_01.gif) no-repeat;}
#footer a.kontakt { width:73px; background: transparent url(../pics/pi_footer_02.gif) no-repeat;}
#footer a.datenschutz { width:92px; background: transparent url(../pics/pi_footer_03.gif) no-repeat;}
#footer a:hover {background-position: 0 -19px;}
