/* sTYLESHEET FÜR FRAU WOLKE
   Autor: Peter Körffer
   Stand: November 2011
   ==========================================
           Kalibrierung, Restauration und Schriften
   ========================================== */
html {background-color: #f5f5f5; min-height: 101%; text-decoration: none; }



body  /* font-size em = besser skalierbar  */ 
{ color: #5d5d5d; font-family: Helvetica, Verdana, sans-serif; font-size: 10px; line-height: 16px; background-image: url(images/gradient.gif); background-repeat: repeat-x; }

#Container { background-color: #fff; height: 768px; width: 968px; top: 5px; position: relative; margin: auto; 		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;-webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5);
}
#head { background-color: #fff; height: 200px; width: 100%; top: 0; position: absolute; visibility: visible; }
#navoben { background-color: #fff; height: 56px; width: 100%; top: 200px; position: absolute; visibility: visible; }
#content { background-color: #fff; height: 237px; width: 100%; top: 157px; position: absolute; visibility: visible; overflow-y: auto; }
#navunten { background-color: #fff; height: 41px; width: 100%; top: 504px; position: absolute; bottom: 0; visibility: visible; }
#copyright { height: 6px; width: 100%; position: absolute; bottom: 0; visibility: visible; }

/* Typografie */ 
a:link { color: #5d5d5d; text-decoration: underline }
a:hover { color: red; text-decoration: underline }
.p-spalten { position: absolute; top: 0; left: 60px; right: 56px; }
.p-spalten-2 { position: absolute; top: 0; left: 360px; }
.p-spalten-3 { position: absolute; top: 0; left: 660px; }
.p-spalten-3-u { position: absolute; top: 0; left: 660px; text-transform: uppercase; font-weight: bold; }
.p-fett-versal { text-transform: uppercase; font-weight: bold; }

/* Positionierung von Bildern */ 
.linehead-l { position: absolute; top: 170px; bottom: 0; left: 0; }
.linehead-c { position: absolute; top: 170px; left: 70px; bottom: 0; }
.linehead-r { position: absolute; top: 170px; right: 0; bottom: 0; }
.krptzn-ltr { position: absolute; top: 114px; bottom: 0; left: 54px; border: 0; }
.krptzn-rtl { position: absolute; top: 114px; bottom: 0; left: 54px; border: 0; }
.linebottom-c { position: absolute; left: 64px; bottom: 56px; }
.main-pic { position: absolute; bottom: 80px; left: 60px; right: 56px; }
.inc-dec { position: absolute; top: 10px; right: 56px; border: 0; }
.porto-pic { position: absolute; left: 0px; right: 56px; }

/* Positionierung fuer obere Navi */ 
.navi-l { position: absolute; top: 0; left: 60px; }
.navi-c { position: absolute; top: 0; left: 325px; }
.navi-r { position: absolute; top: 0; left: 425px; }
.navi-l-akt { position: absolute; top: 0; left: 60px; background-color: #5d5d5d;}
.navi-c-akt { position: absolute; top: 0; left: 325px; background-color: #5d5d5d;}
.navi-r-akt { position: absolute; top: 0; left: 425px; background-color: #5d5d5d;}

/* Positionierung fuer untere Navi */ 
.navi-u-l { position: absolute; top: 0; left: 300px; }
.navi-u-c { position: absolute; top: 0; left: 135px; }
.navi-u-r { position: absolute; top: 0; left: 135px; }
.navi-u-l-akt { position: absolute; top: 0; left: 300px; background-color: #5d5d5d; }
.navi-u-c-akt { position: absolute; top: 0; left: 135px; background-color: #5d5d5d; }
.navi-u-r-akt { position: absolute; top: 0; left: 135px; background-color: #5d5d5d; }

div.floated { width: 100%; float: left; margin-left: 1em; }

/* Container fuer obere Navi */ 
div#Gestaltung { width: 104px; height: 26px; background-color: white; background-image: url(images/navo/navi-o-104-26-satz.png); float: left; }
div#Fotografie { width: 184px; height: 26px; background-color: white; background-image: url(images/navo/navi-o-184-26-pano.png); float: left; }
div#Imprint { width: 100px; height: 26px; background-color: white; background-image: url(images/navo/imprint-passiv-100-26.png); float: left; }

/* Container fuer untere Navi */ 
div#Portfolio { width: 100px; height: 26px; background-color: white; background-image: url(images/navu/navi-u-portfolio.png); float: left; }
div#Weblog { width: 100px; height: 26px; background-color: white; background-image: url(images/navu/navi-u-weblog.png); float: left; }
div#Links { width: 100px; height: 26px; background-color: white; background-image: url(images/navu/navi-u-links.png); float: left; }

/* tooltip JavScript Formatierung */ 
.tooltip { position: absolute; display: none; width: 260px; left: 500px; background-color: none; margin: 0px; border:0px }