/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default screen stylesheet - FULLPAGE-layout type layout
 *
 * @copyright       © 2005-2013, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         4.1.2
 */
@media screen { /* force vertical scrollbar */
    html,body {
        height: 100%;
        color: #fff;
        background: #18367F;
        background-image: -moz-radial-gradient(center, #0648EC 0%, #18367F 100%);
        background-image: -webkit-radial-gradient(center, #0648EC 0%, #18367F 100%);
        background-image: -ms-radial-gradient(center, #0648EC 0%, #18367F 100%);
        overflow: hidden;
    }


    /* Layout Module Configuration */
    .ym-wrapper { /*     max-width: 80em; */
        margin: 0 auto;
        
    }
    .ym-wbox {
        padding: 0;
        
    }

    /* fallback for missing media queries support
    body>header,body>nav,body>main,body>footer {
        min-width: 760px;
    }*/

    /* Basic Element Styling */
    #content {
	width: 90%;
	height: 100%;
	color: #33308d;
	padding: 0 105px 200px 105px;	
	}
	
	.newsinhalt{
		margin-bottom: 200px;
		overflow: scroll;
		}

}
    
    
    header {
        color: #fff;
        background-image: -moz-linear-gradient(left, #2c238b 0%, #191666 100%);
        background-image: -webkit-linear-gradient(left, #2c238b 0%, #191666 100%);
        background-image: -ms-linear-gradient(left, #2c238b 0%, #191666 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33308D', endColorstr='#29266E', GradientType=1);
        position: relative;
        height: 70px;
        box-shadow: 0 3px 20px -6px black;
        z-index: 100;
    }
    header .ym-wbox {
        padding: 0;
    }
    header .shadow {
        box-shadow: inset 0 15px 20px -20px black;
        height: 15px;
        z-index: 100;
        position: absolute;
        width: 100%;
    }
    header #slidenavicon {
        height: 70px;
        width: 75px;
        background: url(../img/slidenavicon.png) #191666 no-repeat center center;
        cursor: pointer;
    }
    header #logo {
        position: absolute;
        right: 0;
        top: 19px;
        text-transform: uppercase;
    }
    header #logo div {
        float: left;
    }
    header #logo #slogan {
        text-align: right;
        line-height: 19px;
    }
    header #logo #touchpoint {
        margin: 0 10px;
        line-height: 38px;
        font-family: gothamultra;
        font-size: 42px;
        font-weight: bold;
    }
    nav {
        position: absolute;
        left: 85px;
        bottom: 18px;
    }
    
    #lang {
        position: absolute;
        left: 780px;
        bottom: 15px;
        width: 50px;
        font-size: 12px;
        
      }  
      
     #lang .active {
        font-size: 12px;
        margin-bottom: 3px;
        border-bottom: 1px solid #fff;
        
      } 
    
    main {
    	height: 100%;
    	overflow-x: hidden;
    	overflow-y:scroll;
    	width: 100%;
    	padding-bottom: 200px;
         
    }
    main .info {
        margin-bottom: 1.5em;
    }
    main aside .ym-gbox-right {
        border-left: 1px #ddd solid;
    }
    
    .blank{
    	height: 100px;
    	}
    
    .ym-gbox {
        padding: 0;
        
    }
    .ym-gbox-left {
        padding: 0 1.5em 0 0;
    }
    .ym-gbox-right {
        padding: 0 0 0 1.5em;
    }

    /* skip links styling */
    .ym-skiplinks a.ym-skip:focus,.ym-skiplinks a.ym-skip:active {
        color: #fff;
        background: #333;
        border-bottom: 1px #000 solid;
        padding: 10px 0;
        text-align: center;
        text-decoration: none;
    }
    
    .hidden {
        display: none;
    }
}

/* ----------------------------------------------------- *//* reset fallback values in modern browsers */
@media screen and (min-width: 0px) {
    body>header,body>nav,body>main,body>footer {
        min-width: 0;
    }
}





/* ----------------------------------------------------- */

@media screen and (max-width: 1270px) {  
	
    #lang {
        position: absolute;
        left: 105px;
        bottom: 45px;
        width: 50px;
        font-size: 12px;
      } 
    main {
    	height: 100%;
    	overflow-x: hidden;
    	overflow-y:scroll;
    	width: 100%;
         
    }

}
/* ----------------------------------------------------- */

@media screen and (max-width: 1180px) {  
	
    #lang {
        position: absolute;
        left: 95px;
        bottom: 45px;
        width: 50px;
        font-size: 12px;
      } 


}


/* ----------------------------------------------------- */

@media screen and (max-width: 780px) {
	
	    body, html{
    	font-size: 12px;
    	}
	
	 /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
    .linearize-level-1,.linearize-level-1>[class*="ym-c"],.linearize-level-1>[class*="ym-g"] { /* linearization for grids and columns module */
        display: block;
        float: none;
        padding: 0;
        margin: 0;
        width: auto !important;
    }
    .linearize-level-1>[class*="ym-c"]>[class*="ym-cbox"],.linearize-level-1>[class*="ym-g"]>[class*="ym-gbox"] { /* reset defined gutter values */
        margin: 0;
        padding: 0;
        /* optional for containing floats */
        overflow: hidden;
    }
    .secondary {
        border-top: 1px #888 solid;
        margin-top: 1.5em !important;
        padding-top: 1.5em !important;
    }
    main aside .ym-gbox-right {
        border: 0 none;
    }

    header #logo {
        position: absolute;
        right: 0;
        top: 0;
        text-transform: uppercase;
    }

    header #logo #slogan {
        display: none;
    }
   
   header #logo #touchpoint {
        margin: 0 10px;
        line-height: 38px;
        font-family: gothamultra;
        font-size: 32px;
        font-weight: bold;
    }
    
        header #slidenavicon {
        display: none;
    }
    
        nav {
        position: absolute;
        left: 0;
        bottom: 18px;
    }
    
        #lang {
        position: absolute;
        left: 10px;
        bottom: 50px;     
      }
      

    #content{
    	padding: 0 0 0 10px;
    	}
    	

    	
    h1{
    	font-size: 14px;
    	font-weight: bold;
    	} 
    	
        p{
    	font-size: 12px;
    	}	   	
    	
}