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,tt,var,dl,dt,dd,ol,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%;
	line-height:150%;
	font-family:inherit;
	vertical-align:baseline;
}

/*font-family: 'Open Sans Condensed', sans-serif;*/
/*font-family: 'Open Sans', sans-serif;*/


body{
    font: normal normal 12px/ 18px verdana, arial, sans-serif;
    color:#1d2022;
    height: 100%;
    background: #fff url(../images/bg_page_content.png) repeat-x 0 0; /* Old browsers */
}
body.home{
    background: #fff url(../images/bg_page.png) repeat-x 0 0; /* Old browsers */
}

.goLeft  { float:left;}
.goRight { float:right;}
.clearFix { clear: both;}

h1 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}
.home h1 {
    margin-top: 68px;
}

.sub #marginal h1 {
    margin-top: 98px;
}

h2 {font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}
.textWrap p + h2 {
    margin-top: 10px;
}

.textWrap h2.highlight {
    background-color: #dedede;
    color: #0b5786;
    font-style: italic;
    padding: 2px 10px;
    margin-left: -10px;
}
.textWrap h2 span {
    color: #1D2022;
    font-weight: normal;
}

.follow-scroll {
	position: relative;
}


.info h2,
.info h2 a {
    color: #0a5885 !important;
    font: normal bold 16px/ 20px verdana, arial, sans-serif !important;
    text-decoration: none !important;
}

.info .textWrap,
.info .textWrap a,
.info .textWrap p {
    text-decoration: none;
    color: #76736c;
    font: normal normal 12px/ 18px verdana, arial, sans-serif;
}

#container,
.marginalContent,
footer section{
    max-width: 960px;/*1039*/
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0 20px;
}

#mainNav {
    /*width: 17.647058823529413%; *//* 189 / 1071 */
    float: left;
    margin:  0;
    padding: 48px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/scripts/boxsizing.htc);
}

ul li a {
	text-decoration: none;
}

ul li a:HOVER {
	color: #0B5786;	
}

#mainNav ul {
    margin: 0;
    padding: 0;
    float: left;
    width: 105px;
    background-color: #fff;
}

p.list:after,
#container:after,
#marginal:after,
#imgWrap:after,
#mainNav ul:after {
clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;

}
#mainNav li {
    list-style-type: none;
  /*  width: 188px;*/
    margin-bottom: 2px;
    padding: 9px 0;
    background-color:#999966;
}
#mainNav li:last-child {
    margin-bottom: 0;
}
#content p,
#content dl,
#content a,
#content li,
#mainNav li {
   /* line-height: 18px;*/
    padding-bottom: 10px;
}
#content > .textWrap p,
#content > .textWrap dl {
    line-height: 20px;
}
#content > .textWrap p.list span {
    display: inline-block;
    vertical-align: top;
}
#content > .textWrap p.list span + span {
    width: 80%;
    padding-left: 10px;
}
#mainNav li.abstand {
    padding-top: 40px;
}
#mainNav li a,
#mainNav li a:link,
#mainNav li a:hover,
#mainNav li a:active{
    line-height: 18px;
    padding: 0 0 0 20px;
    list-style-type: none;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    /*margin-bottom: 17px;*/
}
#mainNav li a {
    -webkit-tap-highlight-color: rgba(255,0,0,.5);
}
#mainNav li a:hover {
    background: url(../images/nav_item_hover.png) no-repeat 1px 3px;
}

#mainNav li a.active {
    background: url(../images/nav_item.png) no-repeat 1px 3px;
}


#content .subNavigation li {
    list-style-type: none;
    padding: 0;
}

.subNavigation a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #0b5885;
    font-size: 12px;
    line-height: 24px;
    text-decoration: none;
    font-style: italic;
}
.subNavigation .active,
.subNavigation a:hover {
    font-weight: bold;
}
#content .subNavigation {
    width: 28.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/scripts/boxsizing.htc);
    margin: 0 0 0 50px;
    padding: 0;
}

#content ul {
    padding: 0 0 10px 14px;
    margin: 0;
}
#content li {
    list-style-type: disc;
    padding-bottom: 7px;
}

/* header */
.siteHeader {
    display: block;
    position: relative;
    height: 133px;
}
.home .siteHeader {
    height: 365px;
}
.contact {
    border: 1px solid #2373a4;
    border-bottom: none;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius:4px;
    -webkit-border-top-left-radius:4px;
    behavior: url(/scripts/border-radius.htc);
    background: rgb(22,51,86); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE2MzM1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjU3ODYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(22,51,86,1) 0%, rgba(11,87,134,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(22,51,86,1)), color-stop(100%,rgba(11,87,134,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(22,51,86,1) 0%,rgba(11,87,134,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(22,51,86,1) 0%,rgba(11,87,134,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(22,51,86,1) 0%,rgba(11,87,134,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(22,51,86,1) 0%,rgba(11,87,134,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#163356', endColorstr='#0b5786',GradientType=0 ); /* IE6-8 */
    height: 34px;
    right: 15px;
    top: 84px;
    position: absolute;
    padding: 8px 20px 0 15px;
    z-index: 1000;
}
.home .contact {
    top: 85px;
}
.contact a{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 22px;
    text-decoration: none;
    padding: 0 0 0 40px;
    background: url(../images/sprite.png) no-repeat 0 7px;
}
.contact a:hover {
    color: #75726A;
}
.logo {
    display: block;
    width: 270px;
    height: 70px;
    margin: 55px 0 0 0;
}
.home .logo {
    position: absolute;
    z-index: 1000;
    display: block;
    width: 270px;
    height: 70px;
    top: 40px;
    left: 0;
}
.slogan {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 20px;
    margin: 72px 232px 0 0;
    text-align: right;

}
.flex-viewport ul {
    margin: 0;
    padding: 0;
}

.stage:after,
#container:after,
.siteHeader:after,
#content.after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0
}
.fail {
    border: 1px solid #ca2668;
}
/* content */
#content {
    padding: 30px 0 15px 0;
    float: left;
    display: block;
    position: relative;
    width: 100%;
}
.home #content {
    padding: 0 0 55px 0;
}
.textWrap {
    float: none;
    overflow: hidden;
    width: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/scripts/boxsizing.htc);
    padding-left: 10px;
}
.textWrap a {
    /*font: normal normal 11px/20px verdana, helvetica, arial;*/
    padding: 0;
    color: #1D2022;
}
.textWrap a:hover {
    text-decoration: none;
}



.content > .textWrap {
    width: 66.66%;
}
.info .textWrap {
    padding: 3% 3% 0 5%;
}

.info img {
    margin-top: 10	px;
}
.textWrap, #mainNav, .siteHeader {
    position: relative;
    z-index: 100;
}

.box, .stage, .teaser {
    float: left;
    width: 100%;
    position: relative;
}
.home .stage {
    height: 278px;
}
.stage {
    height: 117px;
}
.teaser {
    width: 29%;
    color: #1d6b9b;
    font: normal normal 13px/20px verdana, helvetica, arial;
}
#marginal .teaser {
    margin-top: 5px;
}
.teaser.colSpacer {
    padding-right: 6.3%;
}
#marginal .teaser.first {
    margin-left: 10px;
}
.teaser h2 {
    text-align: center;
    background: url(../images/sprite.png) no-repeat;
}

.teaser.first h2 {
    background-position: 50% -53px;
}
.teaser.first h2:hover,
.teaser.first.active  h2{
    background-position: 50% -153px;
}

.teaser.second h2 {
    background-position: 50% -256px;
}
.teaser.second h2:hover,
.teaser.second.active h2 {
    background-position: 50% -358px;
}
.teaser.third h2 {
    background-position: 50% -460px;
}
.teaser.third h2:hover,
.teaser.third.active h2 {
    background-position: 50% -562px;
}
.teaser h2 a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    color: #75726a;
    text-decoration: none;
    display: block;
    height: 37px;
    padding: 80px 0 0;
}
.teaser p {
    margin-top: 27px;
}
a.more {
    font: normal normal 13px/20px verdana, helvetica, arial;
    color: #1D6B9B;
    background: url(../images/sprite.png) no-repeat -47px -735px;
    padding: 0 17px 0 0;
}
#marginal {
    width: 100%;
    margin: 0 auto;
    background: url(../images/bg_marginal.png) repeat-x 0 0;
    padding-bottom: 90px;
}

.info {
    border: 1px solid #2373a4;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius:4px;
    behavior: url(/scripts/border-radius.htc);
    width: 58%;
    background: rgb(248,248,248); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(222,222,222,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(222,222,222,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(222,222,222,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(222,222,222,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(222,222,222,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(248,248,248,1) 0%,rgba(222,222,222,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#dedede',GradientType=0 ); /* IE6-8 */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/scripts/boxsizing.htc);
    padding: 15px 2% 20px;
    margin: 60px 5.21% 0 0;
}

/* footer */
#footer {
    width: 100%;
    margin: 0 auto;
    border-top: 13px solid #72736f;
    border-bottom: 5px solid #2373a4;
    background-color: #163355;
    height: 43px;
}
#footer section span,
#footer section a {
    font-size: 11px;
    color: #dedede;
}
#footer section span {
    padding-top: 7px;
}
#footer a {
    display: inline-block;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 850px) {
    #container {
        width: 850px;
    }

}