/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

html, body {
	height:100%;
}

.lt-ie9 .chromeframe {
	position:relative;
	background:#f00;
    margin: 0.5em;
    color: #fff;
    padding: 1em;
	z-index:1000;
}
.chromeframe a {  color: #fff; }
/* ==========================================================================
  	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
   ========================================================================== */
.lt-ie9 noscript {
	position:relative;
	display:block;
	z-index:1000;
}

body:before {
	content:'';
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background:url(/img/body_bg.jpg) center center no-repeat;
	background-size:cover;
	
}

.contentWidth_33 { box-sizing:border-box; float:left; width:33.33%; }
.contentWidth_66 { box-sizing:border-box; float:left; width:66.67%; }
.contentWidth_66 { box-sizing:border-box; float:left; width:66.67%; }

.container_2 {
	margin-left: auto;
	margin-right: auto;
}

.grid_1_2,
.grid_1,
.grid_2,
.grid_3,
.grid_4 {
	position:relative;
	display:inline;
	float: left;
	position: relative;
	margin-left: 45px;
	margin-right: 45px;
	margin-bottom: 45px;
	text-decoration:none;
}

.container_2 .grid_1 { width:310px; }
.container_2 .grid_2 { width:710px; }
.container_2 .grid_1 .grid_1,
#aside .grid_1, #navMobile .grid_1 { width:80px; margin:0; }
.container_2 .grid_1 .grid_2 { width:160px; margin:0; }
.container_2 .grid_1 .grid_3 { width:240px; margin:0; }
.container_2 .grid_1 .grid_4 { width:320px; margin:0; }
.container_2 .grid { margin-left:-5px; margin-right:-5px; position:relative; }

.container_2 .grid_1 .halfheight,
.container_2 .grid_1 .grid_4 .halfheight { height:150px; }
.container_2 .grid_1 .grid_2 .square { height:150px; }
.container_2 .grid_1 .grid_1 .square,
#shortNav .grid_1 .square { height:70px; }

.left { float:left; }
.right { float:right; }
.grey { background-color:#006b58; }

.shadow_1 { box-shadow:0 0 5px rgba(0,0,0,0.3); }

.bgImage { background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; }
.bgImage:before { content:''; position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(0,107,88,0.6); transition:background 0.2s; }
.bgImage:hover:before {  background:rgba(0,107,88,0.4); }
.bgImage > div { position:relative; }
.padding_10 { padding:10px; }
.padding_20 { padding:20px; }
.grid_2 .cWrap .cText { padding:10px; }

.cS_shine p { margin:0; }
.cS_shine .more {
	text-decoration:none;
	display:block;
	position:absolute;
	right:0;
	bottom:15px;
	line-height:22px;
	text-align:right;
	padding-right:18px;
}
.cS_shine .more.left { margin-left:20px; text-align:left; }
.cS_shine .more .snip,
#navSub a .snip {
	display:inline-block;
	position:absolute;
	right:0;
	bottom:0;
	height:22px;
	width:8px;
	overflow:hidden;
	vertical-align: bottom;
	transition:width 0.2s;
}
.cS_shine:hover .more .snip,
#navSub a:hover .snip { width:16px; }
.snip:before,
.snip:after {
	content:'';
	display:block;
	position:absolute;
	width:200%;
	height:50%;
	left:2px;
	top:0;
	transition: transform 0.2s;
}
.snip:before {
	transform: skew(20deg);
}
.snip:after {
	top:50%;
	transform: skew(-20deg);
}
.cS_shine:hover .more .snip:before,
#navSub a:hover .snip:before {
	transform: skew(-20deg);
}
.cS_shine:hover .more .snip:after,
#navSub a:hover .snip:after {
	transform: skew(20deg);
}
#navMobile { display:none; }

#bodyWrapper { position:relative; min-height: 100%; height: auto !important; height: 100%; }
#wrapper { position:relative; max-width: 1200px; margin:0 auto; }
#headerInner { max-width: 1120px; margin:0 auto; }
#wrapper:before {
	content:'';
	display:block;
	position:absolute;
	top:0;
	height:500px;
	left:0;
	right:0;
	background:url(/img/preload.gif) center center no-repeat;
	opacity:1;
}
.loaded #wrapper:before {
	opacity:0;
}
#aside { width:160px; margin-right:40px; position:absolute; right:0; top:0; transition: top 0.4s cubic-bezier(.11,.94,.44,.98); -webkit-transition: top 0.4s cubic-bezier(.11,.94,.44,.98); }
.scrolled #aside { margin-top:50px; }
#main { position:relative; margin-right:205px; margin-left:45px; overflow:hidden; margin-top:5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
body.modul_content #main { background:#fff url("/img/body_bg.jpg") left top repeat; background-size:200%; }
#content { position:relative; margin-left:-100px; margin-right:100px; opacity:0; transition:margin 0.5s,opacity 0.5s; -webkit-transition:margin 0.5s,opacity 0.5s; }
.loaded #content { margin:0; opacity:1; }
.scrolled #content { padding-top:110px; }
a { color:#222; }
body.modul_content:before {
	display:none;
}
body.modul_content #headerInner h1 { color:#fff; }
body.modul_content a { color:#459184; }
#contentWrap {
	max-width:1200px;
	margin:0 auto;
}
#historyLoader {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(/img/preload.gif) center center no-repeat;
}
#historyLoader span { display:none; }
#historyLoader.show { display:block; }
header { padding:0; }
header .grid_1 {
	/*height:55px;*/
	margin-left:0;
	margin-right:0;
	margin-top:30px;
	margin-bottom:30px;
}
.scrolled header {
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:10;
	background:#006b58;
	/*height:50px;*/
	overflow:hidden;
}
.scrolled header .grid_1 {
    margin:0;
}
.overlayOpen #wrapper header .grid_1 > * { display:none; }
body.modul_content header { color:#fff; }
body.modul_content header .grid_1 {
	width:50%;
}
header .grid_1 h1 { margin:0; }
.ui-accordion { margin:20px !important; }
#top {
	display:none;
	position:fixed;
	bottom:0;
	right:50%;
	margin-right:-560px;
	height:40px;
	width:40px;
	overflow:hidden;
	text-indent:-999px;
	background:url(/img/top.png);
}
/* NAVI */
#stdnav {
	float:right;
	margin-left:-20px;
	margin-right:-20px;
}
#stdnav li {
	margin:0 18px;
	float:left;
}
#stdnav li a {
	position:relative;
	display:block;
	height:50px;
	width:50px;
	background-repeat:no-repeat;
	background-position:center center;
	color:#575756;
}
#stdnav li a .img { position:absolute; top:0; left:0; display:block; margin:5px; opacity:1; transition:opacity 0.2s,margin 0.2s; -webkit-transition:opacity 0.2s,margin 0.2s; background:url(/img/std_nav.png) left -80px no-repeat; height:40px; width:40px; }
#stdnav li #std_start .img { background-position:-40px -80px; }
#stdnav li #std_kontakt .img { background-position:-80px -80px; }
#stdnav li #std_impressum .img { background-position:-120px -80px; }
body.modul_content #stdnav li a { color:#fff; }
body.modul_content #stdnav li #closeButton .img { background-position:0 0; }
body.modul_content #stdnav li #std_start .img { background-position:-40px 0; }
body.modul_content #stdnav li #std_kontakt .img { background-position:-80px 0; }
body.modul_content #stdnav li #std_impressum .img { background-position:-120px 0; }

#stdnav a .table {
	position:absolute;
	left:0; top:0;
	display:table;
	height:100%;
	width:100%;
	opacity:0;
	margin-top:-10px;
	transition:opacity 0.2s,margin 0.2s;
	-webkit-transition:opacity 0.2s,margin 0.2s;
}
.lt-ie9 #stdnav a .table { display:none; }
#stdnav a .name {
	margin-top:-10px;
	font-size:12px;
	font-weight:bold;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
#stdnav a:hover .img {
	margin-top:10px;
	opacity:0;
}
#stdnav a:hover .table {
	opacity:1;
	margin-top:0;
}
.lt-ie9 #stdnav a:hover .table {
	display:table;
}
.lt-ie9 #stdnav a:hover .img {
	display:none;
}
/* SHORTCUT NAVI*/
#shortNav { margin:0; padding:0; }
#shortNav .square { overflow:hidden; }
#shortNav a {
	background-repeat:no-repeat;
	background-position:center center;
	display:block;
	height:100%;
}
#shortNav a .table {
	position:absolute;
	left:0; top:0;
	display:table;
	height:100%;
	width:100%;
	opacity:0;
	transition:opacity 0.2s;
}
#shortNav a .name {
	font-size:11px;
	font-weight:bold;
	background:#fff;
	color:#575756;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
#shortNav a:hover {
	background-image:none;
}
#shortNav a:hover .table {
	opacity:1;
}

#aside .nav.Sub {
	margin:5px;
}
#navSub { padding:5px 0; margin-left: -10px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
#navSub a {
	position:relative;
	display:block;
	margin:5px 0;
	text-align:right;
	font-size:15px;
	line-height:22px;
	padding:7px 5px 7px 0;
	text-decoration:none;
	color:#fff;
}
#navSub a .snip {
	position:relative;
	bottom:auto;
	top:0;
	margin-right:-5px;
	margin-left:5px;
}
.cWrap { position:relative; margin:5px; display:block; }
#main .cWrap { margin:20px; }
.map_canvas {
	height:500px;
}
.ajaxContent .map_canvas { margin:-20px; }
#main .map_canvas .gm-style-iw { font-family:Verdana, Geneva, sans-serif; }

#main ul { list-style:none; }
#main ul li {
	padding:6px 0;
	position:relative;
}
#main ul li:before {
	content:'';
	position:absolute;
	left:-40px;
	height:30px;
	width:40px;
	background:url(/img/haekchen.png) left top no-repeat;
}
/* FORM */
.form .fehler, .fehler_text, .error {
	color:#DB5113;
}
.form fieldset { clear:both; }
.form legend {
    font-size: 1.1em;
	font-weight: bold;
}
.form .optsContainer, .btnContainer {
	min-height:1.5em;
	margin-top:1em;
}
.form .optsContainer:first-child, .btnContainer:first-child {
	/*margin-top:0;*/
}
.form .optsLine {
	line-height:30px;
}
.form label {
	width:100%;
	display:block;
	line-height:1.3;
	padding-top:10px;
	/*height:30px;
	white-space:nowrap;
	overflow:hidden;*/
	font-weight:bold;
}
.form .optsLine label {
	display:inline;
	width:auto;
}
.form label.checkbox {
	display:inline;
	width:auto;
}
.form label .duty {
	color:#DB5113;
}
.form .checkWrap label {
	display:inline;
	width:auto;
}
.form label small {
	padding-left:10px;
}
.form input[type=text], .form input[type=number], .form input[type=email], .form input[type=password], .form textarea {
	padding:8px 1%;
	width:100%;
	font-size:0.95em;
	color: #000;
	transition: .5s ease-out;
    border-style: solid solid solid solid;
    border-width: 1px;
    border-color: #9F9F9F #DDD #DDD #9F9F9F;
	background:rgba(255,255,255,0.7);
}
.no-rgba .form input[type=text],
.no-rgba .form input[type=number],
.no-rgba .form input[type=email],
.no-rgba .form input[type=password],
.no-rgba .form textarea {
	background:url(/img/white_0.7.html) 0 0 repeat;
}
.boxshadow .form input[type=text],
.boxshadow .form input[type=number],
.boxshadow .form input[type=email],
.boxshadow .form input[type=password],
.boxshadow .form textarea {
	border:none;
	box-shadow:inset 1px 1px 2px rgba(0,0,0,0.2);
}
.form textarea {
	height:70px;
}

.form input[type=text]:focus, .form input[type=number]:focus , .form input[type=email]:focus, .form input[type=password]:focus, .form  textarea:focus {
	background:rgba(255,255,255,0.9);
	box-shadow:inset 1px 1px 2px rgba(0,0,0,0.5);
}
.form .optsContainer.dutyField input[type=text],
.form .optsContainer.dutyField input[type=number],
.form .optsContainer.dutyField input[type=email],
.form .optsContainer.dutyField input[type=password],
.form .optsContainer.dutyField textarea
{
	border-left:#D66 1px solid;
}

.form select {
	width:100%;
	font-size:0.950em;
	padding:7px 1%;
	border:0;
}
.form .selectWrap {
	position:relative;
}
.form .selectWrap .selectOver {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	font-size:0.950em;
	height:1.4em;
	cursor:pointer;
	padding:7px 1%;
	overflow:hidden;
    border-style: solid solid solid solid;
    border-width: 1px;
    border-color: #9F9F9F #DDD #DDD #9F9F9F;
	background:url(/img/white_0.7.html) 0 0 repeat;
	color: #000;
}
.boxshadow .form .selectWrap .selectOver {
	border:none;
	box-shadow:inset 1px 1px 2px rgba(0,0,0,0.2);
}

.form .selectWrap .selectOver:after {
	content:'';
	position:absolute;
	right:5px;
	top:50%;
	margin-top:-7px;
	height:15px;
	width:30px;
	background:url(/img/select.html) center center no-repeat;
}
.form .radioWrap {
	white-space:nowrap;
	display:inline-block;
	margin-left:8px;
}
.form .radioWrap label {
	margin-left:2px;
}
.form .radioWrap:first-child {
	margin-left:0;
}
.form .btnContainer {
	margin-top:1em;
}
.form .btnContainer button, .mapButton, a.button, span.button, button.button, input.sendenBtn, input[type=submit], .buttons a, .moreBtn a, .imgButtons.imgDel {
	border:0;
	color:#fff;
	text-align:center;
	font-weight:400;
	padding:8px 15px;
	background-color:#459184;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
}
.form .btnContainer button:hover, .mapButton:hover, a.button:hover, span.button:hover, button.button:hover, input.sendenBtn:hover, input[type=submit]:hover {
}
a.button, span.button, button.button, .buttons a, .moreBtn a, a.more {
	display:inline-block;
	text-decoration:none;
}
#main .fileupload-uploaded li { min-height:32px; padding:0; margin-bottom:10px; }
.fileupload-uploaded li {
	background: -moz-linear-gradient(left, rgba(0,212,174,0) 0%, rgba(0,212,174,0.2) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,212,174,0)), color-stop(100%,rgba(0,212,174,0.2))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(0,212,174,0) 0%,rgba(0,212,174,0.2) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(0,212,174,0) 0%,rgba(0,212,174,0.2) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(0,212,174,0) 0%,rgba(0,212,174,0.2) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(0,212,174,0) 0%,rgba(0,212,174,0.2) 100%); /* W3C */
}
.fileupload-uploaded li button {
	float:right;
}
#markt_4_uploadProgress legend { display:none; }

/* ==========================================================================
   external Scripts/Functions
   ========================================================================== */

/* PRETTY PHOTO */
div.facebook .pp_top .pp_left{background:url(/img/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(/img/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(/img/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(/img/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(/img/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(/img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(/img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(/img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(/img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(/img/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0; color:#222;}
div.facebook .pp_loaderIcon{background:url(/img/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(/img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(/img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(/img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(/img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(/img/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(/img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(/img/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(/img/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(/img/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(/img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(/img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(/img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.facebook .pp_details{position:relative}
div.facebook .pp_content{background:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
/* Bilder Viewer Titel oben ausblenden wegen Doppelung */
.ppt { display: none !important; }
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden, .versteckt {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}



/* SPRITES */
.sprt {
	background:url(/img/sprt.png) no-repeat left top;
	display:inline-block;
}

/* Bildergalerie */
.imgWrap {
	/*position: relative;*/
}
.zoom {
	background:url(/img/zoom.gif) no-repeat scroll;
    display: none;
    position: absolute;
	bottom: 5px;
    right: 10px;
	height: 30px;
    width: 30px;
}
.gallery {
	margin: 0 -20px -20px -20px;
}
.imgContainer {
	float: left;
	margin: 0 20px 20px 20px;			
	position: relative;
}
.img {
	display:block;
	position: relative;
}
.caption {
	font-size:12px;
	line-height:1.2;
	display:block;
}
.imgLeft {
	float: left;
	margin: 0 40px 10px 0;
}
.imgRight {
	float: right;
	margin: 0 0 10px 40px;
}
.imgLeft .imgWrap + .imgWrap, .imgRight .imgWrap + .imgWrap {
	margin-top: 10px;
}
#ajaxContent .imgNone .imgWrap {
	margin-left: -20px;
	margin-right: -20px;
}
.cWrap > .imgNone:first-child { margin-top:-20px; } 
.imgNone .left {
	float: left;
	margin-right: 20px;
	margin-left: 20px;
}
.articleImgLeft { float:left; }
.articleImgLeft + .articleWrap { padding-left:20px; }
.articleImgRight { float:right; }
.articleImgRight + .articleWrap { padding-right:20px; }
.articleImgRight, .articleImgLeft { margin-top:10px; }


.imgLeft,
.imgRight {
	max-width:25%;
}
.imgNone img,
.imgLeft img,
.imgRight img {
	max-width:100%;
	height:auto !important;
}
#main .ui-widget { font-size:1em; }
#main .ui-accordion .ui-accordion-content {
	padding:5px 10px;
}
#main .ui-widget-content.ui-accordion-content-active {
	position:relative;
	z-index:0;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 49%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(49%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 49%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 49%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 49%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 49%,rgba(255,255,255,0) 100%); /* W3C */
	/*border-top:none;
	border-left:1px solid #459184;
	border-right:1px solid #459184;
	border-bottom:1px solid #459184;*/
	border:none;
	margin-top:4px;
}
#main .ui-accordion-header.ui-accordion-header-active,
#main .ui-accordion-header.ui-state-default { border:none; position:relative; z-index:0; box-shadow:0 0 5px rgba(0,0,0,0.3); margin-top:4px; }

#main .ui-accordion-header.ui-state-default.ui-state-hover a {
	color:#fff;
}
#main .ui-accordion-header.ui-state-default.ui-state-active a { color:#fff; }
/* VIDEOS */
.vid { position:relative; display:block; overflow:hidden; }
.vid .playIcon { position:absolute; top:50%; left:50%; margin:-22px 0 0 -38px; width:76px; height:45px; background-position:0 0; }
.vid:hover .playIcon { background-position:-76px 0; }
.vid .video-time {
	position:absolute;
	background:#000;
	color:#FFF;
	display:block;
	padding:3px 6px;
	bottom:0;
	right:0;
	font-weight:bold;
	font-size:10px;
}
.videoFrame {
	float:right;
    position: relative;
    width: 50%;
}
.videoIFrame {
    position: relative;
}
.videoFrame iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
/* PAGE JUMPS */
.jumper { margin:10px -10px; position:relative; height:40px; }
.jumper .resultStats, .pagerJumper .divider { display:none; }
.jumper .pagerJumper { display:block; margin:0 auto; position:absolute; right:0; }
.pagerJumper a {
	padding:7px 0;
	margin:0 10px;
	display:block;
	float:left;
	width:30px;
	height:16px;
	background-color:#DDD;
	color:#333;
	font-weight:bold;
	line-height:16px;
	text-align:center; 
}
.pagerJumper a.aktiv { font-style:italic; text-decoration:underline; color:#fff; background-color:#333; }
.pagerJumper a .sprt { display:inline-block; }

.pages { text-align:center; border-top:1px solid #f2f2f2; padding-top:5px; }
.pages a { color:#666; }
.pages a.enabled { font-weight:bold; }

/* DOWNLOADS */
.downloads { margin:1em 0; }
.downloads h4 { margin-top:0; }
.downloads ul { margin:-1em; list-style:none; padding:0; }
.downloads li { padding:0; margin:0; }

.downloads .grids_2 .gridItem { width:50%; float:left;  }
.downloads .grids_3 .gridItem { width:33.3%; float:left;  }
.downloads .grids_4 .gridItem { width:25%; float:left;  }
.downloads .grids_2 a, .downloads .grids_3 a .downloads .grids_4 a { min-height:55px; }

.download a { display:block; margin:1em; position:relative; min-height:36px; }
.download a.hasImg { padding-left:48px; }
.download img { position:absolute; left:0; top:0; display:block; }
.download small { display:block; }


/*
 * jQuery File Upload Plugin CSS 1.3.0
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */


.btn {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    background-image: none;
    border: none;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: 400;
    margin-bottom: 0;
    padding: 10px 15px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.btn + .btn {
	margin-left: 5px;
}
.btn-success {
	background-color: #999;
	color: #FFF;
}
.btn-success:hover {
	background-color: #222;
}
.btn-warning {
    background-color: #777;
    color: #FFF;
}
.btn-warning:hover {
	background-color: #666;
}
.btn-abort {
	background-color: #C00;
	color: #FFF;
}
.btn-abort:hover {
	background-color: #900;
}

.btn[disabled] {
	background: #E5E5E5;
	color: #666;
	font-style: italic;
	cursor: default;
}

.fileinput-button {
	position: relative;
	overflow: hidden;
}
.fileinput-button input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	font-size: 200px;
	direction: ltr;
	cursor: pointer;
}

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
	margin-bottom: 5px;
}
.progress {
    background-color: #CCC;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 20px;
    overflow: hidden;
}
.progress .progress-bar {
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #fff;
    float: left;
    height: 100%;
    line-height: 20px;
    text-align: center;
    transition: width 0.6s ease 0s;
    width: 0;
	background: url("/img/jQuery-File-Upload/progressbar.gif") repeat-x 0% 50% !important;
	filter: none;
}
.fileupload-process {
	opacity: 1;
}
.fileupload-processing .fileupload-process,
.files .processing .preview {
	display: block;
	width: 32px;
	height: 32px;
	background: url("/img/jQuery-File-Upload/loading.gif") center no-repeat;
	background-size: contain;
}

.fade {
    opacity: 0;
    transition: opacity 0.15s linear 0s;
}


.fileupload-queue {
	background-color: #F6F6F6;
	background:none;
	border:1px solid #888;
    margin: 15px 0 0;
    padding: 10px .5% 10px;
	position: relative;
}
.fileupload-queue .legend {
	display:none;
    background-color: #F6F6F6;
    color: #000;
    font-weight: bold;
    left: 1.5em;
    padding: 0 .5em;
    position: absolute;
    top: -.75em;
}
.fileupload-container {
	border: solid 1px #ECECEC;
	background-color: #ECECEC;
	width: 48%;
	padding: 10px;
	margin: 1%;
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.fileupload-container .progress {
	position: absolute;
	left: 10px;
	bottom: 4px;
	right: 10px;
	height: 2px;
	opacity: 0;
	border-radius: 0;
	box-shadow: none;
	transition: opacity 0.15s linear 0s;
}
.fileupload-container .progress .progress-bar {
	box-shadow: none;
}
.fileupload-container.fileupload-in-progress .progress {
	opacity: 1;
}
.fileupload-container .fileName {
	font-weight: bold;
	margin-bottom: .5em;
	display: block;
	overflow: hidden;
    text-overflow: ellipsis;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.fileupload-container .btn {
	padding-top: .25em;
	padding-bottom: .25em;
}
.fileupload-container:nth-child(2n+2) {
	clear: left;
}
.fileupload-in-progress {
	border-color: #00501F;
	background-color: #7FA78F;
	color: #FFF;
}
.fileupload-success {
	border-color: #76B820;
	background-color: #BADB8F;
}
.fileupload-failed {
	border-color: #B50000;
	background-color: #FFEBEB;
}

.fileupload-container .fileupload-preview {
	float: left;
	margin-right: 2%;
}
.fileupload-container .fileupload-preview .preview {
	display: block;
	width: 75px;
	height: 75px;
	background: url("../pics/jQuery-File-Upload/loading.html") no-repeat 50% 50%;
	background-size: contain;
}

.fileupload-controlWrap {
	display: table;
	vertical-align: top;
	width: 100%;
	table-layout: fixed;
}
.fileupload-controlWrap > div {
	display: table-cell;
}
.fileupload-controlWrap > div * {
	white-space: nowrap;
}
.FooterPAV{
	margin-top:34px;
}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (max-width: 1199px) {
	.contentWidth_33,
	.contentWidth_66 { box-sizing:border-box; float:none; width:auto; }

	#wrapper,
	.container_2 { width: 800px;	}
	 #headerInner { width: 720px;	}
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4 {
		margin-bottom:45px;
	}
	#top {
		right:50%;
		margin-right:-360px;
	}

}
@media only screen and (max-width: 799px) {
	header {
		padding: 0 20px;
	}
	#wrapper, #headerInner {
		max-width: 640px;
	}
	#top {
		right:0;
		margin-right:0;
	}
	#navSub { margin-left:0; }
	aside #shortNav { display:none; }
	#navMobile { display:block; }

	.container_2 {
		width: auto;
	}
	.grid_1_2, .grid_1, .grid_2, .grid_3, .grid_4 {
		margin-left:5px;
		margin-right:5px;
	}
	#ajaxContent header .grid_1,
	#wrapper header .grid_1 {
		width: 100%;
		margin:10px 0;
	}
	#wrapper.scrolled header .grid_1 {
		margin:0;
	}
	#aside { float:none; width:auto; margin:0; position:relative; }
	#main { clear:both; margin:20px 5px 5px 5px; }
}
@media only screen and (max-width: 639px) {
	h1 { font-size: 1.6em;}
	h2 {font-size: 1.3em; }
	header { width:320px; margin:0 auto; }
	.modul_content header { width:480px; }
	#wrapper, #headerInner {
		max-width: 100%;
	}
	.loaded #content { margin:0 auto; width:320px; }
	.modul_content.loaded #content { margin:0 auto; width:480px; }
}
@media only screen and (max-width: 480px) {
	header,
	.modul_content header { width:320px; }
	#wrapper, #headerInner {
		max-width: 100%;
	}
	.loaded #content,
	.modul_content.loaded #content { margin:0 auto; width:320px; }
}

@media only screen and (min-width: 35em) {
	.videoFrame {
		float:none;
		position: relative;
		width: 100% !important;
		margin:0;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
