/*stylesheed smd
*/
*{
        margin:0;
        padding:0;
}
html {
        height:100%;
        padding-bottom:1px;
} /*erzwingt einen scrollbalken, damit layout nicht springt*/
body {
        background-image:url(bilder/hintergrund.gif);
        color:#000;
        font:80%/1.4 verdana,"trebuchet MS", arial, sans-serif;
        }


p{
        margin:10px 20px;
}

a{
        color:#123564;

}
a:hover{
        color:#7396CB;
}
ul {
        margin:0 40px;
        list-style:none;
}
h1 {
        font-size:130%;
        margin:10px 0 0 0;
}

h2 {
        font-size:110%;
        margin:10px 0 0 0;
}


h3 {
        font-size:80%;
        margin:30px 0 0 0;
}
em {

        font-style:normal;
        text-transform:uppercase;
}
cite {
        display:block;
        text-align:right;
}

#kopf_hg {width:830px;
        margin:0 auto;
        background-color:#123564;
        background:url(bilder/blau.png);
        padding:0px 35px 4px 35px;
        width:750px;
        border-right:solid 1px black;
        border-left:solid 1px black;
        border-bottom:solid 1px black;
}

#kopf {
        padding: 0px 0px 0px 0px;
        width:748px;
        height:200px;
        margin:0 auto; border-top:solid 1px black;
        border-right:solid 1px black;
        border-left:solid 1px black;
}

.kopf_0 {
       background: url(bilder/flugzeug1.jpg) no-repeat center top;
}

.kopf_1 {
       background: url(bilder/flugzeug2.jpg) no-repeat center top;
}

.kopf_2 {
       background: url(bilder/flugzeug3.jpg) no-repeat center top;
}

.kopf_3 {
       background: url(bilder/flugzeug4.jpg) no-repeat center top;
}

.kopf_4 {
       background: url(bilder/flugzeug5.jpg) no-repeat center top;
}

.kopf_5 {
       background: url(bilder/flugzeug6.jpg) no-repeat center top;
}

.kopf_6 {
       background: url(bilder/flugzeug7.jpg) no-repeat center top;
}

#kopf a {

        padding:0px 0 0 0px;
}
#kopf a:hover {
        color:#fff;
}
#kopf img {
        display:block;
        border:none;
        padding:20px;
}

.thump {
        border:none;
        margin-top:-10px;
        margin-right:-50px;
}

#navigation a {
        text-decoration:none;
        color:#123564;
}
#navigation a:hover{
        color:#fff;

}

#navigation li{
        display:inline;
}

#navigation li em{
        font-weight:bold;
}
#navigation {
        color:#123564;
        font-size:100%;
        background-color:#f3a500;
        text-transform:uppercase;
        text-align:center;
        padding:4px 0 ;
        border:solid white;
        border-width:1px 0;
        margin:0px;
}
#gesamt {
        width:830px;
        margin:0 auto;
        background-color:#123564;
        background:url(bilder/blau.png);
        padding:5px 35px 0px 35px;
        width:750px;
        border-right:solid 1px black;
        border-left:solid 1px black;
        border-bottom:solid 1px black;
}

#inhalt{
        background-color:#EFEFEF;
        padding:20px 40px 30px 40px;
        border:solid 1px black;
}

 /* IE Win only \*/
        * html
        #inhalt {
                height:300px;
}
/* End IE Win */

#inhalt dl{
        margin:10px 0;
}
#inhalt dt {
        font-weight:bold;
}
#inhalt dd {
        margin:3px 20px;
}
#inhalt ul li{
        list-style-image:none;
        background:url(bilder/pin.png) 0 .6em no-repeat;
        padding-left:33px;
        padding-top:9px;
        margin-left:20px;

}

#fusszeile {
        text-align:center;
        font-size:80%;
        color:#7396ce;
        padding:1px 0 5px 0;

}

#fusszeile a{
        text-decoration:none;
        color:#7396ce;

}
#fusszeile a:hover{
        color:#fff;

}

/*seitenspezifisch
*/
#vers{
        font-size:12px;
        padding:30px 0px 10px 0px;
}
#hinweis {
        font-size:70%;
}
#links dt {
        margin:0 20px;
        font-weight:normal;
}
#links dd {
        margin:0 40px;
}
#gg p{
        margin:3px 20px;
}
#hk p{
        margin:3px 20px;
}
#gebetsfrühstück p{
        margin:3px 20px;
}
#specials p{
        margin:3px 20px;
}
address {
        margin:10px 20px;
        font-style:normal;
}
#kontakt{
        margin: 0 20px;
}
#kontakt a{
        margin:1em 0;
}/*wieso das nicht funktioniert weiß ich nicht*/
#bilder ul li{
        text-align:center;
        padding:0 71px 0 40px;
        background-image:none;
}
#tabelle {
        margin:10px 50px;
        text-align:left;
        valign:top;
}
td {
        /*border-bottom:#123564 solid 1px;
        border-right:#123564 solid 1px;*/
        width:110px;
        padding:5px;
        text-align:center;
}
#tabelle td p {
margin:0px 20px;
}
#tabelle td:last-child{
        border-right:none;
        width:300px;
}
th {
        padding:5px;
        /*border-right:#123564 solid 1px;
        border-bottom:#123564 solid 1px;*/
        background-color:#acc0d9;
}
/*#tabelle th:last-child{
        border-right:none;
}*/
.farbig {
        background-color:#f3a500;
}
#flyer {
        padding-left:111px;
        }
#starttext  {
padding-left:80px;
padding-top:30px;
}

#lightbox {
position: absolute;        left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; margin-top: -50px;
}
#lightbox img {
width: auto; height: auto;
}
#lightbox a img{
border: none;
}
#outerImageContainer{
position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;
}
#imageContainer{
padding: 10px;
}
#loading{
position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;
}
#hoverNav{
position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;
}
#imageContainer>#hoverNav{
left: 0;
}
#hoverNav a{
outline: none;
}
#prevLink, #nextLink{
width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block;
}
#prevLink {
left: 0; float: left;
}
#nextLink {
right: 0; float: right;
}
#prevLink:hover, #prevLink:visited:hover {
background: url(images/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
background: url(images/nextlabel.gif) right 15% no-repeat;
}
#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%        ;
}
#imageData{
padding:0 10px; color: #666;
}
#imageData #imageDetails{
width: 70%; float: left; text-align: left;
}
#imageData #caption{
font-weight: bold;
}
#imageData #numberDisplay{
display: block; clear: left; padding-bottom: 1.0em;
}
#imageData #bottomNavClose{
width: 66px; float: right;  padding-bottom: 0.7em; outline: none;
}
#overlay{
position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;
}