/* ------------------------------------ *
 CSS                wer das liest ist doof
 Dienstag, 3. April 2007 00:39:03
* ------------------------------------ */

* { color:#000000; margin: 0; letter-spacing:1px; font-family:Georgia,serif; line-height:14pt; font-size:12pt; }

body
    {
    background-color:black ;
    margin: 0px;
    padding: 0px;
    }

img { border:0px }

h1 { line-height:16pt; font-size:14pt; margin-bottom:20px; font-variant:small-caps}
h1#aktuell { line-height:16pt; font-size:14pt; margin-bottom:20px; font-variant:small-caps; clear:right }

p { margin-bottom:10px }
p#klein { font-family:Verdana,sans-serif; line-height:12pt; font-size:10pt; margin-bottom:10px }
p#galerie { text-align: left; margin-bottom:30px }
p#galerie image { margin:3 }

/* * html div {
    height: 1em;   Workaround gegen den 3-Pixel-Bug des Internet Explorers
    } */

div#master
        {   text-align: left;
             margin: 0px;
            overflow:hidden;
            padding: 0px;
            border: 0px;
            position:absolute; top:0px; left:0px; width:780px; height:500px; z-index:1;
        }

div#banner
        {   font-variant:small-caps;
            overflow:hidden;
            float:none;
            text-align: left;
            padding: 0px;
            border: 0px;
            position:absolute; top:0px; left:0px; width:780px; height:100px; z-index:2;
       }

div#menu1
        {   position:absolute; top:100px; left:0px; width:200px; height:400px; z-index:1;
            font-variant:small-caps;
            background-color:#999999;
            overflow:hidden;
            float:left;
            text-align: right;
            padding: 10px;
            border: 0px;
            background:url(menu01.jpg) no-repeat;
            voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
            width:180px;
        }

div#menu2
        {
            font-variant:small-caps;
            font-size:10pt;
            background-color:#777777;
            overflow:hidden;
            float:none;
            text-align: left;
            padding-right:0px;
            padding-bottom:0px;
            padding-left: 10px;
            padding-top: 10px;
            margin-right: 0px;
            border: 0px;
            background:url(menu02.jpg) repeat-y;
            position:absolute; top:100px; left:200px; width:580px; height:30px; z-index:1;
            voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
            width:570px;
            height:20px;
        }






div#inhalt1
        {
            position:absolute; top:130px; left:200px; width:580px; height:370px; z-index:1;
            text-align: justify;
            margin: 0px;
            background:url(inhalt.gif) no-repeat fixed;
            overflow:auto;
            padding: 10px;
            border: 0px;
            voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
            width:560px;
            height:350px;
            background-position:200px 130px;
}
* html div#inhalt1 {
            voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
            background-position:0px 0px;
}

/* bild und link für galerie*/
/*  Bilder 150*150 links ausgerichtet für galerie-jahresübersicht */
div#bild150
        {   text-align: left;
            font-size:8pt;
            background-color:#BBBBAA ;
            margin: 5px;
            margin-right: 0px;
            float:left;
            /*overflow:hidden; */
            padding: 5px;
            border: 0px;
            width:160px;
            letter-spacing:0px;
            font-family:Verdana,sans-serif;
            line-height:8pt;
            voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
            width:150px;
        }
a.gal
        {
            color:black;
            text-align: left;
            font-size:8pt;
            letter-spacing:0px;
            font-family:Verdana,sans-serif;
            line-height:8pt;
        }





/* Folgendes Allgemeines Block-Element legt eine transparente Grafik über die Bilder der Galerie (verkompliziert Abspeichern der Bilder) */
div#galeriemaske
        {
            position:absolute; top:130px; left:200px; width:560px; height:370px; z-index:2;
            text-align: justify;
            margin: 0px;
            background:url(klar.gif) repeat fixed;
            background-position:0px 0px;
            overflow:auto;
            padding: 10px;
            border: 0px;
            voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
            width:540px;
            height:350px;
            background-position:200px 130px;
}
/*  Bilder 100*Y rechts ausgerichtet */
div#bild0
        {   text-align: left;
            font-size:8pt;
            background-color:#BBBBAA ;
            margin: 5px;
            margin-right: 0px;
            float:right;
            overflow:hidden;
            padding: 5px;
            border: 0px;
            width:110px;
            letter-spacing:0px;
            font-family:Verdana,sans-serif;
            line-height:8pt;
            voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
            width:100px;
        }
/*  Bilder 100*Y links ausgerichtet */
div#bild0a
        {   text-align: left;
            font-size:8pt;
            background-color:#BBBBAA ;
            margin: 5px;
            margin-right: 0px;
            float:left;
            overflow:hidden;
            padding: 5px;
            border: 0px;
            width:110px;
            letter-spacing:0px;
            font-family:Verdana,sans-serif;
            line-height:8pt;
            voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
            width:100px;
        }
/*  Bilder 200*Y rechts ausgerichtet */
div#bild1
        {   text-align: left;
            font-size:8pt;
            background-color:#BBBBAA ;
            margin: 5px;
            margin-right: 0px;
            float:right;
            overflow:hidden;
            padding: 5px;
            border: 0px;
            width:210px;
            letter-spacing:0px;
            font-family:Verdana,sans-serif;
            line-height:8pt;
            voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
            width:200px;
        }
/*  Bilder 200*Y links ausgerichtet */
div#bild1a
        {   text-align: left;
            font-size:8pt;
            background-color:#BBBBAA ;
            margin: 5px;
            margin-left: 0px;
            float:left;
            overflow:hidden;
            padding: 5px;
            border: 0px;
            width:210px;
            letter-spacing:0px;
            font-family:Verdana,sans-serif;
            line-height:8pt;
            voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
            width:200px;
        }
        /*  Bilder mittig ausgerichtet , Breite 530 px*/
div#bild2
        {   text-align: center;
            font-size:8pt;
            background-color:#BBBBAA ;
            margin: 0px;
            float:none;
            overflow:hidden;
            padding: 5px;
            border: 0px;
            letter-spacing:0px;
            font-family:Verdana,sans-serif;
            line-height:8pt;
            width:540px;
            voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
            width:530px;
        }
/*  Bilder 300*Y rechts ausgerichtet */
div#bild3
        {   text-align: left;
            font-size:8pt;
            background-color:#BBBBAA ;
            margin: 5px;
            margin-right: 0px;
            float:right;
            overflow:hidden;
            padding: 5px;
            border: 0px;
            width:310px;
            letter-spacing:0px;
            font-family:Verdana,sans-serif;
            line-height:8pt;
            voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
            width:300px;
        }
/*  Bilder 300*Y links ausgerichtet */
div#bild3a
        {   text-align: left;
            font-size:8pt;
            font-family:Verdana,sans-serif;
            line-height:8pt;
            background-color:#BBBBAA ;
            margin: 5px;
            margin-left: 0px;
            float:left;
            overflow:hidden;
            padding: 5px;
            border: 0px;
            width:310px;
            letter-spacing:0px;
            voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
            width:300px;
        }
/*  Bilder 400*Y rechts ausgerichtet */
div#bild4
        {   text-align: left;
            font-size:8pt;
            background-color:#BBBBAA ;
            margin: 5px;
            margin-right: 0px;
            float:right;
            overflow:hidden;
            padding: 5px;
            border: 0px;
            width:410px;
            letter-spacing:0px;
            font-family:Verdana,sans-serif;
            line-height:8pt;
            voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
            width:400px;
        }



div#newsletter
        {   text-align: center;
            font-size:10pt;
            line-height:14pt;
            letter-spacing:0px;
            font-family:Verdana,sans-serif;
            COLOR:#000000;
           /*  background-color:#FFFFFF ; */
            margin: 0px;
            margin-top: 25;
            float:none;
            overflow:hidden;
            padding: 5px;
            border: 1px solid #BBBBAA;
            width:220px;
/*             height:35px;   */
            voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
            width:200px;
/*            height:23px;   */

         }
div#newsletter input
        {
            text-align: center;
            font-size:10pt;
            /* font-weight:bold; */
            line-height:14pt;
            letter-spacing:0px;
            font-family:Verdana,sans-serif;
            COLOR:#000000;
            background-color:#FFFFFF ;
            padding: 0px;
            margin: 0px;
            border: 1px solid #BBBBAA;
            width:200px;
/*             height:16pt;
 */            voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
           }



/* Formatierungen für das Kontaktformular */
div#formular
        {   text-align:left;
            font-size:10pt;
            line-height:14pt;
            letter-spacing:0px;
            font-family:Verdana,sans-serif;
            COLOR:#000000;
           /*  background-color:#FFFFFF ; */
            margin-right: 60px;
            margin-left: 60px;
            float:none;
            overflow:hidden;
            padding: 5px;
            border: 1px solid #BBBBAA;
            width:420px;
/*            height:500px;  */
voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
/*             height:490px; */
 width:412px;

        }
div#formular p { margin-bottom:0px }
div#formular input
        {
            text-align: left;
            font-size:10pt;
            line-height:14pt;
            letter-spacing:0px;
            font-family:Verdana,sans-serif;
            COLOR:#000000;
            background-color:#FFFFFF ;
            padding: 0px;
            margin: 0px;
            border: 1px solid #BBBBAA;
            width:200px;
            height:16pt;
            voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
           }
div#formular select
        {
            text-align: left;
            font-size:10pt;
            line-height:14pt;
            letter-spacing:0px;
            font-family:Verdana,sans-serif;
            COLOR:#000000;
            background-color:#FFFFFF ;
            padding: 0px;
            margin: 0px;
            border: 1px solid #BBBBAA;
            width:200px;
            height:16pt;
            voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
           }


/* Formatierungen für das Aktuell-Feld auf Willkommensseite */
textarea#aktuell
        {   text-align: left;
            font-size:10pt;
            /* font-weight:bold; */
            line-height:10pt;
            COLOR:#000000;
            background-color:#FFFFFF ;
            /* background:url(aktuell01.jpg) no-repeat fixed; */
            margin: 0px;
            margin-left: 5px;
            float:right;
            overflow:auto;
            padding: 0px;
            border: 1px solid #BBBBAA;
            width:200px;
            height:100px;
            letter-spacing:0px;
            font-family:Verdana,sans-serif;
        }



* {
scrollbar-arrow-color: #BBBBAA;
scrollbar-base-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #BBBBAA;
scrollbar-face-color: #E9E4D5;
scrollbar-3d-light-color: #E9E4D5;
scrollbar-highlight-color: #E9E4D5;
}


a:link { color:#000000; text-decoration:none; }
a:visited { color:#222222; text-decoration:none; }
a:hover { color:#000000; text-decoration:none; background-color:#DDDDCC;}
a:active { color:#000000; text-decoration:none; background-color:#EEEEDD;}
a:focus { color:#000000; text-decoration:none; background-color:#DDDDCC;}

a.font10
        {
        font-size:10pt;
        }

a.font10rot
        {
        font-size:10pt;
        color:#FFFFFF;
        background-color:#FF0000 ;
        }
a#imtext
        {
        text-decoration:underline ;
        }

a#imtext1
        {
        font-family:Verdana,sans-serif;
        text-decoration:underline ;
        font-size:10pt;
        }


a#extern
        {
        text-align: left;
        font-size:10pt;
        font-family:Verdana,sans-serif;
        font-weight:bold;
        }

a img {
border: 0px;
}


input:link { color:#000000; text-decoration:none; }
input:visited { color:#222222; text-decoration:none; }
input:hover { color:#000000; text-decoration:none; background-color:#DDDDCC;}
input:active { color:#000000; text-decoration:none; background-color:#EEEEDD;}
input:focus { color:#000000; text-decoration:none; background-color:#DDDDCC;}