html, body {

    height : 100%;
    width: 100%;
	margin : 0;
    padding : 0;
}


#wrapper {position:relative;
                padding:0;width:100%;
margin-right: auto;
margin-left: auto;
               }

body {


  overflow: hidden;
  width: 100%;
  height: 100%;


	color:#999;
	font-family:Verdana, sans-serif;
	font-size: 62.5%;
	margin : 0;
    padding : 0;

background-color:#000;
}


#cont_box {
background : url(../img/backgrounds/bg.jpg) 0 100% no-repeat;
	margin:0px;
	height: 450px;
	width:100%;
background-color:#000;
z-index: 100;
}

#cont_box1 {
background : url(../img/backgrounds/gas_bg.jpg) 0 100% no-repeat;
	margin:0px;
	height: 450px;
	width:100%;
background-color:#000;
z-index: 100;
}


#cont_box2 {
background : url(../img/backgrounds/team2.jpg) 0 100% no-repeat;
	margin:0px;
	height: 450px;
	width:100%;
background-color:#fff;
z-index: 100;
}


#cont_box3 {
background : url(../img/backgrounds/reifen2.jpg) 0 100% no-repeat;
	margin:0px;
	height: 450px;
	width:100%;
background-color:#fff;
z-index: 100;
}

#cont_box4 {
background : url(../img/backgrounds/bg3.jpg) 0 100% no-repeat;
	margin:0px;
	height: 450px;
	width:100%;
background-color:#000;
z-index: 100;
}


#cont_box5 {
background : url(../img/backgrounds/gas.jpg) 0 100% no-repeat;
	margin:0px;
	height: 450px;
	width:100%;
background-color:#000;
z-index: 100;
}


#cont_box6 {
background : url(../img/backgrounds/motor3.jpg) 0 100% no-repeat;
	margin:0px;
	height: 450px;
	width:100%;
background-color:#000;
z-index: 100;
}

#cont_box7 {
background : url(../img/backgrounds/klima.jpg) 0 100% no-repeat;
	margin:0px;
	height: 450px;
	width:100%;
background-color:#000;
z-index: 100;
}


#cont_box8 {
background : url(../img/backgrounds/bremsen.jpg) 0 100% no-repeat;
	margin:0px;
	height: 450px;
	width:100%;
background-color:#000;
z-index: 100;
}


#cont_box9 {
background : url(../img/backgrounds/service1.jpg) 0 100% no-repeat;
	margin:0px;
	height: 450px;
	width:100%;
background-color:#000;
z-index: 100;
}

#cont_box10 {
background : url(../img/backgrounds/glas1.jpg) 0 100% no-repeat;
	margin:0px;
	height: 450px;
	width:100%;
background-color:#000;
z-index: 100;
}


#cont_box11 {
background : url(../img/backgrounds/kontakt.jpg) 0 100% no-repeat;
	margin:0px;
	height: 450px;
	width:100%;
background-color:#000;
z-index: 100;
}


#cont_box12 {
background : url(../img/backgrounds/angebot_gas.jpg) 0 100% no-repeat;
	margin:0px;
	height: 450px;
	width:100%;
background-color:#000;
z-index: 100;
}

#cont_box13 {
background : url(../img/backgrounds/schalter.jpg) 0 100% no-repeat;
	margin:0px;
	height: 450px;
	width:100%;
background-color:#000;
z-index: 100;
}
#cont_box14 {
background : url(../img/backgrounds/angebot.jpg) 0 100% no-repeat;
	margin:0px;
	height: 450px;
	width:100%;
background-color:#000;
z-index: 100;
}

#cont_box15 {
background : url(../img/backgrounds/lack.jpg) 0 100% no-repeat;
	margin:0px;
	height: 450px;
	width:100%;
background-color:#000;
z-index: 100;
}


#cont_box16 {
background : url(../img/backgrounds/dekra.jpg) 0 100% no-repeat;
	margin:0px;
	height: 450px;
	width:100%;
background-color:#fff;
z-index: 100;
}


#cont_box17 {
background : url(../img/backgrounds/presse.jpg) 0 100% no-repeat;
	margin:0px;
	height: 450px;
	width:100%;
background-color:#000;
z-index: 100;
}


#cont_box18 {
background : url(../img/backgrounds/anfahrt.jpg) 0 100% no-repeat;
	margin:0px;
	height: 450px;
	width:100%;
background-color:#000;
z-index: 100;
}


#cont_box19 {
background : url(../img/backgrounds/tank.jpg) 0 100% no-repeat;
	margin:0px;
	height: 450px;
	width:100%;
background-color:#000;
z-index: 100;
}

#cont_box20 {
background : url(../img/backgrounds/kerze.jpg) 0 100% no-repeat;
	margin:0px;
	height: 450px;
	width:100%;
background-color:#fedcac;
z-index: 100;
}

#cont_box21 {
background : url(../img/backgrounds/taschenrechner.jpg) 0 100% no-repeat;
	margin:0px;
	height: 450px;
	width:100%;
background-color:#000;
z-index: 100;
}

#textbox {

	margin:0px;
padding:0px;
	height: 450px;
	width:644px;
background-color:#fff;
filter:alpha(opacity=90); /* Für IE */
-moz-opacity:0.9; /* Für Gecko-Browser */
opacity:0.9; /* Für Opera 9+ */
float:left;
}


*+html #textbox {

	margin:0px;
padding:0px;
	height: 450px;
	width:644px;
float:left;
}


#textbox1 {

	margin:0px;
padding:0px;
	height: 450px;
	width:644px;
float:left;
}


*+html #textbox1 {

	margin:0px;
padding:0px;
	height: 450px;
	width:644px;
float:left;
}


#textbox2 {

	margin:0px;
padding:0px;
	height: 450px;
	width:644px;
filter:alpha(opacity=90); /* Für IE */
-moz-opacity:0.9; /* Für Gecko-Browser */
opacity:0.9; /* Für Opera 9+ */
float:left;
}


*+html #textbox2 {

	margin:0px;
padding:0px;
	height: 450px;
	width:644px;
float:left;
}



#textbox3 {

	margin:0px;
padding:0px;
	height: 450px;
	width:644px;

float:left;
}


*+html #textbox3 {

	margin:0px;
padding:0px;
	height: 450px;
	width:644px;
float:left;
}





#textbox_presse {

	margin:0px;
padding:0px;
	height: 450px;
	width:644px;
background-color:#fff;

float:left;
}


*+html #textbox_presse {

	margin:0px;
padding:0px;
	height: 450px;
	width:644px;
float:left;
}




#header_logo {
padding-top:10px;
	margin:0px;
	height: 170px;
	width:100%;
background-color:#000;

}

#header_nav {
position:absolute;
	margin:0px;
	height: 170px;
	width:650px;
z-index:200;

}


#logo{

margin-left:644px;
background : url(../img/logo1.gif) 0 100% no-repeat;
background-color:#c00;
width: 350px;
height: 169px;
background-color:#000;
border-top: 1px solid #FFFFFF;
 border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}


#logo2{

margin-left:644px;
background : url(../img/logo3.gif) 0 100% no-repeat;
background-color:#c00;
width: 350px;
height: 169px;
background-color:#000;
border-top: 1px solid #FFFFFF;
 border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}



#nav{

margin-left:0px;
background-color:#c00;
width: 350px;
height: 169px;
background-color:#000;


}





*html #logo{
position:absolute;
margin-left:644px;
background : url(../img/logo1.gif) 0 100% no-repeat;
background-color:#c00;
width: 350px;
height: 169px;
background-color:#000;


border-top: 1px solid #FFFFFF;
 border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}

*+html #logo{
position:absolute;
margin-left:644px;
background : url(../img/logo1.gif) 0 100% no-repeat;
background-color:#c00;
width: 350px;
height: 169px;
background-color:#000;


border-top: 1px solid #FFFFFF;
 border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}







*html #logo2{
position:absolute;
margin-left:644px;
background : url(../img/logo3.gif) 0 100% no-repeat;
background-color:#c00;
width: 350px;
height: 169px;
background-color:#000;


border-top: 1px solid #FFFFFF;
 border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}

*+html #logo2{
position:absolute;
margin-left:644px;
background : url(../img/logo3.gif) 0 100% no-repeat;
background-color:#c00;
width: 350px;
height: 169px;
background-color:#000;


border-top: 1px solid #FFFFFF;
 border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}







#logo_links{


background-color:#c00;
margin: 0;
float:left;
margin-top:170px;
	width: 400px;
	height: 60px;
background-color:#000;
filter:alpha(opacity=80); /* Für IE */
-moz-opacity:0.8; /* Für Gecko-Browser */
opacity:0.8; /* Für Opera 9+ */
overflow: auto;

}

#content_team{
z-index: 20;
	margin: 0;

margin-left:644px;
	width: 350px;
	height: 450px;

overflow: auto;

position:absolute;
}

#content_flash{
z-index: 20;
	margin: 0;

margin-left:644px;
	width: 350px;
	height: 450px;

overflow: auto;

position:absolute;
}


#content_team{
z-index: 20;
	margin: 0;

margin-left:644px;
	width: 350px;
	height: 450px;

overflow: auto;

position:absolute;
}









*html #content_flash{
z-index: 20;
	margin: 0;


	width: 350px;
	height: 450px;

overflow: auto;

position:absolute;
}



*+html #content_team{
z-index: 20;
	margin: 0;

margin-left:644px;
	width: 350px;
	height: 450px;

overflow: auto;

position:absolute;
}


*+html #content_flash{
z-index: 20;
	margin: 0;
	width: 350px;
	height: 450px;

overflow: auto;

position:absolute;
}




#holder {
	margin:0px;
	position: absolute;
	height: 600px;
	width:954px;
 	background-color:#ccc;
}

a {
	color: #3399FF; 
	text-decoration: underline;
}

a:hover {
	color: #ccc;
}


a:active {
	color: #FF5A3A;
}


.picture {
	margin-top: 0px;
	padding-top:30px;
	height: 90px;	
}


h1 {
	font-size: 1.1em;
	font-family:Verdana, sans-serif;
	margin: 0;
	padding: 0;
	color: #3399FF;
padding-bottom:10px;
}


h3 {
	font-size: 1.1em;
	font-family:Verdana, sans-serif;
	margin: 0;
	padding: 0;
	color: #3399FF;
padding-bottom:10px;
}


h5 {
	font-size: 1.0em;
	font-family:Verdana, sans-serif;
	margin: 0;
	padding: 0;
	color: #3399FF;
    padding-bottom:3px;
}



#wagen h5 {
	font-size: 1.0em;
	font-family:Verdana, sans-serif;
	margin: 0;
	padding: 3px 0 0 3px;
	color: #3399FF;
    padding-bottom:3px;
}







h6 {
	font-size: 1.1em;
	font-family:Verdana, sans-serif;
	margin: 0;
	padding-top: 20px;
    margin-bottom: 20px;
    padding-left: 10px;
	color: #3399FF;
    padding-bottom:3px;
}

#container {
	width: 950px;
	color: #333;
	line-height: 130%;
	padding: 0;
	margin:0 auto;

}




.content_rechts_text_profil1 {
height: auto;
	padding-top: 30px;
	padding-left:50px;
	padding-right:30px;
	padding-bottom:40px;
	font-size: 1.2em;
	line-height:1.6em;
	text-align:left;
color:#fff;

}



#wagen {
height: 180px;
padding-top: 0px;
padding-left:5px;
padding-right:0px;
margin-bottom:20px;
background:#fff;
width:327px;
}


#wagen img {

padding-top: 0px;
padding-left:0px;
padding-right:0px;
margin-bottom:0px;
background:#fff;

}



.zustand {
	font-size: 1.1em;
	color: #c00;

}

.preis {
	font-size: 1.1em;
	color: #252525;
	font-weight:bold;

}











.content_rechts_text_gebrauchtwagen {
height: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right:0px;
	padding-bottom:0px;
	font-size: 1.1em;
	line-height:1.5em;
	text-align:left;
    color:#252525;

}
.content_rechts_text_kontakt {
height: auto;
	padding-top: 30px;
	padding-left:20px;
	padding-right:10px;
	padding-bottom:10px;
	font-size: 1.2em;
	line-height:1.2em;
	text-align:left;
color:#fff;

}


*+ html .content_rechts_text_kontakt {
height: auto;
	padding-top: 0px;
	padding-left:10px;
	padding-right:0px;
	padding-bottom:10px;
	font-size: 1.2em;
	line-height:1.2em;
	text-align:left;
color:#fff;

}


/*-------------
navigation
-------------*/

#mainnav {

	width: 650px;
	margin:0px;
	padding:0px;
padding-top:0px;
position:absolute;
margin-left:0px;
margin-top:20px;
list-style:none;
}



#mainnav ul li {
	float: left;
	font-size: 1.1em;
	margin:0px;
	padding:0px;
list-style:none;


}

#mainnav ul li a {
	color: #fff;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;

}

#mainnav ul li a:hover {
	color: #c00;
}

#mainnav ul li span {
	background-color: #fefeff;
	color: #f26631;

	padding-top:2px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-left: 10px;

}

#mainnav ul li a span{
	background-color: #fefeff;
	color: #f26631;

	padding-top:2px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-left: 10px;


}

#mainnav ul li.active a {

	color: #c00;

	padding-top:2px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-left: 10px;


}
#mainnav ul li.active a:hover {


	color: #c00;

	padding-top:2px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-left: 10px;
}





#sub_nav ul {
list-style-type:none;
	margin:0px;
	padding:0px;
	margin-left:25px;
text-align:left;
}
#sub_nav ul.navsub a {margin:0px;
	padding:0px;
	color:#121212;
	font-weight:bold;
	text-decoration:none;
	font-size:1.1em;
	line-height:20px;
}


#sub_nav ul.navsub a.active {margin:0px;
	padding:0px;
	color:#FF6600;
	text-decoration:none;
	font-size:1.1em;
	line-height:20px;

}
#sub_nav ul.navsub a.active:hover {margin:0px;
	padding:0px;
	color:#FF6600;
	text-decoration:none;
	font-size:1.1em;
	line-height:20px;
}
#sub_nav ul.navsub a:hover {
margin:0px;
	padding:0px;
	color:#FF6600;
	text-decoration:none;
	font-size:1.1em;
	line-height:20px;
} 


#sub_nav ul.subnav2 a {margin:0px;
	padding:0px;
margin-left:0px;
	color:#095DA6
	font-weight:normal;
	text-decoration:none;
	font-size:1.1em;
	line-height:20px;
}

#sub_nav ul.subnav2 a.active {margin:0px;
	padding:0px;
margin-left:0px;
	color:#FF6600;
	text-decoration:none;
	font-size:1.1em;
	line-height:20px;
}
#sub_nav ul.subnav2 a.active:hover {margin:0px;
	padding:0px;
margin-left:0px;
	color:#FF6600;
	text-decoration:none;
	font-size:1.1em;
	line-height:20px;
}
#sub_nav ul.subnav2 a:hover {
margin:0px;
margin-left:0px;
	padding:0px;
	color:#FF6600;
	text-decoration:none;
	font-size:1.1em;
	line-height:20px;
} 



#sub_nav ul.subnav3 a {margin:0px;
	
padding:0px;
	margin-left:5px;
color:#095DA6;
	font-weight:normal;
	text-decoration:none;
	font-size:1.1em;
	line-height:20px;

}


#sub_nav ul.subnav3 a.active {margin:0px;
	margin-left:5px;
padding:0px;
	color:#FF6600;
	text-decoration:none;
	font-size:1.1em;
	line-height:20px;

}
#sub_nav ul.subnav3 a.active:hover {margin:0px;
	padding:0px;
margin-left:5px;
	color:#FF6600;
	text-decoration:none;
	font-size:1.1em;
	line-height:20px;

}
#sub_nav ul.subnav3 a:hover {
margin:0px;
margin-left:5px;
	padding:0px;
	color:#FF6600;
	text-decoration:none;
	font-size:1.1em;
	line-height:20px;

} 





/*-------------
Kontaktformular
-------------*/
*******************************************************************************/
#form-module * {
	padding:0px;
	margin:0px;
}

#form-module {
	margin:0px;
	padding:0px;


	color:#fff;
font-size:1.0em;

}

#form-module fieldset {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	border: none;

}

#form-module legend {

	color: #3399FF;
	padding: 2px 0px;
	border: 0px solid #e7e7e7;
	margin: 20px 0px 0px 0px;
	font-weight: bold;
}
*+ html #form-module legend {

	color: #3399FF;
	padding: 0px 0px;
padding-bottom:20px;
	border: 0px solid #e7e7e7;
	margin: 20px 0px 0px 0px;
	font-weight: bold;
}

* html #form-module legend {

	color: #3399FF;
	padding: 0px 0px;
padding-bottom:20px;
	border: 0px solid #e7e7e7;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
}


#form-module p {
	margin:0;

padding-bottom:1px;
	font-size:1.1em;
	
}

#form-module h2 {
	padding:0px 0 0px 0;
}

#form-module .element {

}

#form-module label {
	display:block;
	float:left;
	padding:0px;
	width:120px;
	border-right:none;
}

#form-module label.checkbox {
	width:232px;
	border-left:2px solid ;
	border-right:none;
}

#form-module label.checkboxinner {
	width:230px;

	border-left:2px solid;
	border-right:none;
}

#form-module input, 
#form-module select, 
#form-module textarea {
	float:left;
	margin:2px;
		padding-left:0px;
font-size:1.1em;
	width:170px;
	border:1px solid #999;
}

#form-module input:focus, #form-module input:hover,
#form-module select:focus, #form-module select:hover, 
#form-module textarea:focus, #form-module textarea:focus {
	background-color: #EFEEEE;
 	border:  1px solid #000;


}

#form-module input.text {
	height:1.4em;
}

#form-module input.textshort {
	width:30px;
}

#form-module input.textshortdisabled {
	display:none;
	float:none;
	width:50px;
	border:none;
}

#form-module input.checkbox {
	width:100px;
	padding:0;
	border:none;
font-size:1.1em;
}

#form-module input.checkboxinner {
	width:30px;
	padding:0;
	margin:0 0 0 5px;
	border:none;
font-size:1.1em;
}

#form-module input.submit { 
	margin:5px 5px 5px 122px;
	padding:2px 5px;
width:120px;
	background-color:#f7f7f7;
	color:#000;
	font-size:1.0em;
	text-align:center;
	cursor:pointer;
}

#form-module input.submit:hover { 
	background-color:#3399FF;
	color:#fff;
}


#form-module textarea.textarea {
	height:130px;
font-size:1.2em;
}

#form-module-thanks {
	margin:50px 5px 5px 50px;
	display:block;
	color:#3399FF;
	font-size:1.1em;
	font-weight: normal;
}









.referenzen_leiste {
	width:230px;


	height:150px;
}
.referenzen_alles {
	display:inline;
	float:left;
	padding-left:0px;
}
.referenzen_alles2 {
	display:inline;
}
.referenzen_bild {
	width:150px;
height:150px;
	display:inline;
	float:left;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #edecec;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #edecec;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #edecec;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #edecec;
}
.referenzen_titel {
	width:170px;
	display:inline;
	float:left;
	text-transform:uppercase;
	text-shadow:Gray;
	color:#fff;
font-family:Verdana, sans-serif;
	font-size:1.0em;
font-weight:bold;	
}
.referenzen_inhalt {
	width:230px;
	display:inline;
	float:left;
	clear:both;
	color:#fff;
font-size:1.0em;
}






* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {

margin:0; 
position:relative; 
width:650px; height:35px; 
z-index:100;


}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {
	padding:0;
	margin:0;
	list-style-type: none;
	text-align:center;
padding-top:130px;
}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {display:block;width:125px; font-size:11px; color:#fff; height:35px; line-height:24px; text-decoration:none; text-indent:5px; }


/* Set up the list items */
#pmenu li {float:left; background:#000;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}


/* Make the hovered list color persist */
#pmenu li:hover > a {background:#000; color:#3399FF;}


/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}


/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(files/transparent.gif); width:100px;}


/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:16px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; background:#000; color:#c00;}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {background:#000; color:#3399FF;}

/* Set up the pointers for the sub level indication */
#pmenu li.fly {background:#7484ad url(http://web35.kassel110.server4you.de/files/fly.gif) no-repeat right center;}
#pmenu li.drop {background:#7484ad url(http://web35.kassel110.server4you.de/files/drop.gif) no-repeat right center;}


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:80px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}









/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */