html, body, div, form, fieldset, legend, label
{
    margin: 0;
    padding: 0; 
}

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

th, td
{
    text-align: left;
    vertical-align: top;
}

h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; }

img 
{ 
    border: 0;
    padding: 0;
    margin: 0;
}


@charset "UTF-8";

@font-face {
   font-family: '"Times New Roman", Times, serif; 
    
}

body 
{
    
    background-color: #fafffa;
}

a 
{
    color: black;
    
    
}

a:hover {
    
    text-decoration: none;
}

#titelbild
{
    position: relative;
    max-height: 80vh;
    max-width: 100%;
    
}

#title
{
    height: 90vh;
    width: 90vw;
    padding: 5vh 5vw;
    max-width: 600px;
     
}

#navigation_holder
{
    position: fixed; 
    visibility: hidden;
    width: 40vw;
    top: 5vh;
    
}

#navigation
{
    display: inline-block;
    text-align: left;
}



#navigation > a
{
    line-height: 40px;
    margin-right: 50%;
   
    
}

.main_content
{
    text-align: left;
    padding: 0px 5vw 10vh;
    max-width: 600px;
    
}

#blubb {
    margin: 100vh auto 100vh auto ;
   
    
   
   
    
}

#blubbText{
    text-align: left; 
    display: inline-block;

   
}

/*resize*********************************************/
@media screen and (max-width: 1100px) {
    
    #navigation_holder   
    {
        width: auto;
        left: 5vw;
        
    }
    
    
}



@media screen and (max-width: 950px) {

    #navigation_holder   
    {
        top: 0vh; 
        left: 0vw;
        width: 100vw;
        background-color: #fafffa;
    }

    #navigation > a
    {
       margin: 0 10px;
    }

    
}