body { font-size : 11px; background-color : #e0e0e0; color : #303030;font-style : normal; Font-family : Verdana , Sans Serif , Helvetica;
        }
#rahmen { position: relative; top: 0px; left: 0px; width: 1024px; background-color: #c0c0c0;}

#kopf { position: absolute; top: 0px; left: 0px; width: 1024px; line-height: 0.8em; visibility: visible; background-color : #eeeeee; font-size: 9pt; color: #0e0e0e; font-style : normal; font-weight: bold ; font-family : Arial, Verdana ; letter-spacing: 2px;}
#gesamt { position : relative; top : -9px; left : 0px; width : 1024px;}
#titel { position: relative;  top: 36px; left: 0px;height:190px;}
#kopfbild {
        position: relative; top: 20px; left:0px; width:1020px;height: 260px;  margin: 0px ;}
/* #kopfbild { position: relative; z-index: 1; top: -10px; left: 0px; height: 276px;} */
#links { position:absolute; top:160px; left:25px; color: #e0e0e0 ;}
#links a { color: #e0e0e0 ;}
#links a:hover { color:rgb(10 , 42 , 87) ; }
#Fader { position: relative; z-index: 1; top: -10px; left: 0px; height: 276px;}
.next { position: absolute; top: 10px; left: 10px; width: 1000px; opacity: 0; filter:alpha(opacity=0); }
.toptext { position: absolute; opacity: 0; filter:alpha(opacity=0); z-index: 30;}

#navileiste { position: absolute;  top: 480px; left: 20px; width: 210px; height: auto; z-index:2;}
#flags  { position: relative; top: 10px; left: 0px; width: 160px; height: 25px;}
#navi { position: relative; top: 8px; left: 4px; width: 220px; list-style-type : square; background-color : #cccccc;}

ul#navi{ margin : 0px;padding : 0px;Font-size : 13px; Color : rgb(10 , 42 , 87); Font-family : Verdana , Sans Serif , Helvetica;    Line-height : 2.0em; }
ul#navi li{    padding : 2px;margin : 0px;width : 210px; Color : rgb(10 , 42 , 87); }
ul#navi li a:link{ display : block; border : 0px solid rgb(0 , 0 , 0); background-color : rgb(221 , 221 , 221);    padding : 2px;
    color : navy;    text-decoration : none;    font-weight : normal;    line-height : 2.2em;}
ul#navi li a:visited{    display : block;    border : 0px solid rgb(0 , 0 , 0);    background-color : rgb(221 , 221 , 221);    padding : 2px;    color : rgb(40 , 40 , 112);    text-decoration : none;    font-weight : normal;}
ul#navi li a:active{    display : block;    border : 0px solid rgb(0 , 0 , 0);    background-color : rgb(221 , 221 , 221);    padding : 2px;    color : rgb(102 , 102 , 102);    font-family : sans-serif;    text-decoration : none;    font-weight : bold;}
ul#navi li a:hover{    display : block;    border : 0px solid rgb(84 , 153 , 63);    background-color : rgb(114 , 113 , 101);    color : rgb(255 , 255 , 255);}

ul#navi li a + ul.submenue       { display:   none;}

ul#navi li a:focus + ul.submenue {display:   block;}
ul#submenue1 li a, ul#submenue2 li a, ul#submenue3 li a, ul#submenue4 li a {width: 184px; Line-height: 2em; background: none; /* IE */
}
.submenue {width: 184px; Line-height: 2em; background: none; margin-left:-20px;list-style-type : square;}

#content  { position: relative; z-index: 0; top: 14px; left: 114px; width: 772px; min-height: 1140px; background-color : #e0e0e0; font-size: 9pt; color: #303030; font-style : normal; font-family : Verdana , Sans Serif , Helvetica; line-height: 1.6em ;   padding:10px 0;  }
#contentb  { position: relative; z-index: 1; top: 60px; left: 114px; width: 772px; min-height: 1020px; visibility: visible; background-color : #e0e0e0; font-size: 9pt; color: #606060; font-style : normal; font-family : Verdana , Sans Serif , Helvetica; line-height: 1.6em ;
         padding:10px 0;        }

#banner {
        .horizontal-banner {
         width:700px;
        height:200px;
        background:url('inhalt/bilder/klappkarten_innen.jpg') repeat-x;
        -moz-animation: movx 20s linear infinite; /* Firefox */
        -webkit-animation: movx 20s linear infinite; /* Safari and Chrome */
        -o-animation: movx 20s linear infinite; /* Opera */
        -ms-animation: movx 20s linear infinite; /* IE 10 */
        animation: movx 20s linear infinite;
}
}
@-moz-keyframes movy /* Firefox */
{
0% { background-position: 0px 0px; }
100% {background-position: 0px 600px;}
}

#text        {  text-align:justify; padding-left: 0px; padding-right: 10px; }
#text2  {  text-align:justify; padding-left: 15px; padding-right: 10px; }
#layer2  { position: absolute; z-index: 1; top: 450px; left: 106px; width: auto; visibility: visible; background-color : rgb(239 , 239 , 239);font-size: 12pt; color: #2222ee; font-style : normal; font-family : Arial, Verdana, SansSerif ; line-height: 1em;}
#layer3  { position: absolute; z-index: 1; top: 490px; left: 106px; width: auto; visibility: visible; background-color : rgb(239 , 239 , 239);font-size: 9pt; color: #2222ee; font-style : normal; font-family : Arial, Verdana, SansSerif ; line-height: 0.6em;}
#layer4  { position: relative; z-index: 1; top: 10px; left: 20px; width: auto; visibility: visible; line-height: 1em; }
#adressen { position: relative; top: 8px; left: -20px; width: 233px; height: auto; color : #10195e ; font-size : 12px; background-color : #cccccc; padding-left: 8px; line-height : 1.8em; }
#adresszeile { color : #e0e0e0 ; background-color : #10195e; line-height: 1.5em; font-weight : bold; z-index:2;}
#text { margin-left: 20px;  }
a:link { color : rgb(10 , 42 , 87);    text-decoration : none;    Line-height : 1.2em;}
a:visited {    color : rgb(10 , 42 , 87);    text-decoration : none;}
a:active {    color : rgb(10 , 42 , 87);    font-style : italic;    font-weight : bold;    Font-family : Sans Serif , Helvetica;}
a:hover {    color : rgb(16 , 68 , 139);    background-color : rgb(239 , 239 , 239);}
#zeile {  color : #e0e0e0 ; background-color : #10195e; line-height: 1.5em;   font-weight : bold; margin-left: 10px; margin-right: 10px; padding-left: 10px; padding-right: 10px;}
#zeile a {  color : #e0e0e0 ;}
#zeile a:hover { color: #000066; }

#box_rd1 {  background-color: #eeaaaa; position: relative; top: 20px;left: 40px; width: 350px; height: 150px;border: 3px solid #dd8888; padding:12px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
#box_rd2 {  background-color: #eeaaaa; position: relative; top: 20px;left: 40px; width: 600px; height: 150px;border: 3px solid #dd8888; padding:12px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
#leerfeld_rechts {position: relative; visibility: visible; top: 0px;left: 0px; width: 760px; background-color : #e0e0e0;}
#leerfeld_links {position: relative; visibility: visible; left: -404px; height: 200px; width: 238px; background-color : #cccccc;}
#fusszeile {position: relative; top:30px;left: 0px; width: 1010px; color : #e0e0e0 ; background-color : #10195e; line-height: 1.5em;   font-weight : bold;   z-index: 22;}

#antwort { color : rgb(0 , 102 , 153);    text-decoration : none;    Line-height : 1.2em; margin-bottom: 5px; color: red;}

#bilder {  position : relative;  display : block; width : 660px; height: 180px; top : 0px;  left : 130px;   }
#bilder a .gross{    display : none;}
#bilder a:hover .gross{ width : 240px; height: 180px; display : block; position : absolute; top : 0px; left : -175px; z-index : 10; background : rgb(255 , 255 , 255);}
#bilder a .beschreibung{    display : none;}
#bilder a:hover .beschreibung{ width : auto; height: 24px; display : block; position : absolute; top : 188px; left : -170px; z-index : 10;background-color : #e0e0e0;  color : #606060;  text-align:left; vertical-align:middle; font-weight:200;
}
.beschreibung{ width : auto; height: 24px; display : block; position : absolute; top : 188px; left : -170px; z-index : 10; background-color : #e0e0e0;  text-align:left; vertical-align:middle; font-weight:200;
}
.startbild { width : 240px; height: 180px; display : block; position : absolute; top : 0px; left : -175px; z-index : 10; background : rgb(255 , 255 , 255);}
#logo { position: absolute; top: 40px; left: -20px;}
#galerie_mini { position : relative; height :auto; width: 660px; display : block; top : 0px; left : 200px; padding:0;
margin:5px;}
galerie_midi {  display:none;}
galerie_midi hover {position : absolute; width : 240px; height: 180;  display : block; top : 550px; left : 0px;}
img {  border:none;  }
#box{ top:300px; left: 500px; height:149px; width:200px; padding:0; margin:20px; font:bold 14px verdana, sans-serif; }
#box {display:none;}
#box:hover .img{ display:block; width:300px; position:absolute;top:20px;right:20px; padding:15px; font:normal 14px verdana, sans-serif;}

/* SLIMBOX */
#lbOverlay { position: absolute; z-index: 9999; left: 0; width: 100%; background-color: #000; cursor: pointer;   }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; left: 50%; overflow: hidden;  background-color: #14126d;  }
.lbLoading { background: #fff url(../images/loading.gif) no-repeat center;}
#lbImage { position: absolute; left: 0; top: 0; border: 3px solid #eee; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink {  display: block; position: absolute; top: 0; width: 40%; outline: none;}
#lbPrevLink { left: 0;}
#lbPrevLink:hover { background: transparent url(../images/zurueck.gif) no-repeat 5% 25%;}
#lbNextLink { right: 0;}
#lbNextLink:hover { background: transparent url(../images/weiter.gif) no-repeat 95% 25%;}
#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #ffff66; line-height: 1.6em; text-align: left; border: 3px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 205px; height: 17px; background: transparent  url(../images/schliessen.gif) no-repeat center; margin: 10px 10px; outline: none;}
#lbCaption, #lbNumber { margin-right: 71px; margin-left: 10px; padding-top: 3px;}
#lbCaption { font-weight: bold; font-size: 12px;}


.bildchen {     display: inline-block;  background: white; border: 0px;
  /*   overflow: hidden; */
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.bildchen img {  display: block;  margin: 0px ; padding: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;}
.bildchen:hover {  background: white; margin-left:30px;border: 0px solid;}
.bildchen:hover img { 
	overflow: visible; z-index:999;
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    transform: scale(1.6);
    opacity: .95;
    filter: alpha(opacity=95);
    
    /* VERZÖGERUNG */
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

}