@charset "utf-8";

@IMPORT url("/javax.faces.resource/templates/bitv20/css/template/import.2021.1.css.xhtml");

* {
	margin: 0;
	padding: 0;
	/* 	Zum Testen der Positionen der einzelnen Elemente */
	/* 		border-style: solid; */
	/* 		border-color: red; */
}

.wrapper {
	margin-left: 20.5%;
	margin-right: 20.5%;
	text-align: left;
	overflow: auto;
}

.clearfix {
	/* 	overflow: auto; */
	clear: both;
}

body {
	min-width: 310px;
	/* 	min-height: 768px; */
	font: 80% 'BundesSansWeb', Arial, helvetica, sans-serif;
	color: #333;
	background: #eef0f3
		url("/javax.faces.resource/daten/grafiken/hintergrund/bg_main.jpg.xhtml") no-repeat
		center top;
	background-size: 80%;
	padding-top: 0.75em;
	padding-left: 0.625em;
	text-align: center;
}

a:link {
	text-decoration: none;
	color: #274d36;
}

/*
 * http://stackoverflow.com/questions/25085428/visited-links-not-changing-color-in-ie11
 * Redirect auf den Folgeseiten kann die :visited-Ermittlung von IE durcheinander bringen.
 */
a:visited {
	text-decoration: none;
	/* 	Hiermit werden alle Links gefaerbt, auch die Accordions */
	/* 	color: #551A8B !important; */
	/* 	Hiermit werden die Accordions nicht gefaerbt, die Links in den Dialogen aber auch nicht. */
	color: #551A8B;
}

a:hover, a:focus, a:active {
	color: #274d36;
	text-decoration: underline;
}

a:focus, input:focus, select:focus, .ui-accordion-header.ui-state-default:focus,
	.form_button_style:focus {
	/* 	outline: #0099FF dotted 1px; */
	outline: #0000FF solid 3px;
	/* 	outline: 3px solid orange */
}

span.accordion-information.ui-widget-header.ui-corner-all a.bmf-info-button:focus
	{
	background-color: white;
}

/* , span.accordion-information.ui-widget-header.ui-corner-all a.bmf-info-button:focus */
h2.accordion-bmf-header-h2.ui-state-active a:focus {
	outline: #FFFF00 solid 3px;
}

a.alink.bmf_link_ls_aktuell:hover, a.alink.bmf_link_ls_aktuell:focus {
	text-decoration: none;
}
/* .bmf_link_ls_aktuell:HOVER, .bmf_link_ls_aktuell:FOCUS { */
/* 	color: white; */
/* 	background-color: #4A5058; */
/* } */
h1 {
	/* 		font-size: 1.09em; */
	padding: 10px 0 0 15px;
	margin: 0;
}

h2 {
	/* 	font-size: 0.89em; */
	padding: 10px 15px 10px 15px;
	color: #336446;
	margin: 0;
}

.template_kopf {
	background-color: #FFFFFF;
}

.template_infobox, .template_fehlerbox {
	background-color: #FFFFFF;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
}

.template_fehlerbox_sub {
	padding-left: 0px !important;
	padding-top: 0px !important;
	margin-bottom: 10px;
}

.template_navigation {
	background-color: #FFFFFF;
	clear: left;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

.template_inhalt {
	background-color: #FFFFFF;
}

.template_fuss {
	min-height: 35px;
	background-color: #FFFFFF;
	margin-bottom: 10px;
	padding-bottom: 2px;
}

.infoMail {
	display: block;
	background: #deeae7
		url("/javax.faces.resource/daten/grafiken/logos/icon_mail.gif.xhtml") no-repeat 7px
		7px;
	padding: 4px 4px 4px 30px;
	margin: 10px 0 0 0;
	color: #227360;
	width: 13.5em;
}

.bmf-info-logo {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 196px;
	height: 100px;
}

.bmf_div_seperator {
	background: #fff
		url("/javax.faces.resource/daten/grafiken/fuss/bg_fieldset.gif.xhtml") repeat-x
		scroll 0 top;
	padding-top: 10px;
}

img {
	color: black !important;
	background-color: white !important;
}

img[alt] {
	text-decoration: none !important;
	color: black;
	background-color: white;
	/* 	cursor: pointer; */
}

img[alt]:focus, img[alt]:HOVER {
	text-decoration: underline;
	/* 	cursor: pointer; */
}

input, select {
	font-size: 1em;
}

.pflichtfeld {
	color: #8B4517;
}

@media screen and (max-width: 1885px) {
	.kopf_menu {
		margin-left: 10px;
	}
}

@media screen and (max-width: 1100px) {
	.menusteuerung_box, .menusteuerung_box2, .menusteuerung_box_jahr {
		flex-direction: column;
	}
	.menusteuerung_box li {
		width: 49.5%;
	}
	.sitemap_ls_jahr_li {
		width: 125px;
		margin-bottom: 5px;
	}
}

@media screen and (max-width: 1024px) {
	.wrapper {
		margin-left: 2%;
		margin-right: 2%;
	}
	.bmf-info-content {
		width: 80%;
	}
	.bmf-info-close {
		left: 90%;
	}
	body {
		background-size: 100%
	}
	.form_cell_right {
		text-align: right;
		padding-right: 0px;
		width: 44%;
	}
	div[class="form_cell"] {
		margin-left: 0px;
		width: 54%;
	}
}

@media screen and (max-width: 640px) {
	table {
		overflow-x: auto;
		display: block;
	}
	body {
		background-size: 100%
	}
}