@charset "UTF-8";
/* Einfache fließende Medien
   Hinweis: Für fließende Medien müssen Sie die Attribute 'height' und 'width' des Medium aus dem HTML-Code entfernen
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 unterstützt keine maximale Breite, verwenden Sie daher eine Standardbreite von 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver-Eigenschaften für fließende Raster
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Idee durch den Artikel "Responsive Web Design" von Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	und "Golden Grid System" von Joni Korpi
	http://goldengridsystem.com/
*/

/* Layout für Mobilgeräte: 480 px oder weniger. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	/* [disabled]padding-left: 1.82%; */
	/* [disabled]padding-right: 1.82%; */
}
body {
	background-image: url(/b-felgeninstandsetzung-oberhausen/bilder/hg.gif);
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#content {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#headerbild {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#navi {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#complete {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	visibility: hidden;
}
#footer1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer2 {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 100%;
	display: block;
}
#linkespalte {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#rechtespalte {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 100%;
	display: block;
}
#mobilcomplete {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #CCC;
	/* [disabled]border: 5px solid #FFF; */
	/* [disabled]margin-top: 3px; */
}

#menumob {
	clear: both;
	float: left;
	margin-left: 0px;
	width: 98%;
	display: block;
	background-color: #000;
	padding-left: 2%;
	margin-bottom: 10px;
	position: fixed;
}
#navimob {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	margin-bottom: 10px;
}



/* mobile navigation unten <481px */
#mobilcomplete481 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #CCC;
	/* [disabled]border: 5px solid #FFF; */
	/* [disabled]margin-top: 3px; */
	/* [disabled]position:fixed; */
	/*	position: static;
	position: -webkit-sticky;
	position: sticky;
	top: 5px;
*/
	top: 5px;
}

/* wegen fixed */
div#fuss {
	margin-top:1720px;
}



div#mobilcomplete481 div#navimob {
display: block;
}

div#mobilcomplete481 div#menumob {
	position: fixed;
	margin-bottom: 1px;
}
/* ende mobile navigation unten <481px */






#mob_home {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #999;
	text-align: center;
	height: auto;
	padding-top: 16px;
	padding-bottom: 8px;
}
#mob_reparatur {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	padding-top: 16px;
	padding-bottom: 8px;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #999;
	background-color: #FFF;
}
#mob_verfahren {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-top: 16px;
	padding-bottom: 8px;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #999;
	text-align: center;
	background-color: #FFF;
}
#mob_pube {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-top: 16px;
	padding-bottom: 8px;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #999;
	text-align: center;
	background-color: #FFF;
}
#mob_thermo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-top: 16px;
	padding-bottom: 8px;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #999;
	text-align: center;
	background-color: #FFF;
}
#mob_reservierung {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-top: 16px;
	padding-bottom: 8px;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #999;
	text-align: center;
	background-color: #FFF;
}
#mob_kontakt {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-top: 16px;
	padding-bottom: 8px;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #999;
	text-align: center;
	background-color: #FFF;
}
#mob_preise {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-top: 16px;
	padding-bottom: 8px;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #999;
	text-align: center;
	background-color: #FFF;
}
#mob_lang {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-top: 16px;
	padding-bottom: 8px;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #999;
	text-align: center;
	background-color: #FFF;
}
#content_kasten {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/*  content_kasten   classe wegen mehreren boxen*/
.content_kasten {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


#content_header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

.content_header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}



#content_mitte {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/*  content_mitte   classe wegen mehreren boxen*/
.content_mitte {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


#content_fuss {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#kasten_lins {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#kasten_rechts {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 100%;
	display: block;
}

/*  kasten_lins   classe wegen mehreren boxen*/
/*  kasten_rechts   classe wegen mehreren boxen*/
/*  content_fuss   classe wegen mehreren boxen*/

.content_fuss {
	clear: both;
	float: left;
	margin-left: 0px;
	width: 100%;
	display: block;
	line-height: 3em;		/*text-align:center;*/
	text-indent: 20px;
}
.kasten_lins {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

.kasten_rechts {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 95.83%;
	display: block;
}

#footeralt {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 481px) {
	.gridContainer {
		width: 90.675%;
		padding-left: 1.1625%;
		padding-right: 1.1625%;
	}
	#LayoutDiv1 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	#header {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	#content {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	#footer {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	#headerbild {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	#navi {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		visibility: visible;
	}
	
	#complete {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		visibility: visible;
	}
	#footer1 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	#footer2 {
		clear: none;
		float: left;
		margin-left: 2.5641%;
		width: 100%;
		display: block;
	}
	#linkespalte {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	#rechtespalte {
		clear: none;
		float: left;
		margin-left: 2.5641%;
		width: 100%;
		display: block;
	}
	#mobilcomplete {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: none;
	}
	
/* navigation unten für <481px*/
	#mobilcomplete481 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: none;
	}	
	
	#menumob {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	#navimob {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	#mob_home {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	#mob_reparatur {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	#mob_verfahren {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	#mob_pube {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	#mob_thermo {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	#mob_reservierung {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	#mob_kontakt {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	#mob_preise {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	#mob_lang {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	#content_kasten {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

/*  content_kasten   classe wegen mehreren boxen*/
	.content_kasten {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#content_header {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	.content_header {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}


	#content_mitte {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	
/*  content_mitte   classe wegen mehreren boxen*/
	.content_mitte {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	
	#content_fuss {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	#kasten_lins {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	#kasten_rechts {
		clear: none;
		float: left;
		margin-left: 2.5641%;
		width: 100%;
		display: block;
	}

/*  kasten_lins   classe wegen mehreren boxen*/
/*  kasten_rechts   classe wegen mehreren boxen*/
/*  content_fuss   classe wegen mehreren boxen*/

	.content_fuss {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	.kasten_lins {
		clear: both;
		float: left;
		margin-left: 0;
		width: 95%;
		display: block;
	}
	.kasten_rechts {
		clear: none;
		float: left;
		margin-left: 2.5641%;
		width: 92.43%;
		display: block;
	}

/* wegen fixed */
div#fuss {
	margin-top:10px;
}

#footeralt {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


}

/* Desktoplayout: 769 bis maximal 1232 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */

@media only screen and (min-width: 769px) {
	.gridContainer {
	width: 95%;
	max-width: 1350px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
	}
	#LayoutDiv1 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	#header {
		clear: both;
		float: left;
		margin-left: 0;
		/* [disabled]width: 100%; */
		display: block;
		background-color: #000;
	}
	#content {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	#footer {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		background-color: #666;
	}
	#headerbild {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	#navi {
		clear: both;
		float: left;
		/* [disabled]margin-left: -2px; */
		width: 100%;
		display: block;
	}
	
	nav {
		/*background-color: silver;*/
		/*border: 1px solid black;*/
		height: 2em;
		/*padding: 0.8em;*/
		width: auto;
		
	}
	
	nav:after {
		clear: left;
		content: "";
	}
	
	nav ul {
		margin: 0;
		padding: 0;
		text-align: center;
		
	}
	
	nav li {
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
		border-left-width: medium;
		border-left-style: solid;
		border-left-color: #CCC;
	}
	/* Unternavigation ausblenden */
	
	nav ul ul {
		font: 0/0 serif;
		margin: 0;
		padding: 0;
		position: absolute;
		/*top: 2.5em;*/
		z-index: -1;
		-webkit-transition: all 0.5s ease-in;
		transition: all 0.5s ease-in;
	}
	/*  Unternavigation einblenden */
	
	nav ul li:hover ul {
		font: inherit;
		z-index: auto;
	}
	
	nav ul ul li {
		float: none;
		/*margin-bottom: 0.2em;*/
	}
	
	 
/*  -----  */
    nav li li {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
        border-left-width: medium;
        border-left-style: solid;
        border-left-color: #CCC;
    }
/* Unternavigation ausblenden */
 nav ul ul ul {
        font: 0/0 serif;
        margin: 0px;
        padding: 0;
        position: absolute;
        display: none;
        left: 100%;
        top: 0;
        z-index: -1;
    }
/*  Unternavigation einblenden */
    nav li ul li:hover ul {
        font: inherit;
        z-index: auto;
        display: block;
    }
    
    nav ul ul ul li {
        float: none;
    }
/*-----*/
	
	nav a,
	nav span {
		background-color: white;
		/*background-image: repeating-linear-gradient(135deg, transparent, transparent 9px, gold 9px, gold 10px);*/
		/*border: 1px solid blue;*/
		/*border-radius: 10px 10px 0 0;*/
		/*box-shadow: 0px 5px 10px white inset;*/
		/*color: gold;*/
		display: block;
		/*font-weight: bold;*/
		/*margin: 0.6em 0 0 0;*/
		padding: 0.4em;
		padding-left: 1em;
		padding-right: 1em;
		text-decoration: none;
		/* Breite den in li enthaltenen Elementen zuweisen */
		
		width: auto;
		-webkit-transition: all 0.5s ease-in;
		transition: all 0.5s ease-in;
	}
	
	nav ul ul a,
	nav ul ul span {
		font-size: 10pt;
		text-align: left;
		
	}
	/* aktuelle Unterseite kennzeichnen */
	
	nav a:focus,
	nav a:hover,
	nav span {
		color: white;
		background-color: #dc3133;
	}
	
	nav a:focus,
	nav a:hover {
		margin-top: 0;
		/*padding: 1em 0.4em 0.4em;*/
		padding: 0.4em 0.4em 0.4em;   /* us */
		padding-left: 1em;
		padding-right: 1em;
	}
	
	nav ul ul a:hover {
		/*margin: 0.6em 0 0 0;*/
		padding: 0.4em;
	}
	/* aktuelle Unterseite kennzeichnen */
	
	nav ul ul span {
		background-color: grey;
		color: white;
	}
	
	#complete {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		visibility: visible;
		margin-bottom: 20px;
	}
	
	#footer1 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 18.5714%;
		display: block;
	}
	
	#footer2 {
		clear: none;
		float: left;
		margin-left: 2.0408%;
		width: 28.5714%;
		display: block;
	}
	
	#linkespalte {
		clear: both;
		float: left;
		margin-left: 0;
		width: 38.7755%;
		display: block;
		text-align: center;
	}
	
	#rechtespalte {
		clear: none;
		float: left;
		margin-left: 2.0408%;
		width: 59.1836%;
		display: block;
	}
	
	#mobilcomplete {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: none;
	}
	
	#menumob {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	
	#navimob {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	
	#mob_home {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	
	#mob_reparatur {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	
	#mob_verfahren {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	
	#mob_pube {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	
	#mob_thermo {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	
	#mob_reservierung {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	
	#mob_kontakt {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	
	#mob_preise {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	
	#mob_lang {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	
	#content_kasten {
		clear: both;
		float: left;
		margin-left: 0;
		width: 90%;
		display: block;
		box-shadow: 3px 3px 12px #000;
		border-radius: 0px 0px 15px 0px;
	}

/*  content_kasten   classe wegen mehreren boxen*/
	.content_kasten {
	clear: both;
	float: left;
	margin-left: 0;
	width: 90%;
	display: block;
	box-shadow: 3px 3px 12px #000;
	border-radius: 0px 0px 15px 0px;
	margin-bottom: 40px;
	}


	#content_header {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		background-color: #dc3133;
		padding-top: 8px;
		padding-bottom: 6px;
		padding-left: 8px;
		/* [disabled]padding-right: -5px; */
	}

	.content_header {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		background-color: #dc3133;
		padding-top: 8px;
		padding-bottom: 6px;
		padding-left: 8px;
		/* [disabled]padding-right: -5px; */
	}



	#content_mitte {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		background-color: #FFF;
		padding-left: 8px;
	}

/*  content_mitte   classe wegen mehreren boxen*/
	.content_mitte {
	clear: both;
	float: left;
	margin-left: 0;
	width: 99%;
	display: block;
	background-color: #FFF;
	padding-left: 8px;
	padding-right: 1%;
	}


	#content_fuss {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		background-color: #DFDDE0;
		padding-left: 8px;
		border-radius: 0px 0px 15px 0px;
	}
	
	#kasten_lins {
		/* [disabled]clear: none; */
		float: left;
		margin-left: 0;
		width: 49%;
		display: block;
	}
	
	#kasten_rechts {
		/* [disabled]clear: none; */
		float: left;
		margin-left: 2.0408%;
		width: 45%;
		display: block;
	}

/*  kasten_lins   classe wegen mehreren boxen*/
/*  kasten_rechts   classe wegen mehreren boxen*/
/*  content_fuss   classe wegen mehreren boxen*/

	.content_fuss {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #DFDDE0;
	padding-left: 8px;
	border-radius: 0px 0px 15px 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #666;
	}
	
	.kasten_lins {
		/* [disabled]clear: none; */
		float: left;
		margin-left: 0;
		width: 49%;
		display: block;
	}
	
	.kasten_rechts {
		/* [disabled]clear: none; */
		float: left;
		margin-left: 2.0408%;
		/*width: 45%;*/
		width: 42.9%;
		display: block;
	}



	a {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3 em;
	}
	.mobtext {
		font-family: Arial, Helvetica, sans-serif;
		padding-left: 6px;
	}
	.mob_nav {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		text-decoration: none;
	}
	
	
	.kasten_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
	/*padding-left: 5px;*/
		
	font-weight: bolder;
	padding-left: 10px;
	padding-right: 0px;
	text-indent: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	.text_footer {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		color: #FFF;
	}
	.gridContainer.clearfix #complete #footer #footer1 .text_footer a {
		color: #FFF;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12pt;
	}
	.gridContainer.clearfix #complete #footer #footer2 .text_footer a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12pt;
		color: #FFF;
		text-decoration: none;
	}
	#footeralt {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

}




/* TEST navi US */
@media only screen and (max-width: 1355px) {
	nav a, nav span {
		padding-left: 0.35em !important;
		padding-right: 0.35em !important;
		font-size: 12pt;
	}

}

@media only screen and (max-width: 1255px) {
	nav a, nav span {
		padding-left: 0.25em !important;
		padding-right: 0.25em !important;
		font-size: 11pt;
	}
}
@media only screen and (max-width: 1098px) {
	nav a, nav span {
		padding-left: 0.15em !important;
		padding-right: 0.15em !important;
		font-size: 10pt;
	}
	.content_fuss {
	font-size: 1em;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	/* [disabled]line-height: 3em; */
	}

}

@media only screen and (max-width: 945px) {
	nav a, nav span {
		padding-left: 0.15em !important;
		padding-right: 0.15em !important;
		font-size: 9pt;
	}

	nav ul ul a, nav ul ul span {
		font-size: 9pt;
	}

	.content_fuss {
		font-size: 0.8em;
	}
	


}


@media only screen and (min-width: 778px) and (max-width: 865px) {
	nav a, nav span {
		padding-left: 0.14em !important;
		padding-right: 0.14em !important;
		font-size: 8.4pt;
	}

	nav ul ul a, nav ul ul span {
		font-size: 8.4pt;
	}
	
	#navi li  {
		border-left-width: 1px;
	}
		
}




@media only screen and (max-width: 777px) {
/*	nav li ul li {
		padding-left:2%;
	}
	nav ul li:nth-child(odd), nav ul li ul:nth-child(odd)  {
		background-color: #FFF;
	}
	nav ul li:nth-child(even), nav ul li ul:nth-child(even) {
		background-color: #CCC;
	}
	*/
	div#mobilcomplete {
		display:block;
	}
	
	div#navi {
		display:none;
	}
	
	.content_fuss {
		font-size: 1.0em;
	}
	nav a, nav span {
		padding-left: 0.1em !important;
		padding-right: 0.1em !important;
		font-size: 8.2pt;
	}


}





/*  / TEST navi US */


/* allgemein */
/* breite begrenzen weil es sonst überläuft */
#kasten_rechts {

 /*   width: 45%;*/

}

/* US eigenes */
ul.startliste li {
	/*list-style-image:url(../bilder-felgeninstandsetzung/haken.gif);*/
	line-height:1.5em;
    list-style-type: none;
    padding-left: 22px;
    margin-left: 5px;
    background-image:url('../bilder-felgeninstandsetzung/haken.gif');
    background-repeat:no-repeat;
    background-position:left 1px;
}

ul.plusliste li {
	line-height:1.2em;
    list-style-type: none;
    padding-left: 30px;
	padding-bottom: 9px;
	margin-bottom: 3px;
    margin-left: 4px;
    background-image:url('../b-felgen-verchromen-verdichten-duesseldorf-koeln-oberhausen/plus.jpg');
    background-repeat:no-repeat;
    background-position:left -1px;
	/*max-height:5.8em;*/
	min-height:1.4em;
}
ul.plusliste li.minus {
    background-image:url('../b-felgen-verchromen-verdichten-duesseldorf-koeln-oberhausen/minus.jpg');
}

.titel {
    color: #4b4b4b;
    font-size: 12px;
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    line-height: 17px;
    text-align: left;
}
p.titel {
	padding-right:1.7em;
}


.titel a {
	font-size: 1.0em;
}
.kasten_lins a {
	font-size: 1em;
}
.kasten_rechts a {
	font-size: 1.0em;
}
.clearme {
	clear:both;
}
.clearme15 {
	clear:both;
	height:15px;
}
/* automatische trennung an*/
body, html {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
/* trennung menü aus */
nav ul li {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

.zentriert {
	text-align:center;
}

.content_fuss img {
	max-height:1em;
}


a.buttonlink:hover {
	 /*   -webkit-filter: opacity(.7);
    filter: opacity(.7);*/
	
/*-webkit-filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.7));
    filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.7));*/
	
	/*-webkit-filter: hue-rotate(45deg);
    filter: hue-rotate(45deg);*/
	
	/*    -webkit-filter: grayscale(0.65);*/
	/* 1 = 100% grau*/
   /* filter: grayscale(0.65);*/

filter: alpha(opacity=65);
opacity: 0.65;
}

.textrot {
	color:#b30000;
}
div.floatpicleft, div.floatpicleft img {
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	font-size:0.9em;
}
div.floatpicleft200, div.floatpicleft200 img {
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	font-size:0.9em;
	max-width:200px;
}
div.floatpicleft200 a {
	font-size:1.0em;
}

.abstblock20 {
	/* [disabled]width:20px; */
	/* [disabled]display: inline-block; */
}
.aufzaehlung {
	font-size: 1.3em;
	/* [disabled]line-height: 1.3em; */
	/* [disabled]text-indent: 10px; */
}
.link_underline {
	text-decoration: underline;
	font-size: 1em;
}
.list_bigger {
	font-size: 1.3em;
	line-height: 2em;
}
.undeline {
	text-decoration: underline;
}
#ohnespalten {
	margin-right: 20px;
	margin-left: 20px;
	width: 95%;
}
.abli20 {
	margin-left: 20px;
}
#linksweiss {
	background-color: #FCFCFC;
	text-align: left;
	width: 90%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.standardtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
}

/*  / TEST navi US */


/* allgemein */
/* breite begrenzen weil es sonst überläuft */
#kasten_rechts {

 /*   width: 45%;*/

}

/* US eigenes */
ul.startliste li {
	/*list-style-image:url(../bilder-felgeninstandsetzung/haken.gif);*/
	line-height:1.5em;
    list-style-type: none;
    padding-left: 22px;
    margin-left: 5px;
    background-image:url('../bilder-felgeninstandsetzung/haken.gif');
    background-repeat:no-repeat;
    background-position:left 1px;
}

ul.plusliste li {
	line-height:1.2em;
    list-style-type: none;
    padding-left: 30px;
	padding-bottom: 9px;
	margin-bottom: 3px;
    margin-left: 4px;
    background-image:url('../b-felgen-verchromen-verdichten-duesseldorf-koeln-oberhausen/plus.jpg');
    background-repeat:no-repeat;
    background-position:left -1px;
	/*max-height:5.8em;*/
	min-height:1.4em;
}
ul.plusliste li.minus {
    background-image:url('../b-felgen-verchromen-verdichten-duesseldorf-koeln-oberhausen/minus.jpg');
}

.titel {
    color: #4b4b4b;
    font-size: 12px;
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    line-height: 17px;
    text-align: left;
}
p.titel {
	padding-right:1.7em;
}


.titel a {
	font-size: 1.0em;
}
.kasten_lins a {
	font-size: 1em;
}
.kasten_rechts a {
	font-size: 1.0em;
}
.clearme {
	clear:both;
}
.clearme15 {
	clear:both;
	height:15px;
}
/* automatische trennung an*/
body, html {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
/* trennung menü aus */
nav ul li {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

.zentriert {
	text-align:center;
}

.content_fuss img {
	max-height:1em;
}


a.buttonlink:hover {
	 /*   -webkit-filter: opacity(.7);
    filter: opacity(.7);*/
	
/*-webkit-filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.7));
    filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.7));*/
	
	/*-webkit-filter: hue-rotate(45deg);
    filter: hue-rotate(45deg);*/
	
	/*    -webkit-filter: grayscale(0.65);*/
	/* 1 = 100% grau*/
   /* filter: grayscale(0.65);*/

filter: alpha(opacity=65);
opacity: 0.65;
}

.textrot {
	color:#b30000;
}
div.floatpicleft, div.floatpicleft img {
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	font-size:0.9em;
}
div.floatpicleft200, div.floatpicleft200 img {
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	font-size:0.9em;
	max-width:200px;
}
div.floatpicleft200 a {
	font-size:1.0em;
}

.abstblock20 {
	/* [disabled]width:20px; */
	/* [disabled]display: inline-block; */
}
.aufzaehlung {
	font-size: 1.3em;
	/* [disabled]line-height: 1.3em; */
	/* [disabled]text-indent: 10px; */
}

/* angebotsrechner*/
div.kasten_lins table {
	margin-top:10px;
	margin-left:20px;
}

div.kasten_lins table td div {
	margin-right:4px;
}

div.content_mitte table {
	margin-top:10px;
	margin-left:20px;
}
.text_klein {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #969696;
}
#datenschutz {
	padding-right: 20px;
}
.abre20 {
	padding-right: 20px;
}
.keinabli20 {
	padding-left: 0px;
}
#navimobh {
	display: none;
	visibility: hidden;
}
#mobtexti {
	/* [disabled]padding-left: 2px; */
	/* [disabled]padding-top: 30px; */
	margin-top: 80px;
}
.keinpadding {
	padding-top: 0px;
}
.abo10 {
	/* [disabled]padding-top: 10px; */
	margin-top: 18px;
}
#fehler {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #ECECEC;
	background-color: #DC3133;
	text-align: center;
	width: 90%;
	/* [disabled]margin-top: 20%; */
	margin-right: 5%;
	/* [disabled]margin-bottom: 20%; */
	margin-left: 5%;
	padding-top: 2%;
	padding-bottom: 2%;
}
div.listekeinpunkt ul{
	list-style-type: none;
}
div.listekeinpunkt ul li{
	margin-bottom: 20px;
}
#footeralt {
	padding-top: 800px;
}
.link_underline2 {
	font-size: 0.8em;
	text-decoration: underline;
}
#bildtabelle {
	float: left;
	width: 23%;
	margin-right: 1%;
	margin-bottom: 1%;
}
.bildtabellemitte {
	float: left;
	width: 23%;
	margin-bottom: 1%;
	margin-right: 1%;
}