/* Screen layout: */

body {
padding: 0;
margin: 0;
font: 80% "Trebuchet MS", verdana, arial, sans-serif;
background: #D1CFCF;
color: #000000;
}

a {
text-decoration: none;
color: #5D0101;
}

a:hover {
text-decoration: underline;
}

#toptabs {
margin: 10px auto -13px auto;
font-size: 0.8em;
width: 760px;
}

#toptabs p {
text-align: right;
color: #808080;
}

.toptab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 1px;
text-decoration: none;
background: #E1DFDF url(images/corner2.gif) top right no-repeat;
color: #808080;
border-bottom: 1px solid #EBE9E9;
}

.toptab:hover {
background: #F14747 url(images/corner2.gif) top right no-repeat;
border-bottom: 1px solid #EBE9E9;
color: #808080;
text-decoration: none;
}

.activetoptab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 2px;
color: #808080;
text-decoration: none;
background: #EBE9E9 url(images/corner2.gif) top right no-repeat;
border-bottom: 1px solid #EBE9E9;
}

.activetoptab:hover {
text-decoration: none;
}

#container {
margin: 0 auto 15px auto;
width: 760px;
padding: 5px 20px 20px 20px;
background: #EBE9E9;
}

#logo {
margin: 15px 0 0 0;
}

#logo h1 a {
color: #000000;
}

#logo h1 a:hover {
text-decoration: none;
}

#navitabs {
clear: both;
}

.navitab {
padding: 4px 8px 4px 8px;
margin: 0 0 4px 0;
text-decoration: none;
letter-spacing: 1px;
background: #C42121 url(images/corner.gif) top right no-repeat;
border-bottom: 1px solid #EBE9E9;
border-left: 1px solid #EBE9E9;
}

.navitab:hover {
text-decoration: none;
background: #F14747 url(images/corner.gif) top right no-repeat;
}

.activenavitab {
padding: 4px 8px 5px 8px;
color: #000000;
margin: 0 0 5px 0;
text-decoration: none;
background: #880202 url(images/corner.gif) top right no-repeat;
}

.activenavitab:hover {
text-decoration: none;
}

#desc {
height: 250px;
color: #000000;
padding: 0;
background: #505050 url(images/front.jpg) top left no-repeat;
clear: both;
margin: 5px 0 0 0;
}

#desc p {
width: 290px;
font-size: 1em;
line-height: 1.3em;
padding: 0 0 0 15px;
}

#desc h2 {
padding: 15px 15px 0 15px;
color: #ffffff;
}

#desc a {
color: #000000;
text-decoration: underline;
}

#main {
width: 590px;
float: left;
padding: 0 15px 0 0;
border-right: 1px solid #880202;
}

.block {
background: #C42121;
padding: 15px;
}

#sidebar {
width:140px;
float:right;
}

#sidebar p {
font-size: 0.9em;
line-height: 1.3em;
margin: 0 0 12px 0;
}

.sidelink {
text-align: left;
display: block;
width: 120px;
background: #C42121 url(images/corner.gif) top right no-repeat;
padding: 3px 4px 3px 8px;
margin: 5px 10px 5px 0;
}

.sidelink:hover {
background: #F14747 url(images/corner.gif) top right no-repeat;
text-decoration: none;
}

#footer {
clear: both;
background: #C42121;
color: #000000;
font-size: 0.9em;
padding: 8px 0 8px 0;
border-top: 1px solid #880202;
border-bottom: 1px solid #880202;
text-align: center;
}

#footer a {
color: #000000;
}

h1 {
margin: 0 0 20px 0;
color: #000000;
font-size: 2.1em;
font-weight: normal;
}

h2 {
margin: 0 0 20px 0;
color: #000000;
font-size: 1.6em;
font-weight: normal;
}

h3 {
margin: 20px 0 10px 0;
color: #000000;
font-size: 1.4em;
font-weight: normal;
}

p {
margin: 0 0 15px 0;
line-height: 1.5em;
text-align: justify;
}

.right {
text-align: right;
}

a img {
border: 0;
}

.foto {
padding: 5px;
display: block;
margin: 0 auto 15px auto;
background-color: #f0f0f0;
}

.hide {
display: none;
}

/* START LIGHTBOX */

#lightbox{
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
        }

#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: transparent url(images/blank.gif) no-repeat; /* 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;
        }

#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;        }

#overlay{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #111;
        }


/* Min-Width */
.lbWidth { /* most browsers */
        position: absolute;
        top: 0px; left: 0px;
        width: 100%;
        min-width: 790px;
        }

* html .lbContent { /* IE6 */
        margin-left: -790px;
        position:relative;
        }

* html .lbMinWidth { /* IE6 */
        padding-left: 790px;
        }


/* Clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* thumbnails */
div.thumb {
    margin-bottom: 0.5em;
    border-style: solid; border-color: #EBE9E9;
    width: auto;
}
div.thumb div {
    border:1px solid #cccccc;
    padding: 3px !important;
    background-color:#f9f9f9;
    font-size: 94%;
    text-align: center;
    overflow: hidden;
}
div.thumb div a img {
    border:1px solid #cccccc;
}
div.thumb div div.thumbcaption {
    border: none;
    text-align: left;
    line-height: 1.4em;
    padding: 0.3em 0 0.1em 0;
}
div.magnify {
    float: right;
    border: none !important;
    background: none !important;
}
div.magnify a, div.magnify img {
    display: block;
    border: none !important;
    background: none !important;
}
div.tright {
    clear: right;
    float: right;
    border-width: 0.5em 0 0.8em 1.4em;
}
div.tleft {
    float: left;
    clear: left;
    margin-right:0.5em;
    border-width: 0.5em 1.4em 0.8em 0;
}
img.thumbborder {
        border: 1px solid #cccccc;
}

.hiddenStructure {
    display: none;
}

/* TooCool */

#tooCool {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 80px;
width: 80px;
background: url(grafiken/too_cool.png) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}

/* Gästebuch */

div.gb              { margin: 0px 0px 20px 0px; padding: 0px; border: 1px solid #C42121; line-height: 19px; }
div.gb-author       { margin: 0px; padding: 1px 10px 1px 10px; border-bottom: 1px solid #C42121; background: #D1CFCF; }
p.gb-author-left    { margin: 0px; float: left; }
p.gb-author-right   { margin: 0px; text-align: right; }
div.gb-entry        { text-align: left; margin: 10px; padding: 0px; }
p.gb-browse         { text-align: right; font-weight: bold; }
p.gb-admin-buttons  { margin: 5px 0px 0px 0px; text-align: right; }
.caution            { text-align: left; color: red; font-weight: bold; }
.small              { font-size: 11px; line-height:16px; }
.comment            { text-align: left; font-size: 11px; margin: 10px 0px 0px 0px; color: #003080; font-style: italic; }

/* Galerie */

div#header {
        width: 660px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 25px;
}
div#pageTitle {
        width: 660px;
        margin-left: auto;
        margin-right: auto;
        font-size: 15px;
        font-weight: normal;
        text-transform: lowercase;
}
div#title {
        margin-bottom: 15px;
}
div#menu {
        margin-bottom: 15px;
}
.photo {
        margin: 10px;
}

div#photos img {
        border: 1px solid #cccccc;
}
div#photos {
        color: #FFFFFF;
        width: 625px;
        margin-right: auto;
        margin-left: auto;
        padding-top: 20px;
        margin-bottom: 50px;
}
div#otherContent{
        width: 660px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 50px;
}
div#otherContent p {
        text-align: justify;
}
div#homeImg {
        border: 1px solid #CCCCCC;
        width: 660px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 50px;
        text-align: center;
}
div#homeImg img {
        border: 1px solid gray;
}
div#permalink {
        width: 660px;
        margin-right: auto;
        margin-left: auto;
}
div#permalink img {
        border: 1px solid gray;
}
div#top {
        height: 25px;
}
div#bottom {
        height: 25px;
}
div#contactImg {
        width: 660px;
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
}
div#contactImg img {
        border: 1px solid white;
}
div#contactDiv {
        width: 660px;
        margin-left:auto;
        margin-right: auto;
}
div#mark {
        margin-top: 2px;
        margin-right: 5px;
        float: left;
}

}
td.stack {
        width: 95px;
        background-image: url(images/stackBG.gif);
        background-repeat: no-repeat;
        background-position: 1px 1px;
}
td.set {
        width: 95px;
}
.setThumb {
        float: left;
        width: 85px;
        height: 125px;
        background-image: url(images/stackBG.gif);
        background-repeat: no-repeat;
        background-position: 1px 1px;
        margin: 10px;
}
.setTitle {
        color: black;
        margin-top: 10px;
        margin-bottom: 25px;
        width: 75px;
        text-align: center;
}

}
a.backButton:link, a.backButton:active, a.backButton:visited {
        font-size: 11px;
        font-weight: normal;
        color: black;
        text-decoration: none;
}
a.backButton:hover {
        text-decoration: underline;
}
a.tagLink:link, a.tagLink:active, a.tagLink:visited {
}
a.tagLink:hover {
        color: black;
        text-decoration: underline;
}
a.boxLink:link, a.boxLink:active, a.boxLink:visited {
        color: black;
        text-decoration: none;
        text-transform: lowercase;
}
a.boxLink:hover {
        text-decoration: underline;
}