/*body{
        font-family:"Lucida Grande", arial, sans-serif;
        font-family:"Verdana","Tahoma","Arial","sans-serif";
        background:#F3F3F3;
}*/
body{
        padding:20px;
        background:white;
        /*color:#bba;*/
        /*font:80%/140% georgia,serif;*/
        font:80% 'helvetica neue',sans-serif;
        }

div.container {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    position: fixed;
        display: table}

.bgimage{
        position:absolute;
        top:50%; /*centered*/
        left: 50%; /*centered*/
        width: 400px;
        height:143px; /*image height*/
        margin-top:-60px; /*half image height + half navbar height*/
        margin-left:-200px;
}

.abovenavbar{
        left:0;
        width:100%;
        position:fixed;
        bottom:45px
}
/*
#content{height:550px;
        / *width:100%;* /
        / *width:600px;* /
        margin-left:auto;
        margin-right:auto;
        border:1px solid #000;
        clear:both;
}

a:link, a:visited {color: inherit; text-decoration:none;}
*/

/*h1{
        text-align:center;
        color: gray
}

h2{
        text-align:center;
        color: gray;
        font-size:10.0pt
}*/

h1{
        font:bold 80% 'helvetica neue',sans-serif;
        text-align:center;
        letter-spacing:3px;
        text-transform:uppercase;
        clear:both;
        color:#bba;
}

h2{
        font:bold 80% 'helvetica neue',sans-serif;
        text-align:center;
        letter-spacing:3px;
        /*text-transform:uppercase;*/
        clear:both;
        color:#bba;
}

/*
ul{
        display:block;
        background-color:red;
}*/


li{
        color: gray;
        font-size:10.0pt;
/*        display:inline;*/
}


/*a:hover, #navi li:hover{
        color:black
}*/
a{
        color:#000;
        text-decoration:none;
}

a:hover{
        color:#444;
}

div.vertcentered {
        display: table-cell;
        vertical-align: middle;
}

.horcentered{
        display: block;
        margin-left:auto;
        margin-right:auto;
/*        background-color:yellow;*/
}

.horcentered p{
                        text-align:justify;
                        color:#444;
}

#navbar{position:absolute;
        top:100%;
        margin-top:-45px;/*ganze Höhe*/
        margin-left:-350px;/*halbe Breite*/
        left:50%;
        padding:0;
        width:700px;/*anzahl der li mal deren breite*/
        /*margin-left:auto;
        margin-right:auto;*/
        text-transform:uppercase;
        letter-spacing:3px;
}


#navbar li{
        list-style-type:none;
        width:100px;
        height:45px;
        float:left;
        margin: 0;
        padding: 0;

        color:#191919;
        text-align:center;
        /*margin-left:0px;*/
        /*overflow:hidden;*/
        font-size: 90%;

        background:white; /*fallback*/
        background:rgba(255, 255, 255, 0.8); /*others*/
        /*
        filter:alpha(opacity=80); / *only IE, text is transparent* /
        background:transparent;
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000050,endColorstr=#99000050);
        zoom: 1;
        opacity:0.8;
        */
}



#navbar p{
        padding:0px 0px;
}
/*
.slideout:hover .subtext{height:20px;position:relative;top:-50px}
*/

.subtext{
                background:white; /*fallback*/
                background:rgba(255, 255, 255, 0.8);
                /*
                filter:alpha(opacity=80); / *only IE, text is transparent* /
                padding-top:15px;*/
                height:0;
                overflow:auto;
        }

.nebeneinander{
        display:inline-block;
        margin: 0 2em 0 2em;
}



/*GALLERIA*/
.gallery {list-style-type:none;padding:0;} /*width:200px; when noscript*/
.gallery li{margin-bottom:10px;} /*when noscript*/

.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer;width:auto;}
/*.replaced {width:auto; height:450px;}*/
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;border:none}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

        /* *{margin:0;padding:0}
        a{color:#348;text-decoration:none;outline:none;}
        a:hover{color:#67a;}*/
        .caption{font-style:italic;color:#887;}
        #thumbcontainer{
                position:relative;margin-top:0.5em;text-align:center;
                height:520px;/*overflow:auto; noscript*/
                /*position:absolute;top:100%;margin-top:-135px;
                background-color:yellow;*/
        }
        .gallery_demo{width:1000px;margin:0 auto; padding-left:0px;text-align:center;overflow:auto;} /*height:53px;Thumbnailliste*/

        .gallery_demo li{width:36px;height:52px;border:0px double #111;margin: 2px;background:#000;} /*Thumbnails*/
        .gallery_demo li div{left:240px}
        .gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}

        /*
        .nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
        #main_image{margin:0 auto 60px auto;height:438px;width:700px;background:black;}
        #main_image img{margin-bottom:10px;}



        .info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
        .info p{margin-top:1.6em;}        */

#portrait {margin-left: 10px;
        margin-bottom: 3px;}

        IMG.center {
display: block; margin: 1em auto
}
/*END GALLERIA*/