/* titillium-web-300 - latin */
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/titillium-web-v15-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/titillium-web-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/titillium-web-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/titillium-web-v15-latin-300.woff') format('woff'), /* Modern Browsers */
    url('fonts/titillium-web-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/titillium-web-v15-latin-300.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-300italic - latin */
@font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 300;
    src: url('fonts/titillium-web-v15-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/titillium-web-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/titillium-web-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/titillium-web-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
    url('fonts/titillium-web-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/titillium-web-v15-latin-300italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-regular - latin */
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/titillium-web-v15-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/titillium-web-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/titillium-web-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/titillium-web-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/titillium-web-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/titillium-web-v15-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-600 - latin */
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/titillium-web-v15-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/titillium-web-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/titillium-web-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/titillium-web-v15-latin-600.woff') format('woff'), /* Modern Browsers */
    url('fonts/titillium-web-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/titillium-web-v15-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-700 - latin */
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/titillium-web-v15-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/titillium-web-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/titillium-web-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/titillium-web-v15-latin-700.woff') format('woff'), /* Modern Browsers */
    url('fonts/titillium-web-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/titillium-web-v15-latin-700.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
html, body {margin:0px; padding:0px; font-family: 'Titillium Web', sans-serif; color:#000000; overflow-x:hidden;}
a {color:#000000; text-decoration:none;}
a:hover,.impressumlink:hover {text-decoration:underline; cursor:pointer;}

.balken-leiste {
    float: left;
    height: 450px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}
.balken {}



.txt {
display:none;
    left: 50%;
    margin: 45px 0 0 10px;
    position: absolute;
    top: 100px;
    z-index: 2;
}

.apfel {
display:none;
    left: 50%;
    margin: 0 0 0 -620px;
    position: absolute;
    z-index: 2;
	bottom:0px;
	filter:alpha(opacity=50); /* IE */
-moz-opacity: 0.50; /* Mozilla */
opacity: 0.50; /* Opera */
}
.leistungen {float:left; margin:0 0 50px 0}
.logo {float:right;}

.header {max-width:990px; margin:50px auto;}



.footer {
    float: left;
    left: 50%;
    margin: 670px 0 0 -486px;
    position: absolute;
    z-index: 10;
}


.x {
    background: none repeat scroll 0 0 #000000;
    color: #ffffff;
    float: right;
    height: 10px;
    margin: -20px -67px 0 0;
    padding: 10px 17px 26px 20px;
    width: 10px;
	cursor:pointer;
}
.x:hover { background:#cccccc;   color: #000000;}


.impressumblock {
display:none;
position:absolute;
width:500px;
top:40%;
left:50%;
margin-left:-250px;
z-index:20;
background:#ffffff;
 padding: 20px;
-webkit-box-shadow: 0px 0px 17px 0px rgba(50, 50, 50, 0.22);
-moz-box-shadow:    0px 0px 17px 0px rgba(50, 50, 50, 0.22);
box-shadow:         0px 0px 17px 0px rgba(50, 50, 50, 0.22);

}

/************************************************************************************** ipad potrait *****/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
.footer {
    float: left;
    left: 10px;
    margin: 670px 0 0 0px;
    position: absolute;
    z-index: 10;
}

}



@media screen and (max-width: 600px) {
.leistungen {float:left; margin:0 0 0px 10px}
.logo {float:left; margin:40px 0 0px 20px}
.txt {
    left: 20px;
    margin: 45px 0 0 00px;
    position: absolute;
    top: 40px;
    z-index: 2;
	max-width:90%;
}

.apfel {
    left: 10px;
    margin: 0 0 0 0px;
    position: absolute;
    z-index: 2;
	bottom:0px;
	max-width:90%;
	filter:alpha(opacity=50); /* IE */
-moz-opacity: 0.50; /* Mozilla */
opacity: 0.50; /* Opera */
}
.footer {
    float: left;
    left: 20px;
    margin: 830px 0 0px 0px;
    position: absolute;
    z-index: 10;
	padding-bottom:50px;
}
.balken-leiste {
    float: left;
    height: 450px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
	max-width:600px;
}
.impressumblock {
display:none;
position:absolute;
width:260px;
bottom:100px;
left:20px;
margin-left:0px;
margin-top:200px;
z-index:20;
background:#ffffff;
 padding: 10px;
}
.x {
    background: none repeat scroll 0 0 #000000;
    color: #ffffff;
    float: left;
    height: 10px;
    margin: -50px 0px 0 -10px;
    padding: 10px 17px 26px 20px;
    width: 10px;
	cursor:pointer;
}
}