@media screen
{
    /* BASIC LAYOUT */
    html {
        width: 100%;
        height: 100%;
        display: table;
    }
    body {
        width: 100%;
        display: table-cell;
        margin: 0;
        padding: 0;
    }
    .page-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }
    .page-wrapper > header {
        flex-basis: 178px;
    }
    body.page_start .page-wrapper > header {
        flex-basis: 124px;
    }
    .page-wrapper > .outer-content-section {
        background-color: #002960;
        flex-basis: calc(100% - 178px - 459px);
    }
    .page-wrapper-small > .outer-content-section {
        background-color: #002960;
    }
    .page-wrapper-small > .outer-content-section > section.content-section,
    .page-wrapper > .outer-content-section > section.content-section {
        background-color: #fff !important;
        max-width: 1920px;
        margin: 0 auto;
        height:100%;
    }
    .page-wrapper > footer {
        flex-basis: 459px;
    }
  
    /* LAYOUT ADDITIONALS */
  
    body.page_start {
      background:none;
    }
    body.page_sub {background:none;
    }

    #topnav_wrapper,
    #header_wrapper,
    #nav_wrapper,
    #teaser_wrapper {
        width: 100%;
    }

    #topnav,
    #header,
    #nav {
        max-width: 980px;
        margin: 0 auto;
        padding: 0 10px;
    }

    #topnav_empty {
        display:none;
    }
    #topnav_wrapper,
    #header_wrapper,
    #nav_wrapper {
        background-color: #002960;
    }

    .page_start #header_wrapper {
        background-color: #002960;
        border-bottom: 2px solid #dcddde;
    }
    .page_start #nav {
        display:none;
    }
    /*
    .page_start #teaser {
        margin-top:15px;
    }
    */
    .page_sub #header {
        margin-top:-23px;
    }
  
	/* LAYOUT ALIGNMENT */

	.page_margins {
		margin: 0 auto;
        max-width: 980px;
        padding: 0 10px;
    }
	#topnav,
	#topnav_empty {
		height: 23px;
	}
	#header {
		height: 124px;
		position: relative;
    }   
	#nav {
    }
	#teaser {
		clear: both;
        margin: 20px 0 0 0;
	}
    .page_start #teaser {
        margin: 20px 0 -18px 0;
	}
	#main {
		margin: 20px 0;
	}
	.page_start #main {
		margin: 0 0 20px 0;
	}
  
    #mediapanel {
        max-width: 980px;
        margin: 40px auto;
        padding: 0 10px;
    }
	#footer {
        background-color:#002960;
		min-height: 304px;
        border-top: 2px solid #dcddde;
	}
	.footer_margins {
		margin: 0 auto;
        max-width: 980px;
        padding: 0 10px;
        padding-bottom: 20px;
	}

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

	/* MAIN CONTAINER */

	#col1 {
		float: right;
        width:77%;
	}
	#col3 {
		width: auto;
        margin: 0 77% 0 0;
	}

	/* MAIN CONTAINER START */

	#col1_start {
        float: left;
        width: 30%;
    }
	#col3_start {
		width: auto;
        margin: 0 0 0 30%;
   }

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