@font-face {
 font-family: la;
 src: url("la.eot")
}

@font-face {
 font-family: la;
 src: url("la.ttf")
}


* {
    margin:0;
    padding:0;
}

html, body {
    height: 100%;
    width: 100%;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#666;
    line-height:20px;
    background-color:#fff;
}

#distance {
    width: 0px;
    height: 50%;
    margin-bottom: -385px;
    float: left;
}

#bgcontainer {
    margin: 0;
    position: relative;
    height: 770px;
    width: 100%;
    clear: left;
    background-image:url(../bilder/bg.jpg);
    background-position:center;
    background-repeat:no-repeat;
}

#maincontainer {
    margin: auto;
    position: relative;
    height: 770px;
    width: 1000px;
    clear: left;
}

#logo, #logo img {
    position:absolute;
    width:430px;
    height:215px;
    border:none;
}

#navi {
    position:absolute;
    width:825px;
    height:60px;
    margin-top:155px;
    margin-left:175px;
}

.navibutton {
    position:relative;
/*    min-width:100px;*/
    height:20px;
    float:right;
    text-align:center;
    padding:10px 10px 10px 10px;
    font-weight:bold;
    margin-top: 20px;
}

.navibuttoncurrent {
    position:relative;

    height:20px;
    float:right;
    text-align:center;
    padding:10px 10px 10px 10px;
    font-weight:bold;
    background-image:url(../bilder/navihover.png);
    background-size:100% 100%;
    background-position:center;
    background-repeat:no-repeat;
    margin-top: 20px;
}

.navibutton a{
    color:#666;
    text-decoration:none;
    display:block;
}

.navibutton:hover a{
    color:#dc0014;
    text-decoration:none;
    display:block;
}

.navibuttoncurrent a{
    color:#dc0014;
    text-decoration:none;
    display:block;
}


#content {
    position:absolute;
    width:998px;
    height:508px;
    margin-top:216px;
    background-color:#fff;
    border:1px solid #2daae1;
}

#impressum {
    position:absolute;
    width:898px;
    height:408px;
    padding:50px;
    margin-top:216px;
    background-color:#fff;
    border:1px solid #2daae1;
    display:block;
    overflow:auto;
    text-align:justify;
}

#text {
    position:absolute;
    width:380px;
    height:410px;
    margin-left:50px;
    margin-top:50px;
    line-height:18px;
}

#bildercontainer {
    position:absolute;
    width:470px;
    height:410px;
    margin-left:480px;
    margin-top:50px;
    background-color:#2daae1;
}

#footer {
    position:absolute;
    width:100%;
    text-align:right;
    margin-top:728px;
}

h1 {
    font-family: la;
    font-weight:normal;
    font-size:32px;
    line-height:32px;
    margin-bottom:10px;
    color:#dc0014;
    text-decoration:none;
}

h2 {
    font-family: la;
    font-weight:normal;
    font-size:32px;
    line-height:32px;
    color:#5dca20;
    text-decoration:none;
}

a {
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#666;
    line-height:20px;
    text-decoration:underline;
}

a:hover {
    color:#dc0014;
}

img {
    border:none;
}

ul {
    margin-left:25px;
}

.smalltext {
    font-size:12px;
    line-height:16px;
}

#platzfrei {
    position:absolute;
    background-image:url(../bilder/frei.png);
    width:150px;
    height:120px;
    right:0px;
    top:10px;
}

#platzbelegt {
    position:absolute;
    background-image:url(../bilder/belegt.png);
    width:150px;
    height:120px;
    right:0px;
    top:10px;
}

.imprint {
    position: absolute;
    right: 0;
    padding-right: 10px;
}

.imprint a {
    font-size: 12px;
}