/* XXXX WICHTIGE FARBEN XXXX 

#ccc = Linien
#A11A27 = Rot

*/

/* XXXX FORMATIERUNG TEXTE XXXX */

/* ---- Fliesstext ---- */
body { background: url(../images/hg-trekkerchile.gif); }

/* ---- Fliesstext ---- */
table { font: 13px/18px Arial, Helvetica, Verdana, sans-serif; }

/* ---- Absätze ---- */
p { margin: 13px 0px 0px 0px; padding: 12px 0px 0px 0px; }

/* ---- farbiger Text ---- */
.textfarbig { color:#008080; }

/* ---- Text in normaler Schriftgröße kursiv ---- */
.textkursiv { font: italic 12px Arial, Helvetica, Verdana, sans-serif; color: #000000;  }

/* ---- Textinitiale in großer Schriftgröße fett ---- */
.textinitiale { font: bold 20px Arial, Helvetica, Verdana, sans-serif; color: #000000;  }

/* ---- Text in kleinerer Schriftgröße für Tabellen ---- */
.texttabelleklein { font: 11px Arial, Helvetica, Verdana, sans-serif; }

/* ---- Sonstige Textformationen ---- */
.Stil1 {
	font-size: 16px;
	font-weight: bold; }
.Stil2 {font-size: 14px;}

/* ---- Listen ---- */
ul { 
margin: 0px 0px 18px 20px; 
padding: 0px 0px 0px 20px; 
list-style-type: disc;
}

ul.alpha { list-style-type: lower-alpha; }
ul.decimal { list-style-type: decimal; } 
li { line-height: 20px;}

/* ---- Bilder ---- */
img { border:0px; }

/* ---- ÜBERSCHRIFTEN ---- */
h1 { font-weight : normal; font-size: 20px; line-height: 24px; color: #000000; margin-top: 0px; margin-bottom: 40px; padding-top: 0px; padding-bottom: 0px; text-transform: uppercase; }
h2 { font-weight : bold; font-size: 15px; text-transform:uppercase; color: #000000; margin-top: 0px; margin-bottom: 18px; padding-top: 0px; padding-bottom: 0px; }
h3 { 
font: bold 13px/18px Arial, Helvetica, Verdana, sans-serif;
color: #A11A27;
}

h3.liste { 
font: bold 13px/18px Arial, Helvetica, Verdana, sans-serif;
color: #A11A27;
padding: 0px 0px 4px 0px !important;
margin: 0px !important;
clear: both;
}

h3.inline { 
display: inline;
}

/* ---- HR ---- */
hr {  border: 1px solid #7d7d7d; height:1px;}

/* ---- IFrame ---- */
iframe {
border: none;
}

/* ---- NAVIGATION LINKS ---- */
a.nav:link { font-weight: bold; color: #ffffff; text-decoration:none;}
a.nav:visited { font-weight: bold; color: #ffffff; text-decoration:none;}
a.nav:hover { font-weight:bold; color: #A11A27; text-decoration:none;}
a.nav:active { font-weight:bold; color: #A11A27; text-decoration:none;}
a.nav:focus { font-weight:bold; color:#A11A27; text-decoration:none;}

a.akt:link { font-family: Verdana, Arial, Helvetica, sans-serif; color: #A11A27; font-size: 12px; line-height: 13px; font-style: normal; font-weight: bold; text-decoration:none;}
a.akt:visited { font-family: Verdana, Arial, Helvetica, sans-serif; color: #A11A27; font-size: 12px; line-height: 13px; font-style: normal; font-weight: bold; text-decoration:none;}
a.akt:hover { font-family: Verdana, Arial, Helvetica, sans-serif; color: #A11A27; font-size: 12px; line-height: 13px; font-style: normal; font-weight: bold; text-decoration:none;}
a.akt:active { font-family: Verdana, Arial, Helvetica, sans-serif; color: #A11A27; font-size: 12px; line-height: 13px; font-style: normal; font-weight: bold; text-decoration:none;}
a.akt:focus { font-family: Verdana, Arial, Helvetica, sans-serif; color: #A11A27; font-size: 12px; line-height: 13px; font-style: normal; font-weight: bold; text-decoration:none;}

.copy { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; font-style: normal;}
.copy-rot { font-family: Verdana, Arial, Helvetica, sans-serif; color: #A11A27; font-size: 12px; line-height: 13px; font-style: normal; font-weight: bold; letter-spacing: 1px; }
.untermenu_rot { font-family: Verdana, Arial, Helvetica, sans-serif; color: #A11A27; font-size: 12px; line-height: 13px; font-style: normal; font-weight: bold; }
td.klein { valign:top; background-color:#6699CC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 13px; font-style: normal;}
td.hellklein { valign:top; background-color:#9FBFDF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 13px; font-style: normal;}
td.haupt { valign:top;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal;}

/* ---- SEITENABSCHNITTE ---- */
.tabellenrahmen { border:1px solid black; }

/* ---- Ganz äußere Tabelle jeder Seite ---- */
table#gesamt {
width: 100%;
border: none;
}

/* ---- Oberer Bereich einer jeden Seite ---- */
td#top {
width: 854px;
}

td#top div {
float: left;
}

td#top div.sprachauswahl {
float: right;
text-align: left;
width: 133px;
margin: 5px 0px 5px 0px;
}

td#top li {
line-height: 16px ! important;
}

td#top div.sprachauswahl a {
color: #6699CC;
font-weight: bold;
text-decoration: none;
font-size: 11px;
}

td#top div.sprachauswahl a:hover,
td#top div.sprachauswahl a:active,
td#top div.sprachauswahl a:focus {
color:#A11A27;
}

td#top table {
width: 854px;
height: 145px;
margin-bottom: 5px;
}

td#top table td {
background: #fff;
}

td#top table td.eckenlinks,
td#top table td.eckenrechts {
background: none;
padding-top: 0px;
}

td#top table td.eckenlinks img,
td#top table td.eckenrechts img {
padding-top: 0px;
}

td#top table td.servicenav {
width: 133px;
}

td#top table td.servicenav ul {
padding: 10px 0px 0px 0px;
margin: 7px 0px 7px 0px;
list-style: none;
background: #6699CC;
height: 121px;
width: 133px;
}

td#top table td.servicenav ul li a {
font-weight: bold;
padding-left: 15px;
color: #fff;
text-decoration: none;
font-size: 11px;
}

td#top table td.servicenav ul li a:hover,
td#top table td.servicenav ul li a:active,
td#top table td.servicenav ul li a:focus,
.servicenav-on {
color:#A11A27;
}

/* ---- Haupttabelle jeder Contentseite ---- */
table.haupttabelle {
width: 854px;
border: none;
text-align: left;
}

/* ---- Content-Bereich ---- */
table#content,
table#content-top,
table#content-bottom {
border: none;
float: left;
width: 707px;
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 0px;
background: #fff;
}

* html b\ody #content,
* html b\ody #content-top,
* html b\ody #content-bottom {
margin: 0px 0px 0px 2px !important;
} 

table#content {
padding: 0px 15px 0px 25px;
}

table#content div.clear {
clear: both;
height: 1px !important;
}

table#content-top,
table#content-bottom {
background: none;
}

table#content-bottom {
margin-bottom: 5px;
}

table#content-top td,
table#content-bottom td {
width: 693px;
background: #fff;
}

table#content-top td.ecke,
table#content-bottom td.ecke {
float: right;
text-align: right;
height: 40px;
width: 14px;
background: none;
}

/* ---- Routen ---- */
div#route-left {
width: 430px;
margin-right: 20px;
float: left;
}

div#route-left p,
div#route-left ul,
div#route-left table {
margin: 0px;
padding: 0px;
float: left;
}

table.tabelle,
table.tabelle-breit {
float: left;
width: 432px;
background: #fff;
margin: 0px 0px 18px 0px !important;
}

table.tabelle-breit {
width: 667px;
}

table.tabelle td,
table.tabelle-breit td {
background: #e2e2e2;
vertical-align: top;
padding: 1px 2px 1px 2px;
}

table.tabelle-breit.ausruestung img {
float: left;
margin-right: 10px;
}

div.leistungen {
float: left;
width: 420px;
}

div.leistungen ul  {
float: left;
list-style: outside;
text-align: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 9px 0px !important;
}

div.leistungen ul li {
margin: 0px 5px 0px 15px;
padding: 0px 0px 8px 0px;
line-height: 18px;
}

div.leistungen div {
clear: both;
}

dl.eckdaten,
dl.eckdaten dt,
dl.eckdaten dd {
float: left;
width: 430px;
margin: 0px;
padding: 0px;
}

dl.eckdaten {
margin: 0px 0px 18px 0px;
}

dl.eckdaten dt,
dl.eckdaten dd {
float: left;
width: 170px;
padding: 3px 0px 4px 0px;
border-bottom: 1px #ccc solid;
}

dl.eckdaten dt {
font-weight: bold;
}

dl.eckdaten dd {
width: 260px;
}

/* ---- Routen ---- */
div.route-start {
background: #fff;
padding: 2px 2px 10px 2px;
border: 2px solid #ccc;
text-align: center;
width: 150px;
position: relative;
}

div.route-start img {
clear: both;
margin: 0px 0px 4px 0px;
}

div.route-start.vulkane {
top: 40px;
left: 30px;
}

div.route-start.nordarg {
top: 50px;
left: 10px;
}

div.route-start.chilezentral {
top: 60px;
left: 10px;
}

div.route-start.chileaustral {
top: 70px;
left: 30px;
}

div.route-start.transsouth {
top: 40px;
right: 0px;
}

div.route-start.suedarg {
top: 300px;
right: 120px;
}


div#route-left p.einleitung {
float: left;
margin: 18px 0px 28px 0px;
}

div#route-left div#routenverlauf p, 
div#route-left div#routenverlauf ul {
margin: 5px 0px 18px 0px;
}

div#route-left div#routenverlauf div {
float: none;
margin: 0px;
}

div#route-left div#routenverlauf img {
margin: 0px 10px 9px 0px;
border: 3px #ccc double;
}

div#route-right {
width: 210px;
float: left;
}

div#route-right div {
margin: 0px;
padding: 0px;
background: #f0f0f0;
text-align: center;
}

div#route-right div,
div#route-right div p  {
margin: 0px 0px 28px 0px;
padding: 0px;
}

div#route-right div.fahrzeuge  {
padding: 0px 0px 28px 0px;
}

div#route-right div ul  {
list-style: none;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
width: 210px;
}

div#route-right div ul li {
padding: 3px 0px 4px 0px;
}

div#route-right div h3 {
background: #e2e2e2;
display: block;
color: #888;
margin: 0px;
font: bold 13px Arial, Helvetica, Verdana, sans-serif; 
padding: 3px 5px 3px 5px;
border-bottom: 2px #fff solid;
}

div#route-right div.fahrzeuge p {
width: 210px;
float: right;
margin: 0px;
text-align: left;
background: #f0f0f0;
padding: 3px 0px 4px 0px;
border-bottom: 2px #fff solid;
}

div#route-right div.fahrzeuge img {
margin-left: 3px;
margin-right: 5px;
float: left;
}

/* ---- Tabelle Überführungskosten ---- */
table#ueberfuehrung td {
background: #f0f0f0;
text-align: right;
}

table#ueberfuehrung td.left {
text-align: left !important;
}


/* ---- Auto mieten - Übersichtsseite Angebote je Stadt ---- */
td#auto h3 {
display: block;
margin-bottom: 1px;
width: 653px;
padding: 2px 0px 2px 5px;
border: 1px #ccc solid;
}

td#auto p {
margin: 0px 0px 32px 0px;
}

div.autooverview {
width: 658px;
height: 168px;
margin-bottom: 9px;
border: 1px #ccc solid;
}

div.autooverview div.left {
float: left;
width: 239px;
border: 1px #fff solid;
}

div.autooverview div.right-top,
div.autooverview div.right {
width: 258px;
height: 143px;
padding: 5px 0px 0px 20px;
float: left;
}

div.autooverview div.right {
width: 350px;
}

div.autooverview div.right-top ul,
div.autooverview div.right ul {
list-style: none;
margin: 5px 0px 0px 0px;
padding: 0px;
}

div.autooverview div.right-top h2 {
font: bold 15px/18px Arial, Helvetica, Verdana, sans-serif;
color: #A11A27;
}

div.autooverview div.right-top-02,
div.autooverview div.right-top-03 {
float: left;
width: 139px;
}

div.autooverview div.right-top-02 {
height: 73px;
position: relative;
top: -18px;
text-align: right;
}

div.autooverview div.right-top-02 img {
margin-right: 10px;
}

div.autooverview div.right-top-03 {
height: 75px;
position: relative;
top: -8px;
}

div.autooverview div.right-top-03 div {
height: 29px;
}

div.autooverview div.right-top-03 div.unten {
margin-top: 10px;
}

div.autooverview div.right-bottom {
width: 416px;
padding: 0px;
border-bottom: 1px solid #fff;
float: left;
height: 19px;
background: #a1a1a1;
}

/* -- Browserweiche IE 6 + 7 --- */
* html b\ody div.autooverview div.right-bottom {
width: 410px;
}

div.autooverview div.right-bottom-under {
display: none;
}

/* -- Browserweiche IE 6 + 7 --- */
* html b\ody div.autooverview div.right-bottom-under {
display: block;
z-index: 10;
position: absolute;
width: 6px;
height: 20px;
background: #a1a1a1;
float: right;
}

div.autooverview div.right-bottom ul {
list-style: none;
margin: 0px;
padding: 0px;
}

div.autooverview div.right-bottom ul li {
float: left;
height: 19px;
margin: 0px;
padding: 0px 8px 0px 8px;
border-right: 1px solid #fff;
color: #fff;
background: #a1a1a1;
}

div.autooverview div.right-bottom ul li a {
position: relative;
top: -1px;
color: #fff;
text-decoration: none;
}

div.autooverview div.right-bottom ul li a:hover {
color: #A11A27;
}

div.autooverview div.right-bottom ul li.res {
background: #A11A27;
margin-left: 19px;
border-left: 1px solid #fff;
}

div.autooverview div.right-bottom ul li.res a:hover {
color: #9FBFDF;
}

/* -- Browserweiche >= IE 6 --- */
*html div.autooverview div.right-bottom ul li.res {
margin-left: 10px;
}

/* ---- Sitemap ---- */
ul.sitemapeins {
	width: 500px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 2px;
	margin-left: 10px;
	padding-left: 10px;
	list-style: none;
	border: 2px solid #6666cc; }
	
ul.sitemapzwei { 
    width: 500px;
	margin-left: 10px;
	padding-left: 10px; 
	list-style-type: none; }
	
ul.sitemapdrei { 
	margin-left: 20px;
	margin-bottom: 10px;
	padding-left: 20px; 
	list-style-type: none; }
	
li.sitemapzweizeile {
	border-bottom: 1px dashed #6666cc; }

/* ---- LINKS allgemein ---- */
a { text-decoration : underline; color: #6666cc; }
a:active { text-decoration : none; color: #6666cc; }
a:hover { text-decoration : none; color: #6666cc; }

/* ---- Sitemap ---- */
a.sitemapfett { font-weight: bold; text-decoration : underline; color: #000000; }
a.sitemapfett:active { text-decoration : none; color: #6666cc; }
a.sitemapfett:hover { text-decoration : none; color: #A11A27; }

a.sitemapnormal { text-decoration : underline; color: #000000; }
a.sitemapnormal:active { text-decoration : none; color: #6666cc; }
a.sitemapnormal:hover { text-decoration : none; color: #A11A27; }

/* ---- Anker ---- */
a.anker { text-decoration : none; color: #000000; }
a.anker:active { text-decoration : none; color: #000000; }
a.anker:hover { text-decoration : none; color: #000000; }


/* ---- OFFERS ---- */
td#offers {
}

td#offers div#total {
width: 653px;
}

td#offers div#total div.actions {
float: right;
margin: 0px 0px 9px 0px;
color: #A11A27;
}

td#offers div#total div.actions a {
float: right;
display: block;
margin: 0px 0px 0px 8px;
}

td#offers div#total div.actions a.create {
width: auto !important;
padding: 1px 8px 1px 8px;
color: #fff;
background: #A11A27;
text-decoration: none;
}

td#offers div#total div.actions a.create:hover {
color: #9FBFDF;
}

td#offers div#total h2 {
display: inline;
float: left;
}


/* ---- Form generally ---- */
form br {
clear: left; /* delete the float of labels and inputs */
}

td#offers form,
td#offers form label,
td#offers form select,
td#offers form input {
float: left;
}

td#offers div#total form fieldset {
border: 1px solid #ccc;
padding: 9px;
width: 638px;
}

td#offers div#total form legend {
padding: 0px;
margin: 0px 0px 4px 0px;
font-weight: bold;
}

td#offers div#total form legend { /* for IE 6 + 7 */
!margin: 0px 0px 4px -7px;
}

td#offers div#total form label.variable {
width: auto !important;
margin: 0px 10px 0px 30px;
}

td#offers div#total form .submit,
td#offers div#total form .submit02 {
margin: 8px 4px 0px 4px;
width: auto !important;
padding: 2px 8px 2px 8px;
color: #fff;
background: #A11A27;
border: none;
}

td#offers div#total form .submit02 {
background: #a1a1a1;
display: block;
float: left;
text-decoration: none;
padding: 1px 8px 1px 8px;
}

td#offers div#total form .submit:hover {
color: #9FBFDF;
}

td#offers div#total form .submit02:hover {
color: #A11A27;
}

/* ---- Form BE - new entry ---- */
td#offers div#total form.be-new label {
width: 60px;
}

td#offers div#total form.be-new select,
td#offers div#total form.be-new input {
width: 140px;
}

td#offers div#total form.be-new input.location,
td#offers div#total form.be-new input.date {
width: 100px;
}

td#offers div#total form.be-new input.title {
width: 240px;
}

/* ---- FE - entries ---- */
td#offers div.fe-entry {
float: left;
width: 658px;
margin-top: 18px;
border: 1px #ccc solid;
background: #f0f0f0;
}

td#offers div.fe-entry div.left {
float: left;
width: 239px;
border-top: 1px #fff solid;
border-bottom: 1px #fff solid;
border-left: 1px #fff solid;
}

td#offers div.fe-entry div.left img {
float: left;
}

td#offers div.fe-entry div.right-top {
width: 398px;
height: auto;
min-height: 134px;
padding: 5px 0px 9px 20px;
float: left;
background: #fff;
}

* html td#offers div.fe-entry div.right-top { /* -- for IE 6 --- */
height: 133px;
}

td#offers div.fe-entry div.right-top h3 {
display: block;
padding: 0px;
margin: 0px 20px 18px 0px;
}

td#offers div.fe-entry div.right-top p {
margin: 0px 0px 9px 0px !important;
padding: 0px;
clear: both;
}

td#offers div.fe-entry div.right-top dl {
float: left;
margin: 0px 0px 9px 0px;
padding: 0px;
}

td#offers div.fe-entry div.right-top dl dt {
float: left;
width: 100px;
padding: 0px;
margin: 0px;
font-weight: bold;
}

td#offers div.fe-entry div.right-top dl dd {
float: left;
width: 290px;
padding: 0px;
margin: 0px;
}

td#offers div.fe-entry div.right-bottom {
width: 416px;
padding: 0px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
float: right;
height: 19px;
background: #a1a1a1;
}

td#offers div.fe-entry div.right-bottom ul {
list-style: none;
margin: 0px;
padding: 0px;
}

td#offers div.fe-entry div.right-bottom ul li {
float: left;
height: 19px;
margin: 0px;
padding: 0px 8px 0px 8px;
border-right: 1px solid #fff;
color: #fff;
background: #a1a1a1;
}

td#offers div.fe-entry div.right-bottom ul li a {
position: relative;
top: -1px;
color: #fff;
text-decoration: none;
}

td#offers div.fe-entry div.right-bottom ul li a:hover {
color: #A11A27;
}

td#offers div.fe-entry div.right-bottom ul li.res {
background: #A11A27;
margin-left: 19px;
border-left: 1px solid #fff;
}

td#offers div.fe-entry div.right-bottom ul li.res a:hover {
color: #9FBFDF;
}

/* -- Browserweiche >= IE 6 --- */
*html td#offers div.fe-entry div.right-bottom ul li.res {
margin-left: 10px;
}

/* -- Backend - Alerts -- */
#flashMessage
{
	clear:both;
	float:none;
	margin:0 0 8px 0;
	font-weight:bold;
	font-size:12px;
	color:#C00;
}

/* ---- Form booking ---- */
form#booking div.line {
width: 653px;
border-bottom: 1px solid #ccc;
}

form#booking div.line-mietwagenreise {
width: 653px;
border-bottom: 1px solid #ccc;
}