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

/* $Revision: 2.13 $ $Date: 2010/05/18 08:45:14 $ */
/* owner: Simon.Leidig@brave.de */


/* GRUNDEINSTELLUNGEN */

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

/* SEITENLAYOUT */

#layout, table.head {
	width: 100%;
}
#column_left {
	width: 168px;
	background-color: #E8E8E8;
}
#column_center {
	padding: 0px 12px 20px 12px;
}
#column_right {
	width: 22%;
	padding: 0px 10px 20px 10px;
	border-left: 1px dotted #999;
}

/* SEITENKOPF */

#page_head {
	height: 68px;
	padding: 10px 15px 7px 15px;
	vertical-align: bottom;
	background: url(/Icons/Header.gif) no-repeat 76% 9px;
}
#page_head td {
	vertical-align: bottom;
}
#page_head_separator {
	height: 17px;
	background: url(/Icons/Head_Separator.gif);
}
#meta_head_separator {
	height: 12px;
}
#meta_head {
	padding: 0px 15px 3px 15px;
	border-bottom: 1px solid #999;
	background-color: #E8E8E8;
}
#meta_head td {
	font-size: 10px;
	color: #900;
}
#meta_head td * {
	display: inline;
}
td.right {
	width: 21%;
}
#nav_meta .active {
	color: #000;
}

/* LINKS */

a {
	color: #900;
	text-decoration: none;
}
a:hover {
	color: #EF1101;
	text-decoration: underline;
}
#meta_head a:hover {
	text-decoration: none;
}
a img {
	border: none;
}

/* NAVIGATION */

#nav_tree {
	margin: 0px;
	padding: 0px;
}
#nav_tree li {
	list-style-type: none;
	margin: 0px;
	padding: 1px 5px 2px 13px;
	background-color: #999;
	color: #FFF;
	border-top:    1px solid #CCC;
	border-right:  1px solid #333;
	border-bottom: 1px solid #333;
	border-left:   2px solid #CCC;
	font-weight: bold;
}
#nav_tree a {
	display: block;
	color: #FFF;
}
#nav_tree a:hover {
	color: #EF1101;
	text-decoration: none;
}
#nav_tree li.active {
	margin-right: 1px;
	padding: 0px;
	background-color: #FFF5CC;
	color: #000;
	border: none;
	border-right: 1px solid #89846E;
}
#nav_tree .active a, #nav_tree .active .current {
	display: block;
	margin-right: -2px;
	padding: 1px 5px 2px 13px;
	background-color: #FC0;
	color: #000;
	border-top:    1px solid #FFE785;
	border-right:  1px solid #5A4800;
	border-bottom: 1px solid #5A4800;
	border-left:   2px solid #FFE785;
}
#nav_tree .active a:hover {
	color: #EF1101;
}
#nav_tree .sub li, #nav_tree .sub li a, #nav_tree .sub li .current {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border: none;
	font-weight: normal;
}
#nav_tree .sub li {
	list-style-image: url(/Icons/Nav_Off_Ie.gif);
	margin: 0px 0px 0px 22px;
	padding: 0px 0px 5px 0px;
}
* > #nav_tree .sub li {
	list-style-image: url(/Icons/Nav_Off.gif);
	padding-bottom: 6px;
}
#nav_tree .sub li.active {
	list-style-image: url(/Icons/Nav_On_Ie.gif);
}
* > #nav_tree .sub li.active {
	list-style-image: url(/Icons/Nav_On.gif);
}
#nav_tree .sub li .current, #nav_tree .sub li.active a {
	font-weight: bold;
}
#nav_tree .sub a {
	color: #900;
}

/* EXTRA NAVIGATION */

#nav_sub {
	margin: 3px 0px 15px 0px;
	padding: 0px;
	background-color: #FFF5CC;
	color: #000;
	border-top:    1px solid #FFFAE7;
	border-right:  1px solid #89846E;
	border-left:   1px solid #FFFAE7;
	border-bottom: 1px solid #5A5648;
}
#nav_sub .sub li {
	list-style-image: url(/Icons/Nav_Off_Ie.gif);
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 5px 0px;
}
* > #nav_sub .sub li {
	list-style-image: url(/Icons/Nav_Off.gif);
	padding-bottom: 6px;
}
#nav_sub .sub li.active {
	list-style-image: url(/Icons/Nav_On_Ie.gif);
}
* > #nav_sub .sub li.active {
	list-style-image: url(/Icons/Nav_On.gif);
}
#nav_sub .sub li .current, #nav_sub .sub li.active a {
	font-weight: bold;
}
#nav_sub .sub a:hover {
	text-decoration: none;
}
#nav_extra h2 {
	display: inline;
	margin: 0px;
	padding: 3px 8px 4px 8px;
	background-color: #FC0;
	border-top:    1px solid #FFE785;
	border-right:  1px solid #5A4800;
	border-left:   1px solid #FFE785;
}

/* TOOLS */

#tools_search {
	position: relative;
	bottom: -7px;
}
#tools_search form, #tools_search div, #tools_search p {
	display: inline;
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: transparent;
}
#tools_search h3 {
	font-size: 10px;
	margin-bottom: 5px;
}
#tools_search .input {
	width: 88px;
	margin-right: 7px;
}
#tools_search .button {
	position: relative;
	top: -13px;
}
#nav_here {
	margin-bottom: 10px;
	font-size: 9px;
}
#nav_here .title, #nav_here .active {
	font-weight: bold;
}
#tools_versions {
	margin-top: 15px;
}
#tools_versions form {
	border: none;
	background-color: transparent;
}
#tools_versions .button {
	width: 100%;
	margin: 0px;
	border-width: 1px;
	border-left-width: 2px;
}
#tools_language {
	background-image:url(/Icons/World.gif);
	background-repeat:no-repeat;
	height:15px;
	padding:3px 0 3px 25px;
	font-weight:bold;
}

/* CONTENT LAYOUT */

.block {
	display: block;
	margin-bottom: 15px;
}
.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:    0px;
	border-right:  0px;
	border-bottom: 1px dotted #999;
	border-left:   0px;
}
.block_jumper_top {
	margin: -15px 0px 15px 0px;
	padding: 0px;
}
div.home_image {
	margin-bottom:3em;
}
#home_content_main {
	margin-top:3em;
}

/* HEADLINES */

h1 {
	margin: 0px 0px 10px 0px;
	font-size: 16px;
	font-weight: bold;
	color: #666;
}
h2 {
	margin: 0px 0px 5px 0px;
	font-size: 1em;
	font-weight: bold;
}
h3 {
	margin: 0px;
	font-size: 1em;
	font-weight: bold;
}

/* AUSZEICHNUNGEN */

.image {
	font-size: 9px;
}
ul {
	margin: 0px;
	padding: 5px 0px 0px 15px;
}
li {
	margin-bottom: 5px;
}
tt, pre {
	font-family: monospace;
	font-size: 12px;
	line-height: 120%;
}

/* FORMULAR */

form {
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #FFF;
	background-color: #E8E8E8;
}
form.invisible {
	border: none;
	background-color: transparent;
}
fieldset {
	margin: 0px;
	padding: 3px;
	border-left:  none;
	border-top:   none;
	border-right: none;
	border-bottom: 1px solid #FFF;
}
fieldset.marked {
	background-color: #FFFAE8;
}
form.invisible fieldset {
	padding: 0px 0px 15px 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-color:   #999;
	border-top-color:    #999;
	border-right-color:  #960;
	border-bottom-color: #960;
	border-width: 1px;
	background-color: #FFF5CC;
	font-size: 10px;
}
textarea {
	width: 100%;
}
.button, .img_button {
	margin: 2px 0px 2px 0px;
	padding: 1px 0px 1px 0px;
	cursor: pointer;
	border-left:   2px solid #F6E395;
	border-top:    2px solid #F6E395;
	border-right:  2px solid #5C4E12;
	border-bottom: 2px solid #5C4E12;
	background-color: #FC0;
	color: #000;
	font-size: 10px;
	font-weight: bold;
}
* > .button {
	padding: 1px 0px 2px 0px;
}
.img_button {
	padding: 0px;
}
a.button {
	padding: 2px 12px 3px 12px;
	color: #000;
}
* > a.button {
	padding: 2px 3px 3px 3px;
}
a.button:hover {
	color: #000;
	text-decoration: none;
}
.img_button {
	background-color: #000;
}
.link {
	margin: 0px -3px 0px -3px;
	padding: 0px;
	cursor: pointer;
	border: none;
	background-color: transparent;
	color: #900;
}
.link:hover, .link:focus {
	color: #EF1101;
	text-decoration: underline;
}
label.error, p.error {
	color: #EF1101;
	font-weight: bold;
}
.input.error {
	border-color: #EF1101;
}

/* TABELLEN */

table.regular {
	width: 100%;
}
table.regular td {
	padding: 3px 1em 5px 3px;
}
* > table.regular td {
	padding-right: 2em;
}
table.regular tr.odd {
	background-color: #E8E8E8;
}
table.regular tr.even {
	background-color: #FFF5CC;
}
form table.regular tr.even {
	background-color: #E8E8E8;
}
tr.title td, td.title {
	background-color: #FC0;
	font-weight: bold;
}
tr.active td {
	background-color: #FFFAE8;
}
table.invisible {
	margin: 0px -4px 0px -4px;
}
table.invisible td {
	padding: 0px 3px 0px 3px;
}

/* "Tab"-Bloecke */
.tab_links {
	margin-top:1em;
}
.tab_links a {
	padding: 2px 5px 1px 5px;
	margin:0 2px 0 0;
	border: 1px solid;
	border-color: #E3E1E1 !important;
	border-bottom:none;
	white-space:nowrap;
	text-decoration:none !important;
}
* > .tab_links a {
	padding-bottom:1px;
}
.tab_links .open {
	background-color:white;
	color: #000 !important;
	cursor: default;
	text-decoration: none;
	border-color:#999 !important;
	padding-bottom:2px !important;
}
* > .tab_links .open {
	padding-bottom:2px !important;
}
.tab_links .closed {
	color:#848484;
	background-color: #E8E8E8;
}
.tab_links a.closed:hover {
	color:black;
	border-color:black;
}
.tab_view {
	border: 1px solid #999;
	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:1px;
}
table .active .tab_view fieldset {
	border-bottom:none !important;
}
* > table .active .tab_links a {
	padding-bottom:2px !important;
}
* > table .active .tab_links .open {
	padding-bottom:3px !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;
	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;
}

/* GOOGLE MAPS */

.google_map_conf {
	display: none;
}
.google_map {
}
.google_map .block {
	height: 400px;
}

/* FUER ANT-ON! */

.anton_block, .collection.old {
	border: 3px dotted #FC0;
}
.anton_margin, .collection.new {
	border: 3px dotted #999;
}
.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%;
}
#anton_help {
	padding-top: 5px;
}
.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;
}
.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;
}

/* HOMEPAGE */

.home #column_center {
	padding-top: 20px;
	text-align: center;
	background-color: #F6F6F6;
}
.home #page_head {
	background-image:none !important;
}
#footer {
	padding: 25px 0px 10px 0px;
	text-align: center;
	font-size: 11px;
}

/* IMAGE POPUP */

#image_popup {
	padding: 0px 10px 0px 10px;
}
#image_popup .block {
	width: 100% !important;
	margin-bottom: 10px;
	text-align: center;
}

/* NEWSLETTER */

.newsletter td {
    font-size:13px !important;
}
.newsletter h1 {
    font-size:18px !important;
}
.newsletter h2, .newsletter h3 {
    font-size:1.2em !important;
}
.newsletter .image {
    font-size:12px;
}
.newsletter tt, .newsletter pre {
    font-size:14px;
} 
