* {margin:0; padding:0;}/*damit keine Bikinistreifen zwischen den Containern*/
body{/*soll für gesamtes Dokument gelten*/
        width: 94%; /*Breite*/
        height: 94%; /*Höhe*/
        padding: 3%; /*Innenabstand*/
        font: 100% Arial, Helvetica, sans-serif;/*immer serifenlose Schrift*/
        font-size:15px;/*text-align:center;*/
        background-color: black;/*Hintergrundfarbe*/

}/*Ende Body-Tag*/

div#wrapper{/*Eigenschaften des Wrappers*/
position:relative;
width:890px;
height:650px;
margin: auto;
text-align:left;/*Text im gesamten Objekt links ausrichten*/
background-color:#000000; /*Hintergrund ds gesamten Objekts: black*/
border:0px solid; /*kein Rand*/
border-color:#cccccc;/*grau Rand*/
padding:0;
color:white;
}

div#navigation {        /*Eigenschaften des Navigationsbereiches allgemein oben*/
background-color:#231f20;/*grau vika*/
list-style: none;
margin:0;
padding:20px 10px 10px 10px;
width:870px;
height:30px;
position:absolute;
top:20px;
left:0px;
text-align:center;
vertical-align:bottom;
/*line-height:2px;*/
font-weight:bold;
}

#navigation a {
        margin: 0px;
        margin-left:20px;
        margin-right:20px;
        border-left-style:solid;
        border-left-width:2px;
        border-left-color:#D3161A; /*vi rot*/
        color:white; /*Schriftfarbe weiß*/
        background-color:none;
        text-decoration:none;
        padding-left:5px;
                }

#navigation a:link {/*Eigenschaften des Kopfbereiches Verlinkung (a)*/
                border-left-style:solid;
                border-left-width:2px;
                border-left-color:#D3161A; /*vi rot*/
                color:white;
                background-color:none;
                text-decoration:none;
                padding-left:5px;
                }

#navigation a:hover {/*Eigenschaften des Kopfbereiches Verlinkung (a) der Listenpunkte beim drüberfahren*/
                border-left-style:solid;
                border-left-width:2px;
                border-left-color:#D3161A;
                color:#DF0000; /*red*/
                background-color:gray;
                font-weight:bold;
                text-decoration:none;
                padding-left:5px;
                }

#navigation a:active { /*Eigenschaften des Kopfbereiches Verlinkung (a) der Listenpunkte beim draufklicken*/
                border-left-style:solid;
                border-left-width:2px;
                border-left-color:#D3161A;
                color:white;
                background-color:none;
                font-weight:bold;
                text-decoration:none;
                padding-left:5px;
                    }
#navigation a:visited { /*Eigenschaften des Kopfbereiches Verlinkung (a) der Listenpunkte wenn besucht*/
                border-left-style:solid;
                border-left-width:2px;
                border-left-color:#D3161A;
                color:white;
                background-color:none;
                font-weight:bold;
                text-decoration:none;
                padding-left:5px;
                }

#navigation a.vi {
        margin: 0px;
        margin-left:20px;
        margin-right:20px;
        border-left-style:solid;
        border-left-width:0px;
        border-left-color:#D3161A; /*vi rot*/
        color:white; /*Schriftfarbe weiß*/
        background-color:none;
        text-decoration:none;
        padding-left:5px;
                }

#navigation a.vi:link {/*Eigenschaften des Kopfbereiches Verlinkung (a)*/
                border-left-style:solid;
                border-left-width:0px;
                border-left-color:#D3161A; /*vi rot*/
                color:white;
                background-color:none;
                text-decoration:none;
                padding-left:5px;
                }

#navigation a.vi:hover {/*Eigenschaften des Kopfbereiches Verlinkung (a) der Listenpunkte beim drüberfahren*/
                border-left-style:solid;
                border-left-width:0px;
                border-left-color:#D3161A;
                color:#DF0000; /*red*/
                background-color:gray;
                font-weight:bold;
                text-decoration:none;
                padding-left:5px;
                }


div#logo{/*Eigenschaften des Logobereiches*/
position: absolute;
width:890px;
height:100px;
top:480px;
left:0px;
background-color:#231f20;
color:white;
text-align:center;
padding:0px;
border-bottom-width:20px;
border-bottom-color:black;
border-bottom-style:solid;
}

div#content{ /*Eigenschaften des Inhaltsbereiches allgemein*/
width:870px;
height:400px;
position:absolute;
top:80px;
left:0px;
padding:10px;
text-align:center;
background-color:black;
}
#content a img{
border:none;}


#content a:hover img{
border:none;}

#content a:visited img{
border:none;}
div#box1{ /*Bereich foto*/
width:120x;
height:270px;
border:0px solid white;
top:63px;
left:125px;
position:absolute;
text-align:left;
background-color:black;
padding:0px;
}
div#box2{ /*Bereich infos*/
width:560px;
height:270px;
top:33px;
left:360px;
position:absolute;
text-align:left;
background-color:black;
padding:0px;
font-size:14px;
color:white;
}
div#box3{ /*Bereich infos*/
width:560px;
height:270px;
top:63px;
left:160px;
position:absolute;
text-align:left;
background-color:black;
padding:0px;
font-size:14px;
color:white;
}

#box2 a img{
border:none;}


#box2 a:hover img{
border:none;}

#box2 a:visited img{
border:none;}

        #content span{
        position:absolute;
        width:890px;
        left:0px;
        text-align:center;
        top:60px;
        font-size:14px;
        color:white;

        }
        #content a:link { /*Eigenschaften des Kopfbereiches Verlinkung (a)*/
                color:#DF0000;
                background-color:none;
                text-decoration:none;
                border-style:none;
                }

                #content a:hover {/*Eigenschaften des Kopfbereiches Verlinkung (a) der Listenpunkte beim drüberfahren*/
                color:red;/*red*/
                background-color:gray;

                text-decoration:none;
                }

                #content a:visited {/*Eigenschaften des Kopfbereiches Verlinkung (a) der Listenpunkte wenn besucht*/
                color:#D3161A;/*vi red*/
                background-color:none;

                text-decoration:none;
                border-style:none;
                }

        #content p{/*Eigenschaften des Inhaltsbereiches allgemein*/

        padding-right:2px;
        font-color:white;
        }

div#footer{/*Beginn Fußzeile (footer)*/
clear:both;
width:870px;
height:10px;
position:absolute;
top:600px;
left:0px;
background-color:black;
color:white;
padding:0px 10px;
text-align:right;
font-size:10px;
border:none;
}
#footer a:link {/*Eigenschaften des Kopfbereiches Verlinkung (a)*/
                border-left-style:solid;
                border-left-width:2px;
                border-left-color:#D3161A; /*vi rot*/
                color:white;
                background-color:none;
                text-decoration:none;
                padding-left:5px;
                }

#footer a:hover {/*Eigenschaften des Kopfbereiches Verlinkung (a) der Listenpunkte beim drüberfahren*/
                border-left-style:solid;
                border-left-width:2px;
                border-left-color:#D3161A;
                color:#DF0000; /*red*/
                background-color:gray;
                font-weight:bold;
                text-decoration:none;
                padding-left:5px;
                }

#footer a:active { /*Eigenschaften des Kopfbereiches Verlinkung (a) der Listenpunkte beim draufklicken*/
                border-left-style:solid;
                border-left-width:2px;
                border-left-color:#D3161A;
                color:#DF0000;
                background-color:none;
                font-weight:bold;
                text-decoration:none;
                padding-left:5px;
                    }
#footer a:visited { /*Eigenschaften des Kopfbereiches Verlinkung (a) der Listenpunkte wenn besucht*/
                border-left-style:solid;
                border-left-width:2px;
                border-left-color:#D3161A;
                color:white;
                background-color:none;
                font-weight:bold;
                text-decoration:none;
                padding-left:5px;
                }


div#box{ /*Bereich thumbnails*/
width:870px;
height:50px;
top:330px;
left:0px;
position:absolute;
text-align:center;
background-color:black;
padding:2px 2px 0 2px;
font-size:15px;
color:white;
vertical-align:middle;
}

        #box a:link {/*Link der thumbnails - :link muss fŸr IE6 unbedingt gesetzt werden ansonsten verschwinden die Fotos der Diashow nicht wieder*/
        border: 0px solid black;
        color:white;
        background-color:black;
        text-decoration:none;
        height:50px;
        /*display:inline;*/
        margin-left:2px;
        margin-right:2px;
        text-align:center;
        /*float:left;*/
        padding-left:0px;
        font-size:15px;
        }

                #box a:hover {
                color:black;
                height:50px;
                background-color:black;
                border: 0px solid white;
                } /*Hier muss unbedingt eine Eigenschaft geŠndert werde, damit der IE6 die Seite neu rendert*/

                #box a:link span {
                position:absolute;
                top:-300px;
                left:145px;
                z-index:10;
                width:600px;
                color:white;
                background:black;
                border:none;
                padding:10px;
                text-align:center;
                display:none;
                }

                #box a:hover span {
                position:absolute;
                top:-300px;
                left:145px;
                z-index:10;
                display:block;
                width:600px;
                color:white;
                background:black;
                border:none;
                padding:10px;
                text-align:center;
                }

                #box a span img{
                display:none;
                }

                #box a:hover span img{
                display:inline;
                }

h1{
text-align:center;
vertical-align:middle;
color:white;
font-size:14px;
letter-spacing:0px;
}

h2{
text-align:left;
vertical-align:middle;
color:white;
font-size:15px;
letter-spacing:0px
}

img#vi{
position:absolute;
top:0px;
left:510px;
padding:0px;
color:#D3161A;/*vi-rot*/
}

img#v2i{
position:absolute;
top:0px;
left:510px;
padding:0px;
color:#D3161A;
}

img#portrait{
position:absolute;
left:500px;
float:right;
}
/**/        /**/        /**/        /**/        /**/