* {
  color:#000000;
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
	font-size:12px;
	margin:0;
	padding:0;
}

body {
	width: 979px;
	background-color: #ddd;
}

div	{
	border: none;
}

a img
{
	border:none;
}


.minheight {
  float:left;
  position:relative;
  top:0px;
  left:0px;
}

.header {
	position:relative;
	margin: 0px;
	margin-bottom:0px;
	padding: 0px;
	color: #000000;
	background-color: #fff;
	border-top: #888 1px solid;
	border-right: #888 1px solid;
	border-bottom: #888 1px solid;
	border-left: #888 1px solid;
}

* html .header {
	width:100%;
}

.promo
	{
	float				: right;
	left				: 0px;
	width				: 470px;
	margin				: 0px;
	padding				: 0px;
	color				: #000000;
	background-color	: #fff;
	height:80px;
	}
.promo
	{
/*/*/
	margin-top			: 0px;
/* */
	}
	
/*
make sure that the hack widths equals the value of .headline's margin-right
the initial width is for NN4 - experiment and set to what seems best
*/
.logo
	{
	float				: left;
	width				: 170px;
	margin				: 0px;
	padding				: 0px 0px 0px 0px;
	z-index				: 3;
	background-color	: #fff;
	text-align:center;
	height:80px;
	}

/* 
For NN4, -25px is the margin-left setting to make the headline header but up against the left header. (OmniWeb is much the same, but this stylesheet makes no allowances for it).
For other browsers, the equivalent margin-left setting is equal to the width of the left header.
margin-right is set to the value of the overriding values for .logo's width. 
A margin can be created between these two headers either by changing these values, or by setting the padding of the relevant #...padding divs.
margin-top is set to -1px to make NN4 line up correctly.
*/
.headline
	{
	margin				: 0px;
	padding				: 0px;
	color				: #000000;
	background-color	: #cccccc;
	z-index				: 4;
	min-width:54px;
	}
.headline
	{
	margin-right		: 0px;
	margin-top			: -1px;
	margin-bottom		: 0px;
	margin-left			: -25px;
	display:none;
	}
/* IE5 once again goes awry - shift it down (29px is right for this layout but no doubt the exact value will vary [sigh]) and then zap 
empty because otherwise IE5 goes rampaging on */
/*/*/
.headline
	{
	margin-right		: 170px;
	margin-left			: 470px;
	margin-top			: 29px;
	font-family			: "\"}\"";
	font-family			: inherit;
	margin-top			: 0px;
	}
#empty{}
/*  */

/* following bit only necessary if OmniWeb to be handled - the .fake bit is only picked up by OmniWeb, IE and, er, Amaya
see  http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml
But exclude it from IE5/mac */
/*\*/
.fake.headline
	{
	margin-right		: 0px;
	margin-left			: 0px;
	}
/* this bit resets for IE */
* html .headline
	{
	margin-right		: 170px;
	margin-left			: 470px;
	}
/* End of OmniWeb shenanigans */

.background {
	margin: 							0px;
	padding: 							0px;
/*DAU*/
	background-image:			url(../images/layout/col_trenner.gif);
	background-repeat:		no-repeat;
	background-position:	right 0px;
	}

.bread {
  font-size:10px;
}

a.bread {
font-size:10px;
}

/* -21px is for who? Netscape 4, I would guess - er yes */
.columns
	{
	clear				: both;
	margin				: 0px;
	margin-top			: -21px;
	padding				: 0px;
	background-color	: #fff;
	border-right: #888 1px solid;
	border-left: #888 1px solid;
	background-image:url(../images/layout/col_trenner.gif);
	background-repeat:no-repeat;
	background-position:170px 0px;
}

*+html .columns
{
	background-position:171px 0px;
}

/* NB - OmniWeb displays the 1px space as looking somewhat thicker, but set it to 0px and there is no space */
/* IE5 gets the spacing all wrong: -18px puts it right. Then use the tantek-family hack to make everything right again */
/*/*/
.columns {
  margin-top			: -18px;
	font-family			: "\"}\"";
	font-family			: inherit;
	margin-top			: 0px;
}
/* */
/* empty required to get IE5 vback on track */
#empty{}

.navigation
	{
	float				: left;
	left				: 0px;
	width				: 170px;
	margin				: 0px;
	margin-top			: -11px;
	margin-left			: -1px;
	padding				: 0px;
	background-image:url(../images/layout/col_trenner.gif);
	background-repeat:no-repeat;
	background-position:right 0px;
	}
.navigation
	{
/*/*/
	margin-top			: 0px;
/* */
	}

/*
make sure that the hack widths equals the value of .content's margin-right
the initial width is for NN4 - experiment and set to what seems best
*/
.highlights
	{
	position			: static;
	float				: right;
	width				: 170px;
	margin				: 0px;
	padding				: 0px;
	z-index				: 3;
	color				: #000000;
	background-color	: #fff;
	}

/* 
For NN4, -25px is the margin-left setting to make the content column but up against the left column. (OmniWeb is much the same, but this stylesheet makes no allowances for it).
For other browsers, the equivalent margin-left setting is equal to the width of the left column.
margin-right is set to the value of the overriding values for .highlights's width. 
A margin can be created between these two columns either by changing these values, or by setting the padding of the relevant #...padding divs.
margin-top is set to -1px to make NN4 line up correctly.
*/
.content
	{
	margin				: 0px;
	padding				: 0px;
	padding-right:40px;
	color				: #000000;
	background-color	: #fff;
	z-index				: 4;
	min-width:320px;
  line-height:150%;
	}
.content
	{
	margin-right		: 0px;
	margin-top			: -1px;
	margin-bottom		: 0px;
	margin-left			: -25px;
	}
/* IE5 once again goes awry - shift it down (29px is right for this layout but no doubt the exact value will vary [sigh]) and then zap 
empty because otherwise IE5 goes rampaging on */
/*/*/
.content
	{
	margin-right		: 171px;
	margin-left			: 172px;
	margin-top			: 29px;
	font-family			: "\"}\"";
	font-family			: inherit;
	margin-top			: 0px;
	}
#empty{}
/*  */

/* following bit only necessary if OmniWeb to be handled - the .fake bit is only picked up by OmniWeb, IE and, er, Amaya
see  http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml
But exclude it from IE5/mac */
/*\*/
.fake.content
	{
	margin-right		: 0px;
	margin-left			: 0px;
	}
/* this bit resets for IE */
* html .content
	{
	margin-right		: 171px;
	margin-left			: 161px;
	width:100%;
	}
/* End of OmniWeb shenanigans */

.footer
	{
	position:relative;
	margin-top			: -11px;
	padding				: 0px;
	padding-top:20px;
	color				: #000000;
	background-color	: #fff;
	border-right: #888 1px solid;
	border-bottom: #888 1px solid;
	border-left: #888 1px solid;
	}

* html .footer {
	width				: 100%;
}

.footer
	{
/*/*/
	margin-top			: 0px;
/* */
	}

.valid
	{
	float				: left;
	left				: 0px;
	width				: 170px;
	text-align	: center;
	margin				: 0px;
	padding				: 0px;
	color				: #000000;
	background-color	: #fff;
	line-height:0px;
	}
.valid
	{
/*/*/
	margin-top			: 0px;
/* */
	}
	
/*
make sure that the hack widths equals the value of .emptyfoot's margin-right
the initial width is for NN4 - experiment and set to what seems best
*/
.emptyfoot
	{
	position			: static;
	float				: right;
	width				: 170px;
	margin				: 0px;
	padding				: 0px 0px 0px 0px;
	z-index				: 3;
	color				: #000000;
	background-color	: #fff;
	}

/* 
For NN4, -25px is the margin-left setting to make the headline header but up against the left header. (OmniWeb is much the same, but this stylesheet makes no allowances for it).
For other browsers, the equivalent margin-left setting is equal to the width of the left header.
margin-right is set to the value of the overriding values for .logo's width. 
A margin can be created between these two headers either by changing these values, or by setting the padding of the relevant #...padding divs.
margin-top is set to -1px to make NN4 line up correctly.
*/
.copyright
	{
	margin				: 0px;
	padding				: 4px;
	color				: #000000;
	font-size:10px;
	background-color	: #fff;
	z-index				: 4;
	min-width:54px;
	}
.copyright
	{
	margin-right		: 0px;
	margin-top			: -1px;
	margin-bottom		: 0px;
	margin-left			: -25px;
	}
/* IE5 once again goes awry - shift it down (29px is right for this layout but no doubt the exact value will vary [sigh]) and then zap 
empty because otherwise IE5 goes rampaging on */
/*/*/
.copyright
	{
	margin-right		: 170px;
	margin-left			: 170px;
	margin-top			: 29px;
	text-align			: center;
	font-family			: "\"}\"";
	font-family			: inherit;
	margin-top			: 0px;
	}
#empty{}
/*  */

/* following bit only necessary if OmniWeb to be handled - the .fake bit is only picked up by OmniWeb, IE and, er, Amaya
see  http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml
But exclude it from IE5/mac */
/*\*/
.fake.copyright
	{
	margin-right		: 0px;
	margin-left			: 0px;
	}
/* this bit resets for IE */
* html .copyright
	{
	margin-right		: 170px;
	margin-left			: 170px;
	}
/* End of OmniWeb shenanigans */

.clear { clear : both; font-size: 1px; line-height: 0px; }


.padding
	{
	margin				: 0px;
	padding				: 10px;
	padding-top				: 10px;
	padding-right				: 10px;
	padding-bottom				: 10px;
	padding-left				: 15px;
	}

.padding_bread {
  margin				: 0px;
	padding				: 0px;
	padding-top:18px;
	padding-left:15px;
}

.padding_highlights {
  margin				: 0px;
	padding				: 0px;
	padding-top:43px;
	padding-right:10px;
	padding-bottom:20px;
	padding-left:10px;
}

/* following styles have nothing to do with the structural layout */
h1, h2
	{
	margin-top			: 0px;
	}

p
	{
	margin-bottom		: 15px;
	}



/* CSS HACK:  position:relative needed by IE6 otherwise 
 * the header and col 2 don't show up on initial rendering - 
 * they're there but you have to minimise the window or switch 
 * to another app and back to see the full effect. 
 * But IE5(pc) doesn't like it. And nor does NN4.
 *
 * NB. the use of pos:rel has to go way beyond skin-deep - 
 * any nested element that needs a background colour appears 
 * to require to be be relatively positioned 
 */ 
/*/*/
.content
	{ p\osition: relative; }
/* */




li.pfeil {
  list-style-image:url(../images/li.gif);
  padding-bottom:2px;
}

* html li.pfeil {
  list-style-image:url(../images/li_ie.gif);
  padding-bottom:2px;
}

ul
{
  margin-bottom:14px;
  margin-left:20px;
}

ul.download {
  margin-left:10px;
  padding-left:0px;
}

li.download{
	list-style-type:none;
	background:url(../images/pdficon.gif) no-repeat center left;
	height:16px;
	padding-top:10px;
	padding-left:30px;
}

li.nav, li.subnav, li.li_ebene2, li.li_ebene3 {
  margin:0px 0px 0px 0px;
  text-align:left;
	text-decoration:none;
  padding-right:7px;
}

li.li_ebene2 {
  margin:0px 0px 0px 20px;
}

li.li_ebene3 {
  margin:0px 0px 0px 40px;
}

span.nav_active {
  display:block;
  margin:5px 0px 0px 0px;
  text-align:left;
	text-decoration:underline;
  font-weight:normal;
	color:#333;
	background:url(../images/layout/nav_marker.gif) no-repeat;
	background-position:left 6px;
  padding:2px 0px 2px 18px;
}

* html span.nav_active {
  display:inline-block;
}

span.subnav2_active {
  display:block;
  margin:5px 0px 0px 0px;
  text-align:left;
	text-decoration:underline;
  font-weight:normal;
	color:#71787b;
	color:#333;
	background:url(../images/layout/nav_marker.gif) no-repeat;
	background-position:left 6px;
  padding:2px 0px 2px 18px;
  font-size:11px;
}

span.subnav3_active {
  display:block;
  margin:5px 0px 0px 0px;
  text-align:left;
	text-decoration:underline;
  font-weight:normal;
	color:#71787b;
	color:#333;
	background:url(../images/layout/nav_marker.gif) no-repeat;
	background-position:left 6px;
  padding:2px 0px 2px 18px;
  font-size:10px;
}

* html span.subnav2_active, * html span.subnav3_active {
  display:inline-block;
}

ul.nav {
  margin:0px 0px 0px 0px;
  padding:0px 0px 5px 0px;
  list-style-type:none;
}

a {
  color:                #0000ff;
  text-decoration: 			none;
}

a:visited {
  color:                #800080;
}

a:hover {
  text-decoration: 			underline;
}

a.nav, a.subnav2, a.subnav3, a.subnav2_active {
  display:block;
  font-weight:normal;
	color:#333;
	text-decoration:none;
  margin:5px 0px 0px 0px;
  padding:2px 0px 2px 18px;
}

* html a.nav {
  width:100%;
  display:inline-block;
}

* html a.subnav2, * html a.subnav3 {
  width:100%;
  display:inline-block;
}

a:hover.nav, a:hover.subnav, a:hover.subnav2, a:hover.subnav3, a:hover.li_ebene2, a:hover.li_ebene3, a.subnav2_active {
	text-decoration:underline;
	background:url(../images/layout/nav_marker.gif) no-repeat;
	background-position:left 6px;
}

a:hover.subnav2_active
{
	text-decoration:none;
}

a:visited.nav {
  color:#333;
}

a.subnav2, a:visited.subnav2, a.subnav2_active {
  font-size:11px;
	color:#71787b;
	color:#333;
}

a.subnav3, a:visited.subnav3 {
  font-size:10px;
	color:#333;
}

a.bread {
	font-size:10px;
}


a.bread {
font-size:10px;
}

h1 {
  font-size: 14px;
  margin-bottom: 14px;
}

h2 {
  font-size: 12px;
  margin-bottom: 14px;
}

h3 {
  margin-bottom: 14px;
}

.center {
  text-align:center;
}

.page {
	margin:15px;
}

* html .page {
	margin:0px;
	border: #ddd 15px solid;
}

img.validimg {
  margin:5px;
}

img.imglogo {
  margin-top:						18px;
  margin-bottom:				19px;
  margin-left:					5px;
  margin-right:					5px;
}

.footer_left_border_right {
	display:none;
}

.footer_right_border_left {
	display:none;
}

.footer_left_border_top {
	display:none;
}

.footer_right_border_top {
	display:none;
}

.header_right_border_left {
	position:							absolute;
	bottom: 							0px;
	left:								170px;
	height:								10px;
	border-right: 				#555 1px solid;
/*DAU
display:none;*/
}

* html .header_right_border_left {
	right: 								169px;
}

.header_right_border_bottom {
	position:							absolute;
	bottom:								-1px;
	left:								0px;
	height:								10px;
	width:								5px;
	border-bottom: 				#fff 1px solid;
	z-index:							9;
}

.screenshot {
  border:#a5a5a5 1px solid;
}

a.external {
	padding-right:15px;
	background:url(../images/external.gif) no-repeat center right;
}

td.image
{
	padding-right:20px;
	vertical-align:top;
}

td.middle
{
	vertical-align:middle;
}

/* Sitemap */
ul.sitemap {
  list-style-type:none;
}

ul.ebene1, ul.ebene2, ul.ebene3 {
  margin-left:0px;
  padding-left:0px;
}

ul.ebene2, ul.ebene3 {
  margin-top:4px;
}

ul.ebene3 {
  margin-bottom:15px;
}

li.ebene1, li.ebene2, li.ebene3 {
  margin-bottom:6px;
}

li.ebene2 {
  padding-left:0px;
  margin-left:0px;
}

li.ebene3 {
  margin-left:16px;
  border-left:#a5a5a5 1px solid;
}

a.li_ebene1 {
	background:#f0f0f0 url(../images/ebene1.gif) no-repeat 3px 6px;
  border:#a5a5a5 1px solid;
  padding-left:14px;
  display:block;
}

* html a.li_ebene1 {
	background-position:4px 8px;
  margin-left:0px;
}

a.li_ebene2 {
  padding-left:14px;
	text-decoration:none;
}

a.li_ebene3 {
  padding-left:14px;
	text-decoration:none;
  margin-left:3px;
}

.textklein
{
	font-size:10px;
}

/* Formulare */
input, textarea, select {
	margin-top:.2em;
}
   
br.form {
	clear:left;
}

label.left {
	float:left;
	text-align:right;
	width:10em;
	margin-right:.3em;
	margin-left: 0em;
}

ul.formeinzug
{
	margin-right:0em;
	margin-left:10em;
}

label.pflicht {
	float:left;
	text-align:center;
	width:1em;
	margin-right:.3em;
	font-weight:bolder;
	color:#bb0000;
}

span.pflicht {
	text-align:center;
	width:1em;
	font-weight:bolder;
	color:#bb0000;
}

label.fehler {
	cursor:pointer;
	text-decoration:underline;
}

input.pflicht {
	margin-left:0em;
}

.keinepflicht {
	margin-left:1.3em;
}

.kontakt {
	line-height:200%;
	margin-top:0px;
}

div.pflicht {
	margin-left:.0em;
	float:left;
	width:auto;
}

div.radiolabel {
	margin-left:1.0em;
	width:auto;
	float:left;
}

div.kontaktform {
	background:#ff0000;
}

input.radio {
	float:left;
	margin-top:.5em;
	width:1.3em;
}

select {
	width:20.5em;
}

select.suche {
	width:10em;
}

* html input.radio {
	margin-top:.2em;
}

.inputunderline {
  background:#fff;
  border:#e0e0e0 1px solid;
}

.inputunderlinereadonly {
  background:#ebebe4;
  border:#d0d0d0 1px solid;
}

.iviinput {
	width:232px;
}

fieldset {
  width:375px;
  margin:10px 5px 5px 5px;
	padding-bottom:10px;
  display:block;
	border:none;
}

fieldset.border
{
	border:1px solid black;
}

legend {
  font-weight:bold;
	margin-left:10px;
}

.fehler {
  background-color:#fbdada;
}

div.line
{
	float:left;
	width:550px;
}

div.line label
{
	float:left;
	width:140px;
}

div.line input.radio
{
	float:left;
	margin-right:5px;
}

div.line input.checkbox
{
	margin-right:5px;
	float:left;
}

div.line input.textsmall, div.line input.textsmall_rbrd
{
	width:41px !important;
	width:43px;
	padding-left:2px;
	margin-right:5px;
}

div.line input.textmedium, div.line input.textmedium_rbrd
{
	width:126px !important;
	width:128px;
	padding-left:2px;
	margin-right:5px;
}

div.line input.textlarge, div.line input.textlarge_rbrd
{
	width:184px !important;
	width:182px;
	padding-left:2px;
	margin-right:5px;
}

div.line input.textsmall_rbrd, div.line input.textmedium_rbrd, div.line input.textlarge_rbrd, div.line textarea.rbrd
{
	border:2px solid #C5181A;
}

div.line textarea
{
	width:448px;
	width:320px;
	height:85px;
}

input.submit
{
	width:142px;
	height:34px;
	background:url(../images/button_abschicken.gif) no-repeat;
	font-size:20px;
	color:#FFFFFF;
	padding:4px 23px 9px 21px;
	border:none;
}

.cleft
{
	clear:left;
}

.cc
{
	clear:both;
	margin-bottom:3px;
}

div.tbl label, div.tbl_rbrd label
{
	float:left;
	width:300px;
	margin-top:3px;
}

div.tbl_rbrd label
{
	width:296px;
}

div.line label > input
{
	margin-left:130px;
}

div.tbl, div.tbl_rbrd
{
  display:block;
	float:left;
  height:1%;
}

div.tbl_rbrd {
  border:2px solid #C5181A;
}

p.errStr
{
	color:#C5181A;
}

p.hnews {
  word-wrap:break-word;
}

p.hnews:first-letter {
	font-weight:bold;
	font-size:12px;
	color:#880000;
}

.address
{
	display:none;
}