/*
-----------------------------------------------
bonhage-ang.com  CSS-Vorlage
update: 15.03.2005
----------------------------------------------- */

/* Imported Styles
----------------------------------------------- */
/* @import url(image.css); */

/* Allgemein
----------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #000000;
	background-color: #ffffff;
}
img {
	border: none;
}
#image {
	background-repeat: no-repeat;
	height: 122px;
	width: 170px;
	top: 10px;
	left: 0px;
	position: absolute;
}

/* Layout für Header
----------------------------------------------- */
#header {
	position: absolute;
	width: 800px;
	height: 130px;
	padding: 0;
	left: 0px;
	top: 0px;
}
#obererBalken {
	background-color: #993333;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 8px;
	position: absolute;
	padding: 0;
	font-size: 8px;
	z-index: 7;
}
#logo {
	height: 47px;
	width: 200px;
	top: 29px;
	left: 600px;
	position: absolute;
	border: 0;
}
#headline {
	background-repeat: no-repeat;
	height: 60px;
	width: 800px;
	top: 90px;
	left: 0px;
	position: absolute;
}

/* Layout für Navigation
----------------------------------------------- */
#navigation {
	position: absolute;
	left: 0px;
	top: 136px;
	padding: 0 0 25px 0;
	margin: 0;
	height: 400px;
	width: 170px;
	font-size: 11px;
	background-color: transparent;
	text-align: left;
	z-index: 2;
	
}
	/* Für Sekundäre/Tertiäre Navigation
	----------------------------------------------- */
#subnavcontainer {
	width: 170px;
}
#subnavlist {
	margin: 0;
	padding: 0;
}
#subnavlist li {
	display: inline;
}
#subnavlist li a {
	text-decoration: none;
	padding: 3px 0 3px 20px;
	margin: 7px 0 2px 0;
	display: block;
	background-color: #808080;
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
	width: 170px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 150px;
}
#subnavlist a#active {
	text-decoration: none;
	color: #fff;
	background-color: #993333;
}
#subnavlist li a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #993300;
}
ul.tertnavlist {
	margin: 0;
	padding: 0;
}
#subnavlist li li a {
	padding: 2px 0 2px 8px;
	margin: 2px 0 2px 10px;
	border: none;
	text-decoration: none;
	font-weight: normal;
	border: 1px solid #ccc;
	display: block;
	font-size: 11px;
	background-color: #fff;
	color: #808080;
	width: 160px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 150px;
}
#subnavlist li li a:hover {
	text-decoration: none;
	color: #000;
	background-color: #efefef;
}
#subnavlist a#subactive {
	text-decoration: none;
	color: #000;
	background-color: #EFEFEF;
}

/* Layout für Content
----------------------------------------------- */
#contentcontainer {
	position: absolute;
	left: 0px;
	top: 125px;
	width: 800px;
	height: 319px;
	padding-top: 0;
	margin: 0;
}
#position {
	position: absolute;
	top: 146px;
	left: 190px;
	width: 610px;
	z-index: 4;
}
#positionkurse {
	position: absolute;
	top: 10px;
	left: 190px;
	width: 800px;
}

#contentleft p {
	padding: 5px 0px 5px 0px;
	margin: 0;
}
#contentleft h1 {
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
	background-color: #ffcccc;
	padding: 3px 10px 3px 10px;
	margin: 0 0 5px 0;
}
#contentleft h2 {
	font-size: 1.0em;
	font-weight: bold;
	color: #ff0000;
	margin: 20px 0px 0px 0px;
}
#contentleft h3 {
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
	margin: 5px 0px 0px 0px;
}
#contentleft {
	font-size: 0.9em;
	width: 290px;
	float: left;
}

#contentleft p.mehr {
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	text-align: right;
}
#articleleft ul {
	margin-left: 0px;
	padding-left: 20px;
}
#articleleft ul.wb {
	margin-left: 5px;
	padding-left: 20px !important;
	padding-left: 10px;
	font-weight: bold;
	list-style: url(/images/pfeil_rechts.gif);
}
#articleleft ul.wb li {
	padding-left: 0px !important;
	padding-left: 5px;
}
/* Artikel Seiten
--------------------------------------------------------*/
#articleleft {
	font-size: 0.9em;
	width: 390px;
	float: left;
}
#articleleft p {
	padding: 5px 0px 5px 0px;
	margin: 0;
	text-align: justify;
}
#articleleft p.mehr {
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	text-align: right;
}
#articleleft p.notice {
	font-size: 0.8em;
	padding: 15px 0px 0px 0px;
}
#articleleft h1 {
	font-size: 1.1em;
	font-weight: bold;
	color: #333333;
	background-color: #E1E3EE;
	padding: 3px 10px 3px 10px;
	margin: 0 0 5px 0;
}
#articleleft h3 {
	font-size: 1.0em;
	font-weight: bold;
	color: #ff0000;
	margin: 10px 0 10px 0;
}

#articleleft h2 {
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
	margin: 10px 0 0 0;
}

#articleleft a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #000;
	text-decoration: underline;
}
#articleleft a:hover {  
	color: #888;
	text-decoration: none;
}


#articleleft table {
	width: 390px;
	margin: 0 0 10px 0;
	padding: 0;
	background-color: #efefef;
}
#articleleft table td {
	font-size: 11px;
	padding: 3px;
	background-color: #fff;
}
#articleleft table td.center {
	text-align: center;
}
#articleleft table td.right {
	text-align: right;
}
#articleleft table td.download {
	text-align: right;
	background-color: #efefef;
	color: #000;
	font-size: 11px;
	padding: 3px;
}
#articleleft table td.footer {
	text-align: right;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	padding: 5px;
}
#articleleft table th {
	text-align: left;
	background-color: #efefef;
	color: #000;
	font-size: 11px;
	padding: 2px;
}
#articleleft table th.center {
	text-align: center;
}
#articleleft table th.right {
	text-align: right;
}

/* Für Artikel auf der rechten Spalte ---*/
#articleright {
	font-size: 0.9em;
	width: 200px;
	background-color: #E1E3EE;
	margin-left: 20px;
	position: absolute;
	left: 580px;
	top: 143px;
}
div.articleright {
	padding: 5px 0 3px 0;
	margin: 0 0 10px 0;
	background-color: #efefef;
}
#articleright p {
	padding: 0px 0px 0px 0px;
	margin-left: 8px;
}
#articleright h1 {
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #808080;
	padding: 3px 10px 3px 10px;
	margin: 0 0 5px 0;
}
#articleright h2 {
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
	margin: 20px 0px 0px 0px;
}
#articleright h3 {
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
	margin: 0px 0px 0px 0px;
}
#articleright p.mehr {
	margin: 0 5px 10px 0;
	padding: 0 0 0 0;
	text-align: right;	
}
#articleright a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #000;
	text-decoration: underline;
}
#articleright a:hover {  
	color: #888;
	text-decoration: none;
}

/* Wichtige Daten und Ereignisse
--------------------------------------------------------*/
#contentright {
	font-size: 0.9em;
	width: 290px;
	margin-left: 310px;
}
div.active {
	border: 1px solid #aaa;
	margin: 0px 0px 5px 0px;
	background-color: #efefef;
	color: #000;
}
div.inactive {
	border: 1px solid #ccc;
	margin: 0px 0px 5px 0px;
	color: #000;
}
div.expired {
	border: 1px solid #ccc;
	margin: 0px 0px 5px 0px;
	color: #aaa;	
}
div.active a {
	color: #000;
}
div.inactive a {
	color: #000;
}
div.expired a {
	color: #aaa;
}
#contentright p {
	padding: 1px 0px 7px 0px;
	margin: 0 0 0 5px;
}
#contentright h1 {
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
	background-color: #ffcccc;
	padding: 3px 10px 3px 10px;
	margin: 0 0 5px 0;
}
#contentright h1 a {
	color: #000;
}
#contentright h2 {
	font-size: 1.0em;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin: 0 5px 0 5px;
	padding: 4px 0px 4px 0px;
}
#contentright div.active h2 {
	border-bottom: 1px solid #aaa;	
}
#contentright h3 {
	font-size: 1.0em;
	font-weight: bold;
	margin: 0 0 0 5px;
	padding: 5px 0px 0px 0px;
}

#contentleft a:active, #contentleft a:link, #contentleft a:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #000;
	text-decoration: underline;
}
#contentleft a:hover {  
	color: #888888;
	text-decoration: none;
}
#contentright a:active, #contentright a:link, #contentright a:visited {
	text-decoration: none;
}

/*   Footer
-------------------------------------------------*/
#footer {
	color: #808080;
	font-size: 8px;
	text-align: center;
}

/* Marginalspalte
----------------------------------------------- */
#marginalspalte {
	position: absolute;
	top: 0px;
	left: 619px;
	width: 190px;
	font-size: 0.9em;
}
div.marginal {
	padding: 5px 0 3px 0;
	margin: 0 0 10px 0;
	background-color: #efefef;
}
#marginalspalte p {
	margin: 0px 0px 0px 0px;	
	padding: 0px 5px 0px 10px;
	background-color: #efefef;
}
#marginalspalte h1 {
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	background-color: #808080;
	padding: 3px 10px 3px 10px;
	margin: 0 0 1px 0;
}
#marginalspalte a:link, #marginalspalte a:visited, #marginalspalte a:active {
	color: #000;
	text-decoration: underline;
}
#marginalspalte a:hover {
	color: #888;
	text-decoration: none;
}
#marginalspalte p.mehr {
	margin: 0 5px 5px 0;
	padding: 0 0 0 0;
	text-align: right;	
}
#marginalspalte p.ut {
	padding: 0 5px 5px 10px;
}
#marginalspalte p.ut a {
	text-decoration: none;
}

/* Layout für Footer
----------------------------------------------- */
#footer {
	color: #808080;
	font-size: 0.8em;
	text-align: left;
	margin-top: 40px;
	margin-bottom: 10px;
}
#footer a:link, #footer a:visited, #footer a:active {
	text-decoration: underline;
	color: #808080;
}
#footer a:hover {
	color: #000000;
	text-decoration: none;
}

form {
	margin: 0;
	padding: 0;
}

div.kontakt {
	margin-bottom: 10px;
	padding: 0 0 5px 0;
	background-color: #fff;
}

/* Layout für Tabelle im Contentbereich
----------------------------------------------- */
#contenttabelle h1 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	background-color: #ffcccc;
	padding: 3px 10px 3px 10px;
	margin: 0 0 5px 0;
}
#contenttabelle table {
	width: 600px;
	margin: 0 0 10px 0;
	padding: 0;
	background-color: #efefef;
}
#contenttabelle td {
	font-size: 11px;
	padding: 2px;
	background-color: #fff;
}
#contenttabelle td.center {
	text-align: center;
}
#contenttabelle td.right {
	text-align: right;
}
#contenttabelle th {
	text-align: left;
	background-color: #efefef;
	color: #000;
	font-size: 11px;
	padding: 2px;
}
#contenttabelle th.center {
	text-align: center;
}
#contenttabelle th.right {
	text-align: right;
}
#contenttabelle td.footer {
	text-align: right;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	padding: 5px;
}