/*----------------------------------- Deklarierung von HTML_Tags -------------------------------------*/

/* Alle Ränder entfernen */
* { margin:0; padding: 0; }

/* Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
html { height:100%; font-size: 100.01%;  margin-bottom:1px; }
body { height:100%; background-color:#fff; background:url(../../gfx/basis/back_logo.gif) repeat-x #f5f5f5; color:#000; text-align:center; font-size: 75.00%; }
body,td,th,p,div { font-family:Arial, Helvetica, sans-serif; }

/* Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
option { padding-left: 0.4em; }

/* Rahmen für <fieldset> und <img> Elemente löschen */
fieldset, img { border: 0 solid; }

/* Neue Standardwerte für Listen & Zitate */
ul, ol, dl { margin: 0 0 1em 1em }
li { margin-left: 1.5em; line-height: 1.5em; }
dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }
blockquote { margin: 0 0 1em 1.5em; }

/* Überschriften deklarieren */
h1, h2, h3 { padding:0; margin:0; }
h1 { font-size: 1.5em; } /* 18px (18px / 12px(Grundpixel) gerundet) */
h2 { font-size: 1.3em; } /* 16px */
h3 { font-size: 1.2em; } /* 14px */

h1.abs { margin-bottom:15px; }
h2.abs { margin-bottom:12px; }
h3.abs { margin-bottom:10px; }

/* Weitere HTML-Tags */
a { color:#22308e; text-decoration:none; }
a:hover { color:#FF0000; text-decoration:unterline; }
p { margin-bottom:1.2em; }
ul { padding:0; margin-top:0; margin-bottom:0; }


/*--------------------------------------- Deklarierung von IDs ----------------------------------------*/


/* IDs */
#page { position:relative !important; z-index:2; width:900px; margin:0px auto; text-align:left; min-height:100%; height:auto !important; }
#header1 { position:absolute; z-index:1; top:0px; left:0px; height:100px; width:100%; background-color:#fff; }
#header2 { position:absolute; z-index:1; top:100px; left:0px; height:178px; width:100%; background:url(../../gfx/basis/back_wolken.jpg) repeat-x center; }
#header3 { position:absolute; z-index:1; top:279px; left:0px; height:31px; width:100%; background:url(../../gfx/basis/back_nav.gif) repeat-x; }
#logo { position:absolute; top:30px; left:0px; z-index:4; }
#snav { position:absolute; top:68px; left:0px; z-index:4; width:100%; text-align:right; }
#adresse { position:absolute; top:190px; left:7px; z-index:3; height:178px; }
#topimage { position:absolute; top:100px; left:115px; z-index:3; background:url(../../uploads/referenzen/medium/gut_altona09gartenx.jpg) no-repeat center; width:203px; height:178px; border-left:solid 1px #fff; border-right:solid 1px #fff; }
#kopf_rechts { position:absolute; top:74px; left:0; z-index:3; width:100%; text-align:right; }
#mnav { position:absolute; top:279px; left:115px; z-index:3; width:auto; height:31px; }
#mnav .elem { position:relative; z-index:3; background:url(../../gfx/basis/nav_back_deaktiv.gif) repeat-x; width:125px; height:31px; border-right:solid 1px #7f7f7f; float:left; }
#mnav .elem.aktiv { background:url(../../gfx/basis/nav_back_aktiv.gif) repeat-x; }
#mnav .elem .txt1 { position:absolute; z-index:2; top:7px; left:1px; width:100%; text-align:center; }
#mnav .elem .txt2 { position:absolute; z-index:2; top:6px; left:0px; width:100%; text-align:center; }
#mnav .elem h3 a { text-decoration:none; }
#mnav .elem h3 a.deaktiv { color:#fff; }
#mnav .elem h3 a.aktiv { color:#ffcc00; }
#content { padding-top:340px; z-index:3; overflow:auto; padding-bottom:30px; }


/*----------------------------------- Deklarierung von Klassen ------------------------------------*/

/* Clearfix-Methode */
.clearfix { clear:both; } /* Diese Angabe benötigt der Safari-Browser zwingend !! */

/* Float-Klassen */
.left { float:left; }
.right { float:right; }
.clear { clear:both; }

/* Farben definieren */
.c_rot { color:#990000; }

/* Formulareelemente */
.k1 { font-size:0.9em }

/* Formulareelemente */
.form_style { font-family:Arial; border:solid 1px #ccc; background-color:#fff; }
.form_style_err { font-family:Arial; border:solid 1px #ccc; background-color:#ffffcc; }
.form_style_safe { display:none; }
.form_button { font-family:Arial; border:solid 1px #FFF; background-color:#22308e; color:#fff; padding:0px 3px; font: bold 0.9em Verdana; }
.form.bez { padding:5px 0px 3px 0px; }
.form_elem { padding:3px 0px 3px 15px; }

/* Weitere Klassen */
.lh { line-height:1.5em; }
.nolink { text-decoration:none; color:#000; }
.img_left { float:left; margin-right:15px; margin-bottom:11px; }
.img_right { float:right; margin-left:15px; margin-bottom:11px; }
.img_galerie { float:left; width:auto; margin-bottom:15px; margin-right:11px; }
.img_zoom img { border:solid 1px #CCC; background-color:#ffffff; padding:3px; }
.success { color:#009900; font-weight:bold; }
.error { border:dotted 1px #CCC; padding:4px 8px; background-color:#FFF; color:#FF0000; font-weight:bold; }
.box_head { background-color:#22308e; background:url(../../gfx/basis/nav_back_deaktiv.gif) repeat-x bottom; color:#fff; padding:3px 10px; margin-bottom:1px; }
.box { background-color:#ffffff; border:dotted 1px #999; }
.box_list { background:url(../../gfx/sonstige/back_aktuelles.jpg) repeat-x bottom; padding:10px; border-bottom:dotted 1px #999; }
.abs { margin-bottom:15px; }