/* www.elbpilgerweg.de : Pilgerkarte : Screen
======================================== wichtige FARBEN :
Hintergrund: #fff2cd - helles Safrangelb
Menuleiste: #bfac72 - mittel Oliv

Ueberschrift; Link-Visited: #544932 - dunkel Oliv
Link-Hover: #f63 - Orangerot
Schrift: #c33 - dunkel Rostrot
Trennlinie: #d16d5d - matt Dunkelrot
_______________________________________
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Layout erstellt auf der Grundlage von:
Stu Nicholls | Cutting Edge CSS
http://www.cssplay.co.uk/
________________________________________
////////////////////////////////////////
""""""""""""""""""""""""""""""""""""""" */

* {
 padding: 0; 
 margin: 0; 
 border: 0;
}
html, body, #content {
 height: 100%;
 max-height: 100%;
}
html {
/* hide overflow: hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
body {
 background: #fff2cd;
 color: #000;
 overflow: hidden;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 100.01%;
 line-height: 1.4em;
 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 }

/* ============================== BOXEN : Content u. Fuss ========== */
#content {
 display: block;
 position: relative;
 overflow: auto;
 padding: 4% 16%;
 z-index: 3;
}
#foot {
 display: block;
 position: absolute;
 bottom: 0;
 right: 18px;
 width: 100%;
 height: 50px;
 background: #fff2cd;
 color: #000;
 text-align: right;
 font-size: .9em;
 font-weight: bold;
 z-index: 4;
}
.pad1 { display: block; height: 160px; }
#foot p { margin-right: 2em }

/* ============================== ZWEI SPALTEN =========================== */

.fl, .boxli, .boxre, .bildli, .bildzwei1, .bildzwei2 { float: left }
.fr, .bildre { float: right }
.cb, #content p.small-cb { clear: both }

.boxli { width: 40% }
.boxre {
 width: 44%;
 margin-left: 2em;
}
p.small22 { width: 22em }

.bildli { padding-right: 2em; }
.bildre { padding-left: 1.2em; }
.bildzwei1, .bildzwei2 { width: 34% }
.bildzwei1 { padding-right: 6em }

/* ============================== Schriftformate u. Abstände ========== */

h1, h2 { font-family: "monotype corsiva", arial, sans-serif; }

#content p { font-size: .8em }
#content p.small, #content p.small22, #content p.small-mt2, #content p.small-cb, #content p.blockq { font-size: .7em }
#content p, hr {
 margin-top: 1em;
 margin-bottom: .6em;
}
.mt12 { margin-top: 1.2em }
#content p.mt2, #content p.small-mt2, #content p.blockq { margin-top: 2em }
#content p.blockq { margin-left: 2em }

img { border: 0 }

/* ============================== Trennlinie ======================= */
hr {
 border: solid #d16d5d 1px;
 height: 2px;
 background-color: #d16d5d;
 clear: both;
}
/* ============================== BILDER =========================== */

img.luenebg {
 width: 200px;
 height: 200px;
}
img.luene {
 width: 260px;
 height: 101px;
 float: left;
 padding-right: 1.6em;
}
img.luene2 {
 width: 600px;
 height: 200px;
 margin-top: 1.2em;
}