/* ~~~~~~~~ TEMPLATE STANDARDSEITE ~~~~~ */
@font-face {
font-family: 'source_sans_proregular';
src: url('../../../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
url('../../../fonts/sourcesanspro-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'source_sans_prosemibold';
src: url('../../../fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
url('../../../fonts/sourcesanspro-semibold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ralewayregular';
src: url('../../../fonts/raleway-regular-webfont.woff2') format('woff2'),
url('../../../fonts/raleway-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ralewaysemibold';
src: url('../../../fonts/raleway-semibold-webfont.woff2') format('woff2'),
url('../../../fonts/raleway-semibold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
* {margin: 0;padding: 0;}
html {overflow-y:scroll;} 
html body { 
background:#666;
font-family: 'source_sans_proregular',Arial,Helvetica,sans-serif;
font-weight:normal;
font-size:18px;
line-height:22px;
color:#282828;
}
#menu, .js .slicknav_menu {display:none;}
hr {
border: 0px;
border-top: solid 3px #282828;
color:#282828;
border-bottom: transparent;
margin:25px 0 30px 0;
}
a, img {
outline:none;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
#top {
width:100%;
height:100px;
margin:0;
padding:0;
background:#52729e;
border-bottom:1px solid #fff;
position:fixed;
top:0;
left:0;
z-index:9;
}
#header {
width:1200px;
height:100px;
margin:0 auto;
position:relative;
}
#logo {
position:absolute;
top:45px;
left:0;
}
#header h1, #header h1 a:link, #header h1 a:visited {
color:#fff;
font-family: 'ralewayregular',Arial,Helvetica,sans-serif;
font-weight:normal;
font-size:36px;
line-height:36px;
font-weight:normal;
text-decoration:none;
}
#header h1 a:focus, #header h1 a:hover, #header h1 a:active {color:#ccc;}
#headernav {
position:absolute;
top:58px;
right:0;
}
#headernav ul {list-style:none;}
#headernav li {float:left;}
#headernav li a:link, #headernav li a:visited {
font-family: 'ralewayregular',Arial,Helvetica,sans-serif;
font-weight:normal;
color:#fff;
font-size:18px;
line-height:18px;
font-weight: normal;
padding:0 0 0 50px;
text-transform:uppercase;
text-decoration:none;
}
#headernav li a:focus, #headernav li a:hover, #headernav li a:active {color:#ccc;}
/*************************************** END OD HEADER **************************************/
#frame {
width:100%;
background:#fff;
padding:140px 0 0 0;
}
#container {
width:1200px;
min-height:600px;
margin:0 auto;
padding:0;
position:relative;
background:#fff url(../../../media/layout/bg-container.gif)top left repeat-y;
}
#navi {float:left;width:224px;margin:0 50px 0 0;padding:30px 0;-moz-hyphens: auto;-o-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
#navi ul li:first-of-type {display:none;}#navi ul ul li:first-of-type {display:block;} /*temporär*/
#navi ul {list-style:none;}
#navi ul ul {padding-bottom:10px;}
#navi li {font-size:18px;line-height:24px;font-family: 'ralewayregular',Arial,Helvetica,sans-serif;font-weight:normal;text-align:center;}
#navi ul li {text-transform:uppercase;}
#navi ul ul li {text-transform:none;font-size:16px;line-height:20px;}
#navi ul li a:link, #navi ul li a:visited {color:#fff;font-weight:normal;text-decoration:none;padding:8px 50px;display:block;}
#navi ul ul li a:link, #navi ul ul li a:visited {color:#fff;font-weight:normal;text-decoration:none;padding:4px 50px;display:block;}
#navi ul  li a:focus, #navi ul li a:hover, #navi ul li a:active,
#navi ul ul  li a:focus, #navi ul ul li a:hover, #navi ul ul li a:active {color:#ccc;}
#navi li.menu-current,#navi li.menu-parent {background:#e4e4e4;}
#navi li.menu-current a:link, #navi li.menu-current a:visited,
#navi li.menu-parent .menu-current a:link, #navi li.menu-parent .menu-current a:visited {color:#52729e;}
#navi li.menu-parent a:link, #navi li.menu-parent a:visited,
#navi li.menu-current li a:link, #navi li.menu-current li a:visited {color:#282828;}
#navi li.menu-current a:focus, #navi li.menu-current a:hover, #navi li.menu-current a:active {color:#282828;}
#navi li.menu-parent a:focus, #navi li.menu-parent a:hover, #navi li.menu-parent a:active,
#navi li.menu-parent li a:focus, #navi li.menu-parent li a:hover, #navi li.menu-parent li a:active,
#navi li.menu-current li a:focus, #navi li.menu-current li a:hover, #navi li.menu-current li a:active {color:#52729e;}
#content {margin:0;padding:0;}
#title {width:100%;padding:22px 0 12px 0;margin:0;}
#leftcol {float:left;width:438px;padding:0 25px 0 0;-moz-hyphens: auto;-o-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
#rightcol {float:right;width:438px;padding:0 0 0 25px;-moz-hyphens: auto;-o-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
#title h1 {
font-family: 'ralewayregular',Arial,Helvetica,sans-serif;
font-weight:normal;
font-size:30px;
line-height:30px;
font-weight:normal;
text-decoration:none;
text-transform:uppercase;
margin:0;
padding:0;
}
#content h1, #content h2, #content h3 {}
#content h1 {
font-family: 'ralewayregular',Arial,Helvetica,sans-serif;font-weight:normal;padding:0;
font-size:30px;
line-height:30px;
text-transform:uppercase;
margin:10px 0 20px 0;
}
#content h2 {
font-family: 'source_sans_prosemibold';
font-size:18px;
line-height:24px;
margin:0 0 10px 0;
font-weight:bold;
}
#content h3 {
font-size:20px;
line-height:24px;
margin:5px 0 10px 0;
}
#content p, #content table {margin:0 0 20px 0;}
#content ul {list-style-type:none;margin:0 0 20px 3px;}
#content ul li {background:url(../../../media/layout/strich.png) top left no-repeat;padding:0 0 8px 15px;}
#content ol {margin:0 0 30px 22px;}
#content ol li {padding:0 0 8px 0;}
#content a:link, #content a:visited {color:#52729e;text-decoration:none;font-weight:normal;}
#content a:focus, #content a:hover, #content a:active {color:#666;}
.bildlinks {float:left;margin:0 10px 30px 0;} 
.bildrechts {float:right;margin:0 0 10px 10px;}
.clr {
clear:both;
height:1px;
line-height:1px;
font-size:1px;
margin:0;
padding:0;
}
/************************************* EOF CONTENT ************************************/
#footer {
clear:both;
width:100%;
height:120px;
margin:0;
padding:30px 0 0 0;
background:#666;
color:#fff;
font-size:16px;
line-height:20px;
border-top:40px solid #fff;
}
#footer a:link, #footer a:visited {
color:#fff;
text-decoration:none;
}
#footer a:focus, #footer a:hover, #footer a:active {
color:#ccc;
}
#footercontent {
width:1200px;
height:150px;
margin:0 auto;
}
.footerbox {
float:left;
width:224px;
margin:0 20px 0 0;
padding:0;
}
.footerbox:nth-of-type(2) {
width:284px;
margin:0 20px 0 0;
padding:0;
}
#footernav {
float:right;
width:224px;
margin:0;
padding:0;
}
#footernav ul {
list-style-type:none;
}
#footernav li {
padding:0;
margin:0;
}
#footernav ul a:link, #footernav ul a:visited {
color:#fff;
font-size:16px;
line-height:20px;
font-weight:normal;
text-decoration:none;
padding:0;
}
#footernav ul a:focus, #footernav ul a:hover, #footernav ul a:active {color:#ccc;}
#footernav ul li.menu-current a {color:#ccc;}
.move-up {
position: fixed;
bottom: 40px;
right: 40px;
z-index: 99999;
display: none;
}
.move-up button {
background:#52729e;
border:none;
outline:none;
color:#fff;
font-size:18px;
font-weight:normal;
line-height:24px;
width:100px;
height:100px;
padding:0;
border-radius:50px;
text-align:center;
opacity:1;
}
.move-up button:hover,
.move-up button:active {
opacity:0.8;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.slicknav_menu  .slicknav_menutxt { }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_nav { clear: both }
.slicknav_nav ul, .slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-family: 'dejavu_sansbold';color:#fff;font-size: 20px;line-height:34px;float:right;margin: 0 20px 0 0; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

div.slicknav_menu {
font-size:16px;
width:100%;
position:fixed;
top:0;
left:0;
z-index:999999;
}
/* Button */
.slicknav_btn {
display: block;
cursor: pointer;
padding:5px 10px 5px 0;	
text-decoration:none;	
background:transparent;
position:absolute;
top:0;
right:0;
height:30px;
width:100%;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
z-index:99;
display: block;
color: #fff;
font-weight: bold;
font-size:15px;	
line-height:32px;
float:right;
padding:0;
margin:0;
}
.slicknav_menu  .slicknav_menutxt:focus,
.slicknav_menu  .slicknav_menutxt:hover,
.slicknav_menu  .slicknav_menutxt:active {
color:#fff;
}
.slicknav_menu {
background:#52729e;
padding:0;
}
.slicknav_nav {
margin:0;
padding:35px 0 0 0;
background:transparent;
border-bottom:2px solid #fff;
}
.slicknav_nav, .slicknav_nav ul, .slicknav_nav ul ul {
list-style: none;
overflow:hidden;
}
.slicknav_nav ul, .slicknav_nav ul ul {
padding:0;
margin:0;
width:100%;
}
.slicknav_nav li {
background:#52729e;
margin-top:2px;
padding:0;
}
.slicknav_nav li li {
margin:0;
padding:0;
}
.slicknav_nav .slicknav_item {
padding:0;
margin:0;
}
.slicknav_nav li a {
display:block;
height:36px;
font-size:18px;
line-height:24px;
font-family: 'ralewayregular',Arial,Helvetica,sans-serif;
font-weight:normal;
text-transform:uppercase;
padding:0 10px;
margin:0;
text-decoration:none;
color:#fff;
}
.slicknav_nav li li a {
height:36px;
padding:0 15px 0 45px;
text-transform:none;
margin:0;
text-decoration:none;
display:block;
}
.slicknav_nav li li li a {padding:0 15px 0 75px;}
.slicknav_nav li a:focus, .slicknav_nav li a:hover, .slicknav_nav li a:active {color:#fff;}
.slicknav_nav li li a:focus, .slicknav_nav li li a:hover, .slicknav_nav li li a:active {color:#fff;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1240px) {
#top {width:96%;margin:0;padding:0 2%;}
#header {width:100%;margin:0;padding:0;}
#container {width:96%;margin:0;padding:0 2%;display: -webkit-flex;display: -ms-flexbox;display: flex;background:transparent;}
#navi, #content {align-items:stretch;}
#navi {background:#52729e;min-width:224px;}
#leftcol, #rightcol {width:48%;margin:0;}
#leftcol {padding:0 2% 0 0;}
#rightcol {padding:0 0 0 2%;}
#footer {width:96%;margin:0;padding:4% 2%;}
#footercontent {width:100%;margin:0;}
img {max-width:100%;width:auto;height:auto;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 900px) {
#leftcol, #rightcol {float:none;width:100%;padding:0;}
#header h1, #header h1 a:link, #header h1 a:visited {font-size:28px;line-height:28px;}
#headernav {top:52px;}
#headernav li a:link, #headernav li a:visited {font-size:16px;line-height:16px;padding:0 0 0 25px;}
#footernav, .footerbox {width:30%;margin:0;}
.footerbox:nth-of-type(2) {width:32%;margin:0;padding:0 2%;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 730px) {
#top {padding-top:40px;}
#logo {position:static;padding:20px 0 0 0;}
#headernav {position:static;padding:20px 0 0 0;}
#headernav ul{float:right;}
#navi {display:none;}
.js #menu {display:none;}
#menu, .js .slicknav_menu {display:block;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 610px) {
#footernav, .footerbox {width:100%;float:none;text-align:center;}
.footerbox:nth-of-type(2) {width:100%;padding:0;}
#footernav {padding:20px 0;}
.move-up {bottom:20px;right:20px;}
.move-up button {font-size:16px;line-height:20px;width:70px;height:70px;border-radius:35px;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 450px) {
#top{height:110px;}
#logo {text-align:center;padding:10px 0 0 0;}
#headernav {margin:0 auto;padding:10px 0 0 0;}
#headernav ul, #headernav li {float:none;text-align:center;}
#headernav li a:link, #headernav li a:visited {padding:0;}
#frame {padding:160px 0 0 0;}
}