/* emerson stylesheet */
/* base */
a, blockquote, body, caption, dd, div, dl, dt, fieldset, 
form, h1, h2, h3, h4, h5, hr, img, label, legend, li, 
ol, p, table, tbody, td, tfoot, th, thead, tr, ul {margin:0; padding:0;}

body {font-size:100.1%;font-family: "Lucida Grande", Verdana, Arial, sans-serif; background-color:#FCFAEA;}

/* ------------------ @ueberschriften-------------------------- */
h1, h2, h3, h4 {color:#C5AC8C; font-family: "Times New Roman",Georgia, serif;}
h1 {font-size:1.6em;}
h2 {font-size:1.4em;}
h3 {font-size:1.2em;}
h4 {font-size:1.1em;}
/* --------------- Seitenaufbau ------ F1EECF A3977F C5AC8C  ---- #FCFAEA*/
#page { width: 85%; min-width:760px; max-width:960px; background-color:#FCFAEA; color:#000;margin-left:5%;}
#head {text-align:right; margin-right:3%;margin-top:20px;}
#main {width:97%;margin-top:80px; padding-bottom:2em; background: #FCFAEA url("/img/bg.gif") 25% 0;}
#content{position:relative;/* color:#A3977F;color:#C5A780; */ color:#8F836F;float:right;width:75%; font-size:88%;font-family: "Times New Roman",Georgia, serif;}
#sidebar {float:left; width:24%;color:#666699;font-size:76%;}
/* -------------- Ende Seitenaufbau --------------------------------- */

/* ------------------ @startseite-------------------------- */
body#start {text-align: center;}
body#start #page {width: 76%;margin:50px auto 0;}
/* ------------------ Ende startseite-------------------------- */

/* -------------- @content --------------------------------- */
#head h1 {color:#F49351; font-size: 76%;letter-spacing:0.05em;}
#content div#inner {margin-right:20%;padding-left:8%;}
div#inner #zentriert{position:relative; margin:auto;width:390px;}
#content p#bildnavi {position:absolute; bottom:0; left:80%;letter-spacing:normal; margin:0;color:#666699;}
#content h2 {text-align:center;/* color:#C5AC8C; */ color:#C5B8A8;margin-bottom:1em;letter-spacing:0.08em;font-weight:normal;}
#content p {line-height:1.5;margin-bottom: 1em;letter-spacing:0.03em;}
#content #zentriert p.initial:first-letter {font-size:3.4em;line-height:0.85;margin-top:0.08em; float:left; margin-right:0.08em;color:#C5B8A8;}

/* verschiedne Bildformate */
/* Normal: 360px */
/* fuer 290px breite Bilde */
body.pic296 div#inner #zentriert{width:296px;}
/* fuer 340px breite Bilde */
body.pic340 div#inner #zentriert {width:340px;}
/* -------------- ENDE content --------------------------------- */

/* -------- @sidebar inhalt ------------ */
#sidebar h2 {color:#666699;font-family:"Lucida Grande", Verdana, Arial, sans-serif;font-weight:normal; font-size:1.2em;}
#sidebar h3 {color:#666699;margin-top:0.5em;}
#sidebar div.inner {margin-left:5%;}
#sidebar ol {line-height:1.6;}
#sidebar ol li {margin-left:10%;}
#sidebar li a {display:block;}
#sidebar ul#foto li {list-style-type:none;margin: 1.5em 0 0 0;}
#igk {margin-top: 2em;line-height:1.6;}
#sidebar #igk ul {list-style-type:none;margin:0;}
ul li#impress {/*margin-top:1.5em;*/}
li.on, li span.on {color:#F49351;}
h3 span,.not {position:absolute; height:1px;width:1px;top: -6000px; left:-6000px;}

/* -------- @vita Vita Emersoni und @impress ------------------ */
body#vita #content h3 {margin:1.5em 0 1em 0;}
body#vita dt, body#impressum dt{font-weight:bolder; color:#c5b8a8; margin-top:0.7em;letter-spacing:0.03em;}
body#vita dd, body#impressum dd{line-height:1.5; letter-spacing:0.03em;margin-bottom: 0.3em; margin-left:5%;}
body#impressum dt {font-weight:normal;}
body#impressum dd {margin-left:0;margin-top:0.2em;}
/* -------------- ENDE Vita und Impressum ----------------------- */

/* -------- @fotos Fotouebersicht------------------ */
body#fotos #page {width:75%;position:relative;}
body#fotos #main {background: #FCFAEA none;position:relative;}
body#fotos #content {margin: 0 5% 0 5%;float:none;width:540px;}
body#fotos #main p#big {float:right;margin-top:3em;}
body#fotos #content.einzel p.back {margin-top:3em;position:static;font-size:100%;float:left;}
body#fotos p.anfang {clear:both; padding-top:2em;}

/* ------------------ @thumbs ----------------------------------------------- */
body#fotos #content ul {list-style-type:none;}
body#fotos #content li {float:left;width:104px; text-align:center;line-height:100px;}
ul.thumbs {margin:10px 0 15px;width:520px;height: 100px;float:left;clear:left;}
ul.thumbs li img {border:1px solid #eee;}
ul.thumbs li a {display:block; height:100px;position:relative;}
ul.thumbs li a:hover img, ul.thumbs li a:focus img {border:1px solid #666699;}
ul#thumbs {margin:10px 0 15px;width:520px;height: 100px;float:left;clear:left;}

/* -------- Ende Fotouebersicht------------------ */

/* -------- @gaestebuch ------------------------- */
body#gast #content ul {margin: 1.5em 0 1.5em 2em;line-height:1.5;}
#gast #content form {margin-bottom:1em;}
#gast #content h3 {margin-bottom:1em;letter-spacing:0.08em;font-weight:normal;;}
#gast #content fieldset {width:95%;border:1px solid #ddd;}
#gast #content legend {font-size: 105%;color:#8F836F;padding:0;margin-bottom:0.5em;}
#gast #content label {margin:0.2em 0 0.2em 12px;}
#gast #content input, #gast #content textarea {margin-left:12px; margin-bottom: 0.7em;}
#gast p.error {margin-left:0.5em;margin-right:0.5em;}
#gast p.error strong {color:#f49351;}
#gast div.post {margin-left: 2em;}
#gast blockquote p {margin-bottom:0.2em;}
#gast p.person {color:#c5b8a8}
/* #gast div.post {border: 1px solid #000;} */
/* -------- Ende gaestebuch ------------------------- */


/* -------------------@links --------------------------------------------*/
a, a:link {color:#666699;text-decoration:none;}
a:hover {color:#F49351;text-decoration: underline;}
a:focus {color:#F49351;text-decoration: underline;}

/* -------------@allgemeine Klassen------------------------------------- */
.icon {vertical-align:middle;}
abbr {border:none;}

/* --- @fixfloats --*/
 .fixfloat:after {
content: ".";
display:block;
height:0;
clear: both;
visibility: hidden;
}
/* --- ENDE fixfloats */

/* --------------- @fixie ---------------------------- */
 * html #main {height:1%;}
 * html #sidebar ol li {margin-left:12%;}
/* --- hasLayout fuer Links ---- */
 * html #sidebar li a { zoom:1; }