/* MASTER-CSS für www.hotel-autoatlas.de */

body						{ background: rgb(211,211,221); margin: 0; padding: 0;
					 		  font-family: Verdana, Helvetica, sans-serif; color: rgb(0,0,54); font-size: 12px; }
body, html, p, form, h1, ul, li		{ margin: 0px; padding: 0px; }
img							{ border: 0px; }

/* Textformatierungen */
h1							{ font-size: 15px; padding-bottom: 20px; }
.small						{ font-size: 11px; }
				
/*fuer .png-Grafiken */
img, a, div					{ behavior: url("iepngfix.htc"); border: 0px; }

/* Links */
a:link, a:active, a:visited
							{ color: rgb(0,0,54); text-decoration: none; }
a:hover						{ color: rgb(0,0,54); text-decoration: underline; }

a.vollbild:link, a.vollbild:active, a.vollbild:visited
							{ color: rgb(0,0,54); background: url('images/20_vollbild.png') no-repeat;
								text-decoration: none; display: block; height: 16px; margin-top: 6px;
								padding-left: 20px; padding-top: 1px; }
a.vollbild:hover			{ color: rgb(0,0,54); text-decoration: underline; }

a.back:link, a.back:active, a.back:visited
							{ color: rgb(0,0,54); background: url('images/xx_back_icon.png') no-repeat;
								text-decoration: none; display: block; height: 16px; margin-top: 6px;
								padding-left: 20px; padding-top: 1px; }
a.back:hover				{ color: rgb(0,0,54); text-decoration: underline; }

a.oben:link, a.oben:active, a.oben:visited
							{ color: rgb(0,0,54); background: url('images/xx_oben_icon.png') no-repeat;
								text-decoration: none; display: block; height: 16px; margin-top: 6px;
								padding-left: 20px; padding-top: 1px; }
a.oben:hover				{ color: rgb(0,0,54); text-decoration: underline; }

a.close:link, a.close:active, a.close:visited
							{ color: rgb(0,0,54); background: url('images/20_close.png') no-repeat;
								text-decoration: none; display: block; height: 16px; margin-top: 6px;
								padding-left: 20px; padding-top: 1px; margin-left: 3px; }
a.close:hover			{ color: rgb(0,0,54); text-decoration: underline; }

a.aktiv:link, a.aktiv:active, a.aktiv:visited
							{ color: rgb(0,0,54); text-decoration: underline; }
a.aktiv:hover				{ color: rgb(0,0,54); text-decoration: underline; }

a.small:link, a.small:active, a.small:visited
							{ font-size: 11px; color: rgb(0,0,54); text-decoration: none; }
a.small:hover				{ color: rgb(0,0,54); text-decoration: underline; }

a.head_navi:link, a.head_navi:active, a.head_navi:visited
							{ color: rgb(255,255,255); text-decoration: none; }
a.head_navi:hover			{ color: rgb(149,149,158); text-decoration: underline; }

a.head_navi_aktiv:link, a.head_navi_aktiv:active, a.head_navi_aktiv:visited
							{ color: rgb(149,149,158); text-decoration: none; }
a.head_navi_aktiv:hover		{ color: rgb(149,149,158); text-decoration: underline; }	

a.seite:link, a.seite:active, a.seite:visited
							{ color: rgb(24,24,24); text-decoration: none; padding: 0px 3px 2px 3px; }
a.seite:hover				{ color: rgb(0,0,0); font-weight: bold; text-decoration: none; }				

a.seite_aktiv:link, a.seite_aktiv:active, a.seite_aktiv:visited
							{ color: rgb(0,0,0); text-decoration: none; font-weight: bold; padding: 0px 3px 2px 3px; }
a.seite_aktiv:hover			{ color: rgb(0,0,0); text-decoration: none; }								

a.sort_down:link, a.sort_down:active, a.sort_down:visited
							{ float: left; background: url('images/xx_bn-down.gif') no-repeat; }
a.sort_down:hover			{ background: url('images/xx_br-down.gif') no-repeat; }

a.sort_down_aktiv:link, a.sort_down_aktiv:active, a.sort_down_aktiv:visited, a.sort_down_aktiv:hover			
							{ float: left; background: url('images/xx_br-down.gif') no-repeat; }										

a.sort_up:link, a.sort_up:active, a.sort_up:visited
							{ background: url('images/xx_bn-up.gif') no-repeat; }
a.sort_up:hover				{ background: url('images/xx_br-up.gif') no-repeat; }
a.sort_up_aktiv:link, a.sort_up_aktiv:active, a.sort_up_aktiv:visited, a.sort_up_aktiv:hover
							{ background: url('images/xx_br-up.gif') no-repeat; }

a.backlink:link, a.backlink:active, a.backlink:visited
							{ text-decoration: none; padding-left: 18px; display: block;
								background: url('images/xx_blaettern-links_bn.png') 0px 0px no-repeat; }
a.backlink:hover			{ text-decoration: underline; }		

a.kartenansicht:link, a.kartenansicht:active, a.kartenansicht:visited
							{ text-decoration: underline; background: url('images/icon_mapview.gif') 0px 0px no-repeat;
								padding-left: 30px; display: block; height: 24px; }
a.kartenansicht:hover		{ text-decoration: underline; }				

/* Layer */			
.clear						{ clear: both; height: 1px; overflow: hidden; }	
#banner						{ width: 100%; height: 81px; padding-top: 2px; 
								text-align: left; background: url('images/xxpgbana.jpg') repeat-x; }
	.banner_box				{ float: left; width: 234px; height: 60px; margin-top: 3px; 
								border: 1px solid rgb(150,150,150); }
	.banner_abstand			{ margin-right: 12px; }
	.banner_versatz			{ margin-top: 81px; }
	
#button_close-fullscreen { position: absolute; z-index: 100; height: 35px; width: 150px; margin-left: 120px; 
							cursor: pointer; background: url('images/00_close-fullscreen.png') no-repeat; 
							padding-left: 33px; padding-top: 6px; display: none; }
  
#head						{ position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; height: 200px;
								background-image: url(images/xxbgheaa.gif); background-repeat: repeat-x; }
	#bildleiste				{ position: absolute; top: 4px; left: 0px; z-index: 2; height: 145px; width: 100%;
								background-image: url(images/xxgheada.jpg); background-repeat: repeat-x; }
								 
	.kopfbilder				{ float: left; padding: 4px 1px 0px 4px; }
								 
#atlas_logo					{ position: absolute; top: 2px; left: 2px; z-index: 6; width: 200px; height: 257px; }

#head_navigation			{ position: absolute; top: 160px; z-index: 5; width: 100%; text-align: right;
								color: rgb(255,255,255); }
								
#content					{ position: absolute; top: 225px; left: 0px; z-index: 4; width: 100%; }
		
	#schnellsuche			{ float: left; padding-top: 40px; padding-left: 4px; width: 200px; }
		#schnellsuche_titel		{ height: 24px; width: 200px; color: rgb(255,255,255); 
									padding: 1px 0px 0px 5px; font-weight: bold;
									background: url('images/xxbgtisa.jpg') -24px 0px no-repeat; }
		#schnellsuche_formular 	{ width: 195px; color: rgb(255,255,255); padding: 10px 3px 15px 7px; 
									background: url('images/xxbghisa.jpg') 0px -60px repeat-x; font-size: 11px; }
									
	
	#inhalt_folge			{ float: left; padding-left: 20px; width: 770px; }
		#eintrag_balken		{ width: 100%; margin-top: 3px; background-color: rgb(245,245,249);
								background-image: url(images/xxbgtaba.jpg); background-repeat: repeat-x;
								height: 24px; color: rgb(255,255,255); font-weight: bold; }
		.linie				{ clear: both; height: 1px; background-color: rgb(0,0,54); width: 100%; }
		.fussfunktionen		{ padding-top: 3px; }
		.funktionen_oben	{ width: 100%; text-align: right; margin-top: -16px; }
		
		.td_background		{ background-color: rgb(211,211,221); }
		.padding_ort		{ padding: 3px 3px 3px 0px; }
		.padding_plz		{ padding: 3px 3px 3px 10px; }
		.padding_eintrag	{ padding: 3px 0px 3px 10px; }
		
		
	#foot					{ float: left; width: 100%; height: 27px; margin-top: 15px; 
								background-image: url(images/xxbgfooa.gif); background-repeat: repeat-x; }
								
								
/* Ergebnis und Detailansicht */

#liste		{ width: 762px; background: rgb(245,245,249); padding: 4px; }
	.liste_ergebnis	{ width: 760px; font-size: 11px; }
		.ergebnis		{ float: left; width: 220px; }
		.blaettern		{ float: right; margin-top: 2px; }
			.blaettern p, .blaettern span 	{ float: left; margin-top: -2px; }
			.blaettern img 	{ float: left; margin: 0px 2px 0px 2px; }
			.blaettern a 	{ float: left; margin: -2px 2px 0px 2px; }
			
	.liste_titel	{ width: 760px; font-weight: bold; padding-top: 4px; margin-top: 5px;
						border-top: 1px dotted rgb(170,170,170); }
		.liste_titel li	{ list-style: none; float: left; }
			.liste_titel li span	{ float: left; margin-right: 3px; }
			.liste_titel li a	{ float: left; margin-top: 5px;}
		
	.liste_eintraege	{ width: 760px; margin-bottom: 5px; border-top: 1px solid rgb(124,124,124); 
							border-bottom: 1px solid rgb(124,124,124); }
		.liste_eintraege li { width: 760px; list-style: none; display: block; border-top: 1px dotted rgb(170,170,170); }
			.liste_eintraege li.bg_1 { background: rgb(255,255,255); }
			.liste_eintraege li.bg_2 { background: rgb(245,245,249); }
			.liste_eintraege li img { float: left; padding: 4px; }
			.liste_eintraege li div { float: left; padding: 8px 4px 4px 8px; }
				.liste_name	{ width: 210px; }
				.liste_strasse { width: 160px; }
				.liste_plz { width: 48px; }
				.liste_ort { width: 196px; }
				.liste_mapview	{ margin-top: 1px; margin-left: 0px; }
				.liste_werbepartner { width: 350px; }
				.liste_partnerlinks { width: 30px; }
				.liste_kontakt { float: left; width: 300px; }
				
#detail		{ width: 762px; background: rgb(245,245,249); padding: 4px; }
	.detail_art		{ width: 760px; font-size: 11px; height: 20px; }
		.art			{ float: left; width: 550px; font-weight: bold; padding-left: 7px; }
	.detail_inhalt	{ width: 760px; background: rgb(255,255,255); border-top: 1px solid rgb(124,124,124);
						border-bottom: 1px solid rgb(124,124,124); padding-bottom: 10px; margin-bottom: 3px;  }
		.detail_inhalt h1	{ float: left; font-size: 16px; line-height: 18px; padding: 13px 5px 15px 20px; 
								color: rgb(0,0,54); }
		.detail_inhalt div#restaurant_kat { float: left; padding-top: 12px; }
		.detail_box	{ border-top: 1px dotted rgb(170,170,170); border-bottom: 1px dotted rgb(170,170,170);
						background: rgb(250,250,250); padding: 8px 5px 8px 20px; margin-bottom: 5px; }
			.detail_box div b		{ color: rgb(95,95,95); }
			.detail_box div.left	{ float: left; width: 320px; }
			.detail_box div.icon	{ float: left; width: 35px; margin-bottom: 3px; }
			.detail_box div.right	{ float: left; width: 320px; }
			.detail_box div.zusatz	{ float: left; width: 640px; margin-top: 3px; }
			.detail_box div.breit	{ float: left; width: 640px; }
				.detail_box div.breit img	{ border: 1px solid rgb(162,162,162); }
				.detail_box div p.small	{ font-size: 11px; }
			.detail_box table th	{ font-weight: normal; text-align: left; padding-right: 15px; }	

/* Formulare */
.td_form					{ padding: 0px 5px 4px 0px; }

.checkbox_schnellsuche		{ margin: 0px; float: left; margin-top: 2px; margin-bottom: 2px; 
								margin-right: 5px; _margin-left: -4px; }
.label_checkbox				{ float: left; margin-top: 1px; }
.select_schnellsuche		{ width: 180px; font-size: 11px; margin-top: 2px; margin-bottom: 6px; }
.submit_schnellsuche		{ margin-top: 5px; }

.select_listensuche			{ font-size: 11px; color: rgb(70,70,70); width: 100px; }
.select_suche				{ font-size: 11px; color: rgb(70,70,70); width: 110px; margin-right: 15px; }
.select_art					{ font-size: 11px; color: rgb(70,70,70); width: 170px; }
.select_art_ort				{ font-size: 11px; color: rgb(70,70,70); width: 170px; }
.plz_suche           		{ font-size: 11px; color: rgb(70,70,70); width: 20px; }
.ort_suche           		{ font-size: 11px; color: rgb(70,70,70); width: 125px; }
.submit_suche				{ font-size: 11px; color: rgb(0,0,54); }

textarea					{ font-size: 12px; font-family: Arial,Helvetica,SansSerif; width: 350px; }

.textarea_1					{ font-size: 12px; color: #000000; width: 425px; 
								font-family: Arial,Helvetica,SansSerif;	background-color: #dbdbdb; border: none; }					
						
.input_1					{ width:300px; color: #000000; font-size:12px; background-color: #d4d2d2; border: none; }
.input_2					{ width:80px;  color: #000000; font-size:12px; background-color: #d4d2d2; border: none; }
.input_3					{ width:214px; color: #000000; font-size:12px; background-color: #d4d2d2; border: none; }
.input_4					{ width:350px; color: #000000; font-size:12px; }

input.radio					{ margin-left: 0px; padding-top: 1px; }

.submit						{ font-size:12px; font-weight: bold; background-color:#d4d2d2; width: 200px;
								 color:#4d4d4d;	border:1px #d9d4cd; cursor: hand; }
.submit_1					{ font-size:12px; font-weight: bold; background-color: rgb(211,211,221); width: 200px;
								 color: rgb(0,0,54); border: 1px solid rgb(0,0,54); cursor: pointer; }
								 
.pflicht					{ background-color: rgb(237,235,232); }
.error						{ color: #aa2400; font-weight: bold; }