/* Autor: Andreas Lang, Lang Druck & Layout */
/* mail: info@lang-service.de */
/* (c) Andreas Lang */

/* Farben: */
/* Hellblau: #fefeea (Farbe1)*/
/* Dunkelblau: #14368c (Farbe2)*/
/* Orange: #ff8400 (Farbe3)*/

/* Neue Farbvorgabe vom Grafiker Herr Pützstück 10.03.2003 */
/* Hintergrund der Navigation: #14368c (blau) */
/* Frame oben mit Logo: #f6e604 (gelb) */
/* Hauptframe: #fefeea (hell) */
/* Orange: #ff8400 (ersetzt Farbe3 - Aufwand, wegen vorhandener Grafiken?) */

body			{ font-family: Verdana, Arial; margin-top: 0px; margin-left: 0px; margin-right: 0px; 
					color: #000000; font-size: 10pt;
					scrollbar-face-color: #14368c; scrollbar-base-color: #14368c;
		 			scrollbar-arrow-color: #fefeea; scrollbar-3dlight-color: #14368c;
		 			scrollbar-shadow-color: #14368c; scrollbar-darkshadow-color: #14368c;
		 			scrollbar-hilight-color: #fefeea; }

body.index		{ scrollbar-face-color: #fefeea; scrollbar-base-color: #fefeea;
		 	  scrollbar-arrow-color: #fefeea; scrollbar-3dlight-color: #fefeea;
		 	  scrollbar-shadow-color: #fefeea; scrollbar-darkshadow-color: #fefeea;
		 	  scrollbar-hilight-color: #fefeea; background: #fefeea; }
body.start		{ background: #fefeea; margin-top: 15px; margin-left: 20px; text-align: justify; }
body.norm		{ background: #fefeea; margin-top: 15px; margin-left: 20px; }
body.info		{ background: #fefeea; }
body.i_frame		{ background: #fefeea; margin-top: 5px; }
body.nav		{ background: #14368c; color: #fefeea; margin-top: 15px; margin-left: 1px; }
body.oben		{ background: #f6e604; color: #14368c; margin-top: 10px; margin-left: 10px; }
body.unten		{ background: #f6e604; border-top: 3px solid #14368c; font-size: 8pt; }
body.korallel		{ background: #fefeea url(../bilder/dot.gif) center bottom no-repeat; }

/* HTML-Tags ####################################################################################### */
td			{ vertical-align: top; font-size: 10pt; font-family: Verdana, Arial; }
fieldset		{ color: #000000; border: 1px dotted #ff8400; border-top: 18px solid #ff8400; height: 12px; width: 100%; }
legend			{ color: #000000; vertical-align: middle; border: 3px solid #ff8400; background: #ffcc99; margin: 0px; padding: 2px;}
select			{ Border-Style: none; color: #000000; background: #fefeea; }
textarea		{ font-family: Verdana, Arial; font-size: 10pt; text-align: left; vertical-align: top; };
ul			{ margin-top: 3pt; margin-bottom: 10pt; }
h1			{ font-family: Arial,Verdana; font-size: 10pt; height: 18px; font-weight: bold;	padding: 0px; margin: 0px; display: inline; }
h2			{ font-family: Arial,Verdana; font-size: 11pt; height: 18px; font-weight: bold; padding: 0px; margin: 0px; display: inline; }
h3			{ font-size: 8pt; font-weight: bold; text-align: left; padding-bottom: 5px; padding-top: 10px; margin: 0px; }
h4			{ font-family: Arial,Verdana; font-size: 12pt; height: 20px; font-weight: bold; margin: 0px; display: inline; }
h5			{ height: 10px; font-size: 10pt; margin: 0px; display: inline; font-weight: normal; }
h6			{ font-weight: bold; font-size: 14pt; font-style: italic; color: #14368c; }

/* Formularfelder ####################################################################################### */
.schalter		{ color: #f6e604; background: #14368c; font-size: 9pt; width: 65px; }
.schalter_variabel	{ color: #f6e604; background: #14368c; font-size: 9pt; }
.schalter_gross		{ color: #f6e604; background: #14368c; font-size: 16pt; width: 120px; height: 30px; }
.mini_schalter		{ color: #f6e604; background: #14368c; font-size: 7pt; width: 85px; height: 18px; padding: -3px; margin: 0px; vertical-align: top; }
.eingabe		{ color: #000000; background: #ffffff; border: 1px solid #14368c; font-size: 10pt; font-family: Verdana, Arial; }
.zeigen			{ border: 0px; background: #fefeea; color: #000000; }
.filter			{ font-size: 9pt; }
.optionregion		{ font-size: 8pt; color: #cc0099; font-weight: bold; }
.optionland		{ font-size: 8pt; color: #14368c; }
.optiongebiet		{ font-size: 8pt; color: #000000; }

/* Rahmen und Linien ####################################################################################### */
.linieo			{ border-top: 3px solid #cccc00; }
.linieu			{ border-bottom: 3px solid #cccc00; }
.liniel			{ border-left: 3px solid #cccc00; }
.linier			{ border-right: 3px solid #cccc00; }

.linieo_2		{ border-top: 1px solid #14368c; }
.linieu_2		{ border-bottom: 1px solid #14368c; }
.liniel_2		{ border-left: 1px solid #14368c; }
.linier_2		{ border-right: 1px solid #14368c; }
.rahmen_2		{ border: 1px solid #14368c; }
.rahmen_r		{ border: 3px solid #cc0000; }

/* Allgemeines ####################################################################################### */
.abpreis,
.angebot		{ padding-left: 35px; }
.angebot_titel,
.angebot_preis		{ font-weight: bold; float: left; margin-right: 10px; margin-bottom: 0px; 
					border: solid 2px #ff8400; padding: 5px; background: #cccccc; }
.angebot_text		{ display: block; margin-bottom: 5px; text-align: justify;}
.angebot_datum		{ clear: both; text-align: left; padding-bottom: 50px; }
.beschriftung		{ color: #14368c; font-size: 8pt; height: 18px; border-left: 1px solid #14368c;}
.bildlinks		{ float: left; margin-right: 10px; margin-bottom: 5px; }
.bildrechts		{ float: right; margin-left: 10px; margin-bottom: 5px; width: 300px; }
.bildinfo		{ font-size: 7pt; text-align: center; width: 100%; height: 14px; }
.danke			{ font-size: 11pt; text-align: center; vertical-align: middle; width: 570px; margin-top: 10px;
					font-style: italic; font-weight: bold; color: #14368c; }
.edv-code		{ color: #14368c; font-size: 8pt; font-weight: bold; text-align: right; }
.empfehlen		{ font-size: 10pt; font-style: italic; text-align: center; }
.firma			{ font-size: 10pt; font-weight: bold; font-style: italic; }
.gebietskopf		{ font-family: Arial,Verdana; color: #14368c; background: #ff8400; padding-right: 5px; 
					font-size: 12pt; height: 20px; text-align: left; vertical-align: middle; font-weight: bold; }
.gruss			{ font-weight: bold; font-size: 14pt; font-style: italic; color: #14368c; }
.h_farbe1		{ background: #fefeea; } 					/* Hellblau: 	RGB: 132 212 228 */
.h_farbe2		{ background: #14368c; } 					/* Dunkelblau: 	RGB: 0 0 153 */
.h_farbe3		{ background: #ff8400; } 					/* Orange: 		RGB: 255 170 85 */
.h_weiss		{ background: #ffffff; }
.h_silber		{ background: #cccccc; }
.h_laender		{ background: #f6e604; }
.h_blend		{ background:url(../bilder/linie_h_blend.jpg) right top  #ff8400 repeat-y; width: 100%; padding-left: 5px;
					font-size: 11pt; text-align: left; vertical-align: middle; font-weight: bold; color: #ffffff; width: 90%;}
.h_l			{ background: url(../bilder/hotel_l.gif) right top no-repeat #fefeea; width: 39px; height: 40px; }
.h_mo			{ background: url(../bilder/hotel_ro.gif) left top no-repeat #f6e604; width: 41px; height: 20px; }
.h_mu			{ background: url(../bilder/hotel_ru.gif) left top no-repeat #ff8400; width: 41px; height: 20px; }
.h_ro			{ font-family: Arial,Verdana; color: #14368c; background: #f6e604; padding-right: 5px; 
					font-size: 10pt; height: 18px; text-align: right; vertical-align: middle; font-weight: bold; }
.h_ro b			{ color: #cc0000; }
.h_ru			{ font-family: Arial,Verdana; color: #14368c; background: #ff8400; padding-left: 20px; 
					font-size: 11pt; height: 18px; text-align: left; vertical-align: middle; font-weight: bold; }
.hotelkopf		{ font-family: Arial,Verdana; color: #ffffff; background: #14368c; padding-right: 5px; 
					font-size: 11pt; height: 18px; text-align: right; vertical-align: middle; font-weight: bold; }
.hoteltexttitel		{ font-size: 8pt; font-weight: bold; text-align: left; display: block; padding-bottom: 5px; padding-top: 10px; }
.hotelzimmer		{ font-size: 8pt; font-weight: bold; text-align: left; padding-bottom: 5px; padding-top: 10px; }
.hoteltext		{ font-size: 8pt; text-align: left; vertical-align: middle; }
.hotelpreis		{ font-size: 8pt; text-align: center; vertical-align: bottom; width: 65px; }
.hotelpreisanfrage 	{ font-size: 8pt; text-align: center; vertical-align: middle; }
.hotelzuschlagtitel 	{ font-weight: bold; padding-right: 3px; }
.hotline		{ font-size: 7pt; text-align: left; color: #fefeea; }
.hotlinefrage		{ font-size: 8pt; text-align: left; color: #fefeea; }
.hotlinefirma		{ font-size: 9pt; text-align: left; color: #fefeea; font-weight: bold; }
.hotline_pos		{ text-align: left; vertical-align: bottom; }
.impressum		{ font-size: 8pt; text-align: left; }
.impressumkopf		{ font-size: 8pt; font-weight: bold; text-align: left; }
.info			{ font-size: 8pt; text-align: center; width: 100%; margin: 10px; }
.kopfspalte		{ font-family: Arial,Verdana; color: #000000; background: #ff8400; border-top: 2px solid #14368c;
					height: 18px; margin-top: 5px; margin-left: 3px; padding-right: 5px; vertical-align: middle;
					text-align: right; font-weight: bold; }
.kurztext		{ font-size: 8pt; text-align: justify; padding-left: 35px; padding-top: 3px; padding-bottom: 3px; }
.logo			{ border-left: 3px solid #b5f5f5; border-right: 3px solid #b5f5f5; padding-left: 15px; padding-right: 15px; background: #fefeea;
					padding-top: 5px; padding-bottom: 3px; }
.merker			{ font-weight: bold; display: block; border: solid 2px #ff8400; padding: 5px; background: #cccccc; width: 120px; vertical-align: bottom; }
.muss			{ background: #dddddd; }
.nav1_2zeilen		{ height:43px; vertical-align: bottom; padding-bottom: 7px; }
.newsdatum		{ color: #14368c; font-size: 8pt; font-weight: bold; padding: 2px; }
.newstitel		{ color: #fefeea; background: #14368c; font-weight: bold; padding: 2px; }
.newseinleitung		{ color: #000000; font-size: 8pt; padding-bottom: 7px; }
.oben			{ vertical-align: middle; }
.preisinfo		{ display: block; font-weight: bold; }
.rahmen_oben		{ border-top: 7px solid #b5f5f5; border-bottom: 3px solid #b5f5f5; width: 95%; 
					font-size: 7pt; text-align: left; vertical-align: middle; padding-left: 3px; color: #000000; }
.special		{ background: #ff8400; color: #14368c; font-size: 14pt; font-weight: bold; text-align: center; }
.start			{ display: block; width: 570px; margin-top: 15px; font-size: 10pt; }
.s_l			{ background: url(../bilder/schiff_l.gif) right top no-repeat #fefeea; width: 40px; height: 40px; }
.s_mo			{ background: url(../bilder/schiff_ro.gif) left top no-repeat #fefeea; width: 35px; height: 20px; }
.s_mu			{ background: url(../bilder/schiff_ru.gif) left top no-repeat #14368c; width: 35px; height: 20px; }
.s_ro			{ font-family: Arial,Verdana; color: #14368c; background: #fefeea; padding-right: 5px; 
					font-size: 10pt; height: 18px; text-align: right; vertical-align: middle; font-weight: bold; }
.s_ro b			{ color: #cc0000; }
.s_ru			{ font-family: Arial,Verdana; color: #fefeea; background: #14368c; padding-left: 20px; 
					font-size: 11pt; height: 18px; text-align: left; vertical-align: middle; font-weight: bold; }
.sterne			{ vertical-align: top; padding-left: 20px; }
.t_l			{ background: url(../bilder/basis_l.gif) right top no-repeat #fefeea; width: 35px; height: 40px; }
.t_mo			{ background: url(../bilder/basis_ro.gif) left top no-repeat #14368c; width: 20px; height: 20px; }
.t_mu			{ background: url(../bilder/basis_ru.gif) left top no-repeat #14368c; width: 20px; height: 20px; }
.t_ro			{ font-family: Arial,Verdana; color: #fefeea; background: #14368c; padding-right: 5px; 
					font-size: 10pt; height: 18px; text-align: right; vertical-align: middle; font-weight: bold; }
.t_ro b			{ color: #cc0000; }
.t_ru			{ font-family: Arial,Verdana; color: #fefeea; background: #14368c; padding-left: 20px; 
					font-size: 11pt; height: 18px; text-align: left; vertical-align: middle; font-weight: bold; }
.unten			{ font-size: 8pt; vertical-align: top; }
.vorhaben		{ color: #999999; font-size: 8pt; font-weight: bold; vertical-align: bottom; padding-left: 35px; }
.vorhaben b		{ color: #14368c; }
.x_l			{ background: url(../bilder/x_l.gif) left top no-repeat #fefeea; width: 39px; height: 40px; }
.x_mo			{ background: #fefeea; width: 20px; height: 20px; }
.x_mu			{ background: #f6e604; width: 20px; height: 20px; }
.x_ro			{ font-family: Arial,Verdana; color: #14368c; background: #fefeea; padding-right: 5px; 
					font-size: 10pt; height: 18px; text-align: right; vertical-align: middle; font-weight: bold; }
.x_ro b			{ color: #cc0000; }
.x_ru			{ font-family: Arial,Verdana; color: #14368c; background: #f6e604; padding-left: 20px; 
					font-size: 11pt; height: 18px; text-align: left; vertical-align: middle; font-weight: bold; }
.zeigen			{ text-align: right; vertical-align: bottom; background: none; }

/* Externe Preislisten die aus Access importiert werden */
.preistabelle		{ width: 570px; font-size: 8pt; }
.preiskopf1		{ border: 1px solid #000000; text-align: center; vertical-align: middle; font-size: 7pt; font-weight: bold; background: #cccccc; padding: 3px; }
.preiskopf2		{ border: 1px solid #000000; text-align: center; vertical-align: middle; font-size: 7pt; font-weight: bold; background: #cccccc; padding: 3px; }
.preisspalte		{ border: 1px solid #000000; text-align: center; font-size: 8pt; padding: 3px; }
.preisfusslinks		{ border-bottom: 1px solid #000000; text-align: left; vertical-align: top; font-size: 8pt; padding-right: 5px; }
.preisfussrechts	{ border-bottom: 1px solid #000000; text-align: left; vertical-align: top; font-size: 8pt; padding-left: 5px; }

/* Links ####################################################################################### */
a			{font-size: 10pt; text-decoration: none;}
.nav1			{font-size: 10pt; font-weight: bold; color: #fefeea; background: #14368c; text-align: left; vertical-align: bottom; height: 18px; width: 100%;}
.nav1:hover,
.nav1:active		{font-size: 10pt; font-weight: bold; color: #14368c; background: #f6e604;}
.nav2			{font-size: 8pt; font-weight: bold; color: #fefeea; background: #14368c; text-align: left; vertical-align: middle; width: 100%;}
.nav2:hover,
.nav2:active		{font-size: 10pt; font-weight: bold; color: #14368c; background: #f6e604; }
.auswahl		{font-size: 8pt; color: #14368c; }
.auswahl:hover		{color: #ffffff; }
.gebietslink		{color: #14368c; margin: 5px; height: 10px; text-align: left; font-size: 10pt; }
.gebietslink:hover	{color: #ff8400; }
.landeslink		{color: #14368c; margin: 3px; font-size: 12pt; }
.landeslink:hover	{color: #ffffff; }
a.hotline_mail		{color: #fefeea; font-size: 9pt; }
a.hotline_mail:hover	{color: #14368c; background: #f6e604; }
.oben			{font-size: 7pt; color: #14368c; }
.oben:hover		{color: #ffffff; }
.t_ro			{color: #fefeea; font-size: 10pt; font-weight: bold; }
.h_ro,
.s_ro			{color: #14368c; font-size: 10pt; font-weight: bold; }
.t_ro:hover		{color: #f6e604; }
.h_ro:hover		{color: #ff8400; }
.s_ro:hover		{color: #ff8400; }
.h_ru			{color: #14368c; font-size: 10pt; font-weight: bold; }
.t_ru,
.s_ru			{color: #ffffff; font-size: 10pt; font-weight: bold; }
.t_ru:hover		{color: #f6e604; }
.h_ru:hover		{color: #f6e604; }
.s_ru:hover		{color: #f6e604; }
.newsmehr		{color: #14368c; font-size: 8pt; }
.newsmehr:hover		{color: #fefeea; background: #14368c; }
/* Spezielles ####################################################################################### */


/* Preisausschreiben ################################################################################ */
.p_preise	{ border: 2px solid #14368c; vertical-align: top; text-align: center; font-size: 7pt; }
.p_preistitel	{ border: 2px solid #14368c; background: #14368c; color: #fefeea; text-align: center; font-size: 10pt; font-weight: bold; }
.frage		{ font-weight: bold; padding-top: 10px; width: 540px; }
.preisfrage { color: #fefeea; font-weight: bold; font-size: 10pt; background-color: #14368c; text-align: center; border: solid 2px #14368c }
.fehler_preisfrage { color: #fefeea; font-weight: bold; font-size: 10pt; background-color: #14368c; text-align: center; border: solid 2px #ff0000 }
.antwort	 { color: white; font-weight: bold; background-color: #009; margin: 3px 5px; border: solid 1px #1e90ff; width: 45% }
.set_antwort	 { color: black; font-weight: bold; background-color: lightgreen; margin: 3px 5px; border: solid 1px #1e90ff; width: 45% }
.gewinner	{ color: #cc0000; font-weight: bold; text-align: center; }
.gewinnername	{ color: #14368c; font-weight: bold; text-align: center; padding: 5px; }
/* Startseite ####################################################################################### */