*html#footer {bottom: -1px;}
html {    height: 100%;}
body {color: #353739;
height: 100%;
font-family: fira-l, sans-serif;
font-size: 95%;
line-height: 125%; 
background: url(../src/body_bg.gif) repeat-x #cdced1;
margin: 0;
padding: 0; 
text-align: center;
-webkit-text-size-adjust: none;}
p {margin: 0 10px 16px  0;
}

@media only screen and (max-width:639px) {

p {
margin: 0 0 16px  0;
}}
b, strong {font-family: fira-r, sans-serif;
font-weight: normal;}
img {border: 0;}
a, a:link, a:visited {color:#0063a6;
	background-color:transparent;
	text-decoration: none;}
a:hover {color:#fff;}
h1, h2, h3 {font-family: fira-l, sans-serif;
font-weight: normal;
line-height:120%;
text-transform:uppercase;
color: #0063a6;
margin:0;
padding:0;}
h1 {color: #0063a6;
text-transform: uppercase;
margin: 0 0 20px 0;
}
h2 {margin-bottom: 10px;}
ol, ul {color: #353739; 
	background-color: transparent;
	padding: 5px 0 10px 0;}
#contwrapper ul li {margin: 0 0 5px 17px;
}
#contwrapper a:hover img {	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
        color: #ccc;
}
td {padding: 4px;}
nav {display:block;
margin-left: -20px;
}

@media only screen and (max-width:767px) {

nav {
display:none;
}}
.slicknav_menu {display:none;
}

@media only screen and (max-width: 767px) {

.slicknav_menu {
display:block;
text-align:left;
}}
#contwrapper {float:left;
width:96%;
padding: 0 2%;
padding-bottom: 8.0em;
background:url(../src/contwrapper.png) repeat-x #cdced1;
background-position: 0 -400;
min-height:150px;
padding-top:15px;}
#logo {background:url(../src/logo-bg.jpg) top center no-repeat #acafb4;
text-align:center;
position: relative;
height: 60px;
width: 100%;

}
#wrapper {position: relative;
min-height:100%;
max-width: 1024px;
margin: 0 auto;
padding:0;
text-align: center; 
background: transparent;
border-left:solid 1px #6b7279;
border-right:solid 1px #6b7279;}
#footer {text-align:center;
position:absolute;
bottom: 0px;
z-index:0;
width:100%;
height:20px;
border-top: solid 1px #fff;
color:#e2e2e2;
background-color:#8d9297;
padding-top: 3px;}
.hauptbild {background-color:#9ba9b5;
text-align:left;
position: relative;
width: 100%;
max-height:240px;
overflow:hidden;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}

@media only screen and (max-width:480px) {

.hauptbild {
padding: 0 0 15px 0; 
}
}
.hauptbild {background-color:#9ba9b5;
text-align:left;
position: relative;
width: 100%;
max-height:240px;
overflow:hidden;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}

@media only screen and (max-width:480px) {

.hauptbild {
padding: 0;
}
}
#footer p, #footer a, #footer a:visited {text-align: center;	
color:#e2e2e2;
	background-color:transparent;
	font-family:\"Trebuchet MS\", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
}
.box_item {color: #486173;
margin:22px 0 6px 2%;
border-bottom: 1px dotted #486173;
width: 96%;
padding: 10px 7px 10px 10px;
background:-moz-linear-gradient(top, #eaeaea, #cdced1); /* Firefox */
background:-webkit-linear-gradient(top, #eaeaea, #cdced1); /* Safari, Chrome */
background:-o-linear-gradient(top, #eaeaea, #cdced1); /* Opera */
background:-ms-linear-gradient(top, #eaeaea, #cdced1); /* IE */
background:linear-gradient(top, #eaeaea, #cdced1); /* W3C Standard */
text-align: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px 0 0 0;}
.box_item_sml {color: #486173;
margin:10px 15px 5px 2%;
border-bottom: 1px dotted #486173;
width: 96%;
padding: 10px;
background:none;
text-align: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.clear {clear: left;}
.responsive-image {display: block;
max-width: 100%;
height: auto;
margin: 0 auto;}
.logo {max-height:50px;
padding: 5px 0;
margin: 0 auto;
}

@media only screen and (max-width:380px) {

.logo{
max-height:45px;
padding: 13px 0;
margin: 0 auto;
}}
.responsive_embed {	position: relative;
	padding-bottom: 80%;
	padding-top: 0px;
	height: 0;}
.responsive_video iframe {position: relative;
padding-bottom: 80%;
padding-top: 0px;
height: 0;}
.responsive_video {	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;}
.row {width:100%;
min-width:280px;}
.sml {font-size: 80%;}
.path {margin: -10px 0 10px 0;
font-family: fira-r, sans-serif;}
.text-center {display:block;
margin: 5px auto;
text-align:center;}
header {overflow:hidden;}
.galimg {width:96%;
margin: 0 4% 5px 0;
height:auto;
background-color:#cbcfd2;
border: solid 1px #0063a6;
}

@media only screen and (max-width:639px) {

.galimg {
margin: 0 0 5px  0;
}}
.bottomspacer {margin: 0 0 15px 0;}
.img-fluid {width:100%;
margin: 5% 0;
height:auto;
}
.img-fluid-50 {width:50%;
margin: 5% auto;
height:auto;
}

.img-fluid-50 a:hover {
filter: grayscale(100%); /* Standard */
-webkit-filter: grayscale(100%); /* Webkit */
filter: url(/elements/grayscale.svg#desaturate); /* Firefox 4-34 */
filter: gray;  /* IE6-9 */
-webkit-filter: grayscale(1); /* Old WebKit */
transition: ease-in 0.5s;
}
.button {  display: inline-block;
  margin: 10px 20px 10px 0;
  font-weight: normal;
  text-align: center !important;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-color: #fff !important;
color: #000;
text-transform: uppercase;
  border: 1px solid #0763a6;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 15px;
font-family: fira-r;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.button:hover {
  background-color: #0763a6 !important;
color: #fff;
}
.p20 {padding-right:20px;}