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

body {
  background-color: #fff; /* Hintergrundfarbe */
  color: white; /* Schriftfarbe */
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

img {
  width: 100%; 
  height: auto;
}

.word-break{ word-break: break-all; word-wrap: break-word;}

#content {
	background-color: #fff;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#footer {
background-color: #292929;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
}
.clearing {
	clear: both;}

h1 { font-size: 150%; }
h2 { font-size: 130%; }

/* The wrapper div should be wrapped around the page content and be at least 100% page height for the iPad, iPhone and iPod Touch */
html, body {padding:0; margin:0;background-color: #FFF; /* Hintergrundfarbe */
  font-family: Verdana, Arial, Helvetica, sans-serif;}
.wrapper {
	display:block;
	padding:10px;
	background-color: white;
	color: black;
	max-width: 1920px;
	margin-top: 10px;
	margin-right: auto; /* Abstand rechts */
	margin-bottom: 10px;
	margin-left: auto; /* Abstand links */
	width: 100%;
}
header {display:block; width:80%; margin:0 auto;}
article {display:block; width:80%; margin:0 auto;}
.small{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.middle{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
}
h1 {
	margin:0;
	padding:0;
	color:#333;
	font-family: arial, Verdana, sans-serif, ;
	font-size: 36px;
	font-style: normal;
	line-height: 50px;
	font-weight: bold;
	font-variant: normal;
}
h2 {margin:0; padding:0; font:normal 25px/40px Verdana, arial, sans-serif; color:#333;}
h3 {margin:0; padding:0; font:normal 20px/30px Verdana, arial, sans-serif; color:#333;}
h4 {margin:0; padding:0; font:normal 15px/20px Verdana, arial, sans-serif; color:#333;}
p {margin:0; padding:0; font:normal 13px/18px Verdana, arial, sans-serif; color:#333;}
p b {margin:0; padding:0; font:normal 14px/18px Verdana, arial, sans-serif; color:#333;}
article ul.lists {clear:left;}
article ul.lists li {margin:0; padding:0; font:normal 13px/18px TeXGyreAdventorRegular, arial, sans-serif; color:#666;}
article ul.lists li b {margin:0; padding:0; font:normal 14px/18px TeXGyreAdventorBold, arial, sans-serif; color:#333;}
article ul.lists li a {margin:0; padding:0; font:normal 13px/18px TeXGyreAdventorBold, arial, sans-serif; color:#069;}
p a {margin:0; padding:0; font:normal 14px/18px TeXGyreAdventorBold, arial, sans-serif; color:#fff; padding:5px 10px; background:#069; text-decoration:none; margin:5px 0 20px 0;}
.googlemedium {float:right; width:300px;}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/cssplay-responsive-dropdown-touch-screen.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

a.active {font-family: Verdana, Arial, Helvetica, sans-serif;color: #a0ddf9;}

.active {font-family: Verdana, Arial, Helvetica, sans-serif;color: #a0ddf9;}

.menu {width:100%; margin: 0; text-align:center; position:relative; z-index:100;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-ms-touch-action: none;
}

.menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; }
.menu ul {display:inline-block;}
.menu > ul {width:100%;}

.menu li {display:block; position:relative; z-index:10;}

.menu ul ul {position:absolute; left:-9999px; top:50px; padding:10px 0; z-index:10;
-webkit-transition: opacity 0.5s;
-o-transition:0.5s;
-moz-transition:0.5s;
transition: opacity 0.5s;
}
.menu ul ul ul {left:100%; top:auto; margin-top:-40px;}
.menu ul li.left > ul {left:auto; right:0; top:50px;}
.menu ul li.left ul li > ul {left:auto; right:100%; top:auto; margin-top:-40px;}

.menu > ul > li {float:left;}

.menu ul {background-color: #292929;}
.menu ul ul {background-color: #292929;}
.menu ul ul ul {background-color: #292929;}
.menu ul ul ul ul {background-color: #292929;}

.menu ul,
.menu ul ul,
.menu ul ul ul,
.menu ul ul ul ul {
	box-shadow:0px 5px 5px rgba(0,0,0,0.4);
	background-color: #292929;
}
.menu a {display:block; font:normal 16px/40px "Ubuntu Condensed", arial, sans-serif; color:#fff; text-decoration:none; padding:0 20px; position:relative; z-index:10;}
.menu > ul > li > a {line-height:50px;}
.menu > ul > li > b {display:block; position:relative; width:100%; margin-top:-50px; height:50px; background: url(trans.gif); z-index:50;
-webkit-transition:0.75s;
-o-transition:0.75s;
-moz-transition:0.75s;
transition:0.75s;
}
.menu ul ul > li > b {display:block; position:relative; margin-top:-40px; width:100%; height:40px; background: url(trans.gif); z-index:50;
-webkit-transition:0.75s;
-o-transition:0.75s;
-moz-transition:0.75s;
transition:0.75s;
}
.menu li:hover {z-index:100;}
.menu li:hover > b {width:0;}
.menu li.left ul a {text-align:right;}

.menu li:hover > a,
.menu ul li:hover > a {
	color:#a0ddf9;
	text-decoration:none;
}

.menu ul li a.hassub {background:url(down.gif) no-repeat right center;}
.menu li.left ul li a.hassub {background:url(down.gif) no-repeat left center;}


.menu ul ul,
.menu ul ul ul,
.menu ul li.left > ul,
.menu ul li.left ul li > ul {left:-9999px; right:auto; opacity:0;}

.menu ul li:hover > ul {left:0; opacity:1;}
.menu ul ul li:hover > ul {left:100%; opacity:1;}
.menu ul li.left:hover > ul {left:auto; right:0; opacity:1;}
.menu ul li.left ul li:hover > ul {left:auto; right:100%; opacity:1;}

.menu ul li:hover > a.hassub {background-color: #292929;}
.menu li.left ul li:hover > a.hassub {background-color: #292929;}


@media only screen and (max-width: 480px) {
.menu > ul li:hover > ul {left:0%;background-color: #292929;}
.menu ul ul li:hover > ul {left:50%;}
.menu > ul li.left:hover > ul {left:50%;}
.menu ul li.left ul li:hover > ul {left:50%;}
}

/* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        */
.jssora03l,.jssora03r{display:block;position:absolute;width:55px;height:55px;cursor:pointer;background:url('img/a03.png') no-repeat;overflow:hidden}

.jssora01l,.jssora01r{display:block;position:absolute;width:45px;height:45px;cursor:pointer;background:url('img/a01.png') no-repeat;overflow:hidden}.jssora01l{background-position:-8px -38px}.jssora01r{background-position:-68px -38px}
.jssora01l:hover{background-position:-128px -38px}
.jssora01r:hover{background-position:-188px -38px}
.jssora01l.jssora01ldn{background-position:-8px -38px}
.jssora01r.jssora01rdn{background-position:-68px -38px}
.jssora01l.jssora01lds{background-position:-8px -38px;opacity:.3;pointer-events:none}.jssora01r.jssora01rds{background-position:-68px -38px;opacity:.3;pointer-events:none}
.jssort01 .p{position:absolute;top:0;left:0;width:72px;height:72px}
.jssort01 .t{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
.jssort01 .w{position:absolute;top:0;left:0;width:100%;height:100%}
.jssort01 .c{position:absolute;top:0;left:0;width:68px;height:68px;box-sizing:content-box;background:url('img/t01.png') -800px -800px no-repeat;_background:none}
.jssort01 .pav .c{top:2px;_top:0;left:2px;_left:0;width:68px;height:68px;border:#000 0 solid;_border:#fff 2px solid;background-position:50% 50%}
.jssort01 .p:hover .c{top:0;left:0;width:70px;height:70px;border:#fff 1px solid;background-position:50% 50%}
.jssort01 .p.pdn .c{background-position:50% 50%;width:68px;height:68px;}
* html .jssort01 .c,* html .jssort01 .pdn .c,* html .jssort01 .pav .c{width:72px;height:72px}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.foot a:link {
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.foot a:visited{
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.foot a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #a0ddf9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.foot a.active {background: #292929;color:#a0ddf9;}

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  { outline: none; }

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

.flexslider a img { outline: none; border: none; }

.flexslider {
	margin: 0;
	padding: 0;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}

.flexslider .slides img {
	width: 100%;
	display: block;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }



/* Theme Styles */
.flexslider {
	position: relative;
	zoom: 1;
	padding: 10px;
	background: #ffffff;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0, .2);
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0, .2);
	box-shadow: 0px 1px 1px rgba(0,0,0, .2);
}

/* Edit it if you want */
.flex-container {
	min-width: 150px;
	max-width: 960px;
}

.flexslider .slides { zoom: 1; }



/* Direction Nav */
.flex-direction-nav a {
	display: block;
	position: absolute;
	margin: -17px 0 0 0;
	width: 35px;
	height: 35px;
	top: 50%;
	cursor: pointer;
	text-indent: -9999px;
	z-index: 9999;

	background-color: #82d344;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#82d344), to(#51af34));
	background-image: -webkit-linear-gradient(top, #82d344, #51af34);
	background-image: -moz-linear-gradient(top, #82d344, #51af34);
	background-image: -o-linear-gradient(top, #82d344, #51af34);
	background-image: linear-gradient(to bottom, #82d344, #51af34);
}

.flex-direction-nav a:before {
	display: block;
	position: absolute;
	content: '';
	width: 9px;
	height: 13px;
	top: 11px;
	left: 11px;
	background: url(../img/arrows.png) no-repeat;
}

.flex-direction-nav a:after {
	display: block;
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	top: 35px;
}

.flex-direction-nav .flex-next {
	right: -5px;

	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}

.flex-direction-nav .flex-prev {
	left: -5px;

	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

.flex-direction-nav .flex-next:before { background-position: -9px 0; left: 15px; }
.flex-direction-nav .flex-prev:before { background-position: 0 0; }

.flex-direction-nav .flex-next:after {
	right: 0;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #31611e;
}

.flex-direction-nav .flex-prev:after {
	left: 0;
	border-bottom: 5px solid transparent;
	border-right: 5px solid #31611e;
}



/* Control Nav */
.flexslider .flex-control-nav {
	position: absolute;
	width: 100%;
	bottom: -40px;
	text-align: center;
	margin: 0 0 0 -10px;
}

.flex-control-nav li {
	display: inline-block;
	zoom: 1;
}

.flex-control-paging li a {
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	width: 12px;
	height: 12px;
	margin: 0 3px;
	background-color: #b6b6b6 \9;

	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;

	-webkit-box-shadow: inset 0 0 0 2px #b6b6b6;
	-moz-box-shadow: inset 0 0 0 2px #b6b6b6;
	box-shadow: inset 0 0 0 2px #b6b6b6;
}

.flex-control-paging li a.flex-active {
	background-color: #82d344;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#82d344), to(#51af34));
	background-image: -webkit-linear-gradient(top, #82d344, #51af34);
	background-image: -moz-linear-gradient(top, #82d344, #51af34);
	background-image: -o-linear-gradient(top, #82d344, #51af34);
	background-image: linear-gradient(to bottom, #82d344, #51af34);

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}



/* Captions */
.flexslider .slides p {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 5px;
	margin: 0;

	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 20px;
	color: white;

	background-color: #222222;
	background: rgba(0,0,0, .9);

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.wmfg_layout_0, table, .wmfg_textarea {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #000000;
	background-position: left top;
}
.wmfg_layout_0 ul.wmfg_questions { list-style-type: none; margin: 0; padding: 0; }
.wmfg_layout_0 ul.wmfg_questions li.wmfg_q { margin: 10px 0; padding: 10px; border: 1px solid #000000; }
.wmfg_layout_0 label.wmfg_label { display: block; margin: 0 0 5px 0; }
.wmfg_layout_0 table.wmfg_answers {
	width: 100%;
	_width: 97%;
	border-collapse: collapse;
	color: #000000;
}
.wmfg_layout_0 table.wmfg_answers { vertical-align: top; }
.wmfg_layout_0 table.wmfg_answers td { padding: 2px; vertical-align: top; }
.wmfg_layout_0 table.wmfg_answers td.wmfg_a_td { width: 25px; }

.wmfg_layout_0 .wmfg_text {
	border: 1px solid #707070;
	padding: 4px;
	font-size: 13px;
	color: #000000;
	width: 98.5%;
	background-color: #ffffff;
	background:-webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#fff));
	background:-moz-linear-gradient(top,#f8f8f8,#fff);
}
.wmfg_layout_0 .wmfg_textarea { border: 1px solid #CCC; padding: 4px; font-size: 13px; color: #000000; width: 98.5%;
background:-webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#fff));
background:-moz-linear-gradient(top,#f8f8f8,#fff);
background-color: #ffffff;
}
.wmfg_layout_0 .wmfg_select { 
border:1px solid #CCCCCC; padding: 3px; font-size: 13px; color: #000000; margin: 0; width: 100%; _width: 97%;
background-color: #ffffff;
background:-webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#fff));
background:-moz-linear-gradient(top,#f8f8f8,#fff);
}
.wmfg_layout_0 .wmfg_btn { 
border: 1px solid #cccccc; cursor: pointer; font-weight: normal; font-size: 13px; padding: 6px; color: #444; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; 
background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), color-stop(0.5, #FAFAFA), color-stop(0.5, #E5E5E5), to(#F9F9F9)); 
background: -moz-linear-gradient(top, #FAFAFA, #FAFAFA 50%, #E5E5E5 50%, #F9F9F9);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FAFAFA', endColorstr='#E5E5E5');
}
.wmfg_layout_0 .wmfg_btn:hover {  
background: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), color-stop(0.5, #EDEDED), color-stop(0.5, #D9D9D9), to(#EDEDED)); 
background: -moz-linear-gradient(top, #EDEDED, #EDEDED 50%, #D9D9D9 50%, #EDEDED);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E3326E', endColorstr='#D9D9D9'); 
}

.wmfg_label{
	background-position: left top;
	padding: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}