body {
         background-color: #000000;
         background-image: url(../img/background_hauptbild_1900.jpg);
         background-repeat: no-repeat;
         /*background-size: auto|length|cover|contain|initial|inherit;*/
         background-size: cover;
         color: #FFFFFF;
         min-width: 330px;
}

h1 {
         font-family: 'Open Sans Condensed', sans-serif;
         font-size: 9em;
         font-size: 12vw;
         text-align: right;
         padding: 1vw;
}

h3 {
         font-family: 'Open Sans Condensed', sans-serif;
         font-size: 4vw;
         padding: 10px;
}

h4 {
         font-family: 'Open Sans Condensed', sans-serif;
         font-size: 2vw;
         padding: 10px;
}


.ui-tabs .ui-tabs-panel table {
         width: 100%;
         margin: 1vw;
         font-size: 1.2vw;
}

.ui-tabs .ui-tabs-panel table {
         padding: 5px;

}

#disclaimer {
         padding: 5px;
         overflow: auto;
         height: 200px;
}

#projekte_tabelle {
         padding: 5px;
         overflow: auto;
         height: 440px;
}

#stage {
         width: 70%;
         margin-left: 30%;
         border: none;
}

#topnav p{
         font-size: 1.5vw;
         text-align: right;
         padding: 1vw;
         clear: both;
}


#page {
         /*max-width: 980px; */
         /*margin: 1vw auto; */
         background: none;
         padding: 3px;
         clear: both;
}

#footer {
         clear:both;
         text-align: right;
         padding: 1vw;
         max-width: 980px;
         margin: 1vw auto;
}

#tabs {

}

.sitebar {
         width: 30%;
         float: left;
         height: 300px;
}

li {
         padding: 5px;
         border: 1px solid #AFAFAF;
         border-radius: 5px;
         position: relative;
         height: 4vw;
         margin-bottom: 2px;
         background-color: rgba(51, 51, 51, 0.15);
         /*text-shadow: 5px 5px 10px rgba(109, 165, 223, 0.65);
         text-shadow: 0 -1px #000000, 1px 0 #000000, 0 1px #000000, -1px 0 #000000, 5px 5px 5px rgba(109, 165, 223, 0.65); */
}

li:hover {
         background-color: rgba(51, 51, 51, 0.55);
}

li a {
         position: absolute;
         bottom: 1px;
         right: 1px;
         font-size: 10px;
         padding: 5px;
}

p {
         padding: 10px;
         font-size: 1.2vw;
         /*height: 16vw;*/
         /*float: right;*/

}

td {
         padding-top: 1.1vw;
         padding-right: 1.1vw;
}

#footer p {
         padding: 10px;
         font-size: 1.2vw;

}

img {
         float: right;
         margin: 5px;
         border: 2px solid #AFAFAF;
         width: 15vw;
}

a {
         color: #ffffff;
         text-decoration: none;
}

/* media querie handhelds less than xxx px */
@media screen and (max-width: 470px) {
    h1 {
         font-family: 'Open Sans Condensed', sans-serif;
         font-size: 12vw;
         text-align: right;
         padding: 1vw;
    }

    h3 {
         font-family: 'Open Sans Condensed', sans-serif;
         font-size: 6vw;
         padding: 1vw;
    }

    p {
         font-size: 1.5vw;
    }
    table {
         margin: 1vw;
         font-size: 3vw;
    }

    body {
         background-size: cover;
    }
    #stage {
         width: 100%; margin-left: 0;
    }

    .content {
         background-color: rgba(51, 51, 51, 0.55);
         border: 1px solid #AFAFAF;
         border-radius: 5px;
         /*height: 16vw;*/
         width: 95%;
    }
    .content p, center {
         padding: 10px;
         font-size: 4vw;

    }
    .content img {
         float: right;
         margin: 5px;
         border: 2px solid #AFAFAF;
         width: 30vw;
    }

    .hidden {
         display: none;
    }

}

/* media querie handhelds less than xxx px */
@media screen and (max-width: 330px) {
    body {
         min-width: 300px;
    }
    .ui-tabs-vertical .ui-tabs-nav {
             padding: .2em .2em .2em .2em;
             float: left;
             width: 20%;
             margin: 0px;
             position: relative;
             /*border: 1px solid #0000ff;*/
    }

}