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: #efd9aa url(../photos/ostseestrand.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: #aaab9c #fff #fff #ccc;
}
.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; }
.ds12 /*agl rulekind: base;*/ { color: #4866ac; font-size: 14px; }
.dsR91 /*agl rulekind: base;*/ { text-align: center; position: absolute; top: 288px; left: 16px; width: 751px; height: 175px; }
.dsR93 /*agl rulekind: base;*/ { text-align: center; position: absolute; top: 288px; left: 16px; width: 751px; height: 32px; }
.dsR133 /*agl rulekind: base;*/ { position: absolute; top: 0; left: 0; width: 788px; height: 224px; }
.dsR134 /*agl rulekind: base;*/ { position: absolute; top: 336px; left: 16px; width: 390px; height: 576px; }
.dsR135 /*agl rulekind: base;*/ { text-align: center; position: absolute; top: 336px; left: 416px; width: 351px; height: 576px; }
.dsR136 /*agl rulekind: base;*/ { text-align: center; position: absolute; top: 928px; left: 16px; width: 391px; height: 432px; }
.dsR141 /*agl rulekind: base;*/ { text-align: center; position: absolute; top: 1376px; left: 16px; width: 751px; height: 32px; }
.dsR161 /*agl rulekind: base;*/ { position: absolute; top: 1168px; left: 16px; width: 751px; height: 251px; }
.dsR168 /*agl rulekind: base;*/ { text-align: center; position: absolute; top: 928px; left: 16px; width: 751px; height: 64px; }
.dsR178 /*agl rulekind: base;*/ { position: absolute; top: 1008px; left: 16px; width: 751px; height: 251px; }
.dsR183 /*agl rulekind: base;*/ { position: absolute; top: 992px; left: 16px; width: 751px; height: 251px; }
.dsR185 /*agl rulekind: base;*/ { text-align: center; position: absolute; top: 1264px; left: 16px; width: 751px; height: 32px; }
.dsR186 /*agl rulekind: base;*/ { background-color: #fff; width: 788px; height: 1303px; }