BODY {
        FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-IMAGE: url(../images/web/hinter.png); BACKGROUND-POSITION: 50% top; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px auto; PADDING-RIGHT: 0px
}
A:link {
        TEXT-DECORATION: none; COLOR: #330066
}
A:visited {
        TEXT-DECORATION: none; COLOR: #330066
}
A:hover {
        TEXT-DECORATION: none; COLOR: #fc2c10
}
#content {
        BORDER-RIGHT: black 1px solid; WIDTH: 1280px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: black 1px solid; MARGIN: 0px auto; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #fff
}
#top {
        HEIGHT: 156px; WIDTH: 1280px; BACKGROUND-IMAGE: url(../images/web/top.gif); PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px auto; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #fff
}
#navi {
        HEIGHT: 30px; WIDTH: 1280px; BACKGROUND-COLOR:white; float:left;
}
#nav {
         width: auto; height: 100; float: left;
}
#frame { width: 1280px; height: 1000px; float: left; background-color: white;

}
#frame3 { width: 500px; height: 709px; float: left;  margin: 60px 10px 0 47px; padding: 10px 10px 10px 10px; border: 1px solid black;

}
#frame4 { width: 500px; height: 500px; float: left; margin: 0 0 0 0; padding: 0 0 0 0; BACKGROUND-IMAGE: url(../images/down_hinter.png);

}
#frame5 { width: 900px; height: 570px; float: left; margin: 0 0 0 0; padding: 0 0 0 0;  margin: 60px 10px 0 47px;

}
#frame6 { width: 1100px; height: 430px; float: left; margin: 0 0 0 0; padding: 20px 0 0 0; margin: 10px 10px 0 47px;

}
#text1 { width: 550px; height: 950px; float: left; padding: 50px 50px 100px 50px;

}
#text2 { width: 1150px; height: 1100px; float: left;

}
#text3 { width: 400px; height: 400px; float: right; margin: 70px 70px 0 20px; padding: 0 0 0 0 ;

}
#text4 { width: 250px; height: auto; float: left;
}
#pix1 { width: 300px; height: 199px;  border: 1px solid black; margin: 60px 0 0 0; float: left;
}
#pix2 { width: 300px; height: 199px;  border: 1px solid black; margin: 30px 0 0 0; float: left;
}

#box { width: 1280; height: 900px; background-color: #fff;

}
#box1 { width: 1280; height: 1100px; background-color: #fff; BACKGROUND-IMAGE: url(../images/zeit1.png);
}
#box1a { width: 1280; height: 1100px; background-color: #fff;
}
#box2 { width: 1280; height: 650; background-color: #fff; float: left;

}
#box3 { width: 1280; height: 500; background-color: #fff; BACKGROUND-IMAGE: url(../images/down_hinter.png);

}
#box4 { width: 700; height: 750; background-color: #fff; margin: 70px 0 30px 300px;

}
#box5 { width: 1280; height: 1200; background-color: #fff; margin: 50px 0 0 0;

}
#box6 { width: 500; height: 300; background-color: #fff; margin: 700px 0 30px 0;  border: 1px solid black;  float: left;

}
#box7 { width: 1280; height: 600; background-color: #fff; float: left; padding: 40px 0 0 0;

}
#box8 { width: 500; height: 750; background-color: #fff;  margin: 70px 0 30px 400px;

}
#box9 { width: 1280; height: 750; background-color: #fff; float: left;
}
#chronik1 { width: 1000; height: 650; float: left; border: 1px solid black;
}
#presse { width: 1000; height: 1200; margin: 0 0 0 280px;
}
#chronik { width: 416; height: 1100; margin: 0 0 0 0; float: left;
}
#chronik_box { width: 381; height: 1100; margin: 0 0 0 0;  float: left; BACKGROUND-IMAGE: url(../images/zeit_hinter.png);
}

#presse_nav { width: 200; height: 1200;  margin: 20px 10px 0 20px; float: left;
}
#site {
        HEIGHT: 500px; WIDTH: 1280px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #fff
}
#partner { width: 1280px; height: 70px; float:left; margin: 0 0 0 0; background-color: #fff;

}
#unten { width: 1280px; height: 30px;

}
#unten1 { width: 640; height: 30; float: left;
}
#unten2 { width: 640; height: 30; float: right;

}
#karte { width: 600; height: 465; float: left; margin: 50px 0 50px 50px;

}
#haupt {
        HEIGHT: 500px; WIDTH: 1280px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px auto; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #fff
}
#indexpix {
        HEIGHT: 500px; WIDTH: 720px;  PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 0px 560px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #fff
}
#indextxt {
        HEIGHT: 500px; WIDTH: 560px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #fff
}
#txt01 {
        HEIGHT: 300px; WIDTH: 300px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 120px auto 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #fff
}
#down {
        HEIGHT: 400px; WIDTH: 500px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 80px; MARGIN: 50px auto 0px; PADDING-RIGHT: 0px;
}
#down1 {
        HEIGHT: 50px; WIDTH: 300px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 100px auto 0px; PADDING-RIGHT: 0px;
}
#down2 {
        HEIGHT: 50px; WIDTH: 300px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 10px auto 0px; PADDING-RIGHT: 0px;
}
#galerie {
         margin: 0px 0 20px 100px; padding: 0px 0 0 0; background-color:#fff; width: 1000px; height:448px; border: 1px solid black;
}
#chronik_links {
         margin: 180px 0 0 30px; padding: 0px 0 0 0;  width: 100px; height:700px; float: left;
}
#chronik_oben {
         margin: 20px 0 0 450px; padding: 0 0 0 0; background-color:#fff; width: 400px; height:150px;
}
#chronik_text {
         margin: 20px 0 0 400px; padding: 0 0 0 0; width: 800px; height:1000px;
}
#chronik_text1 {
         margin: 90px 0 0 400px; padding: 0 0 0 0; width: 800px; height:1000px;
}
 /*--Formatierung der Albumbox--*/
#album01 {
width: 600px;
height: 450px;
BACKGROUND-IMAGE: url(../images/gal/gal1_00.png);
border: 1px solid black;
margin: 0 auto 0 420px;
}
#album02 {
width: 600px;
height: 450px;
BACKGROUND-IMAGE: url(../images/gal2/gal_00.png);
border: 1px solid black;
margin: 0 auto 0 420px;
}
#album03 {
width: 600px;
height: 450px;
BACKGROUND-IMAGE: url(../images/gal3/gal_00.png);
border: 1px solid black;
margin: 0 auto 0 420px;
}
#album04 {
width: 600px;
height: 450px;
BACKGROUND-IMAGE: url(../images/gal4/gal_00.png);
border: 1px solid black;
margin: 0 auto 0 420px;
}
#album05 {
width: 600px;
height: 450px;
BACKGROUND-IMAGE: url(../images/gal5/gal_00.png);
border: 1px solid black;
margin: 0 auto 0 420px;
}
/*--Formatierung der Linkleiste--*/
.gallery {
padding: 0 0 0 130px ;
margin: 460px 0 0 0;
list-style-type: none;
position: relative;
width: 550px;
border: 1px solid back;
}


/*--Horizontale Anordnung der Listeneinträge--*/
.gallery li {
float: left;
}

/*--Formatierung der Link-Buttons--*/
.gallery li a, .gallery li a:visited {
font-size: 11px;
display: block;
text-decoration: none;
color: #000;
background: #fff;
text-align: center;
width: 26px;
height: 26px;
line-height: 24px;
border: 1px solid #444;
margin: 2px;
}

/*--Hover-Formatierung der Link-Buttons--*/
.gallery li a:hover {
background: #ddd;
}

/*active und focus-Formatierung der Link-Buttons*/
.gallery li a:active, .gallery li a:focus {
background: #444;
color: #fff;
}

/*-- Blendet die Bilder aus--*/
.gallery li a img {
visibility: hidden;
border: 0;
}

/*--Positionierung der Querformat-Bilder--*/
.gallery li a img.quer {
position: absolute;
top: -460px;
left: 0px;
}



/*--Einblenden der Bilder im active/focus-Zustand--*/
.gallery li a:active img, .gallery li a:focus img {
visibility: visible;
}


.small {
border:1px solid #000;
visibility: visible;
}