body 			{margin:0px; font-family : 'Verdana', Arial; background: white URL(bilder/verlauf_oben.png) top repeat-x; height:100%;}
div.hauptrahmen		{width:100%;height:100%;background:url(bilder/verlauf_unten.png) bottom repeat-x ;background-attachment: fixed;}

.text			{line-height: 15pt; letter-spacing: 1pt; font-size: 10pt; font-family : 'Verdana', Arial; padding:0.3cm; }
.tab_rahmen   	{width:100%; height:420px; cellpadding:2; cellspacing:1; align: center; border:7px solid #007AC9 ; border-left:none; border-right:none;}
.rahmen   		{margin-left:2em; margin-top:2em; width:830px; cellpadding:0; cellspacing:0;}
.tabelle		{font-size: 9pt; font-family : 'Verdana', Arial;}
.tabelle a		{font-size: 9pt; font-family : 'Verdana', Arial; }

.links			{width:50px}
.mitte			{width:750px}
.rechts			{width:30px}
.hoehe			{height:420px}

.farbe			{#009CFF}

.farbe1			{#022CFF}
.farbe2			{#044CFF}

.titel			{line-height: 15pt; 
				letter-spacing: 10pt; 
				font-size: 14pt; 	
				font-family : 'Verdana', Arial; 
				padding:0.1cm;
				font-weight: bold;
				font-style: italic;
				color: #808080}
				
.sf				{color: #000000; font-size: 10px;}
.eingabe		{font-size: 10pt;
				border-bottom:1px dotted #007AC9; 
				border-top:1px; 
				border-left:1px; 
				border-right:1px; 
				background-color:#EFEFEF}

.prnHidden 		{visibility: visible; }
.scrHidden		{display:none; visibility: hidden ; }

a {
BORDER:#007AC9 1px solid;
PADDING-RIGHT: 6px;
PADDING-LEFT: 6px;
PADDING-BOTTOM: 2px;
PADDING-TOP: 2px;
FONT-WEIGHT: bold;
COLOR: #0000FF ;
BACKGROUND-COLOR: #FFFFFF;
FONT-FAMILY: Verdana;
FONT-SIZE: 10pt;
TEXT-DECORATION: none;
}

a:hover {
BORDER:#009CFF 1px solid;
PADDING-RIGHT: 6px;
PADDING-LEFT: 6px;
PADDING-BOTTOM: 2px;
PADDING-TOP: 2px;
COLOR: #FFFFFF ;
BACKGROUND-COLOR: #009CFF;
FONT-WEIGHT: bold;
FONT-FAMILY: Verdana;
FONT-SIZE: 10pt;
TEXT-DECORATION: none;
border-radius: 3.5px;
}

.mitte a:link, .mitte a {padding:4px;padding-left:8px;padding-right:8px;border-bottom-width:5px;padding-bottom:1px;border-radius: 3.5px;}
.mitte a:hover {border-bottom-width:1px;padding-bottom:4px;}
.mitte a.active {font-weight: bold; color: #FFFFFF; font-family: Verdana; font-size: 10pt; text-decoration: none; border: 1px solid #007AC9; background-color: #007AC9;}

a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
  border:none;
  font-size:inherit;
}


table.preisliste {  }
table.preisliste td, table.preisliste th { font-family:arial,sans-serif; cursor:default; white-space: nowrap; }
table.preisliste thead td, table.preisliste thead th {border:none; border-bottom:4px solid #009CFF; font-size:11pt; color:#3378CB; vertical-align:bottom; text-align:center; font-weight:bold;}
table.preisliste > thead > tr:first-child > td:first-child {text-align:left;}
table.preisliste tbody td {border:none; border-right:1px solid silver; font-size:9pt; padding-left:2px; padding-right:2px; height:18pt; font-family:verdana; text-align:center; color:#101010; }

table#ortsliste {margin-top:8px;}
table#ortsliste td {padding-left:1px;padding-right:0px;}
table#ortsliste thead td {font-size:9pt;}
table#ortsliste > tbody > tr > td:first-child {font-weight:normal;text-align:left;}
table#ortsliste tbody td:hover {font-weight:normal;background-color:#A9DCFF;color:black;}
table#ortsliste tbody td:hover sup {color:black;}

table.preisliste tbody td sup {font-size:0.8em;color:#707070;}
/* p:nth-child(2) */
table.preisliste tbody tr:nth-child(even) {background-color:#f0f0f0;}
table.preisliste > tbody > tr > td:first-child {font-weight:bold;text-align:left;}
table.preisliste > tbody > tr:first-child td {vertical-align:bottom;padding-bottom:3px;}

table.preisliste tbody tr:hover {background-color:#A9DCFF;}
table.preisliste tbody td:hover {font-weight:bold;padding-right:1px;padding-left:1px;background-color:#009CFF;color:white;}
table.preisliste tbody td:hover sup {color:#f0f0f0;}
/* row */ /*table.preisliste td:hover::before {background-color: #A9DCFF; content: ''; height: 100%; left: -5000px; position: absolute; top: 0; width: 10000px; z-index: -2;}*/
/* column */
/*table.preisliste td:hover::after { background-color: #A9DCFF; content: '';height: 10000px;left: 0; position: absolute; top: -5000px; width: 100%; z-index: -1;} */


.vehicleOption label {border:1px solid #007AC9; background-color: #A9DCFF; font-weight:bold; font-size:12pt; color:#007AC9; padding:4px; display:inline-block; text-align:center; width:80px;vertical-align:center;padding-top:10px;padding-bottom:10px;cursor:pointer;}
.vehicleOption label span {display:block; font-weight:bold; font-size:10pt; text-align:center;letter-spacing:normal;}

.vehicleOption input[type=radio] { display:none; }
.vehicleOption input[type=radio]:checked + label{ background-color:007AC9; color:white; }