#gallery { background-color: white; padding: 10px; width: 712px; height: 913px; }
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #efd9aa;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
a:link { color: #555; text-decoration: none }
a:visited { color: #555; text-decoration: none }
a:active { color: #555; text-decoration: none }
* {margin:0; padding:0}
body { font:12px Verdana, Arial; color:#555; background: #3e3e3e url(../photos/leuchtturm-ostsee.jpg); }
p {line-height:1.4; margin-bottom:12px}
.sliderbutton {float:left; width:25px; height:235px; cursor:pointer}
#slideleft:hover {background-position:-0 -265px}
#slideright:hover {background-position:-50px 90px}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:558px; height:235px}
.pagination {position:absolute; top:40px; right:61px; list-style:none; height:25px}
.pagination li {float:left; cursor:pointer; height:8px; width:8px; background:#ccc; margin:0 4px 0 0; border:1px solid #fff}
.pagination li:hover, li.current {background:#fff}

/* CSS Tabs */
#navcontainer {
        background: #efd9aa;
        margin: 0 auto;
        padding: 1em 0 0 0;
        font-family: georgia, serif;
        text-transform: lowercase;
}

/* to stretch the container div to contain floated list */
#navcontainer:after {
        content: ".";
        display: block;
        line-height: 1px;
        font-size: 1px;
        clear: both;
}

ul#navlist {
        list-style: none;
        padding: 0;
        margin: 0 auto;
        width: 80%;
        font-size: 0.8em;
}

ul#navlist li {
        display: block;
        float: left;
        width: 15%;
        margin: 0;
        padding: 0;
}

ul#navlist li a {
        display: block;
        width: 100%;
        padding: 0.5em;
        border-width: 1px;
        border-color: #ffe #aaab9c #ccc #fff;
        border-style: solid;
        color: #777;
        text-decoration: none;
        background: #ddbf8d;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a {
        background: #ddbf8d;
        color: #ddbf8d;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
        color: #004680;
        background: transparent;
        border-color: #004680 #fff #fff #ccc;
}
.ds2 /*agl rulekind: base;*/ { font-size: 14px; }
.dsR71 /*agl rulekind: base;*/ { background-color: #dcbe8a; position: absolute; top: 0; left: 0; width: 788px; height: 224px; }
.ds6 /*agl rulekind: base;*/ { font-size: 12px; font-family: arial; }
.dsR90 /*agl rulekind: base;*/ { text-align: center; position: absolute; top: 224px; left: 0; width: 788px; height: 40px; }
.ds8 /*agl rulekind: base;*/ { color: #dcbe8a; font-size: 14px; }
.ds12 /*agl rulekind: base;*/ { color: #4866ac; font-size: 14px; }
.dsR344 /*agl rulekind: base;*/ { text-align: center; position: absolute; top: 2954px; left: 16px; width: 752px; height: 32px; }
.dsR349 /*agl rulekind: base;*/ { text-align: center; position: absolute; top: 288px; left: 16px; width: 751px; height: 112px; }
.dsR350 /*agl rulekind: base;*/ { position: absolute; top: 0; left: 0; width: 788px; height: 224px; }
.dsR357 /*agl rulekind: base;*/ { text-align: center; position: absolute; top: 288px; left: 128px; width: 544px; height: 112px; }
.dsR359 /*agl rulekind: base;*/ { text-align: center; position: absolute; top: 416px; left: 16px; width: 752px; height: 982px; }
.dsR363 /*agl rulekind: base;*/ { text-align: center; position: absolute; top: 1408px; left: 432px; width: 336px; height: 32px; }
.dsR456 /*agl rulekind: base;*/ { text-align: center; position: absolute; top: 1450px; left: 16px; width: 752px; height: 32px; }
.dsR458 /*agl rulekind: base;*/ { background-color: #fff; width: 788px; height: 1494px; }