@font-face {
    font-family: 'eurostile_lt_stdbold';
    src: url(../fonts/eurostileltstd-bold-webfont.eot);
    src: url(../fonts/eurostileltstd-bold-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/eurostileltstd-bold-webfont.woff) format('woff'),
         url(../fonts/eurostileltstd-bold-webfont.ttf) format('truetype'),
         url(../fonts/eurostileltstd-bold-webfont.svg#eurostile_lt_stdbold) format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'eurostile_lt_stdBdCn';
    src: url(../fonts/eurostileltstd-boldcn-webfont.eot);
    src: url(../fonts/eurostileltstd-boldcn-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/eurostileltstd-boldcn-webfont.woff) format('woff'),
         url(../fonts/eurostileltstd-boldcn-webfont.ttf) format('truetype'),
         url(../fonts/eurostileltstd-boldcn-webfont.svg#eurostile_lt_stdBdCn) format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'eurostile_lt_stdBdEx2';
    src: url(../fonts/eurostileltstd-boldex2-webfont.eot);
    src: url(../fonts/eurostileltstd-boldex2-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/eurostileltstd-boldex2-webfont.woff) format('woff'),
         url(../fonts/eurostileltstd-boldex2-webfont.ttf) format('truetype'),
         url(../fonts/eurostileltstd-boldex2-webfont.svg#eurostile_lt_stdBdEx2) format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'eurostile_lt_stdbold_oblique';
    src: url(../fonts/eurostileltstd-boldoblique-webfont.eot);
    src: url(../fonts/eurostileltstd-boldoblique-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/eurostileltstd-boldoblique-webfont.woff) format('woff'),
         url(../fonts/eurostileltstd-boldoblique-webfont.ttf) format('truetype'),
         url(../fonts/eurostileltstd-boldoblique-webfont.svg#eurostile_lt_stdbold_oblique) format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'eurostile_lt_stdcondensed';
    src: url(../fonts/eurostileltstd-cn-webfont.eot);
    src: url(../fonts/eurostileltstd-cn-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/eurostileltstd-cn-webfont.woff) format('woff'),
         url(../fonts/eurostileltstd-cn-webfont.ttf) format('truetype'),
         url(../fonts/eurostileltstd-cn-webfont.svg#eurostile_lt_stdcondensed) format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'eurostile_lt_stdbold';
    src: url(../fonts/eurostileltstd-demi-webfont.eot);
    src: url(../fonts/eurostileltstd-demi-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/eurostileltstd-demi-webfont.woff) format('woff'),
         url(../fonts/eurostileltstd-demi-webfont.ttf) format('truetype'),
         url(../fonts/eurostileltstd-demi-webfont.svg#eurostile_lt_stdbold) format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'eurostile_lt_stdbold_italic';
    src: url(../fonts/eurostileltstd-demioblique-webfont.eot);
    src: url(../fonts/eurostileltstd-demioblique-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/eurostileltstd-demioblique-webfont.woff) format('woff'),
         url(../fonts/eurostileltstd-demioblique-webfont.ttf) format('truetype'),
         url(../fonts/eurostileltstd-demioblique-webfont.svg#eurostile_lt_stdbold_italic) format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'eurostile_lt_stdextended_2';
    src: url(../fonts/eurostileltstd-ex2-webfont.eot);
    src: url(../fonts/eurostileltstd-ex2-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/eurostileltstd-ex2-webfont.woff) format('woff'),
         url(../fonts/eurostileltstd-ex2-webfont.ttf) format('truetype'),
         url(../fonts/eurostileltstd-ex2-webfont.svg#eurostile_lt_stdextended_2) format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'eurostile_lt_stditalic';
    src: url(../fonts/eurostileltstd-oblique-webfont.eot);
    src: url(../fonts/eurostileltstd-oblique-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/eurostileltstd-oblique-webfont.woff) format('woff'),
         url(../fonts/eurostileltstd-oblique-webfont.ttf) format('truetype'),
         url(../fonts/eurostileltstd-oblique-webfont.svg#eurostile_lt_stditalic) format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'eurostile_lt_stdregular';
    src: url(../fonts/eurostileltstd-webfont.eot);
    src: url(../fonts/eurostileltstd-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/eurostileltstd-webfont.woff) format('woff'),
         url(../fonts/eurostileltstd-webfont.ttf) format('truetype'),
         url(../fonts/eurostileltstd-webfont.svg#eurostile_lt_stdregular) format('svg');
    font-weight: normal;
    font-style: normal;

}    *
    {
        margin: 0;
        padding: 0;

        border: 0;
        border-spacing: 0;

        outline: none;

        border-collapse: collapse;
        text-decoration: none;

	    -webkit-text-size-adjust: 100%;
    }

    /* Mobile IE */
    @-ms-viewport
    {
	    width: extend-to-zoom;
	    zoom: 1.0;
    }

    html, body
    {
        height: 100%;
        width: 100%;

        color: #58595b;
        font-family: Helvetica , Arial, sans-serif;
        font-weight: normal;
        font-size: 14px;
        line-height: 24px;
        text-align: left;
    }

    body
    {
	    min-height: 100%;
    }

    h1
    {
        color: #FFFFFF;
        font-family: eurostile_lt_stdextended_2, Helvetica , Arial, sans-serif;
        font-weight: 400;
        font-size: 1.9em;
        line-height: 36px;

	    white-space: pre-wrap;
    }

    h2
    {
        color: #FFFFFF;
        font-family: eurostile_lt_stdextended_2, Helvetica , Arial, sans-serif;
        font-weight: 400;
        font-size: 1.7em;
        line-height: 32px;
    }

    h3
    {
        color:#FFFFFF;
        font-family: eurostile_lt_stdextended_2, Helvetica , Arial, sans-serif;
        font-weight: 400;
        font-size: 1.5em;
        line-height: 28px;
    }

    h4, h5, h6
    {
        color: #FFFFFF;
        font-family: eurostile_lt_stdextended_2, Helvetica , Arial, sans-serif;
        font-weight: 400;
        font-size: 1.3em;
        line-height: 24px;
    }

    a
    {
        color: #00AEEF;
    }

    a:hover
    {
        text-decoration: underline;
    }

    ul
    {
        margin-left: 20px;
    }

    span.highlight
    {
        background: #fbfb3b;
    }

/****************** GLOBAL **************/

    div.container
    {
        min-height: 100%;
        height: auto;
        height: 100%;
        width: 100%;
    }

    div.wrapper
    {
        height: 100%;
	    width: 94%;
        max-width: 800px;

        margin: 0 auto;

        position: relative;
        z-index: 1;
    }

    div.sub-content div.item div.wrapper
    {
	    display: table;
    }

    div.sub-content div.item div.wrapper.route,
    div.sub-content div.item div.wrapper.location
    {
	    width: 100%;
	    max-width: 100%;
    }

    .failed
    {
        color: red;
    }

    .hide
    {
        display: none;
    }

    .clear
    {
        clear: both;
    }

    .left
    {
        float: left;
    }

    .right
    {
        float: right;
    }

/****************** CONTENT **************/

    div.content
    {
        min-height: 100%;
        height: 100%;
        width: 100%;
    }

/****************** MAIN-CONTENT **************/

    div.main-content
    {
	    height: 100%;
	    min-height: 700px;
	    width: 100%;

	    position: relative;
    }

    div.main-content.margin
    {
	    margin: 60px 0px 0px 0px;
	    padding: 0;
    }

    div.main-content div.bg-image
    {
	    height: 100%;
	    width: 100%;

	    margin: auto;

	    position: absolute;
	    top: 0;
	    left: 0;
	    bottom: 0;
	    right: 0;
	    z-index: -1;

	    overflow: hidden;
    }

    div.main-content div.bg-image > div
    {
	    height: 100%;
	    width: 100%;

	    margin: auto;

	    position: absolute;
	    top: 0;
	    left: 0;
	    bottom: 0;
	    right: 0;
    }

    div.main-content div.bg-image > div > div
    {
	    min-height: 100%;
	    min-width: 100%;

	    position: absolute;

	    background-position: center center;
	    background-repeat: no-repeat;
	    background-size: cover;
    }

    div.main-content div.bg-color
    {
	    height: 100%;
	    width: 100%;

	    position: absolute;
	    top: 0;
	    left: 0;
    }

    div.main-content div.content
    {
	    height: auto;
	    min-height: 0;
	    width: 100%;

	    margin: 0;
	    padding: 0;

	    position: absolute;
	    top: 50%;
	    z-index: 1;
    }

    div.main-content div.content div.text
    {
	    margin: 0;
	    padding: 0;
    }

    div.main-content div.content div.text.left,
    div.main-content div.content div.text.right
    {
	    width: 46%;
	    max-width: 460px;

	    margin: 0;
	    padding: 2%;
    }

    div.main-content div.content div.text.center
    {
	    width: 46%;
	    max-width: 460px;

	    margin: 0;
	    padding: 2%;

	    position: relative;
    }

    div.main-content div.content div.image
    {
	    margin: 0;
	    padding: 0;
    }

    div.main-content div.content div.image.active
    {
	    display: block;
    }

    div.main-content div.content div.image.inactive
    {
	    display: none;
    }

    div.main-content div.content div.image.left,
    div.main-content div.content div.image.right
    {
	    width: 50%;
	    max-width: 480px;

	    margin: 0;
	    padding: 0;

	    overflow: hidden;
    }

    div.main-content div.content div.image.left img,
    div.main-content div.content div.image.right img
    {
	    margin: 0;
	    padding: 0;
    }

    div.main-content div.content div.image.left img
    {
	    float: right;
    }

    div.main-content div.content div.image.right img
    {
	    float: left;
    }

    div.main-content div.content div.image.center img
    {
	    width: 66.7%;
	    max-width: 640px;

	    margin: 10px 0px 0px 0px;
	    padding: 0;

	    position: relative;
    }

    /****************** SUB-CONTENT **************/

    div.sub-content
    {
	    position: relative;

	    overflow: hidden;

	    page-break-before: always;
    }

    div.sub-content div.arrow-left
    {
	    height: 100px;
	    width: 50px;

	    margin: -50px 0px 0px 0px;
	    padding: 0;

	    position: absolute;
	    top: 50%;
	    left: 25px;
	    z-index: 1001;
    }

    div.sub-content div.arrow-right
    {
	    height: 100px;
	    width: 50px;

	    margin: -50px 0px 0px 0px;
	    padding: 0;

	    position: absolute;
	    top: 50%;
	    right: 25px;
	    z-index: 1001;
    }

    div.sub-content div.item
    {
	    width: 100%;

	    margin: 0;
	    padding: 75px 0px;

	    position: relative;

	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover;

	    overflow: hidden;

	    -webkit-transition: min-height 500ms ease-in-out, max-height 5000ms ease-in-out, background-size 500ms ease-in-out;
	    -moz-transition: min-height 500ms ease-in-out, max-height 5000ms ease-in-out, background-size 500ms ease-in-out;
	    -o-transition: min-height 500ms ease-in-out, max-height 5000ms ease-in-out, background-size 500ms ease-in-out;
	    transition: min-height 500ms ease-in-out, max-height 5000ms ease-in-out, background-size 500ms ease-in-out;
    }

    div.sub-content div.item div.content
    {
	    height: 500px;
	    width: 100%;
	    max-width: 960px;

	    margin: 0;
	    padding: 0;

	    position: relative;

	    display: table-cell;

	    vertical-align: middle;
    }

    div.sub-content div.item.route div.content,
    div.sub-content div.item.location div.content
    {
	    height: auto;
    }

    div.sub-content div.item div.content div.text
    {
	    margin: 0;
	    padding: 0;
    }

    div.sub-content div.item div.content div.text.center
    {
	    width: 45.8%;
	    max-width: 440px;

		margin: 0;
	    padding: 0;

	    position: relative;
    }

    div.sub-content div.item div.content div.text.left,
    div.sub-content div.item div.content div.text.right
    {
	    width: 57.3%;
	    max-width: 550px;

	    margin: 0;
	    padding: 0;
    }

    div.sub-content div.item div.content div.text.large
    {
	    width: 96%;
	    max-width: 920px;

	    margin-left: 0;

	    left: 0;
    }

    div.sub-content div.item div.content div.images
    {
	    margin: 0;
	    padding: 0;
    }

    div.sub-content div.item div.content div.images.active
    {
	    display: block;
    }

    div.sub-content div.item div.content div.images.inactive
    {
	    display: none;
    }

    div.sub-content div.item div.content div.images a
    {
		display: block;
    }

    div.sub-content div.item div.content div.images.left,
    div.sub-content div.item div.content div.images.right
    {
	    width: 32.2%;
		max-width: 310px;

	    margin: 0;
	    padding: 0;
    }

    div.sub-content div.item div.content div.images.center
    {
	    width: 100%;
	    max-width: 960px;

	    margin: 20px 0px 0px 0px;
	    padding: 0;
    }

    div.sub-content div.item div.content div.images a img
    {
	    max-width: 310px;
    }

    div.sub-content div.item div.content div.images.left a img
    {
	    width: 100%;

	    float: left;

	    margin: 0px 0px 5% 0px;
	    padding: 0;
    }

    div.sub-content div.item div.content div.images.right a img
    {
	    width: 100%;

	    float: right;

	    margin: 0px 0px 5% 0px;
	    padding: 0;
    }

    div.sub-content div.item div.content div.images.center a img
    {
	    width: 32%;

	    float: left;

	    margin: 0px 2% 0px 0px;
	    padding: 0;
    }

    div.sub-content div.item div.content div.images a.last img
    {
	    margin: 0;
	    padding: 0;
    }

    div.sub-content div.item div.directions
    {
	    width: 100%;

	    margin: 20px 0px 0px 0px;
	    padding: 0;

	    position: relative;
	    top: 0;
	    left: 0;
    }

    div.sub-content div.item div.directions-form
    {
		margin: 20px 0px 0px 0px;
	    padding: 0;
    }

    .smi_googlemap
    {
	    color: #58595b;
    }	div.main-content div.text.blue a
	{
		color: #231f20;
	}

/********** HEAD COLORS **********/

    .heading.white
    {
        color: #FFFFFF;
    }

    .heading.blue
    {
        color: #00aeef;
    }

    .heading.beige
    {
        color: #a79974;
    }

    .heading.grey
    {
        color: #231f20;
    }

	.heading.brown
	{
		color: #7b6858;
	}

	.heading.darkbrown
	{
		color: #482700;
	}

	.heading.bluegrey
	{
		color: #526f7d;
	}


/********** BACKGROUND COLORS **********/

	div.bg-image.white,
	div.bg-color.white,
	div.sub-content div.item.white
	{
		background-color: #FFFFFF;
	}

	div.bg-image.blue,
	div.bg-color.blue,
	div.sub-content div.item.blue
	{
		color: #FFFFFF;
		background-color: #00aeef;
	}

	div.bg-image.beige,
	div.bg-color.beige,
	div.sub-content div.item.beige
	{
		color: #FFFFFF;
		background-color: #a79974;
	}

	div.bg-image.grey,
	div.bg-color.grey,
	div.sub-content div.item.grey
	{
		color: #FFFFFF;
		background-color: #808285;
	}

	div.bg-image.brown,
	div.bg-color.brown,
	div.sub-content div.item.brown
	{
		color: #FFFFFF;
		background-color: #7b6858;
	}

	div.bg-image.darkbrown,
	div.bg-color.darkbrown,
	div.sub-content div.item.darkbrown
	{
		color: #FFFFFF;
		background-color: #482700;
	}

	div.bg-image.bluegrey,
	div.bg-color.bluegrey,
	div.sub-content div.item.bluegrey
	{
		color: #FFFFFF;
		background-color: #526f7d;
	}


/********** TEXT TRANSPARENT BACKGROUNDS **********/

	div.main-content div.text.blue,
	div.sub-content div.item div.content div.text.blue
	{
		padding: 2%;
		color: #FFFFFF;
		background-image: url(../images/layout/blue_bg.png);
		background-position: top left;
		background-repeat: repeat;
	}

	div.main-content div.text.beige,
	div.sub-content div.item div.content div.text.beige
	{
		padding: 2%;
		color: #FFFFFF;
		background-image: url(../images/layout/beige_bg.png);
		background-position: top left;
		background-repeat: repeat;
	}

	div.main-content div.text.grey,
	div.sub-content div.item div.content div.text.grey
	{
		padding: 2%;
		color: #FFFFFF;
		background-image: url(../images/layout/grey_bg.png);
		background-position: top left;
		background-repeat: repeat;
	}

	div.main-content div.text.brown,
	div.sub-content div.item div.content div.text.brown
	{
		padding: 2%;
		color: #FFFFFF;
		background-image: url(../images/layout/brown_bg.png);
		background-position: top left;
		background-repeat: repeat;
	}

	div.main-content div.text.darkbrown,
	div.sub-content div.item div.content div.text.darkbrown
	{
		padding: 2%;
		color: #FFFFFF;
		background-image: url(../images/layout/darkbrown_bg.png);
		background-position: top left;
		background-repeat: repeat;
	}

	div.main-content div.text.bluegrey,
	div.sub-content div.item div.content div.text.bluegrey
	{
		padding: 2%;
		color: #FFFFFF;
		background-image: url(../images/layout/bluegrey_bg.png);
		background-position: top left;
		background-repeat: repeat;
	}/********* NAVIGATION *********/

    div.navigation
    {
        height: 60px;
        width: 100%;

        margin: 0;
        padding: 0;

	    position: fixed;
	    top: 0;
	    right: 0;
	    left: 0;
        z-index: 1002;

	    background-color: #2a2a2a;
	    /*background-color: #171415;*/
	    /*background-image: url(../images/layout/menu_bg.png);*/
	    /*background-position: top left;*/
	    /*background-repeat: repeat-x;*/
    }

	div.navigation.top
	{
		position: relative;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1002;
	}

/********* LOGO *********/

    div.navigation div.logo
    {
        height: 60px;
        width: 380px;

	    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: 1001;

	    line-height: 60px;
    }

	div.navigation div.logo a
	{
	}

    div.navigation div.logo a img
    {
	    vertical-align: middle;

	    blend-mode: multiply;
    }


/********* MAIN MENU *********/

	div.navigation div.main
	{
		display: block;

		position: absolute;
		top: 0;
		right: 0;
		z-index: 1001;
	}

    div.navigation div.main > ul
    {
	    margin: 0;
	    padding: 0;

        list-style: none;
    }

    div.navigation div.main > ul > li
    {
		float: left;

	    position: relative;

        line-height: 60px;
    }

	div.navigation div.main > ul > li > a
	{
		height: 40px;

		display: block;

		margin: 0;
		padding: 20px 15px 0px 15px;

		color: #FFFFFF;
		font-family: eurostile_lt_stdextended_2, Helvetica , Arial, sans-serif;
		font-weight: 400;
		font-size: 0.65em;
		line-height: 40px;
	}


	/*** DROPDOWN MENU ***/
	div.navigation div.main > ul > li > ul
	{
		margin: 0;
		padding: 0;

		visibility: hidden;

		position: absolute;

		list-style: none;
	}

	div.navigation div.main > ul > li > ul > li
	{
		line-height: 60px;
	}

	div.navigation div.main > ul > li > ul > li > a
	{
		display: block;

		margin: 0;
		padding: 0px 15px;

		color: #FFFFFF;
		font-family: eurostile_lt_stdextended_2, Helvetica , Arial, sans-serif;
		font-weight: 400;
		font-size: 0.7em;
		line-height: 60px;

		background-image: url(../images/layout/menu_bg.png);
		background-position: top left;
		background-repeat: repeat;

		white-space: nowrap;
	}

	div.navigation div.main ul li a:hover,
	div.navigation div.main ul li.active a
	{
		background-image: url(../images/layout/menu_hover_bg.png);
		background-position: top left;
		background-repeat: repeat;

		text-decoration: none;
	}

/********* MAIN SMALL / TABLET MENU *********/

	div.navigation div.main.isTablet
	{
		display: none;
	}

	div.navigation div.main.isTablet > ul > li > a.menu
	{
		margin: 0;
		padding: 20px 0px 0px 15px;

		background-image: url(../images/icons/menu.png);
		background-image:  none, url(../images/icons/menu.svg);
		background-position: 80% bottom;
		background-repeat: no-repeat;
	}

	div.navigation div.main.isTablet > ul > li > ul
	{
		height: 0;

		margin: 0;
		padding: 0;

		visibility: hidden;

		position: relative;

		list-style: none;
	}

	div.navigation div.main.isTablet ul li a.menu:hover,
	div.navigation div.main.isTablet ul li.active a.menu
	{
		background-image: url(../images/icons/menu.png), url(../images/layout/menu_hover_bg.png);
		background-image: none, none, url(../images/icons/menu.svg), url(../images/layout/menu_hover_bg.png);
		background-position: 80% bottom, top left;
		background-repeat: no-repeat, repeat;

		text-decoration: none;
	}

/********* MAIN SMALL / TABLET MENU *********/

	div.navigation div.main.isMobile
	{
		display: none;

		float: right;

		position: static;
		top: 0;
		right: 0;
		z-index: 1001;
	}

	div.navigation div.main.isMobile > ul
	{
		margin: 0;
		padding: 0;

		list-style: none;
	}

	div.navigation div.main.isMobile > ul > li
	{
		float: left;

		position: static;

		line-height: 60px;
	}

	div.navigation div.main.isMobile > ul > li > a
	{
		height: 60px;
		width: 60px;

		display: block;

		margin: 0;
		padding: 0;

		text-align: center;

		line-height: 60px;

		border-left: 1px solid #000000;
	}

	div.navigation div.main.isMobile > ul > li > a.menu
	{
		height: 60px;
		width: 60px;

		display: block;

		margin: 0;
		padding: 0;

		background-image: url(../images/icons/menu_mobile.png);
		background-image:  none, url(../images/icons/menu_mobile.svg);
		background-position: center;
		background-repeat: no-repeat;
	}

	/*** DROPDOWN MENU ***/
	div.navigation div.main.isMobile > ul > li > ul
	{
		width: 100%;

		margin: 0;
		padding: 0;

		visibility: hidden;

		position: absolute;
		right: 0;

		list-style: none;
	}

	div.navigation div.main.isMobile > ul > li > ul > li
	{
		width: 100%;

		line-height: 30px;
	}

	div.navigation div.main.isMobile > ul > li > ul > li > a
	{
		display: block;

		margin: 0;
		padding: 0px 15px;

		color: #FFFFFF;
		font-family: eurostile_lt_stdextended_2, Helvetica , Arial, sans-serif;
		font-weight: 400;
		font-size: 11px;
		line-height: 30px;
		text-align: right;

		background-image: url(../images/layout/menu_bg_mobile.png);
		background-position: top left;
		background-repeat: repeat;

		white-space: nowrap;

		border-bottom: 1px solid #4da9c9;
	}

	div.navigation div.main.isMobile ul li a.menu:hover
	{
		background-image: url(../images/icons/menu.png), url(../images/layout/menu_hover_bg.png);
		background-image: none, none, url(../images/icons/menu.svg), url(../images/layout/menu_hover_bg.png);
		background-position: center, top left;
		background-repeat: no-repeat, repeat;

		text-decoration: none;
	}

/********* SUBMENU *********/

    div.sub-content div.submenu
    {
        width: 100%;

        margin: 0;
        padding: 0;

        position: absolute;
        top: 15px;
        left: 0;
        z-index: 100;
    }

    div.sub-content div.submenu ul
    {
        margin: 0;
        padding: 0;

	    float: left;

        list-style: none;
    }

    div.sub-content div.submenu ul li
    {
	    float: left;

        line-height: 22px;
    }

    div.sub-content div.submenu ul li a
    {
        display: block;

        margin: 0px 10px 10px 0px;
        padding: 0px 10px;

        /*color: #231f20;*/
	    color: #FFFFFF;
	    font-family: eurostile_lt_stdextended_2, Helvetica , Arial, sans-serif;
	    font-weight: 400;
        font-size: 9px;
        line-height: 22px;

	    background-image: url(../images/layout/grey_bg.png);
	    background-position: top left;
	    background-repeat: repeat;

	    /*border-radius: 5px;*/
    }

    div.sub-content div.submenu ul li a.active,
    div.sub-content div.submenu ul li a:hover
    {
	    color: #FFFFFF;

	    background-color: #2f697c;
	    background-image: none;

        text-decoration: none;
    }

	div.sub-content div.submenu ul li a img
	{
		vertical-align: middle;
	}/********** MEDIA QUERY 1280 width and higher **********/

@media screen and (min-width: 1280px)
{
	html, body
	{
		font-size: 15px;

		line-height: 25px;
	}

	div.wrapper
	{
		height: 100%;
		width: 94%;
		max-width: 960px;

		margin: 0 auto;

		position: relative;
		z-index: 1;
	}


	/*** MAIN MENU ***/
	div.navigation div.main
	{
		display: block !important;
	}

	div.navigation div.main.isTablet
	{
		display: none !important;
	}

	div.navigation div.main.isMobile
	{
		display: none !important;
	}
}

/********** MEDIA QUERY 1024 width **********/

@media screen and (max-width: 1024px)
{
	div.wrapper
	{
		height: 100%;
		width: 800px;
		max-width: 800px;

		margin: 0 auto;

		position: relative;
		z-index: 1;
	}


	/*** MAIN MENU ***/
	div.navigation div.main
	{
		display: none !important;
	}

	div.navigation div.main.isTablet
	{
		display: block !important;
	}

	div.navigation div.main.isMobile
	{
		display: none !important;
	}
}

/********** MEDIA QUERY 920 width **********/

@media screen and (max-width: 980px)
{
	div.wrapper
	{
		height: 100%;
		width: 600px;
		max-width: 600px;

		margin: 0 auto;

		position: relative;
		z-index: 1;
	}

	/*** MAIN MENU ***/
	div.navigation div.main
	{
		display: none !important;
	}

	div.navigation div.main.isTablet
	{
		display: block !important;
	}

	div.navigation div.main.isMobile
	{
		display: none !important;
	}
}

/********** MEDIA QUERY 800 width **********/

@media screen and (max-width: 720px), screen and (max-width: 800px) and (orientation:landscape)
{
	html, body
	{
		font-size: 16px;
	}

	div.wrapper
	{
		height: 100%;
		width: 90%;

		margin: 0 auto;

		display: block !important;

		position: relative;
		z-index: 1;
	}


	div.navigation div.logo
	{
		height: 37px !important;
		width: 180px !important;
	}

	div.navigation div.logo img
	{
		height: 37px !important;
		width: 180px !important;
	}


	/*** MAIN MENU ***/
	div.navigation div.main
	{
		display: none !important;
	}

	div.navigation div.main.isTablet
	{
		display: none !important;
	}

	div.navigation div.main.isMobile
	{
		display: block !important;
	}


	/*** SUB MENU ***/
	div.sub-content div.submenu ul
	{
		width: 100%;
	}

	div.sub-content div.submenu ul li
	{
		float: none;
	}

	div.sub-content div.submenu ul li a
	{
		margin: 0px 0px 10px 0px;

		font-size: 11px;
		line-height: 20px;
	}


	/*** ARROWS ***/
    div.sub-content div.arrow-left,
    div.sub-content div.arrow-right
    {
	    height: 35px;
	    width: 18px;

	    margin: 0;

	    position: absolute;
	    top: auto;
	    bottom: 30px;
    }

	div.sub-content div.arrow-left
	{
		left: 6%;
	}

	div.sub-content div.arrow-right
	{
		right: 6%;
	}

	div.sub-content div.arrow-left a img,
	div.sub-content div.arrow-right a img
	{
		height: 35px;
		width: 18px;
	}


    /*** MAIN CONTENT **/
	div.main-content div.content
	{
		margin: 0 !important;

		position: relative;
		top: 100px;
	}

	div.main-content div.content div.text.left,
	div.main-content div.content div.text.right,
	div.main-content div.content div.text.center
	{
		width: 92%;
		max-width: 92%;

		margin: 0px 0px 10px 0px;
		padding: 4%;
	}

	div.main-content div.content div.image.left,
	div.main-content div.content div.image.right,
	div.main-content div.content div.image.center
	{
		width: 100%;
		max-width: 100%;

		margin: 0;
		padding: 0;

		overflow: hidden;
	}

	div.main-content div.content div.image.left.active
	{
		display: none;
	}

	div.main-content div.content div.image.left.inactive
	{
		display: block;
	}

	div.main-content div.content div.image.left img,
	div.main-content div.content div.image.right img,
	div.main-content div.content div.image.center img
	{
		height: auto !important;
		width: 100%;

		float: none;
	}


	/*** SUB CONTENT ***/
	div.sub-content div.item div.content div.text.left,
	div.sub-content div.item div.content div.text.right,
	div.sub-content div.item div.content div.text.center
    {
	    width: 92%;
	    max-width: 92% ;

	    margin: 0px 0px 10px 0px !important;
	    padding: 4%;

	    position: relative;
	    left: 0 !important;

	    float: none;
    }

	div.sub-content div.item div.content div.images.left,
	div.sub-content div.item div.content div.images.right,
	div.sub-content div.item div.content div.images.center
	{
		width: 100%;
		max-width: 100%;

		float: none;
	}

	div.sub-content div.item div.content div.images.left.active
	{
		display: none;
	}

	div.sub-content div.item div.content div.images.left.inactive
	{
		display: block;
	}

	div.sub-content div.item div.content div.images.left a img,
	div.sub-content div.item div.content div.images.right a img,
	div.sub-content div.item div.content div.images.center a img
	{
		width: 100%;
		max-width: 100%;

		margin: 0px 0px 10px 0px;

		float: none;
	}
}/* all styles used by CMS objects */
p 
{
	margin: 0px;
}

.afb_links
{
	float: left;
	margin-right: 10px;
}

.afb_rechts
{
	float: right;
	margin-left: 10px;
}

.h2
{
    font-family: montserratregular, Helvetica , Arial, sans-serif;
    font-weight: 400;
    font-size: 2.4em;
    line-height: 44px;
}
.h3
{
    font-family: montserratregular, Helvetica , Arial, sans-serif;
    font-weight: 400;
    font-size: 2em;
    line-height: 32px;
}

.h4
{
    font-family: montserratregular, Helvetica , Arial, sans-serif;
    font-weight: 400;
    font-size: 2em;
    line-height: 26px;
}

.h5
{
    font-family: montserratregular, Helvetica , Arial, sans-serif;
    font-weight: 400;
    font-size: 2em;
    line-height: 26px;
}

.h6_blauw
{
    font-family: montserratregular, Helvetica , Arial, sans-serif;
    font-weight: 400;
    font-size: 2em;
    line-height: 26px;
}

a.popup
{}/*********** DEFAULT FORM TABLE **********/

    table
    {
        width: 100%;
    }

    table tr
    {
        margin: 0;
        padding: 0;
    }

	table tr.invisible
	{
		display: none;
	}

	table tr th
	{
		min-height: 35px;

		margin: 0;
		padding: 5px 0px;

		font-family: open_sanssemibold, Helvetica , Arial, sans-serif;
		font-size: 0.8em;
		font-weight: 400;

		vertical-align: top;
	}

    table tr td
    {
        min-height: 35px;

        margin: 0;
        padding: 5px 0px;

        vertical-align: top;
    }

/*********** DEFAULT FIELDS **********/

    label
    {
        font-family: open_sanssemibold, helvetica, arial, sans-serif;
        font-weight: 400;
    }

    textarea,
    input[type=text]
    {
        height: 29px;
        width: 100%;

        margin: 0;
        padding: 3px 5px;

        color: #a3a3a3;
        font-size: 11px;
        line-height: 29px;

        background-color: #f8f8f8;

        border: 1px solid #cfcfcf;

	    border-radius: 0;

	    box-sizing: border-box;
	    -moz-box-sizing: border-box;
    }

    textarea
    {
        height: auto;

        line-height: 18px;

	    box-sizing: border-box;
	    -moz-box-sizing: border-box;
    }

    input[type=submit],
    input[type=button]
    {
        height: 29px;

        margin: 0;
        padding: 0px 20px;

        color: #FFFFFF;
        font-size: 12px;
        line-height: 29px;

        background-color: #00aeef;

        cursor: pointer;

	    border-radius: 0;

        -webkit-appearance: none;
    }

    input[type=submit].grey,
    input[type=button].grey
    {
        background-color: #919191;
    }

	input[type=submit][disabled]
	{
        background-color: #b9b9b9;

		cursor: default;
	}

    input.failed,
    textarea.failed
    {
        border: 1px solid red;
    }

    select
    {
        height: 29px;
        min-width: 200px;

        margin: 0;
        padding: 3px;

        color: #676767;
        font-size: 12px;
        line-height: 29px;

        background-color: #f8f8f8;

        border: 1px solid #cfcfcf;
    }

    select.multiple
    {
        height: 100%;
        width: 100%;

        border: 1px solid #dee1e3;
    }

	select.multiple option
	{
		color: #676767;
		font-size: 14px;
		line-height: 35px;
	}

    select.multiple option span
    {
	    width: 20px;
    }