/*Small Screens*/


@media screen and (min-width: 360px) {
    /* Header */

/* Headline */
    
    #headline {
        background-color: #202020;
        height: 100%;
        line-height: 1.2em;
        width: 100%;
        margin-bottom: 0.1em;
    }

    #headline a:hover {
        color: #F5F5F5;
    }

    #headline a {
        color: #c0c0c0;
        text-decoration: none;
    }
    
 
    
    #headl {
    width: 100%;
    float: left;
    }
    
    #headr {
    float: left;
    }
    
    .topelement {
    color: #c0c0c0;
    font-size: 0.8em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-width: 1px;
    border-color: #c0c0c0;
    border-right: solid;
    margin: 0.3em 0em 0.3em 0em;
    float:left;
}
    
/*
Headbar
*/

    #headbar {
        width: 100%;
        border-top: solid;
        border-width: 1px;
        border-color: #A0A0A0;
        background: linear-gradient(to bottom, #383838, #101010, #101010, #101010);
        position: relative;
    }
    
    #pagehead {
        margin-left: 1em;
    } 
    
/*
Logo, Pagetitle, Subtitle
*/
    .pagetitles {
			margin-top: 0.6em; 
    }
    
    #logo {
        width: 4em;
        padding: 0;
        margin-top: 0.4em;
        margin-bottom: 0.4em;
    }

    #pagetitle {
        color: white;
        margin-left: 0.5em;
        font-size: 1.2em;
    }

    #pagesubtitle {
        color: white;
        margin-top: -0.8em;
        margin-left: 0.6em;
        font-size: 1.0em;
    }    
    
} 

/*Medium Screens*/


@media screen and (min-width: 960px) {
    /* Header */

/* Headline */
    
    #headline {
        background-color: #202020;
        height: 100%;
        line-height: 2em;
        width: 100%;
        /*margin-bottom: 0.1em;*/
    }

    #headline a:hover {
        color: #F5F5F5;
    }

    #headline a {
        color: #c0c0c0;
        text-decoration: none;
    }
        
   #headl {
    width: auto;	
    float: left;
    }
    
   #headr {
	 width: auto;
    float: right;
    }        
        
    .topelement {
    color: #c0c0c0;
    font-size: 1em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-width: 1px;
    border-color: #c0c0c0;
    border-right: solid;
    margin: 0.3em 0em 0.3em 0em;
    float:left;
}

  
    
/*
Headbar
*/

    #headbar {
        width: 100%;
        border-top: solid;
        border-width: 1px;
        border-color: #A0A0A0;
        background: linear-gradient(to bottom, #383838, #101010, #101010, #101010);
        position: relative;
    }
    
    #pagehead {        
        margin-left: 1em;
    } 
    
/*
Logo, Pagetitle, Subtitle
*/
    .pagetitles {
			margin-top: 0.6em; 
    }
    
    #logo {
        width: 6em;
        padding: 0;
        margin-top: 0.4em;
        margin-bottom: 0.4em;
    }

    #pagetitle {
        color: white;
        margin-left: 0.8em;
        font-size: 1.8em;
    }

    #pagesubtitle {
        color: white;
        margin-top: -0.8em;
        margin-left: 1em;
        font-size: 1.4em;
    }    
    
} 





@media screen and (min-width: 1920px) {
    /* Header */

/* Headline */
    
    #headline {
        background-color: #202020;
        height: 100%;
        line-height: 2em;
        width: 100%;
        /*margin-bottom: 0.1em;*/
    }

    #headline a:hover {
        color: #F5F5F5;
    }

    #headline a {
        color: #c0c0c0;
        text-decoration: none;
    }
        
   #headl {
    width: auto;	
    float: left;
    }
    
   #headr {
	 width: auto;
    float: right;
    }        
        
    .topelement {
    color: #c0c0c0;
    font-size: 1.2em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-width: 1px;
    border-color: #c0c0c0;
    border-right: solid;
    margin: 0.3em 0em 0.3em 0em;
    float:left;
}

  
    
/*
Headbar
*/

    #headbar {
        width: 100%;
        border-top: solid;
        border-width: 1.2px;
        border-color: #A0A0A0;
        background: linear-gradient(to bottom, #383838, #101010, #101010, #101010);
        position: relative;
    }
    
    #pagehead {        
        margin-left: 1em;
    } 
    
/*
Logo, Pagetitle, Subtitle
*/
    .pagetitles {
			margin-top: 0.8em; 
    }
    
    #logo {
        width: 8em;
        padding: 0;
        margin-top: 0.4em;
        margin-bottom: 0.4em;
    }

    #pagetitle {
        color: white;
        margin-left: 0.8em;
        font-size: 2.2em;
    }

    #pagesubtitle {
        color: white;
        margin-top: -0.8em;
        margin-left: 1.1em;
        font-size: 1.6em;
    }    
    
}