@charset "UTF-8";
/* CSS Document */
* {
	font-family: "Calibri", "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif;
	text-align: left;
}

html {
	font-size: 12pt;
}

body {
	height: auto;
	padding: 0.5em;
	background-attachment: fixed;
	background-position: center center;
}

.clear {
	float: none;
	clear: both;
	height: 0;
}
.invisible {
	display: none;
}

#logo {
	width: 340px;
	height: 80px;
}
#logo img {
	border: 0;
}

#structure {
	margin-top: 1em;
}

#navigation {
	width: 10em;
	float: left;
	clear: both;
}
#navigation ul {
	margin: 0;
	padding: 0;
}
#navigation ul li {
	list-style-type: none;
	margin: 0 0 5px 0;
}
#navigation ul li a {
	display: block;
	padding: 0.1em 0.3em;
	background-color: #FFFFFF;
	/*border: 1px solid #FFFFFF;*/
	color: #333333;
	text-decoration: none;
	opacity: 0.75;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
}
#navigation ul li a:hover {
	/*border: 1px solid #FF9900;*/
	/*background-color: #FF9900;*/
	color: #006600;
}
#navigation ul li a.active {
	/*border: 1px solid #009900;*/
	/*background-color: #009900;*/
	color: #990000;
}

#main {
	width: 45em;
	/*float: left;*/
	margin-left: 11em;
}

#breadcrumb {
	margin: 0 0 0.5em 0;
	opacity: 0.5;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
}
#breadcrumb span {
	font-size: 75%;
	background-color: #CCCCCC;
	padding: 0 0.3em 0.1em 0.1em;
}
#breadcrumb a {
	color: #333333;
}

/* ### CONTENT ### */
#content {
	opacity: 0.75;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	border-bottom: 1px dotted #333333;
}

h1, h2, h3 {
	margin: 0.7em 0 0.3em 0;
}
h1 span, h2 span, h3 span {
	background-color: #FFFFFF;
	padding: 0.1em 1em 0.1em 0.2em;
	font-weight: bold;
}
h1 {
	font-size: 160%;
}
h2 {
	font-size: 140%;
}
h3 {
	font-size: 110%;
}

#content p,
#content div.column {
	background-color: #FFFFFF;
	padding: 0.2em;
	margin: 0 0 3px 0;
	line-height: 1.5em;
}
#content p.block {
	padding: 1em 3em;
}
#content p.right {
	text-align: right;
}

#content p img {
	border: 0;
	vertical-align:top;
	margin-right: 1em;
}
#content p img.slogan {
	margin: 1em;
}

#content a,
#content a.block {
	color: #006600;
}
#content a.block {
	display: block;
	padding: 0.3em 1em;
	background-color: #EEEEEE;
	font-size: 105%;
	margin: 0.1em 0;
}
#content a:hover,
#content a.block:hover {
	color: #990000;
}
#content a[href $='.pdf'] { 
	padding-left: 18px;
	background: transparent url(../images/icon_pdf.gif) no-repeat center left;
}

#content table {
	background: #FFFFFF;
	width: 100%;
	border: 0;
	padding: 3em;
	border-collapse: collapse;
}
#content table th {
	font-weight: normal;
	padding: 0.1em 0.3em;
	text-align: right;
}
#content table td {
	vertical-align: top;
	padding: 0.1em 0.3em;
}

#content ul {
	background-color: #FFFFFF;
	padding: 1em 0.2em 1em 3em;
	margin: 0 0 3px 0;
	line-height: 1.5em;
	list-style-type: square;
}
#content ul.inside {
	padding: 1em 0.2em 1em 1.5em;
	margin: 0;
	line-height: 1.5em;
	list-style-type: square;
}

#content div.column {
	margin: 0 0 3px 0;
}
#content div.column div.left {
	float: left;
	width: 22em;
}
#content div.column div.right {
	float: right;
	width: 22em;
}

#content dl {
	background-color: #FFFFFF;
	border: 1px dashed #333333;
	padding: 1em 2em;
	margin: 1em 0 0.2em 0;
	line-height: 1.5em;
	font-style: italic;
}
#content dt {
	font-size: 115%;
	font-weight: bold;
}
#content dd {
}
#content dl.inside {
	margin: 0;
	border: 0;
	padding: 0.2em 0;
}

#content form {
	background-color: #FFFFFF;
	padding: 1em 3em;
	margin: 0 0 3px 0;
	line-height: 1.5em;
}
#content form div {
	margin-bottom: 1em;
}
#content form label {
	float: left;
	width: 5em;
}
#content form input,
#content form textarea {
	width: 20em;
	font-size: 100%;
	border: 1px dotted #333333;
}
#content form input:focus,
#content form textarea:focus {
	border: 1px solid #333333;
}
#content form img.captcha {
	vertical-align: text-top;
	width: 50px;
}
#content form input.captcha {
	width: 4em;
}
#content form input[type=submit] {
	text-align: center;
	width: 10em;
	margin-left: 5em;
	border: 2px solid #333333;
}
#content form div.error,
#content form div.success {
	margin-bottom: 1em;
	padding: 0.2em 1em;
}
#content form div.success {
	background-color: #006600;
	color: #FFFFFF;
}
#content form div.error {
	background-color: #990000;
	color: #FFFFFF;
}
#content * span.anmerkung {
	font-size: 75%;
	color: #333333;
}
/* ### /CONTENT ### */

#footer {
	margin: 1.5em 0 0 0;
	color: #333333;
	text-align: right;
	opacity: 0.5;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
}
#footer span {
	font-size: 75%;
	background-color: #CCCCCC;
	padding: 0 0.1em 0.1em 0.3em;
}
#footer a {
	color: #333333;
}

/* CUSTOM ALERT-BOX */

#overlay {
	background-color: #CCCCCC;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10000;
	background-image: url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
	opacity: 0.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
}

#alert {
	position:relative;
	width:400px;
	min-height:100px;
	/* margin-top:200px; */
	border:2px solid #990000;
	background-color: #FFFFFF;
}

#overlay > #alert {
	position:fixed;
}

#alert h1 {
	margin: 0;
	padding: 0.1em 0.2em;
	background-color:#990000;
	color:#FFFFFF;
	font-size: 120%;
	letter-spacing: 0.05em;
}

#alert p {
	padding: 0.2em 2em;
}
#alert p ul {
	margin: 0 0 0.5em 0;
	list-style-type: square;
}

#alert #button {
	border: 2px solid #333333;
	padding: 0 1em;
}
#alert a#button {
	color: #000000;
	text-decoration: none;
}
