@charset "UTF-8";
/* CSS Document */


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

}




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

}



* {
	margin:0px;
	padding:0px;
	font-family:ralewayregular;
}

body {
	margin-bottom:80px;
}

p {
	color:#353535;
	line-height:28px;
	font-size:18px;
	padding:0 5%;
	text-align:justify;
}

section p:last-child {
	padding-bottom:30px;
}

section ul li {
	color:#353535;
	line-height:28px;
	font-size:18px;
	padding:0 5%;
	list-style:disc;
}


a {
	text-decoration:none;
}


nav {
	width:100%;
	z-index:3;
	position:absolute;
	background:rgba(255,255,255,0.50);
	border-bottom:1px solid white;
}

.menubutt {
	background:url(image/menu.png) center center no-repeat;
	background-size: 30px 15px;
	padding:20px 30px;
}

nav ul {
	float:right;
}

nav ul:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

    nav ul li {
    list-style: none;
    float:left;
}
nav ul li a {
    text-decoration: none;
    display: block;
    color: #FFFFFF;
    padding: 10px 10px 10px 10px;
	 -webkit-transition: background 0.3s ease-out 0s;
    -moz-transition: background 0.3s ease-out 0s;
    -o-transition: background 0.3s ease-out 0s;
    transition: background 0.3s ease-out 0s;
	font-weight:bold;
}

nav ul li img {

}

nav ul li:hover > ul {
    visibility: visible;
}
nav ul li ul{
    display: inline;
    visibility: hidden;
    position: absolute;
    padding:0px;
	right:0;
	width:100%;
}

nav ul li ul li{
    float: none;
}

nav ul li.cat3:hover a, nav ul li.cat3:hover > ul li a {
	background-color:rgba(255,255,255,0.90);
}

nav ul li:hover > a {
    color: #FAFAFA;
}



nav ul li ul li a {
    color:#4997cd;
	text-align:right;
	text-transform:uppercase;
}
nav ul li ul li a:hover{
    color: #315ea5;
    background-color: #FAFAFA !important;
}

nav ul li.cat3:hover > a {
	background:url(image/menu_blue.png) center center no-repeat;
	background-size: 30px 15px;
	background-color:rgba(255,255,255,0.90);
}

#banner img{
	width:100%;
}

#banner {
	margin-bottom:30px;
}

h1 {
	text-indent:-9999px;
	display:none;
}

h2 {
	padding:0 5%;
	font-size:28px;
	color:#4997cd;
	margin-bottom:15px;
}

h3 {
	padding:0 5%;
	font-size:20px;
	color:#4997cd;
	margin-bottom:10px;
	margin-top:20px;
}

h3 a {
	font-size:20px;
	color:#4997cd;
	margin-bottom:10px;
	margin-top:20px;
}


h4 a {
	
	display:inline-block;
	float:right;
	padding:10px;
	margin-right:20px;
	background:#4997cd;
	color:#FFFFFF;
	border:#909090;
	border-radius:5px;
	}

h5 {
	font-weight:bold;}
	
#contactbox {
	background:#f4f4f4;
	border-top:2px solid #c9c9c9;
	border-bottom:2px solid #c9c9c9;
	margin-bottom:30px;
}

#contactbox > img {
	display: block;
	width: 100%;
}

#contactbox p {
	text-align:left;
}

#contactbox ul li img {
	float:left;
	width:40px;
	height:40px;
	margin-left:5%;
	margin-right:15px;
	margin-top:8px;
}

#contactbox ul {
	margin:20px 0;
	list-style:none;
}

#contactbox ul li {
	padding:10px 0px;
	padding-left:15%;
	margin-left:5%;
	overflow:hidden;
}

#contactbox ul li a {
	color:#353535;
	line-height:28px;
	font-size:18px;
	text-decoration: none;
}

#offnung {
	background:#f4f4f4;
	border-bottom:2px solid #c9c9c9;
	border-top:2px solid #c9c9c9;
	padding:20px 0px;
	margin-bottom:30px;
}

.desktop {
	padding:10px 0px;
	color:#353535;
	font-size:15px;
	background: url('image/pc.png') center left no-repeat;
	background-size:auto 30px;
	padding-left:40px;
}

#offnung p {
	text-align:center;
}

#offnung span {
	color:#4997cd;
}

footer {
	padding:20px 0px;
	background:#515151;
	text-align:center;
}

footer a {
	color:white;
	text-decoration:none;
	margin-bottom:80px;
}

#schnellanruf {
	position: fixed; 
	bottom:0;
	width:100%;
	border-top:2px solid white;
	background: rgba(73, 151, 205, 0.9);
	padding:10px 0px;
}

#schnellanruf p {
	font-size:20px;
	font-family:ralewaymedium;
	padding:15px 0;
	padding-left:60px;
	margin-left:15%;
	color:white;	
	background: url('image/telic.png') center left no-repeat;
	background-size:50px 50px;
}

#fixed {
	width:100%;
}

.fixstatic {
    position: fixed; 
    top: 0; 
    z-index: 1;
}

.navchange {
	background:rgba(255,255,255,0.90);
	border-bottom:1px solid #4997cd;
	-webkit-transition: border 1s ease-out 1s, background 1s ease-out;
    -moz-transition: border 1s ease-out 1s background 1s ease-out;
    -o-transition: border 1s ease-out 1s background 1s ease-out;
    transition: border 1s ease-out 1s background 1s ease-out;
}

.menublue {
	background:url(image/menu_blue.png) center center no-repeat;
	background-size: 30px 15px;
	padding:20px 30px;
}

.ictel {
	background-size:50px 50px !important;
	background:url(image/ic_tel.png) no-repeat center left;
}

.icmail {
	background-size:50px 50px !important;
	background:url(image/ic_mail.png) no-repeat center left;
}

.icmaps {
	background-size:50px 50px !important;
	background:url(image/ic_maps.png) no-repeat center left;
}