@charset "UTF-8";
@media all
{
	html, body, div, ul, li, span, a
	{
		margin: 0;
		padding: 0;
	}
	html
	{
		background-color: #65abcd;
		font-family: georgia, times, serif;
	}
	body
	{
		min-width: 616px;
		max-width: 886px;
		position: relative;
		margin: 25px auto;
		padding: 20px 10px 60px 20px;
		background: url('autobahn.jpg') top no-repeat #abcdef;
		background: url('autobahn.jpg') top no-repeat, url('footer.jpg') bottom no-repeat #abcdef;
		border-radius: 10px;
	}
	* html body
	{
		width: 816px;
	}
	h1
	{
		margin: 0 0 260px 0;
		font-size: 24px;
		color: #c11;
	}
	h1 a
	{
		color: #ddd;
	}
	#ps-kw
	{
		display: block;
		position: absolute;
		top: 229px;
		right: 20px;
		text-decoration: none;
		text-align: right;
		color: #ddd;
	}
	#ps-kw img
	{
		border: 0 none;
	}
	#nav, #content, #kontakt
	{
		margin: 1em auto;
		overflow: hidden;
		position: relative;
	}
	#content, #kontakt
	{
		padding-bottom: 1em;
	}
	
	* html #nav, * html #content, * html #kontakt, * html #impressum
	{
		width: 800px;
	}
	#navkarte
	{
		float: left;
		width: 222px;
		height: 300px;
		border: 16px solid white;
		border-radius: 10px;
		box-shadow: 10px 10px 5px #789abc;
		margin-right: 16px;
		margin-bottom: 16px;
		background-image: url("autobahn-karte.gif");
		background-attachment: scroll;
	}
	#navliste
	{
		display: inline;
		width: 260px;
	}
	#navliste li
	{
		float: left;
		list-style: none inside none;
	}
	#navliste span, #navliste a, .ergebnisse span
	{
		display: block;
		width: 48px;
		height: 28px;
		border: 2px solid #abcdef;
		background-attachment: scroll;
		text-align: center;
	}
	.grafisch #navliste span, .grafisch #navliste a, .ergebnisse span
	{
		background-image: url("autobahn-nr.gif");
		text-indent: -9999px;
	}
	a#A1, .ergebnisse .A1
	{
		background-position: -1px -1px;
	}
	span#A1
	{
		background-position: -1px -31px;
	}
	a#A2, .ergebnisse .A2
	{
		background-position: -51px -1px;
	}
	span#A2
	{
		background-position: -51px -31px;
	}
	a#A3, .ergebnisse .A3
	{
		background-position: -101px -1px;
	}
	span#A3
	{
		background-position: -101px -31px;
	}
	a#A4, .ergebnisse .A4
	{
		background-position: -151px -1px;
	}
	span#A4
	{
		background-position: -151px -31px;
	}
	a#A5, .ergebnisse .A5
	{
		background-position: -201px -1px;
	}
	span#A5
	{
		background-position: -201px -31px;
	}
	a#A6, .ergebnisse .A6
	{
		background-position: -251px -1px;
	}
	span#A6
	{
		background-position: -251px -31px;
	}
	a#A7, .ergebnisse .A7
	{
		background-position: -301px -1px;
	}
	span#A7
	{
		background-position: -301px -31px;
	}
	a#A8, .ergebnisse .A8
	{
		background-position: -351px -1px;
	}
	span#A8
	{
		background-position: -351px -31px;
	}
	a#A9, .ergebnisse .A9
	{
		background-position: -401px -1px;
	}
	span#A9
	{
		background-position: -401px -31px;
	}
	a#A10, .ergebnisse .A10
	{
		background-position: -451px -1px;
	}
	span#A10
	{
		background-position: -451px -31px;
	}
	a#A11, .ergebnisse .A11
	{
		background-position: -501px -1px;
	}
	span#A11
	{
		background-position: -501px -31px;
	}
	a#A13, .ergebnisse .A13
	{
		background-position: -551px -1px;
	}
	span#A13
	{
		background-position: -551px -31px;
	}
	a#A14, .ergebnisse .A14
	{
		background-position: -601px -1px;
	}
	span#A14
	{
		background-position: -601px -31px;
	}
	a#A19, .ergebnisse .A19
	{
		background-position: -651px -1px;
	}
	span#A19
	{
		background-position: -651px -31px;
	}
	a#A20, .ergebnisse .A20
	{
		background-position: -701px -1px;
	}
	span#A20
	{
		background-position: -701px -31px;
	}
	a#A24, .ergebnisse .A24
	{
		background-position: -751px -1px;
	}
	span#A24
	{
		background-position: -751px -31px;
	}
	a#A27, .ergebnisse .A27
	{
		background-position: -801px -1px;
	}
	span#A27
	{
		background-position: -801px -31px;
	}
	a#A30, .ergebnisse .A30
	{
		background-position: -851px -1px;
	}
	span#A30
	{
		background-position: -851px -31px;
	}
	a#A31, .ergebnisse .A31
	{
		background-position: -901px -1px;
	}
	span#A31
	{
		background-position: -901px -31px;
	}
	a#A38, .ergebnisse .A38
	{
		background-position: -951px -1px;
	}
	span#A38
	{
		background-position: -951px -31px;
	}
	a#A44, .ergebnisse .A44
	{
		background-position: -1001px -1px;
	}
	span#A44
	{
		background-position: -1001px -31px;
	}
	a#A45, .ergebnisse .A45
	{
		background-position: -1051px -1px;
	}
	span#A45
	{
		background-position: -1051px -31px;
	}
	a#A46, .ergebnisse .A46
	{
		background-position: -1101px -1px;
	}
	span#A46
	{
		background-position: -1101px -31px;
	}
	a#A57, .ergebnisse .A57
	{
		background-position: -1151px -1px;
	}
	span#A57
	{
		background-position: -1151px -31px;
	}
	a#A60, .ergebnisse .A60
	{
		background-position: -1201px -1px;
	}
	span#A60
	{
		background-position: -1201px -31px;
	}
	a#A61, .ergebnisse .A61
	{
		background-position: -1251px -1px;
	}
	span#A61
	{
		background-position: -1251px -31px;
	}
	a#A66, .ergebnisse .A66
	{
		background-position: -1301px -1px;
	}
	span#A66
	{
		background-position: -1301px -31px;
	}
	a#A70, .ergebnisse .A70
	{
		background-position: -1351px -1px;
	}
	span#A70
	{
		background-position: -1351px -31px;
	}
	a#A71, .ergebnisse .A71
	{
		background-position: -1401px -1px;
	}
	span#A71
	{
		background-position: -1401px -31px;
	}
	a#A72, .ergebnisse .A72
	{
		background-position: -1451px -1px;
	}
	span#A72
	{
		background-position: -1451px -31px;
	}
	a#A73, .ergebnisse .A73
	{
		background-position: -1501px -1px;
	}
	span#A73
	{
		background-position: -1501px -31px;
	}
	a#A81, .ergebnisse .A81
	{
		background-position: -1551px -1px;
	}
	span#A81
	{
		background-position: -1551px -31px;
	}
	a#A92, .ergebnisse .A92
	{
		background-position: -1601px -1px;
	}
	span#A92
	{
		background-position: -1601px -31px;
	}
	a#A93, .ergebnisse .A93
	{
		background-position: -1651px -1px;
	}
	span#A93
	{
		background-position: -1651px -31px;
	}
	a#A96, .ergebnisse .A96
	{
		background-position: -1701px -1px;
	}
	span#A96
	{
		background-position: -1701px -31px;
	}
	#navkarte.leer
	{
		background-position: 0 0;
	}
	.A1
	{
		background-position: -222px 0;
	}
	.A2
	{
		background-position: -444px 0;
	}
	.A3
	{
		background-position: -666px 0;
	}
	.A4
	{
		background-position: -888px 0;
	}
	.A5
	{
		background-position: -1110px 0;
	}
	.A6
	{
		background-position: -1332px 0;
	}
	.A7
	{
		background-position: -1554px 0;
	}
	.A8
	{
		background-position: -1776px 0;
	}
	.A9
	{
		background-position: -1998px 0;
	}
	.A10
	{
		background-position: -2220px 0;
	}
	.A11
	{
		background-position: -2442px 0;
	}
	.A13
	{
		background-position: -2664px 0;
	}
	.A14
	{
		background-position: -2886px 0;
	}
	.A19
	{
		background-position: -3108px 0;
	}
	.A20
	{
		background-position: -3330px 0;
	}
	.A24
	{
		background-position: -3552px 0;
	}
	.A27
	{
		background-position: -3774px 0;
	}
	.A30
	{
		background-position: -3996px 0;
	}
	.A31
	{
		background-position: -4218px 0;
	}
	.A38
	{
		background-position: -4440px 0;
	}
	.A44
	{
		background-position: -4662px 0;
	}
	.A45
	{
		background-position: -4884px 0;
	}
	.A46
	{
		background-position: -5106px 0;
	}
	.A57
	{
		background-position: -5328px 0;
	}
	.A60
	{
		background-position: -5550px 0;
	}
	.A61
	{
		background-position: -5772px 0;
	}
	.A66
	{
		background-position: -5994px 0;
	}
	.A70
	{
		background-position: -6216px 0;
	}
	.A71
	{
		background-position: -6438px 0;
	}
	.A72
	{
		background-position: -6660px 0;
	}
	.A73
	{
		background-position: -6882px 0;
	}
	.A81
	{
		background-position: -7104px 0;
	}
	.A92
	{
		background-position: -7326px 0;
	}
	.A93
	{
		background-position: -7548px 0;
	}
	.A96
	{
		background-position: -7770px 0;
	}
	#navliste a:hover
	{
		border-color: #0031A5;
	}
	#navliste:after
	{
		position: absolute;
		display: block;
		bottom: 16px;
		left: 272px;
		max-width: 65%;
		height: 28px;
		overflow: hidden;
		background-color: white;
		border: 10px solid white;
		border-radius: 10px;
		box-shadow: 10px 10px 5px #789abc;
		font-size: 24px;
	}
	#nav h2
	{
		font-size: 24px;
	}
	#navliste.leer:after
	{
		content: "Führen Sie die Maus über die Symbole um eine Autobahn auszuwählen.";
		font-size: 12px;
		line-height: 30px;
	}
	#navliste.A1:after
	{
		content: "A1: Puttgarden - Saarbrücken, 732 km";
	}
	#navliste.A2:after
	{
		content: "A2: Berlin - Oberhausen, 486 km";
	}
	#navliste.A3:after
	{
		content: "A3: Elten - Passau, 778 km";
	}
	#navliste.A4:after
	{
		content: "A4: Aachen - Görlitz, 585 km";
	}
	#navliste.A5:after
	{
		content: "A5: Gießen - Freiburg, 440 km";
	}
	#navliste.A6:after
	{
		content: "A6: Saarbrücken - Waidhaus, 477 km";
	}
	#navliste.A7:after
	{
		content: "A7: Flensburg - Füssen, 962 km";
	}
	#navliste.A8:after
	{
		content: "A8: Saarlouis - Bad Reichenhall, 497 km";
	}
	#navliste.A9:after
	{
		content: "A9: Berlin - München, 529 km";
	}
	#navliste.A10:after
	{
		content: "A10: Berliner Ring, 196 km";
	}
	#navliste.A11:after
	{
		content: "A11: Berlin - Penkuhn, 110 km";
	}
	#navliste.A13:after
	{
		content: "A13: Berlin - Dresden, 152 km";
	}
	#navliste.A14:after
	{
		content: "A14: Wismar - Nossen, 292 km";
	}
	#navliste.A19:after
	{
		content: "A19: Rostock - Berlin, 124 km";
	}
	#navliste.A20:after
	{
		content: "A20: Bad Segeberg - Neubrandenburg, 323 km";
	}
	#navliste.A24:after
	{
		content: "A24: Hamburg - Berlin, 239 km";
	}
	#navliste.A27:after
	{
		content: "A27: Cuxhaven - Walsrode, 162 km";
	}
	#navliste.A30:after
	{
		content: "A30: Rheine - Bad Oeynhausen, 128 km";
	}
	#navliste.A31:after
	{
		content: "A31: Emden - Bottrop, 241 km";
	}
	#navliste.A38:after
	{
		content: "A38: Göttingen - Leipzig, 219 km";
	}
	#navliste.A44:after
	{
		content: "A44: Aachen - Kassel, 266 km";
	}
	#navliste.A45:after
	{
		content: "A45: Dortmund - Aschaffenburg, 257 km";
	}
	#navliste.A46:after
	{
		content: "A46: Heinsberg - Bestwig, 141 km";
	}
	#navliste.A57:after
	{
		content: "A57: Goch - Köln, 128 km";
	}
	#navliste.A60:after
	{
		content: "A60: Winterspelt - Rüsselsheim, 114 km";
	}
	#navliste.A61:after
	{
		content: "A61: Viersen - Hockenheim, 331 km";
	}
	#navliste.A66:after
	{
		content: "A66: Eltville - Fulda, 121 km";
	}
	#navliste.A70:after
	{
		content: "A70: Schweinfurt - Bayreuth, 120 km";
	}
	#navliste.A71:after
	{
		content: "A71: Sömmerda - Schweinfurt, 200 km";
	}
	#navliste.A72:after
	{
		content: "A72: Hof - Chemnitz, 123 km";
	}
	#navliste.A73:after
	{
		content: "A73: Suhl - Nürnberg, 170 km";
	}
	#navliste.A81:after
	{
		content: "A81: Würzburg - Gottmadingen, 283 km";
	}
	#navliste.A92:after
	{
		content: "A92: München - Deggendorf, 134 km";
	}
	#navliste.A93:after
	{
		content: "A93: Hof - Rosenheim, 276 km";
	}
	#navliste.A96:after
	{
		content: "A96: Lindau - München, 173 km";
	}
	#content ul
	{
		list-style-type: none;
	}
	#content .portrait, #content .landscape, #content .werbung, #content .bewertung li, h3, #kontakt .werbung, #impressum #content, #content .suchergebnis li
	{
		overflow: hidden;
		background-color: white;
		border: 10px solid white;
		border-radius: 10px;
		box-shadow: 10px 10px 5px #789abc;
		padding: 16px;
		margin-right: 16px;
		margin-bottom: 16px;
	}
	#content li.landscape#baustellen
	{
		background: url("baustelle.png") no-repeat scroll 16px center white;
		padding-left: 132px;
		border-color: transparent;
	}
	#content li.landscape#poi
	{
		background: url("poi.png") no-repeat scroll 16px center white;
		padding-left: 132px;
		border-color: transparent;
		position: relative;
	}
	#content li.landscape#poi small
	{
		margin: 0;
		padding-top: 1.7em;
	}
	#tomtom, #garmin
	{
		display: block;
		position: absolute;
		width: 40px;
		height: 40px;
		top: 0;
		left: 20px;
	}
	#garmin
	{
		top: 40px;
		left: 60px;
	}
	h3
	{
		margin-top: 0;
	}
	* html #content li
	{
		height: 1%;
	}
	#content .tankstelle_detail
	{
		font-size: 18px;
	}
	#content .tankstelle_detail li
	{
		margin-bottom: 0.7em;
	}
	#content .tankstelle_detail img
	{
		margin-right: 0.7em;
		cursor: help;
	}
	#content .sterne
	{
		display: block;
		float: left;
		margin-right: .5em;
		padding: 0;
	    width: 130px; 
		height: 24px; 
		background-image: url(stern.gif);
	    background-repeat: no-repeat; 
		background-position: 0 -120px;
		overflow: hidden;
	}
	#content .sterne span
	{ 
		display: block;
		background-image: url(stern.gif);
		background-repeat: no-repeat; 
	    background-position: 0 0;
		height: 24px;
	}
	#content div
	{
		width: 222px;
		height: 300px;
		margin-right: 16px;
		margin-bottom: 16px;
		background-image: url("autobahn-karte.gif");
		background-attachment: scroll;
		position: relative;
	}
	#content div div, #navkarte div, #navkarte a
	{
		position: absolute;
		width: 15px;
		height: 24px;
		border: 0 none;
		margin: 0;
		padding: 0;
		background-image: url("nadel.gif");
		display: block;
	}
	#navkarte.hover a
	{
		display: none;
	}
	#navnadel
	{
		background-position: 0 0;
	}
	#navnadel.nadel_sichtbar
	{
		visibility: visible;
	}
	#navnadel.nadel_unsichtbar
	{
		visibility: hidden;
	}
	#content small
	{
		clear: both;
		float: right;
		position: relative;
		margin-top: -2.5em;
		margin-right: 1.5em;
	}
	#content .landscape .google-werbung 
	{
		zoom: 1;
		height: 60px !important;
		overflow: hidden;
	}
	#content .portrait .google-werbung 
	{
		zoom: 1;
		height: 240px !important;
		overflow: hidden;
	}
	#content .portrait iframe
	{
		overflow: hidden;
		border: 0 none;
		width: 350px;
		height: 850px;
		float: right;
	}
	#content .portrait div
	{
		float: none;
	}
	#content .landscape iframe
	{
		overflow: hidden;
		border: 0 none;
		width: 100%;
		height: 350px;
		float: none;
	}
	#content .landscape div
	{
		float: right;
	}
	.landscape .fb-like 
	{
		margin-left: -60px;
	}
	.portrait .fb-like 
	{
		position: absolute;
		left: 255px;
		margin-top: 225px;
	}
	#kontakt .feedback, #content div.content
	{
		max-width: 700px;
		background-color: white;
		padding: 5px 15px;
		margin: 0 auto;
		line-height: 1.5;
		background-image: none;
		width: auto;
		height: auto;
		border-radius: 10px;
		box-shadow: 10px 10px 5px #789abc;
	}
	#kontakt .feedback:before, #kontakt .feedback:after, #content div.content:before, #content div.content:after
	{
		content: "\A0";
		background-color: #ababab;
		height: 10px;
		display: block;
		margin: 10px 0;
	}
	#content  .werbung, #content .bewertung .werbung, #kontakt .werbung
	{
		background-color: #fabf8a;
		border: 0 none;
		background-image: url(back.jpg);
		line-height: 1.5;
	}
	#content .werbung b, #content .bewertung .werbung b, #kontakt .werbung
	{
		font-size: 110%;
	}
	#footer
	{
		margin: 30px 20px -30px;
		overflow: hidden;
		height: 1%;
	}
	#footer li
	{
		list-style-type: none;
		float: right;
		margin-left: 10px;
	}
	#footer #billigtanken li
	{
		float: left;
	}
	#footer li
	{
		color: black;
	}
	#a#b, #footer li
	{
		color: #ddd; /* alle außer IE8 */
	}
	* html #footer li a
	{
		color: black; 
	}
	* + html #footer li a
	{
		color: black; 
	}
	#footer li a
	{
		color: blue;
	}
	#a#b, #footer li a
	{
		color: #ddd; /* alle außer IE8 */
	}
	* html #footer li a
	{
		color: blue; 
	}
	* + html #footer li a
	{
		color: blue; 
	}
	#impressum
	{
		margin-bottom: 40px;
	}
	#bw
	{
		float: left;
	}
	#ma
	{
		text-align: right;
	}
	#suchform
	{
		position: absolute;
		top: 263px;
		left:20px;
		width: 265px;
	}
	#suche
	{	
		position: relative;
		width: 265px;
		height: 1.5em;
		background-color: white
	}
	#suche span
	{
		font-family: arial, sans-serif;
		font-size: 10px;
		display: block;
		width: 265px;
		height: 0px;
		overflow: hidden;
		position: absolute;
		background: url(lupe.png) no-repeat 2px 2px white;
		top:0;
		left: 0;
		z-index: 1;
		border: 2px inset #f0f0f0;
		padding: 20px 0 0 5px;
	}
	* html #suche span
	{
		background: url(lupe-ie6.png) no-repeat 2px 2px white;
	}
	#suche span:hover
	{
		height: 6em;
		width: 265px;
	}
	#suche #suchstring
	{
		position: absolute;
		top: 2px;
		left: 35px;
		width: 230px;
		z-index: 2;
		border: 0 none;
	}
	#suche #submit
	{
		position: absolute;
		top: 0;
		left: 275px;
		z-index: 2;
	}
	#content .suchergebnis li li
	{
		border: 0 none;
		margin: 0;
		padding: 0;
		border-radius: 0;
		box-shadow: none;
		line-height: 2;
	}
	#content .suchergebnis .ergebnisse
	{
		margin-left: 5em;
	}
	.ergebnisse span
	{
		float: left;
		border: 0 none;
		margin-right: 5px;
	}
	form .fehlerhaft
	{
		outline: 2px solid red;
	}
	.labelinside
	{
		position: relative;
		margin: 0;
		padding: 0;
	}
	label
	{
		position: absolute;
		color: silver;
		left: 5px;
		top: 2px;
		display: none;
		cursor: text;
	}
	a[href='#ps-kw']
	{
		position: relative; /* damits nicht unter die google-Werbung rutscht */
		z-index: 100;
		text-decoration: none;
		border-bottom: 1px solid;
	}
	a[href='#ps-kw'] span
	{
		display: block;
		float: left;
		-webkit-transform: rotate(270deg);  /* Saf3.1+, Chrome */
		-moz-transform: rotate(270deg);  /* FF3.5+ */
		-ms-transform: rotate(270deg);  /* IE9 */
		-o-transform: rotate(270deg);  /* Opera 10.5 */
        transform: rotate(270deg);  
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
		margin-right: 3px;
		border-bottom: 0 none;
		background-color: white;
	}
	a[href='#ps-kw']:hover span
	{
		margin-top: -2px;
	}
	.ergebnisse a
	{
		vertical-align: top;
	}
	.ergebnisse img
	{
		margin-right: 3px;
		cursor: help;
	}
	
}
@media (max-width: 30em) {
    body {
        min-width: 0;
        max-width: none;
    }
    #ps-kw {
        visibility: hidden;
    }
    #nav {
        text-align: left;
    }
    #navkarte {
        float: none;
        margin-top: 0;
    }
    #navliste {
        display: block;
        width: auto;
    }
    #navliste li {
        float: none;
        display: inline-block;
    }
    #navliste::after {
        position: static;
        height: auto;
        margin: 16px 16px 16px 0;
        max-width: none;
    }
    #content .landscape div {
        float: none;
    }
    #content .portrait iframe {
        float: none;
    }
    iframe {
        display: none;
    }
    .google-werbung iframe {
        display: block;
    }
    #content .landscape .google-werbung,
    #content .portrait .google-werbung {
        height: auto !important;
    }
    #content small {
        float: left;
        margin-top: -4em;
        font-size: 1em;
    }
    a[href='#ps-kw'] {
        display: inline-block;
        margin-top: 3em;
    }
    a[href="#ps-kw"]:hover span {
        margin-top: 0;
    }
}