html {
height:100%; 
max-height:100%; 
padding:0;
margin:0; 
border:0; 
background:#fff; 
font-size:76%; 
font-family:georgia, palatino linotype, times new roman, serif;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0; font-family: Verdana, Arial, Helvetica, sans-serif;}

#content {overflow:auto; position:absolute; z-index:3; top:80px; bottom:24px; left:200px; right:230px; background:#fff;}

* html #content {top:0; left:0; right:0; bottom:0; height:100%; max-height:100%; width:100%; overflow:auto; position:absolute; z-index:3; border-top:80px solid #fff; border-bottom:24px solid #fff; border-left:200px solid #fff; border-right:230px solid #fff;}


#head {position:absolute; margin:0; top:0; left:0; display:block; width:100%; height:80px; background:url(topbackground.gif) #000; background-position:0 0; background-repeat:repeat; z-index:5; overflow:hidden; color:#fff;}
#foot {position:absolute; margin:0; bottom:0; left:0; display:block; width:100%; height:24px; font-size:1em; z-index:5; overflow:hidden; background:#000; color:#fff;}

#foot table
{
width:100%;
color:#fff !important;
}
#foot table td {
vertical-align:middle;
font-family:verdana,arial;
font-size:8pt;
padding-top:3px;
}

#foot a
{
color:#fff;
text-decoration:none;
}

#left {position:absolute; left:0; top:81px; bottom:24px; width:200px; background:#CCC; font-size:1.2em; z-index:4; overflow:auto; background-repeat:no-repeat;}
#right {position:absolute; right:0; top:80px; bottom:24px; width:230px; background:#9cf; font-size:1.2em; z-index:4; overflow:auto; background-repeat:no-repeat;}

* html #left {height:100%; top:0; bottom:0; border-top:81px solid #fff; border-bottom:24px solid #fff; color:#fff;}
* html #right {height:100%; top:0; bottom:0; border-top:80px solid #fff; border-bottom:24px solid #fff; color:#fff;}

#content p {}
#content h2 {}

.bild
{
width:200px;
}

.abstand
{
background:#fff;
width:17px !important;
}

.logo
{
width:165px !important;
padding:0;
margin:0;
background:#fff;
}

.logo img
{
position:relative;
margin-top:1px;
margin-left:0;
width:165px;
height:79px;
}

.abstand2
{
background:#fff;
width:18px !important;
}

.navigation
{
width:100%;
}

.topnavigation
{
width:100%;
}

.headline
{
height:58px;
}

.headline h5
{
font-family: Arial, Helvetica, sans-serif;
font-size:16pt;
font-weight:bold;
color:#FC0 !important;
margin:14px 0 0 12px;
}

.mainnavi
{
width:100%;
background:#69C;
border-spacing:0;
border-collapse:collapse;
bottom:0;
}

.mainnavi td a
{
	position:relative;
	top:1px !important;
}

* html .mainnavi td a
{
	top:0 !important;
}

.topnavigation .main
{
width:100%;
height:22px;
}

table.menu_table3 {
	background-color:#6699CC;
  border-spacing:0;
	border-collapse:collapse;
	padding:0;
}

.topnavigation table td {
	border-left:1px solid black;
	font-family:verdana,arial;
	font-size:8pt;
	padding:0pt;
	vertical-align:middle;
	white-space:nowrap;
}

img.menu_img {
  border:0;
  padding:0;
  margin:0;
  vertical-align:middle;
}

.topnavigation table a:link {
	text-decoration: none;
	color:black;
	font-size:8pt;
}

.topnavigation table a:visited {
	text-decoration: none;
	color:black;
	font-size:8pt;
}

.topnavigation table a:hover {
	text-decoration: none;
	color:white;
	font-size:8pt;
}

.topnavigation table a:active {
	text-decoration: none;
	color:black;
	font-size:8pt;
}

.topnavigation table a:focus {
	text-decoration: none;
	color:black;
	font-size:8pt;
}

.rightimage
{
background:#003;
padding:0;
margin:;
height:180px;
}

.rightimage img
{
margin:0;
padding:0;
}

/*left*/
#left table {
  table-layout:fixed;
  border:0;
	border-spacing:0;
	border-collapse:collapse;
	padding:0;
	margin-top:1px;
	width:170px;
	margin-left:auto;
	margin-right:auto;
}

td.menu_br_td {
  vertical-align:top;
  text-align:center;
  border-right=1px solid black;
}

td.menu_hd {
  font-family:verdana,arial;
	font-size:8pt;
	padding:6pt;
	color:white;
	font-weight:bold;
  background-color:#000033;
  vertical-align:middle;
}

td.menu_parent_no_td {
  border:1px solid black;
  vertical-align:middle;
  background-color:#666666;
  padding:0pt;
  text-align:center;
}

.menu_parent_no_td img
{
padding-top:1px;
}

td.menu_parent_act_td {
  border:1px solid black;
  background-color:#6699CC;
	vertical-align:middle;
	padding:0pt;
	text-align:center;
}

td.menu_parent_td {
  border:1px solid black;
	font-family:verdana,arial;
	font-size:8pt;
	padding:3pt;
	vertical-align:middle;
}

td.menu_child_td {
	font-family:verdana,arial;
	font-size:8pt;
	padding:3pt;
	vertical-align:middle;
}

td.menu_child_no_td {
  	padding:0;
  	margin:0;
	border-spacing:0;
	border-collapse:collapse;
  	vertical-align:middle;
}

td.menu_lastchild_td {
	font-family:arial;
	font-size:8pt;
	vertical-align:middle;
  	padding:1pt;
  	margin:0;
	border-spacing:0;
	border-collapse:collapse;
}

#left a:link {
	text-decoration: none;
	color:black;
	font-size:8pt;
}

#left a:visited {
	text-decoration: none;
	color:black;
	font-size:8pt;
}

#left a:hover {
	text-decoration: none;
	color:white;
	font-size:8pt;
}

#left a:active {
	text-decoration: none;
	color:black;
	font-size:8pt;
}

#left a:focus {
	text-decoration: none;
	color:black;
	font-size:8pt;
}

#container {position:relative; top:9px; display:block; background:#fff; border-left:100px solid #fff; border-right:104px solid #fff; overflow:visible;}
#container #l1 {float:left; position:relative; width:92px; margin-left:-91px; display:inline;}
#container #r1 {float:right; position:relative; width:92px; margin-right:-91px; display:inline;}

#l1 div
{
display:block;
background:#069;
width:94px;
height:78px;
}

#r1 div
{
display:block;
background:#069;
width:94px;
height:78px;
}

#container .kopf
{
background:#003;
margin:0 10px 0 12px;
height:78px;
}

#container .kopf h2, #container .kopf h1
{
font-family:Verdana, sans-serif;
color:#fff;
font-size:12px;
margin:0;
padding:43px 0 0 17px;
}

#hauptinhalt
{
margin-top:20px;
padding:0 10px;
}

#hauptinhalt h2
{
font-family:Tahoma, sans-serif;
color:#069;
font-size:14px;
margin:0;
padding:0;
}

#hauptinhalt a
{
color:#333;
}

#hauptinhalt a:hover
{
color:#666;
text-decoration:none;
}

.clear, .weiter
{
/*clear:both;*/
}

.inhaltsbild
{
float:left;
margin-right:20px;
margin-bottom:40px;
}

.impressum
{
position:absolute;
z-index:999;
bottom:5px;
right:187px;
width:70px;
}

* html .impressum
{
right:135px;
margin-top:-5px !important;
}

*+ html .impressum
{
right:187px;
bottom:5px !important;
}

.impressum a, .impressum a:visited {
text-decoration:none !important;
line-height:16px;
color:#fff !important;
font-size:11px;
margin: 0 0 0 0;
font-weight:normal;
background:#000;
}


.menubottom
{
position:absolute;
z-index:999;
bottom:5px;
right:320px;
width:60px;
}

* html .menubottom
{
right:205px;
margin-top:-5px !important;
}

*+ html .menubottom
{
right:320px;
bottom:17px !important;
}

.menu1 {
position:relative;
z-index:1000;
font-size:11px;
text-align:left;
padding:0;
margin:0 0 0 0;
}

* html .menu1 {
font-size:11px;
text-align:left;
padding:0 !important;
}

* + html .menu1 {
margin:0 0 -12px 0 !important;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu1 ul {
padding:0;
margin:0;
list-style-type:none;
width:60px;
}

.menu1 ul ul {
width:170px;
}


/* hack for IE5.5 */
* html .menu1 ul {margin-left:-16px; ma\rgin-left:0; width:158px;}
/* position relative so that you can position the sub levels */
.menu1 li {
position:relative;
background:#000;
margin: 0;
padding:0;
}

.menu1 li li {
position:relative;
background:#000;
height:120%;
margin: 0;
padding:0;
}

.menu1 li ul {
border-top: 1px solid #ddd;
border-left: 1px solid #069;
border-bottom: 0 solid #069;
border-right: 1px solid #ddd;
background: #000;
}



/* get rid of the table */
.menu1 table {
position:absolute; 
border-collapse:collapse; 
top:0; 
left:0; 
z-index:100; 
font-size: 1em;
}

/* style the links, first menu */
.menu1 a, .menu a:visited {
display:block; 
text-decoration:none !important;
line-height:16px;
width:100px;
color:#fff !important;
text-indent:5px;
font-size:11px;
margin: 0 0 0 0;
font-weight:normal;
background:#000;
}


/* hack for IE5.5 */
* html .menu1 a, * html .menu1 a:visited 
{
font-size:11px;
background:#000001; width:90px; w\idth:100px;
}

* + html .menu1 a, + html .menu1 a:visited 
{
width:100px;
}

/* style the link hover */
* html .menu1 a:hover {
font-size:11px;
color:#f1f1f1; 
margin: 0;
background:#000002; width:90px; w\idth:100px;
}


/* style the links second, ... menu */
.menu1 ul ul a, .menu ul ul a:visited {
display:block; 
text-decoration:none;
line-height:16px;
width:170px;
color:#fff !important;
text-indent:5px;
font-size:11px;
margin: 0 0 0 0;
font-weight:normal;
background:#000;
}


/* hack for IE5.5 */
* html .menu1 ul ul a, * html .menu1 ul ul a:visited 
{
font-size:11px;
background:#000003; width:160px; w\idth:170px;
}

* + html .menu1 ul ul a, + html .menu1 ul ul a:visited 
{
width:170px;
}

/* style the link hover */
* html .menu1 ul ul a:hover {
font-size:11px;
color:#f1f1f1; 
margin: 0;
background:#000004; width:160px; w\idth:170px;
}

.menu1 :hover > a {
color:#f1f1f1;
font-size:11px;
background:#000004;
}

.menu1 ul ul :hover > a {
background:#333;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu1 ul ul {
visibility:hidden;
position:absolute;
bottom:0;
left:-170px;
background:#000;
z-index:1001 !important;
border:0;
border-left:1px solid #C0C0C0;
border-bottom:1px solid #C0C0C0;
}

* html .menu1 ul ul {
bottom:-10px;
}

/* make the second level visible when hover on first level list OR link */
.menu1 ul :hover ul{
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu1 ul :hover ul ul{
visibility:hidden;
}

/* keep the fourth level hidden when you hover on second level list OR link */
.menu1 ul :hover ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu1 ul :hover ul :hover ul{ 
visibility:visible;
}

/* make the fourth level visible when you hover over third level list OR link */
.menu1 ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

.menu1 ul li ul,.menu1 ul li ul li
{
	background:#000 !important;
}

.menu1 ul li ul,.menu1 ul li ul a
{
	width:170px;
}