/*
* http://www.iab.de/css/drei_base.css
* Usage: Stylesheet for all media - basic styles
*
* Copyright (C)2007 Institut fuer Arbeitsmarkt- und Berufsforschung
*
* Last modification: 2007-05-11 15:00
*******************************************************************************/


@media all {
	html, body {
		margin: 0;
		padding: 0;
	}
	body {
		background: url(../images/visual/kachel_diag_2.png);
	}
}

/*
* Min width hack for IE6
*******************************************************************************/
@media screen {

html {
	/* min-width: 1000px; */
}
* html .minwidthsec {
	/*border-left: 220px solid white;
	position: relative;
	float: left;
	z-index: 1;*/
	float:left;
    width:100%;
    background:green;
    overflow:hidden;
    position:relative;
}
* html .minwidth {
	/*border-left: 780px solid #EBECF2;
	position: relative;
	float: left;
	z-index: 2;
	*/
	float:left;
    width:100%;
    background:yellow;
    position:relative;
    right:30%;

}
.container {
	/*margin-left: -1000px;
	position: relative;
	float: left;
	z-index: 3;
	height:100%;
	*/
	/* width: 1070px; */
	width: 97%;
	max-width: 1070px;
    margin: 0 auto 0 auto;

	z-index: 3;
    height: 100px; 
}
}
@media all {

#logoLink 
{
left: 7px;
position: absolute;
top: 5px;
width: 350px;
height: 80px;
}

#logoLink img
{
	max-width: 100%;
	max-height: 100%;
}

/*
* Surrounding boxes
*******************************************************************************/
.boxOuter {
    width: 100%;

}
.boxInner { 
	width: 1070px;
    margin: 10px auto 0 auto;

    height: 100%;
	border-top:10px white solid;
		float: left;
	width: 100%;

		  box-shadow: 5px 0 5px -4px lightgrey, -5px 0 5px -4px lightgrey;
		  -webkit-box-shadow: 5px 0 5px -4px lightgrey, -5px 0 5px -4px lightgrey;

}

.languageswitcher{
	float:right;
}
/*
* Columns
*******************************************************************************/
.header {
	overflow: hidden;
	position: relative;
}
.header-left {
	float: left;
	width: 22.43%;
	height: 146px;
    position: relative;
    box-sizing: border-box;
    /* background: white url("../images/logo/logo2018.png") no-repeat left top;
    background-size: contain; */
}
.left {
	float: left;
	/* width: 210px; */
	width: 22.43%;
	/* padding-top: 146px; */
    position:relative;
    box-sizing: border-box;
    background: none !important;
	
}
/* Internet Explorer bugfix - Start */
.left { padding-left: 220px; }
body > div div div div div div div .left, body > form div div div div div div div .left { padding-left: 0px; }
/* Internet Explorer bugfix - Ende */

.left a.close {
	width: 15px;
	height: 15px;
	background: url(../images/header/close2.png) left top no-repeat;
	background-size: contain;
	padding: 5px !important;
	background-clip: content-box;
	background-origin: content-box;
	text-align: center;
	position: absolute;
	right: 15px;
	top: 15px;
	display: none;
	cursor: pointer;
}

.superInner {
	float: left;
	width: 100%;
	background:white;
}

.header-center {
	float: left;
	width: 56.07%;
	padding-top: 110px;
	/* background: white url("../images/visual/bg.png") repeat-x right top; */
	overflow: hidden;
}
.header-center .header-topcontent {
	display: none;
	position: relative;
}
.header-center .header-topcontent > * {
	flex-grow: 0;
}
.header-center .header-skip, .header-center .header-skip2 {
	float: left;
}
.header-center .header-topcontent img {
	width: auto;
	height: 100px;
}
.header-search {
	flex-grow: 1 !important;
	height: auto;
	background: #dedee0;
	padding: 0 2px;
	background-clip: content-box;
	display: flex;
	justify-content: center;
	align-items: center;
}
.header-search .section {
	width: 100%;
}
.header-search a.close {
	width: 15px;
	height: 15px;
	background: url(../images/header/close2.png) left top no-repeat;
	background-size: contain;
	display: none;
	text-align: center;
	position: absolute;
	right: 15px;
	top: 15px;
	padding: 5px !important;
	background-clip: content-box;
	background-origin: content-box;
	cursor: pointer;
}
.header-search .suche {
	width: 85%;
	height: 20px;
	padding: 0 10% 0 5%;
	text-align: center;
	margin-top: 0;
}
.header-search .suche .suchfeld {
	width: calc(100% - 40px);
	margin-bottom: 0;
}
.header-search .suche .suchen {
	padding-top: 20px;
	margin-bottom: 0;
}
.header-icons {
	width: 37px;
	height: auto;
	background: #dedee0;
	padding: 0 13px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.header-icons a.search {
	width: 30px;
	height: 30px;
	background: url(../images/header/search.png) left top no-repeat;
	background-size: contain;
	display: inline-block;
}
.header-icons a.menu {
	width: 37px;
	height: 24px;
	background: url(../images/header/menu.png) right top no-repeat;
	background-size: contain;
	display: inline-block;
}
.center {
	float: left;
	/* width: 600px; */
	width: 56.07%;
	/* padding-top: 100px; */
    background: none !important;
}
.center img {
	max-width: 100%;
	height: auto;
}
.center table {
	max-width: 100%;
}
.header-right {
	float: left;
	width: 21.495%;
	height: 146px;
    box-sizing: border-box;
    /* background: url("../images/visual/ankuendigung2.png") no-repeat left top; */
}
.right {
	float: left;
	/* width: 200px; */
	width: 21.495%;
	/* padding-top: 146px; */
    box-sizing: border-box;
    background: none !important;
}

.leftcontent, .rightcontent, 
.linkerinhalt, .rechterinhalt {

	display: table;
	/* position: absolute; */
	/* width: 200px; */
}

.rightcontent, .linkerinhalt, .rechterinhalt {
	margin-top: 1em;
}
.right, .header-right {
	overflow: hidden;
	border-left: 20px white solid;
    border-right: 10px white solid;
}

.left, .header-left {
	overflow: hidden;
	border-left: 10px white solid;
    border-right: 20px white solid;
}

.header-left {
	overflow: visible;
}

/*
* Columns
*******************************************************************************/
.topcontent {
	height: 40px;
	padding-top: 7px;
	padding-right: 20px;
}
.maincontent {
	padding-right: 0px;
}


/*
* Spacer for the right sidebar min-height effect
*******************************************************************************/
#spacer {
	float: left;
	width: 0px;
	height: 500px;
	visibility: hidden;
}


/*
* Spacer for the right sidebar min-height effect
*******************************************************************************/
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}
.clearfix {
	display: inline-block;
	height: 500px;
}

}


@media only screen and (max-width: 767px) {
	.header-image .big {
		display: none;
	}
}
@media only screen and (min-width: 768px) {
	.header-image a {
		margin: 5px 10px 5px 7px !important;
		display: block;
	}
		
	.header-image .small {
		display: none;
	}
}
@media only screen and (min-width: 992px) {
	.header-divider {
		position: absolute;
		left: 0;
		top: 100px;
		right: 0;
		height: 6px;
	    background-image: linear-gradient(270deg, #C1D10F, #00ADAF, #04417F);
	}
}


@media print {
.boxInner { 
	width: auto;
	margin: 0;
}
.left, .right, .topcontent {
	visibility: hidden;
	display: none;
}
body, .center {
	padding: 0;
	margin: 0;
	background: #FFFFFF !important;
}
.clearfix {
	display: inline-block;
	height: 0px;
	visibility: hidden;
	display: none;
}

}


/*
* Umfrage
*******************************************************************************/

#nBar {
    display: none;
    width: 100%;
    text-align: center;
    border: 1px silver solid;
    background: #ffff99;
    padding: 12px 0 12px 0;
}

#nBar button {
    border: 1px silver solid;
    background: lightgrey;
    padding: 2px 5px 3px 5px;
}
#nBar a , #info , #nein{
    padding: 2px 5px 3px 5px;
    text-decoration: none;
    color: black;
    border: 1px silver solid;
    background: lightgrey;
}

#nBar a#ja{
 
    background: lightgreen;
}
#nBar a#mehr{
 
    background: lightskyblue;
}
#nBar a#nein{
    background: lightgray;
    margin-right:10px;
    float: right;
}



.left ul ul {
	display: none;
	border-top: 1px solid lightgray;
}

.left ul ul.show {
	display: block;
}

.left ul ul.hide {
	display: none !important;
}

.left ul li.selected > ul {
	display: block;
}


@media only screen and (max-width: 991px) {
	.boxInner {
		margin-top: 0;
		border-top: none;
	}
	.superInner {
		padding: 0 10px;
		box-sizing: border-box;
	}
	.header-left {
		display: none;
	}
	.header-center {
		width: 100%;
	    background: none !important;
	    padding-top: 0;
	}
	.header-center .header-topcontent {
		display: flex;
	}
	.header-center .header-skip, .header-center .header-skip2 {
		display: block;
	}
	.header-center .topcontent .section .languageswitcher {
		display: none;
	}
	.header-center .header-icons .search {
		display: none;
	}
	.header-right {
		display: none;
	}
	.left {
		display: none;
		border-left: 0;
		box-shadow: #888888 0 0 5px;
		overflow: visible;
	}
	.left.show {
		display: block;
		position: absolute;
		right: 0;
		top: 2px;
		background: #dedee0 !important;
		border-right: 0;
		width: auto;
	}
	.left .leftContent, .left .rightcontent {
		display: none;
	}
	.left a.close {
		display: inline-block;
	}
	.left a {
		font-weight: normal !important;
	}
	.left a.selected, .left a.active {
		background-color: inherit !important;
	}
	.left ul {
		overflow: visible !important;
	}
	.left ul li {
		position: relative;
		overflow: visible !important;
	}
	.left > ul {
		padding-top: 50px !important;
	}
	.left > ul > li {
		border-top-color: #003f7d !important;
	}
	.left ul a:first-child {
		padding-top: 0.6em !important;
		padding-bottom: 0.6em !important;
		padding-left: 20px !important;
		padding-right: 55px;
	}
	.left a.arrow {
		display: none;
		cursor: pointer;
	}
	.left li.has_children > a.arrow {
		display: inline-block;
	}
	.left ul a.arrow {
		background: url(../images/menu/closed2.png) left top no-repeat;
		background-size: contain;
		position: absolute;
		right: 25px;
		top: 12px;
		width: 15px;
		height: 15px;
		padding: 5px !important;
		background-clip: content-box;
		background-origin: content-box;
	}
	.left ul li.selected > a.arrow {
		background-image: url(../images/menu/opened2.png);
	}
	.left ul ul a.arrow {
		right: 5px;
		top: 9px;
	}
	.left ul ul li.selected > a.arrow {
		right: 25px;
	}
	.left ul ul ul li.selected > a.arrow {
		right: 5px;
	}
	.left > ul > li > a:first-child {
		color: #000 !important;
		font-size: 15px;
	}
	.left ul ul {
		padding-left: 20px;
		padding-right: 20px;
	}
	.left ul ul ul ul {
		padding-left: 0;
		padding-right: 0;
	}
	.left > ul > li > ul li {
		border-top-color: #dddbeb;
	}
	.left > ul > li > ul > li a:first-child {
		color: #303030 !important;
		padding-left: 0 !important;
		padding-right: 0;
	}
	.left > ul > li > ul > li > ul > li a:first-child {
		padding-right: 35px;
	}
	.left > ul > li.has_children.selected {
		border-top: none;
		background: #dedee0;
	}
	.left > ul > li.selected > ul > li.selected {
		margin-left: -20px;
		margin-right: -20px;
	}
	.left > ul > li.selected > ul > li.has_children.selected {
		border-top: none;
		background: #f5f5f7;
	}
	.left > ul > li.selected > ul > li.selected > a:first-child {
		padding-left: 20px !important;
		padding-right: 55px;
	}
	.center {
		width: 75%;
	}
	.right {
		width: 25%;
	}
	.topcontent {
		padding-right: 0;
	}
}

@media only screen and (max-width: 767px) {
	.topcontent {
		padding-top: 0;
	}
	.header {
		display: fixed;
	}
	.header-center .header-skip2 {
		display: none;
	}
	.header-center .header-topcontent {
		flex-grow: 0;
		display: flex;
		position: fixed;
		width: calc(97% - 20px);
		background: #fff;
		padding-top: 7px;
		padding-bottom: 2px;
	}
	.header-center .header-topcontent img {
		width: auto;
		height: 40px;
		margin: 5px;
	}
	.header-search {
		display: none;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	.header-search.show {
		display: flex;
	}
	.header-center .header-icons {
		width: 76px;
	}
	.header-center .header-icons .search {
		display: inline-block;
		margin-right: 9px;
	}
	.header-search a.close {
		display: inline-block;
	}
	.header-center .header-icons {
	    width: 100%;
	}	
	.left ul a.arrow {
		background-image: url(../images/menu/open2.png);
		right: 15px;
		top: 6px;
	}
	.left ul ul {
		padding-left: 0;
		padding-right: 0;
	}
	.left ul ul a.arrow {
		top: 3px;
	}
	.left ul li {
		border-top-color: #e0deec !important;
	}
	.left ul li.selected {
		position: static;
	}
	.left ul li a {
		padding-top: 0.6em;
		padding-bottom: 0.6em;
		color: #003e7d !important;
	}
	.left ul li.selected.has_children {
		position: absolute;
		left: 3px;
		right: 3px;
		top: 50px;
		background: #dedee0 !important;
		padding-left: 20px;
		/* padding-right: 20px; */
		z-index: 100;
		box-shadow: #888888 0 0 5px;
	}
	.left ul li.selected > a.arrow {
		background-image: url(../images/menu/back2.png);
		left: 5px;
		right: auto;
	}
	.left > ul > li.selected > ul > li.selected {
		margin-left: 0;
		margin-right: 0;
	}
	.left > ul > li > ul > li a:first-child	{
		padding-left: 20px !important;;
	}
	.left > ul > li > ul > li > ul > li a:first-child {
		padding-left: 20px !important;;
	}
	.center {
		float: none;
		width: 100%;
	}
	.right {
		float: none;
		width: 100%;
	}
	.maincontent .clearfix {
		height: auto;
	}
}

@media only screen and (max-width: 575px) {
	.header-search .suche {
		width: 70%;
		padding: 0 20% 0 10%;
	}
}

@media only screen and (max-width: 991px) {
	.hide-m {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	.hide-s {
		display: none;
	}
}

@media only screen and (max-width: 575px) {
	.hide-xs {
		display: none;
	}
}


.ui-state-default {
	background: #F7F7F7 !important;
}

.ui-accordion-header {
	border-color: #A7A7A7 !important;
}