/* Copyright (C) 2002-2024 by Home of the Brave
   Web http://www.brave.de
   E-Mail info@brave.de */

/* $Revision: 2.60 $ $Date: 2024/06/28 09:35:18 $ */
/* owner: Nico.Westermann@brave.de */


@import url("/Styles/Fonts/Fira_Sans/Fira_Sans.css");
@import url("/Styles/Responsive.css");

/* GRUNDEINSTELLUNGEN */
body {
	padding:0px;
	margin:0px;
	background-color:#FFFFFF;
	color:#000000;
	font-size:12px;
	line-height:130%;
}
* {
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

/* SEITENLAYOUT */
#layout_wrapper {
	text-align:center;
	background-color:#f5f5f5;
	min-height:100vh;
}
#column_top {
	min-height:30px;
	padding-top:10px;
}
#layout {
	text-align:left;
	margin:0 auto;
}
#column_left {
	padding-top:20px;
	font-size:12px;
	line-height:160%;
}
#column_main {
	background-color:#fff;
	padding:20px;
}
main {
	line-height:160%;
	font-size:12px;
}
aside {
	font-size:11px !important;
	line-height:140%;
}

/* CLEAR */
#column_main::after, footer::after {
	content:"";
	display:block;
	width:100%;
	height:0;
	clear:both;
}

/* SONDERFALL EINSPALTIG */
#single_column_container {
	width:680px;
	text-align:left;
	vertical-align:top;
	padding:0px 10px 15px 25px;
}
#single_column {
	min-width:510px;
	max-width:680px;
	font-size:11px;
	line-height:160%;
}

/* SEITENKOPF */
#static_logo {
	margin-bottom:50px;
}
.white {
	background-color:#FFFFFF;
}
#nav_meta, #tools_versions {
	font-size:11px;
	color:#3c4d4f;
}
#nav_meta a {
	text-decoration:none;
	color:#3c4d4f;
}
#nav_meta .active {
	color:#000000;
}
#nav_here {
	font-size:10px;
}
#nav_here .title {
	color:#999999;
}
#nav_here a {
	text-decoration:none;
	color:#990000;
}
#tools_versions_container {
	white-space:nowrap;
	text-align:right;
	vertical-align:top;
}
#tools_versions form {
	display:inline;
	background-color:transparent;
	border:none;
	margin:0px;
	padding:0px;
}
#tools_versions .button {
	text-decoration:none;
	color:#3c4d4f !important;
	background-color:transparent !important;
	border:none !important;
	font-size:11px !important;
	margin:2px 0px 0px 0px !important;
	padding:0px !important;
	overflow:visible;
	font-weight:normal !important;
}
#layout_wrapper #tools_versions .button:hover, #layout_wrapper #tools_versions .button:focus {
	color:#1f815d !important;
}

/* NAVIGATION */
#nav_tree {
	margin:0 0 50px 3px;
	padding:0;
	border-top:2px solid #c2c2c2;
	font-size:14px;
}
#nav_tree ul {
	margin:0px;
	padding:0px;
}
#nav_tree li {
	list-style-type:none;
	list-style-image:none;
}
#nav_tree > li {
	border-bottom:2px solid #c2c2c2;
	padding:5px 0;
}
#nav_tree a, #nav_tree span.current {
	display:block;
	text-decoration:none;
	color:#3e5052;
	padding:5px 25px 5px 0;
	font-family:'Fira Sans',Sans-Serif;
	position:relative;
}
#nav_tree a:hover, #nav_tree li.active > a:first-child, #nav_tree li.active > span:first-child {
	background-color:transparent;
	color:#1f815d;
}
#nav_tree > li > a, #nav_tree > li > span {
	font-weight:700;
	text-transform:uppercase;
}
#nav_tree ul ul {
	padding-left:15px;
}
#nav_tree .current {
	position:relative;
}
#nav_tree .current::before {
	content:"";
	display:inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #1f815d;
	left:-12px;
	top:10px;
	position:absolute;
}
#nav_tree .expander {
	display:inline-block;
	position:absolute;
	right:0;
	top:0;
	width:25px;
	height:25px;
	text-align:center;
	line-height:27px;
	overflow:hidden;
	padding:0;
}
#nav_tree .expander .icon {
	padding:0;
	font-size:11px;
}
#nav_tree ul {
	display:none;
}
#nav_tree li.active > ul {
	display:block;
}

/* SITEMAP */
.sitemap ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	font-size:10px;
}
.sitemap .sub1 li {
	padding:1px 5px 2px 5px;
	font-weight:bold;
}
.sitemap .sub li {
	padding:0px 0px 0px 10px;
	font-weight:normal;
}
.sitemap ul a {
	display:block;
	text-decoration:none;
}
.sitemap ul a:link {
	color:#000000;
}
.sitemap ul a:visited {
	color:#000000;
}

/* LINKS */
a {
	text-decoration:underline;
	color:#5d5e61;
}
a:hover, .link:hover {
	color:#1f815d !important;
	text-decoration:none;
}
a img {
	border:none;
	background-color:transparent;
}
a.external {
	background:url(/Icons/External_Off.gif);
	padding-right:12px;
	background-repeat:no-repeat;
	background-position:right;
}
a:hover.external {
	background-image:url(/Icons/External_On.gif);
	background-repeat:no-repeat;
}
a.download {
	background-image:url(/Icons/Download_Off.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:12px;
}
a:hover.download {
	background-image:url(/Icons/Download_On.gif);
}
#static_logo a:hover {
	background-color:transparent;
}

.hidden_jumper {
	display:inline;
	margin:0;
	padding:0;
}
.hidden_jumper a {
	position:absolute;
	left:-1000em;
	top:-1000em;
}
.hidden_jumper a:focus, .hidden_jumper a:active {
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	padding:5px;
	border:1px solid #B8B8B8;
	background-color:#ECECEC;
}
* > .hidden_jumper a:focus, * > .hidden_jumper a:active {
	position:fixed;
}

/* LISTEN */
#content ul, #content ol {
	padding-left:2em !important;
	margin-left:0.8em;
}
#content ul li {
	margin-bottom:3px;
}

/* HEADLINES */
h1, h2, h3, h4 {
	line-height:120%;
	margin:25px 0 15px 0;
}

h1 {
	color:#003366;
	font-size:24px;
	font-weight:700;
	font-family:'Fira sans', sans-serif;
}
h2 {
	color:#405653;
	font-size:16px;
	font-family:'Fira sans', sans-serif;
}
h3 {
	color:#1a171b;
	font-size:14px;
}
aside h1 {
	color:#a01111;
	font-size:18px !important;
	border-bottom:2px solid #c2c2c2;
	padding-bottom:10px;
}
aside h2 {
	font-size:15px;
	font-weight:700;
	color:#000;
	padding:0px;
}
aside h3 {
	font-size:13px;
	margin-top:0;
	padding-left:0;
}
#column_main_inner > h1, #content_main > .first h1, #content_main > .first + .highlighttext h1, #content_main > .fullsizeheadimg + h1, #content_margin .first h1 {
	margin-top:0;
}

/* CONTENT LAYOUT */
.block {
	display:block;
	margin:0px 0px 15px 0px;
}
#content_margin .block {
	margin-bottom:15px;
}
.hidden {
	display:none;
}
tt, pre {
	font-family:monospace;
	font-size:12px;
	line-height:120%;
}
.align_right {
	float:right;
}
div.clear {
	clear:both;
	height:0;
}
.float_left {
	display:block;
	float:left;
	margin:0px 10px 10px 0px;
}
.float_right {
	display:block;
	float:right;
	margin:0px 0px 10px 10px;
}
hr {
	margin:25px 0px 25px 0px;
	padding:0px;
	height:0;
	border-top:   2px solid #c2c2c2;
	border-right: 0px;
	border-bottom:0px;
	border-left:  0px;
}

/* BILDUNTERSCHRIFT */
.image {
	line-height:140%;
	margin:0px 0px 15px 0px;
	color:#405653;
	font-size:0.9em;
}

/* ZITATBOX */
.box, .sitemap {
	text-align:left;
	background-color:#EBEFEE;
	padding:8px 10px;
	margin:15px 0 15px 0;
}
#content_margin .box, #content_margin .box h1 {
	margin-top:0;
}
.box h3, .sitemap h3 {
	line-height:120%;
	font-weight:bold;
	margin:0px;
	padding:1px 5px 3px 3px;
}
.box .block {
	margin:0px !important;
	padding:2px 0px 5px 0px;
}
.box .float_left {
	float:none;
	margin:0px;
}
.box .float_right {
	float:none;
	text-align:right;
	margin:0px;
}
.box img {
	display:block;
	margin:3px -5px 5px -5px;
}
.box .float_right img {
	margin:3px -5px 5px auto;
}

/* FORMULAR */
form {
	background-color:#EBEFEE;
	padding:0px;
	margin:0px 0px 15px 0px;
}
form.invisible {
	margin:0px;
	padding:0px;
	border:none;
	background-color:transparent;
}
fieldset {
	border-left: none;
	border-top:  none;
	border-right:none;
	border-bottom:1px solid #EBEFEE;
	padding:3px 5px 5px 5px;
	margin:0px;
}
fieldset.marked {
	background-color:#FFE699;
}
form.invisible fieldset {
	padding:0px 0px 10px 0px;
	border:none;
}
legend {
	display:inline;
	font-size:11px;
	font-weight:bold;
}
label {
	display:block;
	cursor:pointer;
}
label.check {
	display:inline;
	padding-left:2px;
}
input.check {
	position:relative;
	top:3px;
}
.input {
	background-color:#FFFFFF;
	border:1px inset #9CA2A7;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:100%;
	margin:2px 0px 5px 0px;
}
.input:focus {
	background-color:#FFE699 !important;
}
fieldset.marked .input:focus {
	background-color:#FFFFFF;
}
#layout_wrapper .button {
	background-color:#9CA2A7;
	color:#FFFFFF;
	border-left:  none;
	border-top:   none;
	border-right: 1px solid #627385;
	border-bottom:1px solid #627385;
	font-size:11px;
	font-weight:bold;
	margin:2px 0px 0px 0px;
	padding:4px 6px;
	cursor:pointer;
	display:inline-block !important;
	line-height:12px;
	vertical-align:top;
}
#layout_wrapper .button:hover, #layout_wrapper .button:focus, #layout_wrapper a.button:hover, #layout_wrapper a.button:focus {
	color:#FFE699 !important;
}
#layout_wrapper a.button {
	text-decoration:none;
	color:#FFFFFF;
}
#layout_wrapper a.button:visited {
	color:#FFFFFF;
}
.img_button {
	background-color:#FFFFFF;
	border:1px outset #9CA2A7;
	margin:2px 0px 0px 0px;
	cursor:pointer;
}
.img_button:hover, .img_button:focus {
	background-color:#FFE699;
}
.link {
	margin:0px -3px 0px -3px;
	padding:0px;
	cursor:pointer;
	border:none;
	background-color:transparent;
	color:#990000;
	text-decoration:underline;
	font-size:10px;
}
label.error {
	color:#CC0000;
}
.input.error {
	border-left-color:#CC0000;
	border-top-color:#CC0000;
}
p.error {
	color:#CC0000;
	font-weight:bold;
}
.textarea, iframe {
	border:1px inset #9CA2A7;
	width:100%;
}

/* TABELLEN */
td {
	line-height:160%;
}
main td {
	font-size:12px !important;
}
aside td {
	font-size:11px;
}
table.regular td {
	padding:3px;
}
table.regular tr.regular {
}
tr.title td, td.title {
	font-weight:bold;
}
tr.title a:hover, td.title a:hover {
	color:#990000;
}
tr.active td {
	background-color:#FFE699 !important;
}
table.invisible {
	margin:0px -4px 0px -4px;
}
table.invisible td {
	padding:0px 3px 0px 3px;
	border:none !important;
}
#content table table {
	margin:5px 0 5px 0;
}
table.regular {
	border:1px solid #E3E3E5;
	border-left:none;
	border-collapse:collapse;
}
table.regular tr.odd td {
	background-color:#EAF0F0;
	border-left:1px solid #fff;
}
table.regular tr.odd td.first {
	border-left:1px solid #E3E3E5;
}
table.regular tr.even td {
	border-left:1px solid #E3E3E5;
}

/* BANNER */
div.banner {
	margin:0 0 30px 0;
	border:none;
	color:#3c4d4f !important;
	background:transparent !important;
	padding:0 !important;
}
div.banner h3 {
	font-size:14px;
	color:#3c4d4f !important;
	padding:0 0 3px 0;
	font-family:'Fira Sans',Sans-Serif;
}
div.banner a {
	display:block;
}
#column_left .banner {
	margin-left:3px;
}

/* BLOCKSTILE + -TEMPLATES */
.double_headline h1 {
	margin-bottom:0;
}
.double_headline h2 {
	color:#003366;
	font-size:22px;
	font-weight:normal;
	margin-top:0;
	margin-bottom:0;
}
.double_headline_content {
	clear:left;
	margin-top:15px;
}
.tableborderhead {
	border:1px solid #E3E3E5;
}
.tableborderhead h1 {
	border:none;
	margin:3px 5px 0 5px;
	padding-bottom:0;
}
.tableborderhead table.regular, .tableborderhead .block {
	border-left:none;
	border-right:none;
	border-bottom:none;
	margin-bottom:0 !important;
}
.tableborderhead table.regular td.first {
	border-left:none;
}
.fullsizeheadimg, .fullsizeheadimg * {
	margin:0;
	padding:0;
}
.highlighttext h1, .highlighttext h2, .highlighttext h3, .highlighttext {
	color:#A01111;
}

/* SONSTIGES */
#info_lastmodified {
	margin:40px 0px 5px 0px;
	padding:0px;
	font-size:10px;
	color:#999999;
	text-align:right;
	font-style:italic;
}
img {
	max-width:100%;
	height:auto;
}
body > #description {
	padding:20px;
}
body > #description input {
	font-size:1em !important;
	margin:0 0 10px 0 !important;
}

/* "Tab"-Bloecke */
.tab_links {
	margin-top:1em;
	padding-left:1px;
	background-color:#95A1AE;
	min-height:25px;
}
.tab_links a {
	padding:5px 9px 0 9px;
	margin:0;
	white-space:nowrap;
	color:white !important;
	height:26px;
	border-bottom:1px solid #95A1AE;
	text-decoration:none;
	display:inline-block;
	position:relative;
	top:2px;
	border-right:1px solid #fff;
}
.tab_links .open {
	border-bottom:1px solid white !important;
	background-color:white;
	color:#000 !important;
	cursor:default;
	text-decoration:none;
}
.tab_links a.closed:hover {
	color:#FFE699 !important;
	background-color:#95A1AE;
}
.tab_view {
	border:1px solid #95A1AE;
	margin-bottom:2em;
	padding:10px 5px 0 5px;
	clear:both;
}
table tr.active td a.open, #column_content form a.open, .tab_view, body tr.active .tab_view tr td {
	background-color:white !important;
}
.tab_links .separator {
	display:none;
}

/* Ausnahme Administration */
table .active .tab_links {
	background-color:#FFE699 !important;
	padding-left:0;
}
table .active .tab_links a {
	color:#818181 !important;
	border:1px dotted white;
	border-bottom:none;
}
table .active .tab_links a.open {
	border-color:#95A1AE;
	border-style:solid;
}
table .active .tab_view fieldset {
	border-bottom:none !important;
}
table .active .tab_links .separator {
	border:none;
	display:inline-block !important;
	width:3px;
}

.hideable .anton_lang, .hideable .anton_lang *, .tab_view .anton_lang, .tab_view .anton_lang * {
	color:#039;
}

/* PROGRESS BAR */
#Progress_Bar_Bg {
	position:absolute;
	top:0px;
	left:0px;
	background-color:#CCC;
	-moz-opacity:0.75;
	opacity:0.75;
	filter:alpha(opacity=75);
}
#Progress_Bar {
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	text-align:left;
}
* > #Progress_Bar {
	width:302px;
}
#Progress_Bar .block {
	margin:-1px 0px 0px 0px;
	padding:5px;
	border:1px solid black;
	background-color:white;
	font-size:0.8em;
}
#Progress_Bar_Frame {
	width:300px;
	border:1px solid black;
	background-color:white;
}
#Progress_Bar_Index {
	width:0px;
	height:20px;
	background-color:blue;
}
#Progress_Bar_Image {
	margin-bottom:10px;
	text-align:center;
}

/* BILD SKALIERUNG */
a.image_scale_toggle {
	position:absolute;
	float:left;
	width:32px;
	height:32px;
	margin:5px;
	background-repeat:no-repeat;
}
a.image_scale_up {
	background-image:url(/Icons/Scale_Up.png);
}
a.image_scale_down {
	background-image:url(/Icons/Scale_Down.png);
}

/* BLOCK UEBERBLENDUNG */
.transition_block {
}
.transition_block_nav {
}
.transition_block_paging {
}
.transition_block_nav a {
	display:block;
	float:left;
	width:13px;
	height:13px;
	margin:5px 5px 0 0;
	border:1px solid blue;
	background:no-repeat center;
	text-decoration:none;
}
.transition_block_nav a.transition_prev {
	background-image:url(/Icons/Previous.gif);
}
.transition_block_nav a.transition_next {
	background-image:url(/Icons/Next.gif);
}
.transition_block_paging a.activeSlide {
	color:#000;
	border-color:#000;
	cursor:default;
}
.transition_block h3 {
	margin-top:0;
}

/* FOOTER */
footer {
	background-color:#f5f5f5;
	padding:10px 0 40px 0;
}
footer a {
	color:#3c4d4f !important;
}

/* GOOGLE MAPS */
.google_map_conf {
	display:none;
}
.google_map {
}
.google_map .block {
	height:400px;
}

/* POLLS */
.poll_form {
}
.poll_results {
}
.poll_result {
	margin-bottom:5px;
}
.poll_result td.title {
	background-color:blue;
}

/* UI OVERLAY */
.ui-widget-overlay {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#aaa;
	opacity:.3;
	filter:Alpha(Opacity=30);
}
.ui-dialog {
	background-color:#fff;
	-moz-box-shadow:1px 1px 5px #000;
	-webkit-box-shadow:1px 1px 5px #000;
	box-shadow:1px 1px 5px #000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000')";
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000');
	font-size:0.8em;
	text-align:left;
	border:1px solid #B8B8B8;
	position:absolute;
	overflow:hidden;
}
.ui-dialog .ui-dialog-titlebar-close {
	float:right;
	display:block;
	font-weight:normal;
}
.ui-dialog .ui-dialog-titlebar {
	background-color:#ECECEC;
	text-align:left;
	padding:10px;
	font-weight:bold;
	height:20px;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
	float:left;
}
.ui-dialog .ui-dialog-content {
	padding:10px;
}

/* FUER ANT-ON! */
.anton_overview_space img {
	width:24px;
}
.anton_block, .collection.old {
	border:3px dotted #990000;
}
.anton_margin, .collection.new {
	border:3px dotted #95A1AE;
}
.anton_block form {
	margin-bottom:0px;
}
.anton_block, .collection {
	margin-bottom:10px;
}
.preview_block {
	border:2px dotted #ABABAB;
	background-color:#FEFEFE;
}
.action_options {
	display:none;
}
.action_options table {
	margin-top:10px;
}
.action_options table tr td {
	border-top:1px solid #ECECEC;
	padding:5px 0 5px 0;
}
#anton_link_window {
	padding:10px;
}
#anton_link_window .input {
	width:94%;
}
.button_group .img_button {
	margin:0px 0px 2px 0px;
}
.button_group {
	padding:0px 10px 0px 0px;
	white-space:nowrap;
}
.char_select {
	position:absolute;
	width:209px;
	padding:2px;
	border:1px solid #CECECE;
	background-color:#ECECEC;
	z-index:1000;
}
.char_select a {
	display:block;
	float:left;
	width:20px;
	height:20px;
	margin:2px;
	border:1px solid #CECECE;
	background-color:white;
	color:#000;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
}
.char_select a:hover {
	border-color:#555;
}
.anton_overview_table > table {
	width:100%;
}
form table.invisible select#blocktype {
	max-width:150px;
}