body {
	FONT-FAMILY: "Bitstream Vera Sans", "Trebuchet MS", "Verdana", sans-serif;
	background-color: #ffffff;
	color: #000000;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 0.75em;
	background-image:url(images/hg_back.gif);
	background-repeat:repeat-y;
}

p, td { 
	FONT-FAMILY: "Bitstream Vera Sans", "Trebuchet MS", "Verdana", sans-serif;
	font-size: 1.0em;
 	color: #000000 ;
margin-bottom:.2em;
margin-top: 4 px;
 }

.textklein {
	FONT-SIZE: 0.95em;
	COLOR: #000000 ;
	FONT-FAMILY: "Bitstream Vera Sans", "Trebuchet MS", "Verdana", sans-serif;
	FONT-WEIGHT: bold;
	}
A.textklein:link {
	COLOR: #ffffff; TEXT-DECORATION: none;
}
A.textklein:visited {
	COLOR: #ffffff; TEXT-DECORATION: none;
}
A.textklein:active {
	COLOR: #ffffff; TEXT-DECORATION: none;
}
A.textklein:hover {
	COLOR: #ffffff; TEXT-DECORATION: none;
}
.textkleingrau {
	FONT-SIZE: 0.95em;
	COLOR: #949494;
	FONT-FAMILY: "Bitstream Vera Sans", "Trebuchet MS", "Verdana", sans-serif;
	FONT-WEIGHT: bold;
	}
A.textkleingrau:link {
	COLOR: #949494; TEXT-DECORATION: none;
}
A.textkleingrau:visited {
	COLOR: #949494; TEXT-DECORATION: none;
}
A.textkleingrau:active {
	COLOR: #949494; TEXT-DECORATION: none;
}
A.textkleingrau:hover {
	COLOR: #949494; TEXT-DECORATION: none;
}
A:link {
	COLOR: #000
}
A:visited {
	COLOR: #000
}
A:active {
	COLOR: #000
}
.menu {
	FONT-SIZE: 1.1em;
	COLOR: rgb(0,0,0);
	FONT-FAMILY: tahoma,arial,helvetica,sans-serif;
	}
	
A.menu:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.menu:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.menu:active {
	COLOR: rgb(255,255,255); TEXT-DECORATION: none; BACKGROUND-COLOR: rgb(5,20,63)
}
A.menu:hover {
	COLOR: rgb(255,255,255); TEXT-DECORATION: none; BACKGROUND-COLOR: rgb(5,20,63)
}



#inhalt {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	Z-INDEX: 1;
	BACKGROUND: #ffffff;
	LEFT: 235px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 10% auto 0px;
	WIDTH: 550px;
	PADDING-TOP: 0px;
	POSITION: absolute;
	TOP: 175px;
	HEIGHT: 570px;
	visibility: visible;
	background-image:url(images/hg_content.jpg);
	background-repeat:repeat-y;
}
#inhalt_spalte1 {
	PADDING-TOP: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	Z-INDEX: 1;
	LEFT: 240px;
	WIDTH: 260px;
	visibility: visible;
}
#inhalt_spalte2 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-TOP: 37px;
	Z-INDEX: 1;
	LEFT: 290px;
	WIDTH: 260px;
	POSITION:absolute;
	TOP: 0px;
	visibility: visible;
}

#logo {
Z-INDEX: 1;
LEFT: 0px;
TOP: 0px;
width: 220px;
POSITION: absolute;
}

#barriere {
Z-INDEX: 2;
LEFT: 120px;
TOP: 5px;
POSITION: absolute;
}
#kopfleiste{
	Z-INDEX: 0;
	BACKGROUND: url(images/hg_kopfleiste.gif) repeat-x;	
	HEIGHT: 104 px;
	WIDTH: 780 px;	
	TOP: 0 px;	
	LEFT: 221px;
	POSITION: absolute;
	visibility: visible;
}
#kopfbild1{
	Z-INDEX: 1;
	HEIGHT: 96 px;
	WIDTH: 291 px;	
	TOP: 7 px;	
	visibility: visible;
	POSITION: absolute;
}
#kopfbild2{
	Z-INDEX: 1;
	left: 490px;
	HEIGHT: 96 px;
	WIDTH: 291 px;	
	TOP: 7 px;	
	visibility: visible;
	POSITION: absolute;
}

#nebennavigation1 {
	Z-INDEX: 1;
	HEIGHT: 90px;
	TOP: 10px;	
	LEFT: 520px;
	width: 90px;
	POSITION: absolute;
	visibility: visible;
	FONT-SIZE: 11px;
	FONT-COLOR: #123123;
	font-family: Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
}	
#nebennavigation2 {
	Z-INDEX: 2;
	HEIGHT: 90px;
	TOP: 10px;	
	LEFT: 615px;
	width: 90px;
	POSITION: absolute;
	visibility: visible;
	FONT-SIZE: 11px;
	FONT-COLOR: #123123;
	font-family: Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
}
#bereich1{
	POSITION: absolute;
	visibility: visible;
	Z-INDEX: 3;
	HEIGHT: 33 px;
	WIDTH: 586 px;	
	TOP: 104 px;	
	LEFT: 221px;
}
#hauptnavigation {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	Z-INDEX: 1;
	LEFT: 1px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 10% auto 0px;
	WIDTH: 220px;
	PADDING-TOP: 0px;
	padding-left: 5px;
	POSITION: absolute;
	TOP: 340px;
	visibility: visible;
	height:100%;
}
#teaserleiste{
	Z-INDEX: 0;
	WIDTH: 180px;	
	TOP: 120px;	
	LEFT: 815px;
	POSITION: absolute;
	visibility: visible;
	height:100%;
}
#teasertext{
	Z-INDEX: 1;
	WIDTH: 190px;	
	visibility: visible;
	text-align:justify;
	FONT-SIZE: 0.95em;
	COLOR: #000000 ;
	padding-top:  0px;
	PADDING-LEFT: 5px;
	FONT-FAMILY: "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif;
}
#teaserkopf{
	Z-INDEX: 1;
	BACKGROUND: url(hg_teaserkopf2.gif) repeat-x;
	HEIGHT: 23px;
	WIDTH: 200px;	
	PADDING-TOP: 4px;
	PADDING-LEFT: 3px;
	padding-bottom: 0px;
	visibility: visible;
	text-align: left;
	FONT-SIZE: 0.95em;
	COLOR: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
}
#fussleiste{
	Z-INDEX: 0;
	BACKGROUND: url(hg_nebennavigation2.gif) repeat-x;
	padding			:	.2em 0 .2em 120px;
	margin			:	1.5em 0 1em 0;
	letter-spacing	:	.1em;
	border-top		:	1px solid #000;
	border-bottom	:	1px solid #000;
	background		:	#F6D800;
	font-weight		:	bold;
	FONT-FAMILY: "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif;
	FONT-WEIGHT: bold;
}

.blind { /* zum Ausblenden von Elementen im Normalmodus */
	position:absolute; 
	left:-1000px;
	width:0px; 
	height:0px; 
	overflow:hidden; 
	display:inline;
}

h1 {
	COLOR: #000000; FONT-FAMILY: arial,helvetica,sans-serif;
	margin-top: 0px;
	TEXT-ALIGN: left;
	vertical-align: middle;
	FONT-SIZE: 1.0em;
	LINE-HEIGHT: 1.3em;
	background-color:#fff;
	BORDER-BOTTOM: #000000 1px inset;
}
H1 A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
H1 A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
H1 A:hover {
	BACKGROUND: #d7e5f3; COLOR: #000000; TEXT-DECORATION: none
}
H1 A:active {
	BACKGROUND: #d7e5f3; COLOR: #000000; TEXT-DECORATION: none
}

h2 {

	font-size		:	1.2em;
	color: #9C2F28;
	width: auto;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	position: static;
	z-index: 2;
}

#punktlinie
{
	height: 1px;
	width: auto;
	border-bottom-style: dotted;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-bottom-width: 1px;
	position: static;
	z-index: 2;

}
#topthema {
PADDING: 0px; 
}
#topthema P {
	font:1.00em "Bitstream Vera Sans", "Trebuchet MS", "Verdana", sans-serif;
 	COLOR: #0C1222; text-align:justify; 
padding: 0px 0px 0px;
	line-height: 1.05em;
}
#topthema h3 {
	font:1.1em "Bitstream Vera Sans", "Trebuchet MS", "Verdana", sans-serif;
 	COLOR: #0C1222; text-align:justify; margin-bottom:0px; padding-bottom: 0px;
margin-bottom:.2em;
	padding-bottom: .1em;
	line-height: 1.2em;
FONT-WEIGHT: bold;
}




#none
{

}
.acronym {
	cursor: help;
}

#footer {
  color: white;
  background-color: rgb(34,70,79);
  font-size: 85%;
  margin: 0;
  padding: 1.25ex 4mm;
  clear: both;
  bottom: 0px
}
.zwischenleiste {
	BORDER-TOP: #999 1px solid; MARGIN-TOP: 20px; BACKGROUND: #efefef; WIDTH: 500px; COLOR: #c00
}
.zwischenleiste H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 1px; COLOR: #c00; PADDING-TOP: 5px; BORDER-BOTTOM: #999 1px solid
}
.zwischenleiste .abschluss {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 1px; COLOR: #c00; PADDING-TOP: 5px; BORDER-BOTTOM: #999 1px solid
}
.zwischenleiste H3 {
	HEIGHT: 21px
}
.zwischenleiste P {
	PADDING-LEFT: 25px; FONT-WEIGHT: normal; COLOR: #000
}
label.left
{
    float            : left;
    text-align        : right;
/*  Bei Aenderungen aber nicht 
    vergessen, die margins bei input.right 
    entsprechend anzupassen: */
    width            : 8em;
    margin-right    : .3em;
}
/*  positioniert die Text- und 
    Auswahlboxen rechts daneben: */
input[type=text],
select
{
    float            : left;
}
/*  dann werden alle checkboxen und radiobuttons,
    die mit der Klasse "right" versehen wurden,
    um den errechneten linken Abstand der input
    und select-Elemente (s.o.) nach rechts
    verschoben: */
input.right
{
    float                    :    left;
    width                    :    auto;
    clear                    :    both;
    margin-left                :    8.3em;
    margin-right            :    .3em;
}

/*  Extrawurst fuer Mozilla, keine Ahnung, 
    warum das so ist. Feedback und 
    Loesungsvorschlaege willkommen */
input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right
{
    margin-left                :    6.3em;
}

/*  Nicht vergessen, die floats wieder aufzuheben,
    sonst floatet es munter weiter */form br
{
    clear                    :    both;
}
/*  fuer grafische UAs und DAUs der Hinweis, dass
    die Label anklickbar sind. Weil's so schoen ist, 
    die Kontrollelemente gleich mit. Mit einer Ausnahme: 
    fuer Textfelder macht der Pointer natuerlich keinen 
    Sinn, dort sollte nach wie vor die Text-Einfuegemarke 
    als Cursor erscheinen. Daher hier die Einschraenkung 
    auf die input-Elemente des Typs checkbox, radiobutton, 
    button und submit: */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
    cursor                    :    pointer;
}
/*  legt den vertikalen Abstand der 
    einzelnen Elemente zueinander fest */
form
{
    line-height                :    120%;
}
.accessKey {
	FONT-WEIGHT: bold; FONT-SIZE: 0.8em; VISIBILITY: hidden; COLOR: #d7e5f3; MARGIN-RIGHT: 1px; 

}
#accessKeyHelpText {
	BORDER-RIGHT: #075fb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #075fb4 1px solid; PADDING-LEFT: 5px; LEFT: -350px; VISIBILITY: hidden; PADDING-BOTTOM: 5px; BORDER-LEFT: #075fb4 1px solid; WIDTH: 500px; COLOR: #000000; LINE-HEIGHT: 1.5em; PADDING-TOP: 5px; BORDER-BOTTOM: #075fb4 1px solid; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #d7e5f3; TEXT-ALIGN: left
}
A.font:link {
	BORDER-RIGHT: #676767 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #676767 1px solid; MARGIN-TOP: 27px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; BORDER-LEFT: #676767 1px solid; COLOR: #676767; LINE-HEIGHT: 200%; MARGIN-RIGHT: 11px; PADDING-TOP: 1px; BORDER-BOTTOM: #676767 1px solid; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
A.font:visited {
	BORDER-RIGHT: #676767 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #676767 1px solid; MARGIN-TOP: 27px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; BORDER-LEFT: #676767 1px solid; COLOR: #676767; LINE-HEIGHT: 200%; MARGIN-RIGHT: 11px; PADDING-TOP: 1px; BORDER-BOTTOM: #676767 1px solid; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
A.font:active {
	BORDER-RIGHT: #676767 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #676767 1px solid; MARGIN-TOP: 27px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; BORDER-LEFT: #676767 1px solid; COLOR: #676767; LINE-HEIGHT: 200%; MARGIN-RIGHT: 11px; PADDING-TOP: 1px; BORDER-BOTTOM: #676767 1px solid; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
A.font:hover {
	COLOR: #fff
}
#breadcrumb{
	font-size: 0.75em;
	padding: 5px 0px 5px 0px;
	Z-INDEX: 10;
	LEFT: 235px;
	MARGIN: 0px 10% auto 0px;
	WIDTH: 550px;
	PADDING-TOP: 0px;
	POSITION: absolute;
	TOP: 140px;
	visibility: visible;
}

table {


	font-size: 1em;
}