/* www.elbpilgerweg.de
======================================== wichtige FARBEN :
Hintergrund: #ffe599 - Safrangelb
Zierleiste oben; Miniboxen: #fff2cd - helles Safrangelb
Menuleiste, Bildbox-Rahmen: #bfac72 - mittel Oliv

Ueberschrift; Link-Visited: #544932 - dunkel Oliv
Link-Hover: #f63 - Orangerot
Schrift: #c33 - dunkel Rostrot
Schrift-Hintergrund: #c96 - Mittelbraun
======================================== */

* {
 margin: 0;
 padding: 0;
 border: 0;
}
html {
 height: 100%; 
 max-height: 100%; 
/* hide overflow: hidden from IE5/Mac */ 
/* \*/ 
 overflow: hidden; 
/* */ 
}
body {
 width: 100%;
 height: 100%;
 max-height: 100%;
 overflow: hidden;
 background: #fff;
 color: #000;
 font-size: 100.01%;
 font-family: verdana, arial, helvetica, sans-serif;
 font-style: normal;
 font-weight: normal;
 vertical-align: top;
 text-align: left;
}
a:link, a:visited { text-decoration: underline }
a:hover, a:active { text-decoration: none }
a:link { color: #000 }
a:visited { color: #544932 }
a:hover { color: #f63 }
a:active { color: #f00 }

/* ============================== SCHRIFT-Formate ========== */

h1, h2 { color: #544932 }
h1 { font-size: 1em }
h2 {
 font-size: .8em;
 margin-top: .4em;
}
.small, #text p.small-mt2, #text p.small-mt0, #text p.tour { font-size: .7em }
#text p.tour { width: 405px }
.rot { color: #c33 }
.bg-rot {
 color: #fff;
 font-weight: bold;
 background: #c63;
}
.reto {
 unicode-bidi: bidi-override;
 direction: rtl;
 font-style: italic;
}
/* ==================== AUSRICHTUNGEN u. ABSTAENDE ========== */

.cb { clear: both }
.center { text-align: center }

.fl, .fl127 { float: left }
.fl127 { width: 127px }
.fr { float: right }

.mt3 { margin-top: 3em }
.ml13 { margin-left: 1.3em }

/* ==================== navigation ueberspringen (Blinde) === */
.skip { position: absolute; margin-left: -10000px }

/* ============================== Rahmen-BOXEN ========== */

#links {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 9.4em;
 height: 100%;
 float: left;
 background: #bfac72; 
 z-index: 100;
}
#logo {
 width: 9.4em;
 height: 73px;
 background: url(pic/linie.png) bottom left repeat-x #474F3D;
 z-index: 110;
}
#rechts {
 display: block;
 position: relative;
 height: 100%;
 max-height: 100%;
 overflow: auto;
 margin-left: 9.4em;
 background: url(pic/leiste858.jpg) top left repeat-x #ffe599;
 border-left: 2px solid #fff2d8;
 z-index: 10;
}

/* ============================== MENU ========== */

ul#menu {
 display: block;
 margin-top: 4.6em;
 margin-left: 2em;
 text-align: left;
 font-size: .7em;
 list-style: none;
}
ul#menu li {
 line-height: 2.2em;
 list-style-image: none;
}
ul#menu li span {
 padding-left: .8em;
 text-decoration: underline;
}
ul#menu a, ul#menu a:hover span { text-decoration: none }
ul#menu a:hover { background: url(pic/men-list.png) center left no-repeat; }

ul#menu li.curr {
 padding-left: .8em;
 color: #fff;
 background: url(pic/men-list.png) center left no-repeat;
}

/* ============================== Text-BOX : Content ========== */

#text {
 display: block;
 width: 32em;
 margin: 5em 15%;
 padding: 3em;
 text-align: left;
 background: #ffe599;
}
#text p, #text p.small {
 line-height: 1.8em;
 margin-top: 1.2em;
}
#text p, #text ul { font-size: .8em }
#text p.small, #text p.sm-kart, p#fuss { font-size: .7em }

#text p.abst { margin-top: 1.8em }
#text p.mt36 { margin-top: 3.6em }

#text p.mt2, #text p.small-mt2 { margin-top: 2em }
#text p.small-mt0 { margin-top: 0 }
#text p.sm-kart { margin-top: 20em; color: #c33; }

p#fuss, h1.mt {  margin-top: 3.4em }

/* ============================== LISTE allg. ========== */

#text ul {
 display: block;
 margin-top: 2em;
 margin-left: 1.6em;
}
#text li {
 line-height: 2.2em;
 list-style-image: none;
}
ul#lit li { list-style-image: url(pic/muschel.png); }
ul#lit li b { margin-left: 1.2em; }

/* ======================== Definitions-LISTE : NEWS ========== */

dl#news { margin-top: 1.8em }
dl#news dt {
 background: #fff2cd;
 border-top: 2px solid #fff;
 color: #544927;
 padding-left: 1.2em;
 line-height: 2.2em;
 font-size: .7em;
 font-weight: bold;
}
dl#news dd {
 background: #fc6;
 border-top: 2px solid #fff;
 padding: .5em 2.4em 1.6em;
 line-height: 1.8em;
 font-size: .8em;
}

/* ======================== LISTE : externe Verweise ========== */

ul#extern {
 margin-top: 2.4em;
 font-size: .7em;
}
ul#extern li {
 margin-top: 1.2em;
 line-height: 1.6em;
 list-style-image: url(pic/exlink.png);
}

/* ============================== LISTE : AGB ========== */

ol#abg { margin: 0 }
ol#agb li {
 margin-top: 1.2em;
 line-height: 1.8em;
 font-size: .7em;
}

/* =========================== Mini-BOXEN : Preise ========== */


#text p#box1, #text p#box2, #text div#box3 {
 background: #fff2cd;
 border: solid 2px #fff;
 padding: 1em;
 line-height: 1.7em;
}
#text p#box1, #text p#box2 {
 width: 11em;
 height: 8.6em;
 float: left;
 font-size: .7em;
}
#text p#box2 { margin-left: 1.8em }
#text div#box3 { width: 22em }


/* =========================== TABELLE - Produkte ========== */

table { margin-top: 1.6em }
table td { border: solid 2px #fff; }
table td.td1, table td.td1b { width: 130px }
table td.td1b {
 vertical-align: top;
 border-bottom: none;
}
table td.td2, table td.td2b {
 padding: 12px;
 border-left: none;
}
table td.td2b { border-bottom: none }
table td.pdf {
 border-top: none;
 font-size: .7em;
}

/* ============================== KONTAKT - Formular ========== */

.fieldset, .fieldset2 {
 margin-top: 1.2em;
 padding: 1.2em;
 border: solid 2px #fff;
 line-height: 1.4em;
 font-size: .8em;
}
.fieldset { font-size: .8em }
.fieldset2 {
 width: 9em;
 font-size: .9em
}
.legend {
 font-size: 110%;
 font-weight: bold;
 color: #c63;
}



label { 
 float: left; 
 text-align: right; 
 width: 11em; 
 margin-right: 1em;
}
input, textarea {
 border: 1px inset #fff;
 color: #383838;
 font-family: fixedsys, verdana, arial, helvetica, sans-serif;
 background-color: #fff;
 margin-bottom: .2em;
}
textarea { padding: .2em; }

.check {
 margin-left: 10em;
 background: #e8c988;
 border: none;
}
.button, .button2 {
 margin: 2px 0 6px;
 padding: 2px;
 border: 2px outset #fff;
}
.button, .button2 {
 font-size: .9em;
 font-family: verdana, arial, helvetica, sans-serif;
 float: right;
}
.button { background: #fff2cd }
.button2 { background: #ccbf99; color: #fff; margin-right: 5px; }


/* ========== ZOOM-BOX: Bilder ========== */

a.zoom { text-decoration: none }
a.zoom:hover {
 padding: 1px;
 background-color: transparent;
}
a.zoom span {
 visibility: hidden;
 position: absolute;
 left: 12%;
}
a.zoom:hover span {
 visibility: visible;
 background: #fff;
 border: 2px solid #bfac72;
 color: #000;
 padding: 1.2em 1em;
 font-size: .8em;
 line-height: 1.8em;
 z-index: 120;
}

/* ======== BILDER ======== */

img.logo {
 width: 135px;
 height: 69px;
 margin-left: 6px;
}

img.elbtal, img.goldk {
 padding-left: .8em;
 float: right;
 margin: .4em 0;
}
img.elbtal {
 width: 120px;
 height: 260px;
}
img.tour {
 margin-top: 2.4em;
 width: 405px;
 height: 304px;
}
img.goldk {
 width: 140px;
 height: 140px;
}
img.karte {
 margin-top: 2em;
 width: 550px;
 height: 700px;
}
#text p.karte {
 width: 26em;
 margin-top: -25em;
}
img.minibutt {
 width: 82px;
 height: 17px;
}