/*--------------------------------------------*/
/*---Copyright (c) EDV MAHO Internetagentur---*/
/*--------------------------------------------*/

/*---universal---*/

* {
        font-family: verdana,arial,sans-serif;
         }

/*-------------------------------*/
/*---Always Display Scrollbars---*/
/*-------------------------------*/

html {
         overflow:scroll;
         height:100%;
         }

/*---verlinkungen---*/

a {

         }

a:link, a:visited {
         color: white;
         text-decoration: none;
         }

a:focus, a:hover, a:active {
        color: black;
         text-decoration: none;
         }

/*---verlinkungen_impressum_datenschutz---*/

a.verl {

         }

a.verl:link, a.verl:visited {
         color: black;
         text-decoration: none;
         }

a.verl:focus, a.verl:hover, a.verl:active {
        color: black;
         text-decoration: underline;
         }


/*---diverse---*/

body {
        color: white;
         letter-spacing: 2px;
         font-size: small;
         font-weight: bold;
         background-color: black;
        margin-left: 0px;
         margin-top: 0px;
         margin-right: 0px;
         margin-bottom: 0px;
         }

h1 {
         font-size: 26px;
         font-weight: normal;
         margin: 0.8em 0em;
         }

h2 {
         font-size: small;
         color: black;
         margin: 0.8em 0em;
         }

h6 {
         font-size: small;
         font-weight: bold;
         text-decoration: underline;
         padding: 0em;
         margin: 0em;
         }

table {
        border-collapse:collapse;
         }

p {
        margin: 1em 0em;
         }

li {
        margin: 1em 0em;
         }

form {
        display: inline;
         }

input, textarea {
        width: 250px;
         }

input, textarea, select {
         color: black;
         letter-spacing: 0px;
         font-size: small;
         font-weight: normal;
         }

.xsmall {
        font-size: x-small;
         }

.small {
        font-size: small;
         }

.medium {
        font-size: medium;
         }

.large {
        font-size: large;
         }

.button {
        display: block;
         padding-top: 50px;
         }

.aktive {
        display: block;
         padding-top: 50px;
         color: black;
         }

.border {
        border: 2px solid white;
         }

#hintergrund {
         position: relative;
         top: 10px;
         width: 1024px;
         height: 728px;
         z-index: 1;
         background-image: url(image/kating_nordseekueste.jpg);
         background-repeat: no-repeat;
         margin-left:auto;
         margin-right:auto
         }

.transparent {
         filter: alpha(opacity=30);
         -moz-opacity: 0.3;
         -webkit-opacity: 0.3;
         -khtml-opacity: 0.3;
         opacity: 0.3;
         }

#start {
        position: absolute;
         top: 30px;
         left: 31px;
         z-index: 2;
         }

#galerie {
        position: absolute;
         top: 130px;
         left: 31px;
         z-index: 2;
         }

#freizeit {
        position: absolute;
         top: 223px;
         left: 31px;
         z-index: 2;
         }

#kontakt {
        position: absolute;
         top: 320px;
         left: 31px;
         z-index: 2;
         }

#impressum {
        position: absolute;
         top: 30px;
         left: 780px;
         z-index: 2;
         }

#content {
        position: absolute;
         top: 80px;
         width:700px;
         height:620px;
         left: 200px;
         z-index: 2;
         }

#transparent {
        position: absolute;
         top: 0px;
         z-index: 1;
         }

#main {
        position: absolute;
         z-index: 2;
         /**overflow:auto;**/
         height:620px;
         width:680px;
         padding: 0px 10px;
         }

#footer {
         position: relative;
         top: 16px;
         width: 1024px;
         z-index: 1;
         margin-left:auto;
         margin-right:auto;
         font-weight: normal;
         font-size: 0.7em;
         text-align:right;
         }

#footer a:hover{
         color:#fff;
         text-decoration:underline;
         }

#box a {
        }

#box a:hover {
        color: black;
         text-decoration: none;
         }

#box a span {
        display: none;
         }

#box a:hover span {
        position: absolute;
        top: 105px;
        left: -180px;
         z-index: 3;
        display: block;
         }