/********************************************************************* Z-INDEX */
/* Z-INDEX Vergabe/
10 - head1, head2, grafik, balken
90 - content, language, search
100 - logo
/ END assign styles menue */

/********************************************************************* Position */

.content,
.logo,
.head1,
.head2,
.grafik,
.balken,
.nav,
.headernav,
.language,
.search
 {	position: absolute;}

/********************************************************************* Text */

.bold { 
	font-weight: bold;}
	
.small {
	font-size: 11px;
	line-height:14px;}
	
.bu-bold { 
	font-weight: bold;
	color: #003399;}
	
.bu-normal {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #003399;
	line-height: 18px;}
	
.weiss {
	color: #FFF;
	font-weight:bold;}
	
.hinweis {
	color: Lime;
	font-weight: bold;}
	
h1 { 
	font-size: 20px;
	font-weight: normal;
	color: #787878;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 10px 0px;
	line-height: 24px;}
	
h2 { 
	font-size: 15px;
	font-weight: normal;
	color: #787878;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
	line-height: 24px;
	border-bottom: 1px solid #787878;}
	
h3,h4,h5,h6,pre,address {
	color:#FFF;}

/********************************************************************* Bilder */

.logo {
	top: 20px;
	left: 20px;
	z-index: 90;}
	
.head1 {
	top: 0px;
	left: 0px;
	z-index: 10;}
	
.head2 {
	top: 120px;
	left: 821px;
	z-index: 10;}
	
.grafik {
	top: 420px;
	left: 825px;
	z-index: 10;}
	
.balken {
	top: 120px;
	left: 0px;
	z-index: 10;}

.art-button { /* back & print-button in artikeln */
	font-size: 11px;
	padding: 5px 0px 0px 0px;
	margin: 20px 0px 0px 0px;} 

.showhand {
	cursor: pointer;}

.img1 { 
	margin:0px 0px 0px 0px;}
.img2 { 
	margin:0px 0px 10px 0px;
	border:2px solid #a8c9e5;}
.img1 p,.img2 p {
	font-size: 11px;
	color: #0033cc;}
.img-right { 
	margin:0px 0px 10px 10px;
	float: right;}
.img-left { 
	margin:0px 10px 10px 0px;
	float: left;}
.img-normal { 
	margin:0px 0px 5px 0px;
	text-align: center;}

/********************************************************************* Content */

.content {
	top: 165px;
	left: 220px;
	width: 580px;
	z-index: 90;}
.content1 {
	width: 580px;
	float: left;
	margin: 5px 30px 0px 0px;
	padding-bottom: 30px;
	border-bottom: 1px solid #7C8899;}
	
.content-footer {
	width: 580px;
	float: right;
	text-align:right;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #787878;}
	
.content-footer A:link, .content-footer A:visited, .content-footer A:active {
	text-decoration:none;
	font-size: 12px;
	color: #787878;
	font-weight:normal;}
.content-footer A:link:hover, .content-footer A:visited:hover {
	text-decoration:underline;
	font-size: 12px;
	color: #787878;
	font-weight:normal;}
	
.headerinfo {
	top: 123px;
	left: 220px;
	width: 580px;
	z-index: 90;}

.news-infobox {
	width:185px;
	float: left;}
.news-infobox1 { /* NEWS */
	width:185px;
	float: left;
	background-color: #3399cc;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	padding: 0px 0px 0px 10px;}
.news-infobox21 { /* BULLETIN */
	width:18px;
	float: left;
	margin: 10px 0px 0px 0px;}
.news-infobox22 { /* HEADLINE */
	width:167px;
	float: left;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #787878;
	margin: 10px 0px 0px 0px;}
.news-infobox3 { /* TEXT */
	width:185px;
	margin: 0px 0px 0px 0px;}
	
.infobox {
	width:395px;
	float: left;}
.infobox1 { /* Box */
	width:185px;
	float: left;
	margin: 0px 0px 0px 12px;}
	
.matrix {
	width:580px;}
.matrix1 {
	width:430px;
	color:#FFF;
	font-weight:bold;
	padding: 3px 0px 4px 5px;
	margin: 0px 0px 2px 150px;
	background-image:url(../img/e/basic/balken2.gif);
	background-repeat:no-repeat;}
.matrix2 {
	width:580px;
	margin: 0px 0px 2px 0px;}
.matrix21 {
	width:145px;
	background-color:#91a0b3;
	padding: 3px 0px 4px 5px;
	margin: 0px 0px 0px 0px;
	color:#FFF;
	font-weight:bold;
	float:left;}
.matrix22 {
	width:140px;
	background-color:#039;
	padding: 3px 0px 4px 5px;
	margin: 0px 0px 0px 5px;
	color:#FFF;
	font-weight:bold;
	float:left;}
.matrix3 {
	width:580px;
	margin: 0px 0px 5px 0px;}
.matrix31 {
	width:145px;
	height:80px;
	background-color:#e4e7ec;
	padding: 3px 5px 4px 5px;
	margin: 0px 0px 0px 0px;
	float:left;}
.matrix32 {
	width:435px;
	float:left;}
.matrix321 {
	width:140px;
	height:80px;
	background-color:#e4e7ec;
	padding: 0px;
	margin: 0px 0px 2px 5px;
	float:left;}
	
.matrixlegende {
	width:580px;
	margin:10px 0px 0px 0px;}
.matrixlegende1 {
	width:145px;
	float:left;}
.matrixlegende11 {
	width:145px;
	color:#91a0b3;
	font-weight:bold;
	padding: 3px 5px 4px 5px;}
.matrixlegende2 {
	width:435px;
	float:left;}
.matrixlegende21 {
	width:140px;
	margin: 0px 0px 0px 5px;
	float:left;}
.matrixlegende22 {
	width:430px;
	margin: 0px 0px 0px 5px;}
.matrixlegende211 {
	background-color:#c8d1da;
	font-size:11px;
	padding: 3px 5px 4px 5px;}
.matrixlegende212 {
	background-color:#e4e7ec;
	font-size:11px;
	padding: 3px 5px 4px 5px;}
	
	
.familie {
	margin:0px 0px 20px 0px;}
.familie1 {
	width:580px;
	border-bottom:1px solid #7c8899;
	margin:0px 0px 20px 0px;}

	
/********************************************************************* Standards */

.language {
	top: 124px;
	left: 450px;
	width: 180px;
	font-weight: bold;
	font-size: 12px;
	text-align: right;
	color: #000;
	z-index: 90;}
	
.language A:link, .language A:visited, .language A:active,
.language A:link:hover, .language A:visited:hover {
	font-size: 12px;
	color: #787878;}
	
.search {
	top: 124px;
	left: 650px;
	width: 160px;
	z-index: 90;}
	
.search A:link, .search A:visited, .search A:active,
.search A:link:hover, .search A:visited:hover {
	font-size: 12px;
	color: #787878;}
	
.req { /* Kontakt-Form */
	width: 580px;}
.req1 { /* 1.Block */
	width: 290px;
	float: left;}
.req11 { /* Name + Formfeld */
	width: 280px;
	margin: 0px 0px 5px 0px;
	clear: both;}
.req111 { /* Name */
	width:100px;
	float: left;
	font-weight: bold;}
.req112 { /* Formfeld */
	width:180px;
	float: left;}
.req2 { /* 2.Block */
	width: 290px;
	float: left;}
.req3 { /* Extra & Absenden */
	padding: 10px 0px 0px 0px;}
.req31 { /* Extra */
	float: left;}
.req32 { /* Absenden */
	float: left;}
.req4 {}
.req41 { /* Einfacher Block Überschrift */
	font-weight: bold;}
.req42 { /* Einfacher Block Inhalt */
	}


.nlt { /* Newsletter-Form */
	width: 580px;}
.nlt1 { /* 1.Block */
	width: 290px;
	float: left;}
.nlt11 { /* Name + Formfeld */
	width: 280px;
	clear: both;
	margin: 0px 0px 5px 0px;}
.nlt111 { /* Name */
	width:100px;
	float: left;
	font-weight: bold;}
.nlt112 { /* Formfeld */
	width:180px;
	float: left;}
.nlt2 { /* 2.Block */
	width: 290px;
	float: left;}
.nlt3 { /* Extra & Absenden */
	padding: 10px 0px 0px 0px;}
.nlt31 { /* Extra */
	float: left;
	font-weight: bold;}
.nlt32 { /* Absenden */
	float: left;}
.nlt4 { /* Einfacher Block mit Abstand */
	margin: 20px 0px 0px 0px;}
.nlt41 { /* Einfacher Block Überschrift */
	font-weight: bold;}
.nlt42 { /* Einfacher Block Inhalt */
	}
	
.faq {
	width: 580px;}
.faq1 {
	width: 580px;
	font-weight: bold;
	border-bottom: 1px solid #7c8899;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;}
.faq2 {
	width: 560px;
	margin: 0px 0px 5px 20px;}
.faq22 {
	width: 560px;
	border: 1px solid #7c8899;
	background-color: #d0dfff;
	padding: 10px;
	margin: 10px 0px 10px 0px;}
	
.news	{width:280px;}/* News-List */
.news1	{width:280px; margin: 0px 0px 5px 0px; font-weight:bold;}
.news2	{width:280px;}
.news4	{font-weight: bold; padding: 10px 0px 0px 0px;} /* Pagenav-Buttons */


.jobs	{
	width:580px;}
.jobs1	{
	width:275px;
	float:left;}
.jobs2	{
	width:30px;
	float:left;}
.jobs3	{
	width:275px;
	float:left;}

.suche-ergebnisse {
	width: 100%;}
.suche-ergebnisse1 {
	padding: 2px 2px 2px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #7C8899;}
.suche-ergebnisse2 {}
.suche-ergebnisse3 {}

/* Login-Form */
.login {}
.login1 {
	width: 300px;
	margin: 0px 0px 10px 0px;}
.login11 {
	width: 100px;
	float: left;
	font-weight: bold;}
.login12 {
	width: 200px;
	float: left;}
.login2 {
	margin: 10px 0px 0px 0px;
	width: 300px;
	text-align: right;}
	
.abovoucher { /* Abocenter-Voucherform */
	width:100%;	background-color:#757a7e;	padding: 3px 3px 3px 3px;}
.abovoucher1 { /* Text & Input */
	float: left; color: #FFF; font-weight:bold; padding: 0px 0px 0px 10px;}
.abovoucher2 { /* Button */
	float: right;}

.abocenter { /* Abocenter-Form */
	width:100%; margin: 20px 0px 0px 0px;}
.abocenter1 {
	font-weight:bold;}
.abocenter2 {
	margin: 0px 0px 20px 0px;}

/* Showart */
.showart {
	padding: 30px;}
.showart p {
	color:#000;}
.logo-showart {
	margin: 30px 0px 0px 30px;}

/* Showpic */
.showpic {}
.showpic1 {/* Bild mit Copyright */
	background-color: #FFF;
	padding: 2px;
	font-size: 11px;
	color: #000;} 
.showpic2 {/* Bildkommentar */
	background-color: #C03;
	font-weight: bold;
	color: #FFF;
	padding: 2px;} 
.showpic3 {/* Funktionen */
	background-color: #dce7f0;
	padding: 3px 10px 10px 10px;}
.showpic31 {/* Previous */
	background-color: #dce7f0;
	white-space: nowrap;}
.showpic32 {/* größer und schließen */
	background-color: #dce7f0;
	text-align:center;}
.showpic33 {/*Next */
	background-color: #dce7f0;
	text-align: right;
	white-space: nowrap;}

/********************************************************************* Link */

A:link, A:visited, A:active {	color: #3399DF; font-weight:bold; text-decoration:none;}
A:link:hover, A:visited:hover { color: #000; font-weight:bold; text-decoration:underline;}

.pagenav-lst {
	padding: 2px 5px 2px 5px;
	margin: 0px 5px 0px 0px;
	background-color: #003d8f;
	border: 1px solid #003d8f;
	color:#FFF;}
a.pagenav-lst {
	padding: 2px 5px 2px 5px;
	margin: 0px 5px 0px 0px;
	background-color: #e4e7ec;
	border: 1px solid #e4e7ec;
	color:#003d8f;}
.pagenavtop { /* Seitenzahl oben */
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
	border-bottom: 1px solid #7C8899;}
.pagenavbottom { /* Seitenzahl unten */
	margin: 15px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	border-top: 1px solid #7C8899;}

/********************************************************************* Global 2 */

BODY {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-repeat: repeat-y;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 18px;}

td,p,div {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 18px;}

p,form { margin:0px;}

hr {
	background-color: #7c8899;
	color: #7c8899;
	border: 0px;
	height: 1px;
	margin: 20px 0px 20px 0px;}

.button1 {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 12px;
	background-color: #7c8899;
	color: #FFF;}

.input1 {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #7c8899;}
	
.select1 {
	font-size: 12px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;}

/* Fehlermeldung */
.alert {
	width: 100%;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 20px 0px;
	border: 1px solid #C03;}
.alert1 {
	color: #C03;
	font-size: 11px;}
.alert ul {}
.alert li {
	font-size: 11px;
	color: #C03;}

/* Infomeldung */
.info {
	width: 100%;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 20px 0px;
	background-color: #390;
	color:#FFF;
	font-size: 11px;}
.info ul {}
.info li {
	font-size: 11px;
	color:#FFF;}

ul {
	margin-top: 0px;
	margin-bottom: 0px;}
li {
	font-size: 12px;
	list-style:square;
	color: #787878;}