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

/* $Revision: 1.17 $ $Date: 2007/01/04 17:28:27 $ */
/* owner: Simon.Leidig@brave.de */


/* GRUNDEINSTELLUNGEN */

body {
	margin: 0px;
	padding: 0px;
	padding: 10px;
	background-color: #FFF;
	color: #333;
}
* {
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
td {
	text-align: left;
	vertical-align: top;
	line-height: 165%;
}

/* BASIS SCHRIFTGRADE */

body {
    font-size: 1em;
}
td {
    font-size: 0.7em;
}
#column_left, #column_right, #meta_top td {
    font-size: 0.6em;
}
#footer td {
	font-size: 0.55em;
}

/* SEITENLAYOUT */

#layout_container {
	text-align: center;
	width: 100%;
}
#layout {
	width: 992px;
}
#content_container {
	border: 1px solid #CCC;
	padding: 14px;
}
#meta_top {
	width: 100%;
}
#tools_language_container {
	text-align: left;
}
#nav_meta_container {
	text-align: right;
}
#column_left {
	width: 193px;
}
#column_center {
	width: 576px;
}
#column_center_single {
	width: 100%;
}
#content_main {
	margin: 0px 18px 0px 18px;
}
#column_center_single #content_main {
	margin: 0px 0px 0px 18px;
}
#column_right {
	width: 193px;
	padding-top: 1.7em;
}

/* BILD IM SEITENKOPF */

#area_image {
	height: 265px;
	margin-bottom: 14px;
	background: url(/Icons/Head_General.jpeg) no-repeat;
}

/* CLICKSTREAM */

#nav_here {
	border-bottom: 1px solid #CCC;
	margin: -2px 18px 1.82em 18px;
}
#column_center_single #nav_here {
	margin: -2px 0px 1.82em 18px;
}
#column_center > #nav_here, #column_center_single > #nav_here {
	margin-top: -1px;
}
#nav_here a {
	color: #333;
}
#nav_here a:hover {
	color: #999;
}
#nav_here .title {
	display: none;
}
#nav_here .active {
	color: #999;
}
.separator {
	color: #999;
}

/* SEITENKOPF */

#meta_top td {
    color: #999;
}
#nav_meta, #tools_language {
	margin-bottom: 2px;
}
#meta_top a {
	color: #333;
}
#meta_top a:hover {
	color: #999;
}
#nav_meta_container * {
	display: inline;
}
#nav_meta_container .button {
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: transparent;
	color: #333;
	text-transform: none;
	font-size: 1em;
}
#tools_versions .button {
	height: 17px;
	margin: 0px -1em 0px 1.3em;
	padding: 1px 0px 0px 7px;
	background: url(/Icons/Print_Off.gif) no-repeat left;
}
#tools_versions form > .button {
	height: 16px;
	margin: 0px -0.25em 0px 1.2em;
	padding: 0px 0px 0px 14px;
}
#tools_versions .button:hover, #tools_versions .button:focus {
	background: url(/Icons/Print_On.gif) no-repeat left;
}
#tools_font .button {
	width: 9px;
	height: 11px;
	position: relative;
	top: -3px;
	margin: 0px 0px 0px 4px;
	background: #333 no-repeat left;
}
#tools_font form > .button {
	top: 1px;
}
#tools_font .button:hover, #tools_font .button:focus {
	background-color: #999;
}
#font_increase .button {
	background-image: url(/Icons/Font_Larger.gif);
}
#font_decrease .button {
	background-image: url(/Icons/Font_Smaller.gif);
}
#font_reset .button {
	background-image: url(/Icons/Font_Reset.gif);
}
#nav_meta_container .button:hover, #nav_meta_container .button:focus {
	color: #999;
}
#nav_meta_container h3 {
	margin: 0px 0px 0px 1.1em;
	padding: 0px;
    font-size: 1em;
	font-weight: normal;
	color: #333;
}
#nav_meta img {
	position: relative;
	top: 1px;
	margin-right: 5px;
	background-color: #333;
}
#nav_meta .active img, #nav_meta a:hover img {
	background-color: #999;
}

/* NAVIGATION LINKS */

#nav_tree {
	width: 193px;
	list-style-type: decimal-leading-zero;
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
}
#nav_tree li, a.linktitle, .box h1, #column_right .box h1, #tools_login h3 {
	border-bottom: 1px solid #CCC;
	font-weight: bold;
	color: #903;
	padding-bottom: 1px;
	margin-bottom: 13px;
	text-transform: uppercase;
}
#nav_tree li.active, #nav_tree li.active a, #nav_tree .current, #nav_tree li.active li.active a {
	color: #333;
}
#nav_tree ul {
	list-style-image: url(/Icons/Forward_Off.gif);
	list-style-position: outside;
	line-height: 150%;
	margin: 0px;
	padding: 10px 10px 10px 15px;
	border-top: 1px solid #CCC;
	background-color: #F6F6F6;
}
#nav_tree .sub li {
	margin: 5px 0px 0px 10px;
	padding: 0px;
	font-weight: normal;
	border: none;
	text-transform: none;
}
#nav_tree .sub ul {
	list-style-image: url(/Icons/Forward_Off.gif);
	border: none;
	padding: 0px 0px 10px 10px;
}
#nav_tree .sub li.active {
	font-weight: bold;
}
#nav_tree a, #nav_tree li.active ul a {
	color: #903;
}
#nav_tree a:hover, #nav_tree li.active a:hover, #nav_tree li.active li.active a:hover {
	color: #333;
}

/* NAVIGATION UNTEN */

#nav_top {
	margin: 0px;
	padding: 0px;
}
#nav_top a {
	color: #333;
}
#nav_top a.active, #nav_top .current {
	color: #999;
}
#nav_top a:hover {
	color: #999;
}

/* FOOTER */

#footer form {
	background-color: transparent;
	border: none;
}
#footer {
	border-top: 1px solid #CCC;
	margin-top: 100px;
}
#footer td {
	padding-top: 6px;
}
#footer_left {
	text-align: left;
	white-space: nowrap;
}
#footer_center {
	width: 100%;
	text-align: center;
}
#footer_right {
	text-align: right;
	white-space: nowrap;
}
#footer .jumper_top {
	display: block;
	width: 16px;
	background: url(/Icons/To_Top_Off.gif) no-repeat;
}
#footer .jumper_top:hover {
	background: url(/Icons/To_Top_On.gif) no-repeat;
}
#subfooter {
	font-size: 0.82em;
	color: #999;
}
#subfooter #copyright {
	float: right;
}
#subfooter #info_lastmodified {
	margin: 0px;
	float: left;
}

/* LOGIN-BOX */

#tools_login p {
	margin: 0px;
	padding: 0px;
}
* > #tools_login .input {
	width: 100%;
}

/* LINKS */

a {
	text-decoration: none;
	color: #903;
}
a:hover {
	color: #333;
}
a img {
	border: none;
}
a.external {
	background: url(/Icons/External_Off.gif) no-repeat right;
	padding-right: 1.5em;
}
a:hover.external {
	background: url(/Icons/External_On.gif) no-repeat right;
}
a.download {
	background: url(/Icons/Download_Off.gif) no-repeat right;
	padding-right: 1.5em;
}
a:hover.download {
	background: url(/Icons/Download_On.gif) no-repeat right;
}
a.linkback, a.linktop {
	margin-top: 2em;
	display: block;
	border-top: 1px solid #CCC;
}
a.linktop.up {
	margin-top: -1.65em;
	display: inline;
	float: right;
	border: none;
}
a.linkback {
	background: url(/Icons/Back_Off.gif) no-repeat left;
	padding-left: 1.5em;
}
a:hover.linkback {
	background: url(/Icons/Back_On.gif) no-repeat left;
}
a.linktop {
	background: url(/Icons/To_Top_Off.gif) no-repeat right;
	padding-right: 1.3em;
	text-align: right;
}
a:hover.linktop {
	background: url(/Icons/To_Top_On.gif) no-repeat right;
}
a.linkemail {
	background: url(/Icons/Email_Off.gif) no-repeat right;
	padding-right: 1.5em;
}
a:hover.linkemail {
	background: url(/Icons/Email_On.gif) no-repeat right;
}
a.linktitle {
	display: block;
	margin: 8px 0px 12px 0px;
	background: url(/Icons/Forward_Off.gif) no-repeat right;
}
a.linktitle:hover {
	background: url(/Icons/Forward_On.gif) no-repeat right;
}
a.linkmore {
	display: block;
	margin-top: 5px;
	padding-left: 1.3em;
	background: url(/Icons/Forward_Off.gif) no-repeat left;
}
a.linkmore:hover {
	background: url(/Icons/Forward_On.gif) no-repeat left;
}

/* CONTENT LAYOUT */

.block {
	display: block;
	margin: 0px 0px 1.82em 0px;
}
#column_right .block {
	line-height: 160%;
}
.align_right {
	float: right;
}
.clear {
	clear: both;
}
.float_left {
	display: block;
	float: left;
	margin: 0px 0.91em 0.91em 0px;
}
.float_right {
	display: block;
	float: right;
	margin: 0px 0px 0.91em 0.91em;
}
hr {
	margin: 0px 0px 1.82em 0px;
	padding: 0px;
	height: 1px;
	border-top:    0px;
	border-right:  0px;
	border-bottom: 1px solid #CCC;
	border-left:   0px;
}
.hidden {
	display: none;
}

/* HEADLINES */

h1, #column_right .box h1 {
	font-size: 1.36em;
	line-height: 140%;
	font-weight: bold;
	margin: 0px 0px 0.3em 0px;
}
.box h1, #column_right .box h1 {
	color: #333;
	margin: 8px 0px 12px 0px;
	font-size: 1em;
	text-transform: none;
}
#column_right .box h1 {
	line-height: 160%;
	padding-bottom: 3px;
}
#column_center .box.halfwidth h1 {
	font-size: 1.1em;
	line-height: 150%;
}
h2 {
	margin: 0px 0px 0.82em 0px;
	font-size: 1.82em;
	line-height: 140%;
	font-weight: normal;
}
h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
}
#column_right h1, #column_right h2, #column_right h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
}
#content_main a.linktitle, .sitemap h3 {
	font-size: 0.91em;
}

/* AUSZEICHNUNGEN */

.image {
	display: block;
	margin: 0px;
	padding: 1.82em 0.45em 0.45em 0.45em;
	background-color: #F6F6F6;
	border: 1px solid #CCC;
	border-top: none;
	font-size: 0.82em;
	line-height: 140%;
}
#column_right .image {
	font-size: 0.9em;
}

/* SITEMAP */

#sitemap {
	margin-top: 20px;
}
#content_main > #sitemap {
	margin-top: 14px;
}
.sitemap {
	padding: 0px;
}
.sitemap h3 {
	border-top: 1px solid #CCC;
	padding-bottom: 0px;
	margin-bottom: 11px;
	margin-top: 0px;
	font-weight: bold;
	text-transform: uppercase;
}
.sitemap ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.sitemap ul.sub1 {
	margin: -11px 0px 20px 0px;
}
.sitemap li li {
	padding-left: 20px;
}
.sitemap a {
	display: block;
}
.sitemap a:link {
	color: #903;
}
.sitemap a:visited {
	color: #666;
}
.sitemap a:hover {
	color: #333;
}

/* "Tab"-Bloecke */
.tab_links {
	margin-top:1em;
}
.tab_links a {
	padding: 4px 9px 2px 9px;
	margin:0 2px 0 0;
	border: 1px solid;
	border-color: #CCCCCC !important;
	border-bottom:none;
	white-space:nowrap;
	position:relative;
	top:1px;
}
* > .tab_links a {
	
}
.tab_links .open {
	border-bottom:2px solid white !important;
	background-color:white;
	color: #000 !important;
	cursor: default;
	text-decoration: none;
}
* > .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;
	border-color:#E3E1E1;
	background-color:#ededed;
}
.tab_view {
	border: 1px solid #CCCCCC;
	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 .open {
	padding-bottom:2px;
}
table .active .tab_links a {
		color: #333333 !important;
}
table .active .tab_view fieldset {
	border-bottom:none !important;
}

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

/* PROGRESS BAR */
#Progress_Bar_Bg {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #CCC;
	-moz-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;
}

/* FUER ANT-ON! */

.anton_block, .collection.old {
	border: 3px dotted #990000;
}
.anton_margin, .collection.new {
	border: 3px dotted #336699;
}
.anton_block, .collection {
	margin-bottom: 10px;
}
.anton_block form {
	margin-bottom: 0px;
}
.preview_block {
	border: 2px dotted #ABABAB;
	background-color: #FEFEFE;
}
#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;
}

/* BLOCKSTILE */

.box, form {
	margin-bottom: 1.82em;
	border: 1px solid #CCC;
	padding: 5px;
	clear: both;
}
#column_center .box, form {
	background-color: #F6F6F6;
}
#column_center .halfwidth {
	width: 265px;
	background-color: transparent;
    font-size: 0.91em;
	line-height: 160%;
	clear: none;
}
#column_center .halfwidth.left {
	float: left;
	margin-right: 10px;
}
#column_center .halfwidth.right {
	float: right;
}
#content_main > div.halfwidth.left, #content_main > div.halfwidth.right {
	width: 253px;
}

/* FORMULAR */

form {
	padding: 0px;
}
form.invisible, #nav_meta_container form {
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: transparent;
}
fieldset {
	margin: 0px;
	padding: 0.45em;
	border-left:  none;
	border-top:   none;
	border-right: none;
	border-bottom: 1px solid #CCC;
}
fieldset.marked {
	background-color: #DDD;
}
form.invisible fieldset {
	padding: 0px 0px 0.91em 0px;
	border: none;
}
legend {
	padding: 0px;
	font-weight: bold;
}
label {
	display: block;
	cursor: pointer;
}
label.check {
	display: inline;
	padding-left: 2px;
}
input.check {
	position: relative;
	top: 3px;
}
.input {
	margin: 2px 0px 5px 0px;
	border-left:   1px solid #333;
	border-top:    1px solid #333;
	border-right:  1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #FFFFFF;
	font-family: monospace;
	font-size: 1.25em;
	line-height: 120%;
}
.input * {
	font-family: monospace;
	font-size: 1em;
}
#column_right .input {
	font-size: 1.56em;
}
.input:focus {
	background-color: #EEE;
}
.button {
	margin: 2px 0px 0px 0px;
	padding: 2px;
	cursor: pointer;
	border: 1px solid #903;
	background-color: #F6F6F6;
	color: #903;
	font-size: 0.82em;
	text-transform: uppercase;
}
#column_left .button {
	font-size: 1em;
}
.button:hover, .button:focus {
	color: #903;
}
a.button {
	position: relative;
	top: 4px;
	padding: 3px 6px 3px 6px;
}
.img_button {
	margin: 2px 0px 0px 0px;
	cursor: pointer;
	border: 1px solid #903;
	background-color: #903;
}
.img_button:hover, .img_button:focus {
	background-color: #333;
}
.link {
	margin: 0px -3px 0px -3px;
	padding: 0px;
	cursor: pointer;
	border: none;
	background-color: transparent;
	color: #903;
	font-size: 1em;
}
.link:hover, .link:focus {
	color: #333;
}
label.error {
	color: #C00;
	font-weight: bold;
}
.input.error {
	border-color: #C00;
}
p.error {
	color: #C00;
	font-weight: bold;
}

/* TABELLEN */

table.regular {
	width: 100%;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
table.regular td {
	padding: 3px 2em 3px 3px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
table.regular tr.regular {
	background-color: #F6F6F6;
}
tr.title td, td.title {
	background-color: #CCC;
	font-weight: bold;
}
tr.active td {
	background-color: #DDD;
}
table.invisible {
	margin: 0px -4px 0px -4px;
	border: none;
}
table.invisible td {
	padding: 0px 3px 0px 3px;
	border: none;
}