html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
    }
	
html, body {
	height: 100%;
}

table, caption, tbody, tfoot, thead, tr, th, td     {
    vertical-align : top;
    }

:focus {
	outline: 0;
    }
    
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/**
 * For IE 6/7 (trigger hasLayout)
 */
.cf {
    *zoom:1;
}
body {
	font-size: 18px;
	line-height: 24px;
	color: #4a4a4a;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 300;
	overflow-y: scroll;
	background-color: #fff;
    }
body.hidden-scroll {
	overflow-y: hidden;
}
ol, ul {
	list-style: none;
    }

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

td  {
    vertical-align : top;
    }

caption, th, td {
	text-align: left;
	font-weight: normal;
    }

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
    }

blockquote, q {
	quotes: "" "";
    }

strong {
	font-weight:bold;
}
a{
	color: #009ee2;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}
i, italic, em { font-style: italic; }



div.wrapper{
	margin: 0 auto;
    position: relative;
    width: 100%;
	max-width: 1200px;
	height:100%;
}

div.wrapper div.container{
	height: auto !important;
    min-height: 100%;
	margin-bottom:-56px;
	/*margin-top:4.5%;*/
}

.content_wrapper{
    padding-bottom: 97px;
}
	
div.footer{
	width: 100%;
    display: inline-block;
	background-color:white;
}
div.footer div.footer-text{
	margin-top:11px;
	border-top:1px solid #000000;
	border-bottom:2px solid #000000;
	text-transform: uppercase;
	letter-spacing:1px;
	text-align:center;
	line-height:28px;
	font-size: 12px;
    /*font-family: 'Open Sans';*/
	font-weight:bold;
	color: #000000;
	padding:7px 0px;
}

div.footer div.footer-text a,
p.nav-menu-mobile-footer a{
	text-decoration: none;
	color: #000000;
	margin-right: 25px;
}
div.footer div.footer-text a:hover ,
p.nav-menu-mobile-footer a:hover{
	color: #009ee2;
}

.column{
	position: relative;
	float: left;
	padding-left: 2.5%;
}
div.navigation.column{
	width: 16.31%;
	padding-left:0;
	box-sizing:border-box;
}
div.content.column{
	width: 56.67%;
	box-sizing:border-box;
	background-color: white;
}
div.teaser.column{
	width: 26.66%;
	box-sizing:border-box;
	padding-right: 2.5%;
	float: right;
}
img { width: 100%; }
h1 { font-size: 30px; line-height: 30px; color: #009ee2; font-weight: bold; margin-bottom: 20px; }
h2 { font-size: 24px; line-height: 24px; color: #4a4a4a; font-weight: bold; margin-bottom: 20px; }
p { font-size: 18px; line-height: 24px; color: #4a4a4a; font-weight: normal; margin: 20px 0; }

/* Header image, texts */
div.head-image { position: relative; min-height: auto; /*background-color: #d8d8d8;*/ margin-bottom: 55px; }
div.head-image img { display: block; }
div.head-top { position: absolute; top:30px; left: 30px; font-size: 42px; color: #ffffff; /*box-shadow: 0px 2px 4px rgba(0,0,0,0.5);*/ text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); }
div.head-bottom { position: absolute; bottom:70px; left: 30px; max-width: 360px; max-height: 120px;font-size: 30px; line-height: 30px; color: #ffffff; /*box-shadow: 0px 2px 4px rgba(0,0,0,0.5);*/ text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); }

ul.nav-menu, ul.nav-menu li, ul.nav-menu a { width: 100%; display: block; }
ul.nav-menu li a { background-color: #fff; color:#009ee2; font-size: 24px; line-height: 24px; padding: 11px 15px 8px; }
ul.nav-menu li a/*, ul.nav-menu li a:hover*/, ul.nav-menu li.active a:hover { text-decoration: none; }
ul.nav-menu li a:hover { text-decoration: underline; }
ul.nav-menu li.active a { background-color: #009ee2; color:#fff; }

div.content ul li { list-style-type: disc; margin-left: 25px; /*list-style-position: inside;*/ }
div.content.column div.content_base { margin-bottom: 55px; }
div.content.column div.content_base > *:last-child { margin-bottom: 0; }

/* Downloads */
div.downloads { margin-bottom: 55px; }
div.downloads > div { float: left; }
div.downloads div.clearfix { clear:both; float: none; /*margin-bottom: 55px;*/ }
div.downloads div.image_holder { width: 40%; margin-right: 4.6%; float: left; /*background-color: #d8d8d8; min-height: 182px;*/ }
div.downloads div.image_holder img { width: 100%; display:block; }
div.downloads div.content { width: 55.4%; }
div.downloads div.content h3 { border-bottom: 1px solid #000; font-size: 18px; line-height: 18px; color: #000; font-family: "Arial"; font-weight: bold; margin-bottom: 20px; padding-bottom: 15px; }
div.downloads div.content a { color: #000; font-size: 12px; line-height: 32px; font-family: "Arial"; font-weight: bold; }
div.downloads div.content a:hover { color: #009ee2; }
div.downloads div.content img { width: 15px; margin-bottom: -5px; margin-right: 5px; display: inline-block; }
div.downloads div.content div { margin-bottom: 10px; }
div.downloads div.content div:last-child { margin-bottom: 0; }

/* Right teaser */
div.image-element h3 { font-size: 24px; color: #009ee2; margin-top: 5px; }
div.image-element p { margin: 10px 0; }
div.image-element div.decor:after { content:"-"; display: block; line-height: 1px; margin: 10px 0; }
div.image-element a.email { color: #4a4a4a; }
div.image-element a.email:hover { color: #009ee2; }
div.image-element div.social { margin: 20px 0; }
div.image-element div.social img { width: 32px; margin-right: 10px; display: inline-block; }

div.image_module { margin: 20px 0; }
div.image_module img { width: 100%; display: block; }