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

/* $Revision: 2.48 $ $Date: 2011/11/11 13:31:04 $ */
/* owner: Simon.Leidig@brave.de */


/* GRUNDEINSTELLUNGEN */

body {
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
	color: #000000;
}
* {
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

/* SEITENLAYOUT */

#layout {
	width: 100%;
	height: 100%;
}
#page_head {
	height: 72px;
	text-align: left;
	vertical-align: top;
	padding: 5px 10px 8px 25px;
}
#content {
	text-align: left;
	vertical-align: top;
}
#column_left {
	background-color: #CACFD3;
	width: 212px;
	text-align: left;
	vertical-align: top;
	font-size:11px;
}
#column_center_container {
	width: 500px;
	text-align: left;
	vertical-align: top;
	padding: 0px 10px 15px 25px;
}
#column_center {
	max-width: 500px;
	line-height: 160%;
	font-size:12px;
	margin-top: 15px;
}
#single_column_container {
	line-height: 160%;
	font-size:12px;
	width:680px;
}
 #single_column_container table td {
	font-size:12px;
 }
#column_right {
	width: 180px;
	border-left: 1px dotted #95A1AE;
	text-align: left;
	vertical-align: top;
	padding: 0px 5px 15px 5px;
	font-size: 11px !important;
	line-height: 140%;
}
#border_right {
	width: 1%;
}


/* 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 {
	padding: 12px 10px 15px 10px;
	background-color:#fff;
}
.white {
	background-color: #FFFFFF;
}
#nav_meta, #tools_versions {
	font-size: 10px;
	font-weight: bold;
	color: #990000;
	height: 40px;
}
#nav_meta a {
	text-decoration: none;
	color: #990000;
}
#nav_meta .active {
	color: #000000;
}
#nav_here {
	font-size: 10px;
}
#nav_here .title {
	color: #999999;
}
#nav_here a {
	text-decoration: none;
	color: #990000;
}
#nav_meta_container {
	width: 100%;
	vertical-align: top;
}
#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: #990000;
	background-color: transparent;
	border: none;
	font-size: 10px;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	overflow: visible;
}
#tools_versions .button:hover, #tools_versions .button:focus {
	color: #990000;
	background-color: #CACFD3;
}

/* NAVIGATION */

#nav_tree {
	margin: 0px;
	padding: 0px;
}
#nav_tree ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#nav_tree li {
	font-size: 12px;
	background-image:url(/Icons/Nav_Bg.gif);
	background-repeat:repeat-x;
	background-color:#CAD1D7;
}
#nav_tree li.active {
	background-image:url(/Icons/Nav_Bg.gif);
	background-repeat:repeat-x;
	background-color:#EAEFEE;
}
#nav_tree a, #nav_tree span {
	display: block;
	text-decoration: none;
	color: #000;
	padding:8px 8px 8px 16px;
	border-bottom: 2px solid #FFFFFF;
}
#nav_tree li.active a {
	color: #000000;
}
#nav_tree li.active li {
	background-image:none;
	background-color:#EAEFEE;
}
#nav_tree a:hover {
	color: #FFE699;
	background-color: #95A1AE;
}
#nav_tree li.active a:hover {
	color: #000000;
	background-color: #FFE699;
}
#nav_tree li.active a, #nav_tree li.active span {
	color:#1F815D;
	padding:8px 8px 8px 16px;
	font-weight:bold;
}
#nav_tree li.active li a, #nav_tree li.active li span {
	background-image:none;
	color:#000;
	padding:5px 5px 5px 16px;
	font-weight:normal;
}
#nav_tree span.current {
	background-image:url(/Icons/Arrow2.gif) !important;
	background-repeat:no-repeat;
	background-position:5px 50%;
	background-color:#B9D5CC;
	font-weight:bold !important;
}
#nav_tree .sub {
	padding: 0px 0px 0 0px;
}
#nav_tree .sub li {
	padding: 0px;
	font-size: 11px;
	font-weight: normal;
}
#nav_tree .sub li.active {
}
#nav_tree .sub a {
	color: #000000;
}
#nav_tree a:hover {
	background-color: #FFE699;
	color:#000;
}
#nav_tree .level_3 a, #nav_tree .level_3 span {
	padding-left:25px !important;
	background-position:15px 50%;
}
#nav_tree .level_4 a, #nav_tree .level_4 span {
	padding-left:35px !important;
	background-position:25px 50%;
}
#nav_tree .level_5 a, #nav_tree .level_5 span {
	padding-left:45px !important;
	background-position:35px 50%;
}
#nav_tree .level_6 a, #nav_tree .level_6 span {
	padding-left:55px !important;
	background-position:45px 50%;
}
#nav_tree .level_2 {
	border-bottom:7px solid #fff;
}

/* 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;
}
a:link {
	color: #071d83;
}
a:visited, a:active {
	color: #5D5E61;
}
a:hover {
	color: #344808;
	background-color: #FFE699;
}
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:active.external {
	background-image: url(/Icons/External_Act.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);
}
a:active.download {
	background-image:url(/Icons/Download_Act.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 {
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.2;
	margin-bottom: 0.5em;
}

h1 {
	border-bottom: 2px solid #c2c2c2;
	color: #405653;
	font-size: 22px;
	padding-bottom: 4px;
	letter-spacing:0.02em;
	font-weight:normal;
}
h2 {
	color: #003366;
	font-size: 16px;
}
#column_right h2 {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	padding: 0px;
	margin: 6px 0px 4px 0px;
}
h3 {
	color: #1a171b;
	font-size: 14px;
}
#column_right h1 {
	background-color:#fff;
	padding-bottom:5px !important;
	padding-top:0 !important;
	margin-bottom:0;
	color:#a01111;
	margin-top:0 !important;
}
#column_right h2 {
	font-size:13px;
	font-weight:bold;
	color:#000;
	margin-bottom:0;
	margin-top:0;
}
#column_right h3 {
	font-size: 13px;
	margin-top:0;
	padding-left:0;
}

/* CONTENT LAYOUT */

.block {
	display: block;
	margin: 0px 0px 15px 0px;
}
#content_margin .block, #content_margin h1, #content_margin h2 {
	padding:5px 5px 0 5px;
}
#content_margin .block {
	padding-bottom:10px;
	border-bottom:2px solid #fff;
	margin-bottom:5px;
}
.hidden {
	display: none;
}
tt, pre {
	font-family: monospace;
	font-size: 12px;
	line-height: 120%;
}
.align_right {
	float: right;
}
.clear {
	clear: both;
}
.float_left {
	display: block;
	float: left;
	margin: 0px 10px 10px 0px;
}
.float_right {
	display: block;
	float: right;
	margin: 0px 0px 10px 10px;
}
hr {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	height: 1px;
	border-top:    1px solid #95A1AE;
	border-right:  0px;
	border-bottom: 0px;
	border-left:   0px;
}
#content_margin {
	background-color:#EBEFEE;
}
#content_margin h1 {
	position:relative;
	top:-8px;
	padding-top:4px !important;
}

/* 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: 1px 5px 0px 5px;
	margin:15px 0 15px 0;
}
#content_margin .box, #content_margin .box h1 {
	padding:0;
	margin-top:0;
}
.sitemap {
	padding: 0px;
}
.box h3, .sitemap h3 {
	line-height: 120%;
	font-weight: bold;
	margin: 0px;
	padding: 1px 5px 3px 3px;
}
.box .block {
	margin: 0px;
	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: monospace;
	font-size: 12px;
	line-height: 100%;
	margin: 2px 0px 5px 0px;
}
.input:focus {
	background-color: #FFE699 !important;
}
fieldset.marked .input:focus {
	background-color: #FFFFFF;
}
.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: 2px;
	cursor: pointer;
}
.button:hover, .button:focus {
	color: #FFE699;
}
a.button {
	text-decoration: none;
	background-color:#9CA2A7;
	color: #FFFFFF;
	padding: 3px 6px 3px 6px;
	position: relative;
	top: 2px;
}
a.button:visited {
	color: #FFFFFF;
}
a.button:hover, a.button:focus {
	background-color: #95A1AE;
	color: #FFE699;
}
.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;
}
.link:hover, .link:focus, a:focus {
	color: #990000;
	background-color: #FFE699;
}
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;
}

/* TABELLEN */

td {
	line-height: 160%;
}
#column_center td {
	font-size:12px !important;
}
#column_right 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;
}
table.invisible {
	margin: 0px -4px 0px -4px;
}
table.invisible td {
	padding: 0px 3px 0px 3px;
}
#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: 10px 10px 0px 10px;
	background-color:#fff !important;
	border:none;
	color:#405552 !important;
	line-height:130%;
}
div.banner h3 {
	font-size:16px;
	background-image:url(/Icons/Arrow1.gif);
	background-position:3px 40%;
	background-repeat:no-repeat;
	padding-left:15px;
	background-color:transparent;
	color:#405552 !important;
}
div.banner a {
	display: block;
	margin: -2px -5px -5px -5px;
	padding: 2px 5px 5px 5px;
	line-height: 130%;
	text-decoration: none;
}
div.banner a:link {
	color: #535252;
}
div.banner a:visited {
	color: #999999;
}
div.banner a:hover {
	color: #535252;
}
div.phone {
	background-color:#EAEAEA;
}

/* BLOCKSTILE + -TEMPLATES */
.double_headline h1, .double_headline h2 {
	display:inline;
	border:none;
	margin-bottom:0;
	height:10px;
}
.double_headline h1 {
	font-size:21px;
}
.double_headline h2 {
	color: #405653;
	font-size: 17px;
	padding-bottom: 4px;
	letter-spacing:0.02em;
	font-weight:normal;
	margin:1.1em 0 0 5px;
}
.double_headline_content {
	border-top:2px solid #c2c2c2;
	clear:left;
	padding-top:5px;
}
.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;
}
.fullsizeheadimg {
	position:absolute;
	top:78px;
	border-bottom:10px solid #fff;
	background-color:#fff;
}

/* SONSTIGES */

.marker_top, .marker_bottom {
	margin: 0px 0px 0px -7px;
	padding: 0px;
	width: 7px;
	float:left;
	position:absolute;
}
.marker_top {
	margin-bottom: 15px;
}
#info_lastmodified {
	margin: 10px 0px 5px 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}

/* "Tab"-Bloecke */
.tab_links {
	margin-top:1em;
	padding-left:1px;
	background-color: #9CA2A7;
}
.tab_links a {
	padding: 1px 9px 3px 9px;
	margin:2px 0 1px 0;
	border-right: 1px dotted white !important;
	border-bottom:none;
	white-space:nowrap;
	color:white !important;
	
}
* > .tab_links a {
}
.tab_links .open {
	border-bottom:2px solid white !important;
	background-color:white;
	color: #000 !important;
	cursor: default;
	text-decoration: none;
	font-weight:bold;
}
* > .tab_links .open {
	padding-bottom:1px;
}
.tab_links .closed {
	color:#AAA;
	border-color:#AAA;
	text-decoration:none;
}
.tab_links a.closed:hover {
	color:black !important;
	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, .tab_view td {
	background-color:white !important;
}
/* Ausnahme Administration */
table .active .tab_links {
	background-color:#FFE699 !important;
	padding-left:0;
}
table .active .tab_links .open {
	padding-bottom:2px;
	border-color: #95A1AE;
	border-style: solid;
	border-right: 1px solid #95A1AE !important;
}
table .active .tab_links a {
	color: #818181 !important;
	border:1px dotted white;
	border-bottom:none;
}
table .active .tab_view fieldset {
	border-bottom:none !important;
}

.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);
}

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

/* UI OVERLAY */
.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;
}