/*
 *
 *  Stylesheet für www.lonelyplanet.de (Druckversion)
 *  (c) seitenblick interaktive medien gmbh
 *
 *  gz 12.04.2006
 *
 */

/* Allgemeine (Re-)Definitionen für HTML-Elemente */

* {
 padding: 0;
 margin: 0;
}

html, body,
p, div,
ul, li,
h1, h2, h3, h4, h5, h6,
table, tr, th, td,
form, legend, input, textarea, select, optgroup, option, button, label {
 font-family: Verdana, Arial, Helvetica, sans-serif !important;
 font-size: 1em;
 color: #333;
}

html, body {
 font-size: 100.01%;
}

p, li {
 font-size: 0.69em;
}

a {
 color: #000;
 text-decoration: none;
}

h1 {
 font-size: 1.19em;
 font-weight: bold;
 color: #4c4c4c;
 text-transform: uppercase;
 line-height: 1;
 clear: both;
 padding: 0 0 5px 0;
 margin: 0;
}

h2 {
 font-size: 0.93em;
 font-weight: bold;
 color: #4c4c4c;
 text-transform: uppercase;
 line-height: 1;
 clear: both;
 margin: 0 0 10px 0;
}

h3 {
 font-size: 0.69em;
 font-weight: bold;
 color: #333;
 line-height: 1.5;
 clear: both;
}

h4 {
 font-weight: bold;
 color: #17308f;
 line-height: 1;
 margin: 20px 0 10px 25px;
}

.clear {
 clear: both;
 height: 1px;
 overflow: hidden;
 line-height: 1%;
 font-size: 0px;
 margin-bottom: -1px;
}

/* RAHMEN-BLOCK */
#rahmen {
 background: #fff;
 margin: 0;
}

#banner-bigsize {
 display: none;
}

/* KLASSEN FÜR HOME */
#home-container-o {
 border-bottom: 1px dashed #a7a18d;
 height: 1%; /* für IE */
 margin: 0 0 10px 0;
}

#home-logo {}

#home-logo img {
 border-top: 1px solid #fff;
}

#top div.home-navi-main {
 display: none;
}

#home-left {}

.home-pic {
 display: none;
}

.home-reiseziele-teaser {}

table.reiseziele {
 
 background: url(/i/static/weltkarte_reiseziele.gif) no-repeat 100px 70px;
 border: 1px solid #fff;
 height: 277px;
}

table.reiseziele ul {
 list-style-type: none;
}

table.reiseziele li {
 font-size: 0.63em;
 line-height: 2;
}

table.reiseziele td h4 {
 width: 100px;
 padding: 0;
 margin: 0;
}

table.reiseziele td a {
 font-weight: bold;
 color: #339900;
}

table.reiseziele td.ol {
 vertical-align: middle;
 padding: 5px 0 0 11px;
}

table.reiseziele td.or {
 vertical-align: middle;
 padding: 5px 0 0 0;
}

table.reiseziele td.or p {
 color: #339900;
}

table.reiseziele td.ul {
 vertical-align: top;
 padding: 5px 0 0 11px;
}

table.reiseziele td.ur {
 text-align: right;
 vertical-align: bottom;
 padding: 0 20px 11px 0;
}

table.reiseziele td.ur a {
 font-size: 1.2em;
 font-weight: bold;
 color: #339900;
}

#home-right {
 border-left: 1px solid #fff;
 border-bottom: 1px solid #fff;
}

#home-right div.fullsize-banner {
 display: none;
}

table.home-oben p {
 line-height: 1.4;
}

table.home-oben a {
 font-weight: bold;
 line-height: 1;
}

table.home-oben td.l {
 border-right: 1px solid #fff;
 vertical-align: top;
 padding: 10px 10px 15px 18px;
}

table.home-oben td.r {
 vertical-align: top;
 width: 274px;
}

div.teaser-home-o {
 margin: 0 0 30px 0;
}

div.teaser-home-o h1 {
 padding: 0;
 margin: 0 0 5px 0;
}

div.teaser-home-o a {
 font-size: 0.63em;
 color: #339900;
 display: block;
 padding: 10px 0 0 0;
}

div.teaser-home-u h4 {
 background: none;
 width: 230px;
 padding: 0;
 margin: 0 0 5px 0;
}

div.teaser-home-u p {
 color: #17308f;
 padding: 0;
 margin: 0;
}

div.teaser-home-u a {
 font-size: 0.63em;
 color: #17308f;
 line-height: 1.5;
 display: block;
 padding: 5px 0 0 0;
}

div.teaser-home-u img {
 float: right;
 margin: 0;
}

div.home-nl {
 display: none;
 padding: 10px 0 0 2px;
 margin: 0 0 51px 0;
}

div.teaser-pic {
 clear: both;
 border-top: 1px dashed #a7a18d;
 border-left: 1px dashed #a7a18d;
}

div.teaser-pic img {
 border: 1px solid #fff;
}

#home-container-u {
 page-break-before:always;
 border-bottom: 1px dashed #a7a18d;
 margin: 0 0 6px 0;
}

#home-container-u ul {
 list-style-type: none;
 padding: 1px 0 10px 13px;
}

#home-container-u ul li {
 line-height: 1.5;
 padding: 0 5px 0 17px;
 margin: 10px 0 0 0;
}

#home-container-u ul li a {
 line-height: 1.4;
}

div.teaser-container,
div.teaser-container-3 {
 float: left;
 width: 45%;
}

div.teaser-container h1 {
 padding: 0 2px 0 12px;
}

div.teaser-container p {
 margin: 0 5px 0 13px;
}

div.teaser-container p.text {
 color: #333;
 line-height: 1.5;
 padding: 0;
}

div.pic-bildergalerien {
 border: 1px solid #fff;
 margin: 0 0 13px 0;
}

div.t1 li {
 
 background: url(/i/static/bullet03.gif) no-repeat 0 3px;
}

div.t1 li a {
 color: #333;
}

div.t1 a.t1-bildergalerie {
 font-size: 0.69em;
 font-weight: bold;
 color: #333;
 line-height: 1;
 text-align: right;
 display: block;
 padding: 0 10px 0 0;
}

div.pic-forum-reisetyp {
 border: 1px solid #fff;
 border-bottom: none;
}

div.t2 {
 border: 1px solid #fff;
 border-top: none;
 height: 175px;
}

div.t2 p {
 font-size: 0.75em;
 font-weight: bold;
 color: #056FC5;
}

div.t2 li {
 
 background: url(/i/static/bullet02.gif) no-repeat 0 3px;
}

div.t2 li a {
 color: #056FC5;
}

div.t2 a.t2-forum {
 font-size: 0.69em;
 font-weight: bold;
 color: #056FC5;
 line-height: 1;
 text-align: right;
 display: block;
 padding: 0 10px 0 0;
}

div.t3 {
 border: 1px solid #fff;
 border-top: none;
 height: 175px;
}

div.t3 li {

 background: url(/i/static/bullet03.gif) no-repeat 0 3px;
}

div.t3 li a {
 color: #339803;
}

div.t3 a.t3-reisetyp {
 font-size: 0.69em;
 font-weight: bold;
 color: #339803;
 line-height: 1;
 text-align: right;
 display: block;
 padding: 0 10px 0 0;
}

div.teaser-container-4 {
 float: left;
 width: 45%;
}

div.teaser-container-4 h1 {
 margin: 6px 0 10px 12px;
}

div.teaser-container-4 p {
 line-height: 1.5;
 color: #333;
 margin: 0 0 10px 13px;
}

div.teaser-container-4 ul {
 padding: 10px 0 10px 13px;
}

div.teaser-container-4 ul li {
 
 background: url(/i/static/bullet04.gif) no-repeat 0 4px;
 padding: 0 5px 0 15px;
 margin: 0 0 10px 0;
}

div.teaser-container-4 ul li a {
 color: #333;
 line-height: 1.5;
}

/* LOGO & MAIN-NAVI */
#top {
}

#top img.logo {
 float: left;
}

#top div.navi-main {
 display: none;
}

/* Linke Spalte LOGO + SUBNAVI */
#left {
}

#left img.logo {
 border-top: 1px solid #fff;
}

#left img.pic {
 display: none;
}

#left ul.navi-sub {
 display: none;
}

/* CONTENT-Container */

/*################# Layout mit Subnavi #################*/
#container {
 padding: 20px 10px 20px 10px;
}

table.newsletter { /* wenn mit Subnavi */
 display: none;
}

table.newsletter2 { /* wenn keine Subnavi */
 display: none;
}

.content {
}

.content a:focus,
.content a:hover,
.content a:active {
 text-decoration: underline;
}

.content p {
 line-height: 1.5;
}

/* Kontext-Navi im Content (obenhalb und unterhalb Inhalt) */
table.context-o,
table.context-u {
 clear: both;
 width: 100%;
}

table.context-u {
 border-left: 1px solid #fff;
 border-right: 1px solid #fff;
}

table.context-u a:focus,
table.context-u a:hover,
table.context-u a:active {
 text-decoration: underline;
}

table.context-u tr {
 height: 87px;
 padding: 0 0 0 30px;
}

table.context-o td,
table.context-u td {
 font-size: 0.63em;
 vertical-align: bottom;
 padding: 0 0 8px 0;
}

table.context-o td.c-space,
table.context-u td.c-space {
 display: none;
}

table.context-o td.c-left,
table.context-o td.c-right {
 border-bottom: 1px dashed #a7a18d;
}

table.context-o td.c-right {
 display: none;
}

table.context-u td.c-left-1,
table.context-u td.c-left-2,
table.context-u td.c-right {
 border-top: 1px dashed #a7a18d;
 vertical-align: top;
 padding: 8px 0 0 0;
}

table.context-u td.c-space-2 {
 padding: 8px 0 0 0;
}

table.context-u td.c-left-1 {
}

table.context-u td.c-left-2 {
 text-align: right;
 padding: 0 20px 0 0;
}

table.context-u td.c-right {
 display: none;
}

a.context-navi {
 
 background: url(/i/static/pfeil02_rechts.gif) no-repeat 0 4px;
 padding: 0 10px 0 10px;
}

a.anchor-top {
 display: none;
}

a.print {
 display: none;
}

a.photogallery {

 background: url(/i/static/photogallery.gif) no-repeat 0 3px;
 display: block;
 float: left;
 padding: 2px 20px 2px 27px;
}

a.map {

 background: url(/i/static/map.gif) no-repeat 0 1px;
 display: block;
 float: left;
 padding: 2px 0 2px 26px;
}

.content-left {
 padding: 20px 0 0 0;
}

.content-left p {
 margin: 0 0 18px 0;
}

/* wird nur bei den XML-Dateien verwendet */
.content-left div.absatz {
 font-size: 0.69em;
 line-height: 1.5;
 margin: 0 0 18px 0;
}

.content-left div.absatz p,
.content-left div.absatz li {
 font-size: 1em !important;
}

.content-left li,
.content-right li {
 list-style-type: none;

 background: url(/i/static/square.gif) no-repeat 2px 5px;
 padding: 0 0 0 12px;
}

.content-left li {
 background-position: 2px 7px;
}

* html .content-left li,
* html .content-right li { /* nur für IE */
 text-indent: -16px;
 padding: 0 0 0 16px;
}

.content-left li {
 line-height: 1.5;
 margin: 0 0 10px 0;
}

.content-right {
 border-top: 1px solid #000;
 padding: 20px 0 0 0;
}

.content-right li {
 line-height: 1.2;
 margin: 0 0 7px 0;;
}

form.region {
 padding: 0 0 20px 0;
}

form.region select {
 width: 220px;
}

/* Bilder-Galerien */
.gallery-container {
 margin: 15px 0 25px 15px;
}

.gallery-container2 {
 float: left;
 width: 380px;
}

.image-desc {
 float: left;
 width: 200px;
 padding: 17px 0 0 25px;
}

.image-desc h3 {
 clear: none;
 margin: 0 0 4px 0;
}

table.gallery {}

table.gallery a.aktiv {
 font-weight: bold;
}

table.gallery td {
 font-size: 0.63em;
 padding: 3px 0 3px 0;
}

table.gallery td.ga-left {
 text-align: left;
}

table.gallery td.ga-left a {

 background: url(/i/static/pfeil05_links.gif) no-repeat 0 4px;
 padding: 0 0 0 9px;
}

table.gallery td.ga-middle {
 text-align: center;
}

table.gallery td.ga-right {
 text-align: right;
}

table.gallery td.ga-right a {

 background: url(/i/static/pfeil06_rechts.gif) no-repeat 38px 4px;
 padding: 0 12px 0 0;
}

table.ga-druckbutton-o {
 border-bottom: 1px dashed #a7a18d;
 width: 100%;
}

table.ga-druckbutton-o td {
 font-size: 0.63em;
 padding: 8px 0 8px 0;
}

table.ga-druckbutton-o td.ga-left a {
 
 background: url(/i/static/quadrat.gif) no-repeat 0 4px;
 padding: 0 0 0 10px;
}

table.ga-druckbutton-o td.ga-right {
 text-align: right;
}


/*################# Layout ohne Subnavi #################*/
table#t-container {
 clear: both;
 margin: 20px 0 0 0;
}

table#t-container a:focus,
table#t-container a:hover,
table#t-container a:active {
 text-decoration: underline;
}

table#t-container td {
 vertical-align: top;
}

table#t-container td.left {
}

table#t-container td.line {
 display: none;
}

table#t-container td.right {
 display: none;
}

.content-2 {
 padding: 0 10px 0 10px;
}

.content-2 h1 {
 margin: 0;
}

.content-2 h2 {
 margin: 0 0 10px 0;
}

.content-2 p {
 line-height: 1.5;
 padding: 0 0 22px 0;
}

p.dachzeile {
 font-size: 0.63em;
 font-weight: bold;
 color: #339900;
 line-height: 1;
 padding: 0 0 5px 0;
}

.content-2 p.druckbutton-o {
 font-size: 0.63em;
 text-align: right;
 line-height: 1;
 border-bottom: 1px dashed #bdb9aa;
 padding: 0 0 5px 0;
 margin: 0;
}

a.print-2 {
 display: none;
}

.content-2 p.vorspann {
 font-weight: bold;
 padding: 15px 10px 20px 0;
}

.content-2 div.paragraph {
 clear: both;
 padding: 0 0 22px 0;
}

.content-2 div.paragraph p {
 padding: 0;
}

.content-2 p.image-left {
 float: left;
 width: 225px;
 margin: 0 30px 0 0;
}

.content-2 p.image-right {
 float: right;
 width: 225px;
 margin: 0 0 0 30px;
}

table.druckbutton-u {
 clear: both;
 border-left: 1px solid #fff;
 border-bottom: 1px solid #fff;
 height: 96px;
 width: 100%;
}

table.druckbutton-u td {
 font-size: 0.63em;
}

table.druckbutton-u td.mitte-l,
table.druckbutton-u td.mitte-r {
 vertical-align: top;
 line-height: 1;
 border-top: 1px dashed #bdb9aa;
 padding: 10px 0 0 0;
}

table.druckbutton-u td.mitte-r {
 text-align: right;
}

table.druckbutton-u td.space,
table.druckbutton-u td.space-2 {
 width: 32px;
 padding: 10px 0 0 0;
}

.reiseziele-teaser {
 display: none;
}

.dashed-line-o {
 border-top: 1px dashed #a7a18d;
 padding: 30px 0 0 0;
 margin: 0 30px 0 30px;
}

.dashed-line-u {
 border-bottom: 1px dashed #a7a18d;
 padding: 0 0 30px 0;
 margin: 0 30px 0 30px;
}

.dashed-line2 {
 border-top: 1px dashed #a7a18d;
 margin: 40px 0 40px 0;
}

#flashcontent{
 padding: 0 0 0 15px;
}

.verlauf {
 clear: both;
 border-left: 1px solid #fff;
 border-right: 1px solid #fff;
 height: 96px;
 width: 945px;
}

/* Urlaubserlebnis */
form.holiday {}

form.holiday label {
 font-weight: bold;
 float: left;
 margin: 0 0 5px 0;
}

form.holiday label.cb {
 width: 90%;
 margin: 14px 0 0 0;
}

form.holiday input {
 float: left;
 width: 213px;
 margin: 0 0 12px 0;
}

form.holiday input.cb {
 width: auto;
 margin: 11px 4px 0 0;
}

form.holiday input[type=checkbox].cb {
 margin: 15px 4px 0 0;
}

form.holiday input[type=file] {
 margin: 0;
}

form.holiday textarea {
 float: left;
 height: 116px;
 width: 250px;
}

form.holiday div.but {
 font-size: 0.69em;
 clear: both;
 padding: 18px 0 0 0;
}

form.holiday button {
 width: 90px;
 padding: 1px 0 1px 0;
}

form.holiday p {
 float: left;
 width: 300px;
 padding: 0;
}

form.holiday br {
 clear: both;
}

.holiday-teaser,
.holiday-teaser-last {
 float: left;
 height: 265px;
 width: 151px;
 margin: 0 50px 0 0;
}

.holiday-teaser-last {
 margin: 0;
}

.holiday-teaser img,
.holiday-teaser-last img {
 margin: 5px 0 10px 0;
}

.holiday-teaser a,
.holiday-teaser-last a {
 font-size: 0.9em;
 font-weight: bold;
 color: #339900;
 display: block;
 margin: 10px 0 0 0;
}

.holiday-table {
 padding: 10px 0 30px 0;
}

.holiday-table p {
 line-height: 1;
 padding: 0 0 10px 0;
}

table.holiday th {
 font-size: 0.69em;
 text-align: left;
 padding: 0 0 8px 0;
}

table.holiday td {
 font-size: 0.69em;
 padding: 0 30px 8px 10px;
}

/* Reiseführer */
.tg-verlauf-u {
 clear: both;
 border-left: 1px solid #fff;
 border-bottom: 1px solid #fff;
 height: 96px;
 padding: 0 33px 0 33px;
}

table.tg-druckbutton-o {
 border-bottom: 1px dashed #a7a18d;
 width: 100%;
}

table.tg-druckbutton-u {
 border-top: 1px dashed #a7a18d;
 width: 100%;
}

table.tg-druckbutton-o td,
table.tg-druckbutton-u td {
 font-size: 0.63em;
 padding: 8px 0 8px 0;
}

table.tg-druckbutton-o td.tg-left,
table.tg-druckbutton-u td.tg-left {
 letter-spacing: 9px;
}

table.tg-druckbutton-o td.tg-left a,
table.tg-druckbutton-u td.tg-left a {
 letter-spacing: 2px;
}

table.tg-druckbutton-o td.tg-right,
table.tg-druckbutton-u td.tg-right {
 text-align: right;
}

.tg-teaser {
 float: left;
 width: 50%;
 padding: 0 0 40px 0;
}

.tg-teaser h3 {
 clear: none;
 padding: 0 5px 7px 0;
}

.tg-teaser p {
 padding: 0 10px 0 0;
}

.tg-teaser p.teasertext {
 height: 143px;
}

.tg-teaser img {
 float: left;
 margin: 0 10px 0 0;
}

.tg-teaser a {
 font-size: 0.9em;
 font-weight: bold;
 color: #339900;
}

/* Contact */
.co-left {
 float: left;
 width: 46%;
 background: blue;
 padding: 0 4% 40px 0;
}

form.contact {}

form.contact p {}

form.contact p.age {
 font-weight: bold;
 padding: 0;
 margin: 0 0 5px 0;
}

form.contact fieldset {
 border: none;
 text-align: left;
 padding: 0;
 margin: 0;
}

form.contact legend {
 visibility: hidden;
 display: none;
}

form.contact label {
 font-size: 0.69em;
 font-weight: bold;
 cursor: pointer;
 float: left;
 margin: 0 0 5px 0;
}

form.contact label.radio {
 margin: 3px 20px 0 3px;
}

form.contact label.radio2 {
 width: 90px;
 margin: 3px 20px 0 3px;
}

form.contact label.cb {
 margin: 4px 0 0 0;
}

form.contact input {
 font-size: 0.69em;
 float: left;
 width: 250px;
 padding: 1px;
}

form.contact input.cb {
 width: auto;
 margin: 1px 4px 0 0;
}

form.contact input[type=checkbox].cb {
 margin: 5px 4px 0 0;
}

form.contact input.rb {
 width: auto;
 padding: 0;
}

/* nur Opera & FF */
form.contact input[type=radio].rb {
 margin: 4px 0 0 0;
}

form.contact textarea {
 font-size: 0.69em;
 float: left;
 width: 250px;
 padding: 1px;
}

form.contact input.error,
form.contact textarea.error {
 background: #f6e8e8;
}

form.contact div.but {
 clear: both;
 padding: 18px 0 0 0;
}

form.contact button {
 font-size: 0.69em;
 line-height: 1;
 width: 90px;
 padding: 1px 0 1px 0;
}

form.contact button.nl {
 width: 150px;
}

form.contact br {
 clear: both;
}

form.contact label.error,
form.contact p.fehler,
a.red-link {
 color: #a31919;
}

div.rectangle-banner {
 display: none;
}

/* BOTTOM */
#bottom {
 clear: both;
 border-top: 1px solid #000;
}

#bottom table {
 width: 98%;
}

#bottom td {
 font-size: 0.63em;
 color: #000;
 line-height: 1.2;
 vertical-align: top;
 padding: 3px;
}

#bottom td.navi-bottom {
 width: 50%;
}

#bottom a {
 color: #000;
 padding: 0 8px 0 8px;
}

#bottom a:focus,
#bottom a:hover,
#bottom a:active {
 text-decoration: underline;
}