﻿@viewport {
    width: 1600px;
}

@-ms-viewport {
    width: 1600px;
}
@media (min-width: 1600px) {
    @viewport {
        width: device-width;
    }

    @-ms-viewport {
        width: device-width;
    }   
}


body {
    margin: 0;
    background-color: #cccccc;
    /*background-image: url("Pics/background.jpg");
	background-repeat:repeat-y;
	background-position:center;*/
    text-align: center;
    font-family: Sans-Serif;
}

div#container, div#footer {
    margin: 0px auto;
    width: 750px;
    position: relative;
}

div#header {
    height: 124px;
}

div#navigation, div#content, div#header, div#cover {
    padding: 0px;
    border: none;
}


div#content {
    background-color: White;
}

div#cover {
    height: 609px;
    background-image: url("Pics/Content.jpg");
    background-repeat: no-repeat;
    background-position: center;
}

#slideShow {
    height: 580px;
}

div#navigation {
    height: 20px;
    margin-bottom: 15px;
    background-image: url("Pics/Navi.jpg");
    background-repeat: no-repeat;
    background-position: center;
}

div#footer {
    margin-top: 15px;
    height: 96px;
    background-image: url("Pics/Footer2.jpg");
    background-repeat: no-repeat;
    background-position: center;
}

ul#navUL {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

    ul#navUL li {
        margin: 0px;
        padding: 0px;
        list-style: none;
        display: inline;
    }

    ul#navUL a {
        padding-left: 15px;
        padding-right: 15px;
        margin: 0px;
        font-size: 10pt;
        font-weight: bold;
        color: Black;
    }

        ul#navUL a:link, ul#navUL a:visited {
        }

        ul#navUL a:link, ul#navUL a:visited, ul#navUL a:hover {
            border: 2px transparent solid;
            text-decoration: none;
        }

        ul#navUL a:hover, ul#navUL a#current {
            border: 2px black solid;
        }

img {
    border: none;
    margin: 0px;
    padding: 0px;
}

div#footerlinks {
    position: relative;
    top: 25px;
}

    div#footerlinks a {
        margin: 0px 5px;
        font-size: 12px;
        color: White;
        text-decoration: none;
    }

div#picsKlein {
    width: 750px;
}

div#picsGross {
    min-height: 550px;
}

div#picWechsel {
    overflow: hidden;
    float: right;
    width: 200px;
    /*height:500px;*/
    border: 1px solid black;
    border-right: none;
}

div#picsKlein img:hover, div#picsKlein img#current {
    border-color: Black;
}

div#picsKlein img {
    cursor: pointer;
    height: 65px;
    width: 80px;
    border: 8px solid white;
    border-top: 14px solid white;
    padding: 4px;
    margin: 0px -2px;
}


div#content ul {
    margin-top: 0px;
}

.GalThumb {
    width: 100%;
    border: 1px solid black;
}

div#picWechsel img {
    border: 1px solid black;
    margin: 5px;
    cursor: pointer;
}

table {
    margin: 0px;
    padding: 0px;
}

#wrapper {
    background-color: black;
    height: 100%;
    min-height: 850px;
}

.box-shadow {
    -webkit-box-shadow: 0 0 8px 2px rgba(0,0,0,1);
    box-shadow: 0 0 12px 8px rgba(0,0,0,1);
}

#slideShow img {
    position: absolute;
    left: 0;
}
