body{
font-family: "Lucida Grande", "Verdana", "Helvetica", Arial, sans-serif;
font-size: 12px;
color: #333;
background-color: gray;
overflow-y: scroll;  /* scroll balken rechts immer anzeigen um springen zu vermeiden */

}

img {border:0;}

#alles {
	margin: 0 auto auto auto;
	width: 950px;
	background-color: #fff;
	font-size: 12px;
	height: 860px;
}
#allest {
	margin: 0 auto auto auto;
	width: 950px;
	background-color: #fff;
	font-size: 12px;
	height: 1130px;
}
#allesd {
	margin: 0 auto auto auto;
	width: 950px;
	background-color: #fff;
	font-size: 12px;
	height: 1430px;
}
#metanavigation { 

	height:10px;
	width: 250px;
	float: right;
	margin: 0 0 0 0;
}
#metanavigation li {
	display: inline;
}
#metanavigation li a{
	text-decoration: none;
	 padding-left: 30px;
	 color: #000;
}

#metanavigation a:hover{
	background-color: #ffc200;
	text-decoration: underline;
}
#metanavigation a.active {
	color: #0000cd;
	text-decoration: underline;
}
#hauptnavigation { 
	clear: both;
	height:30px;
	font-size: 15px;
	background-color: #bfbfbf;  /*hellgrau */
	padding-left: 10px;
}
#hauptnavigation li {
	display: inline;
	padding-left: 60px;
	text-align: left;
}
#hauptnavigation li a{
	padding-top: 3px;                       /* Ausrichtung des padding Schrift mittig */
	text-decoration: none;
	color: #fff;
	display: inline-block;
	height: 40px;
}
.liste li{
	line-height: 1.5em;
}
#hauptnavigation a:hover{
	text-decoration: underline;
	color: #ffc200;
	
}
#hauptnavigation a.active {
  color: #0000cd;
}

#logo {
	
	width: 440px;
	float: left;
	
}

#content {
	
	clear: both;
	height: 313px;
	background-image: url(../Bilder/werkstatt7.jpg);
	background-repeat: no-repeat; 
	/*border: 1px solid transparent;  	/* Border raus */

	
	}
h1 {
	margin-left: 120px;
}
h1 #anf {
	margin-left: 20px;
}	
#contentleft {
	border: 1px solid transparent;  	/* Border raus */

	width:388px;
	height: 280px;
	}
.suchwort {
	color: #fff;
}
.rot {
	color:red;
}
#aktion {
	margin-top: 26px;
	/*background-image: url(../Bilder/reifen_bewegung_schnee.png);*/
	
	background-image: url(../Bilder/reifen_bewegung_verlauf1.png);
	background-repeat: no-repeat; 
	height: 270px;
	border: 1px solid transparent;     /* Border raus */
	}	
#aktuelleaktion{
	margin-top: 90px;
	margin-left: 220px;
	font-size: 12px;
	font-weight: bold;
}	
#copyright{
	clear: both;
	float: left;
	margin-left: 40px;
	margin-top: 10px;
	width: 600px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#copyright a{
	text-decoration: none;
	color: #000;
}

#copyright a:hover{
	background-color: #ffc200;
	text-decoration: underline;
}
	
.akttext {
	font-size: 12px;
	color: #000;
	margin-top: 110px;
	margin-left: 36px;
	
	}
#contentform {
	float: left;
	width:520px;
	margin-left: 40px; /* Test */
	
	}	
#seiteninhalt {
	
	float: left;
	width:520px;
	margin-left: 40px; /* Test */
	
	}
#anfahrt {
	width: 480px;
	padding-left: 40px;
	float:left;
}
#anfahrt h1{
	margin-left: 0px;
	
}
.textpflicht {
	
	font-size: 0.8em;
	line-height: 1.4em;
	padding-bottom: 5px;
	
}

.oeffnungszeiten th {

	padding-top: 10px;
	text-align: left;
	
}
#ostern {
	margin-top: -90px;
	margin-left: 566px;
}
#weihnachten {
	margin-top: -100px;
	margin-left: 566px;
}
/* Kontaktformular*/
form#eingabe {
	padding-top: 10px;
	padding-left: 10px; 
	margin: auto auto auto auto;
	width: 400px;
	background-color: #eee;
}

form#eingabe label{
	display: inline-block;
	width: 80px;
	margin-bottom: 14px;
	line-height: 0.7em;
	
}

form#eingabe input{
	
	line-height: 0.7em;
	
}
form#eingabe label.chkbox{
	display: inline;
	width: 400px;
}

.elaenge {
	width: 300px;
}
.elaenge1 {
	width: 60px;
}
.elaenge2 {
	width: 200px;
}
#absenden  {
	padding: 10px 0 0 0;	
	}
#absenden  a{
	
	color: blue;
}

#checkresult { display: none; } 
		.inputerror {
		color: white;
		background-color: red;
		}
		.inputok {
		color: black;
		background-color: yellow;
		}
.tstrong {
		font-weight: bold;
}
/* Kontaktformular */
#contentkontaktright {
	float: right;
	width: 340px;
	margin-right: 50px;
	}
#tuevhu { 


	margin: 30px 0 80px 160px;	
}	
#logohh { 

	float: right;
	margin: 40px 30px 0 0;
	
}	

h3 {
	padding-left: 40px;	
	}
#adresse2 {
	padding-right: 40px;
	
	list-style-type: none;		
}
#adresse {
	padding-top: 60px;
	padding-left: 50px;
	float: right;
	width: 380px;
	list-style-type: none;	
}
#adressestart { 

	float: left;
	padding-left: 30px;
	
}
#adressestart li {
	
	text-align: left;
}
#datschutz {
	width: 700px;
	margin: 0 auto 0 auto;
	height: 1140px;
}

#datenschutz {
	padding-left: 55px;
	color: #0042b5;
}
.tblue {
	/*color: blue;*/
	font-style: italic; 
	font-weight: bold;
	
}

#kontaktoffen th {
	padding-top: 40px;
	text-align: left;
	padding-left: 40px;
}
#kontaktoffen td {
	
	padding-left: 40px;
}
#kontakt {
	height: 540px;
}	
#adresse li {
	list-style-type: none;
	text-align: left;
}
#kontaktbild{
	
	padding-top: 60px;
	padding-left: 20px;
}
#anfahrtbild{
	
	padding-top: 80px;
	
}
/*Leistungen*/

#leistung {
	height: 530px;
	float: left;
	width: 400px;
	margin: 0 0 0 80px;  
	
}
#leistung dt {
	margin-left:40px;
	
}
#seiteninhalt h1 
{
	margin-left: 120px;
	
}
#impress {
	height: 500px;
	float: left;
	width: 400px;
	margin: 0 0 0 80px;  
	
}
#impress dt {
	margin-left:40px;
	
}

#kontaktformular h1 
{
	margin-top: 36px;
	margin-left: 50px;
}

#fotos	{
	
	clear: both;
	padding-left: 35px;
	padding-top: 24px;
	padding-bottom: 20px;
	}
#fotos img	{
	border: 4px inset gray;
	
	}

#foto	{
	
	clear: both;
	
	}	
#wbild1	{
	float: right;
	margin-bottom: 10px;
	}
#wbild2	{
	clear: right;
	float: right;
	margin-bottom: 10px;
	}
#wbild3	{
	clear: right;
	float: right;
	
	}	
#fotoimp	{
	float: right;
	margin-top: 118px;
	margin-right: 96px;
	border: 4px ridge #bfbfbf;
	}		
#fotoleistung	{
	
	
	padding-right: 100px;
	
	
	}
#fotoleistung img	{
	border: 4px inset gray;
	
	}
#back  {
	
	clear: both;
	float: left;
	padding-left: 40px;
}
#logofacebook{
	float: right;
	margin-right: 5px;
	
}
.tstern {
	color: red;
}


#wrapper {
	clear: both;
	height: 210px;
    height: 260px;
    overflow: hidden;
    position: relative;
    width: 880px;
	padding-left: 30px;
}
#wrapperneu {
	clear: both;
	height: 210px;
    height: 260px;
    overflow: hidden;
    position: relative;
    width: 880px;
	padding-left: 30px;
}	
#flip	{
	
	clear: both;
	height: 210px;
	width: 840px;
	
	}
#flipneu	{
	
	clear: both;
	height: 210px;
	width: 840px;
	
	}
.ui-jcoverflip {
    position: relative;
	overflow: hidden;	
    }
     
.ui-jcoverflip--item {
	position: absolute;
	display: block;
	
	padding-left: 20px;
	}
#slider ul, #slider li{
	margin:0;
	
	list-style:none;
	}
#slider  {
	padding-right: 120px;
}

#slider1 {
	clear: both;
	float: right;
	
}
.ui-slider-horizontal {
    height: 0.8em;
}

.ui-slider {
    position: relative;
    text-align: left;
}



.ui-widget-content {
    background:  scroll 50% top #EEEEEE;
    border: 1px solid #DDDDDD;
    color: #333333;
}

.ui-slider-handle {
    cursor: pointer;
    height: 1.2em;
    position: absolute;
    width: 1.2em;
    z-index: 2;
}


.ui-slider-horizontal .ui-slider-handle {
    margin-left: -0.6em;
    top: -0.3em;
}
a.ui-state-hover {
	background-color: #bfbfbf;
	border: 1px solid gray;
	cursor: pointer;
}
#scrollbar {
    left: 40px;
    position: absolute;
    right: 10px;
}
#scrollbarneu {
    left: 40px;
    position: absolute;
    right: 10px;
}
.ui-state-default {
    background: scroll 50% 50% #F6F6F6;
    border: 1px solid #CCCCCC;
    color: #1C94C4;
    font-weight: bold;
    outline: medium none;
}
.ui-widget-content a {
    color: #333333;
}

.ui-corner-all {
    border-radius: 4px 4px 4px 4px;
}

a:active, a:focus {
	outline: none;
}

.bx-wrapper {
	color: black;
	height: 14px;
	float: right;
}
.bx-window {
	color: black;
	height: 14px;
	float: right;
}
.bx-prev {
	color: #000;
	padding-right: 14px;
}
.bx-auto {
	color: #000;
	display: inline-block;
}
.bx-next {
	color: #000;
	padding-right: 14px;
}
.bx-start {
	color: #000;
	
}
.bx-stop {
	color: #000;

}
#tuev-nord_hu-teaser_popup { z-index: 999; position: relative; top: 20px;  left: 120px; width: 320px; height: 320px; }
#tuev-nord_hu-teaser_popup { z-index: 999; position: relative; bottom: 120px; right: 0px; width: 320px; height: 320px; }
		#tuev-nord_hu-teaser_popup .close { z-index: 6; position: absolute; top: -30px; right: -30px; width: 30px; height: 30px; S
			border-radius: 100.0%; border: 2px solid #ddd; cursor: pointer;
			background: url(../Icons/TUeV-NORD_HU-Teaser_close_24px.svg) no-repeat center #fff; background-size: 18px; }
		#tuev-nord_hu-teaser_popup > div { position: relative; width: 100.0%; height: 100.0%; color: #fff; border-radius: 12px;
			overflow: hidden; box-shadow: 0 0 0 2px rgba(255,255,255,0.60), 6px 5px 30px 0 rgba(000,000,000,0.42); 
			background-image: linear-gradient( 110deg, rgba(003,078,162,1.00) 0%, rgba(003,078,162,0.80) 20%, 
				rgba(099,145,197,0.60) 80%, rgba(099,145,197,0.80) 100%); }
		#tuev-nord_hu-teaser_popup > div > img.mot { z-index: 2; position: absolute; top: -18.00%; left: -20.00%; width: 70.00%; height: auto; 
			border-radius: 100.0%; background: orange; animation: motiv 30s infinite linear; }
		@keyframes motiv {00.00% {  transform: rotate(0deg); } 100.0% {  transform: rotate(360deg); }}
		#tuev-nord_hu-teaser_popup > div > img.log { z-index: 3; position: absolute; top: 6.00%; right: 3.00%; width: 40.00%; height: auto; }
		#tuev-nord_hu-teaser_popup > div > img.txt { z-index: 5; position: absolute; bottom: 27.00%; left: 6.00%; width: 88.00%; height: auto; }
		#tuev-nord_hu-teaser_popup > div > img.btn { z-index: 5; position: absolute; bottom: 7.50%; right: 6.00%; width: 55.00%; height: auto; } 
		#tuev-nord_hu-teaser_popup > div > a { z-index: 6; position: absolute; top: 0; left: 0; width: 100.0%; height: 100.0%; }