html
{
overflow:none !important;
height:100%;
}

body
{
background:#00002D;
overflow:none !important;
height:100%;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

#body
{
position:absolute;
background:#fff url('./images/background.gif') repeat-y;
overflow:none;
height:97%;
width:900px;
left:50%;
margin-left:-450px;
}

a
{
color:#00002D;
}

#hauptnavi
{
position:absolute;
height:90px;
bottom:410px;
width:450px;
left:450px;
background:url('./images/logo_web2.png') no-repeat;
}

#hauptnavi ul li a.aktiv
{
color:#990025;
}

#content
{
position:absolute;
height:338px;
bottom:72px;
width:900px;
background:#fff;
}

#image
{
width:450px;
height:338px;
float:left;
margin:0;
}

#inhalt
{
margin-left:450px;
padding:10px 30px;
width:386px;
height:318px !important;
}

* html #inhalt
{
width:380px !important;
}

#subnavi
{
height:22px;
}

#subnavi ul
{
	list-style:none;
	margin:0;
	padding:0 0 0 0;
	width:378px;
}

#subnavi ul li
{
display:block;
float:left;
}

#subnavi ul li a
{
width:auto;
text-decoration:none;
font-weight:bold;
color:#00002D;
font-size:12px;
}

*+html #subnavi ul li a
{
width:140px;
}

#subnavi ul li a.aktiv
{
color:#990025;
}

#projektnavi
{
height:15px;
}

#projektnavi ul
{
	list-style:none;
	margin:0;
	padding:0 0 0 0;
	width:378px;
}

#projektnavi ul li
{
display:inline;
}

#projektnavi ul li a
{
display:table-cell;
width:auto;
text-decoration:none;
font-weight:bold;
color:#00002D;
font-size:12px;
}

#projektnavi ul li a.aktiv
{
color:#990025;
}

#inhaltstext
{
position:absolute;
top:50px;
padding-right:30px;
font-size:12px;
width:388px;
}

* html #inhaltstext
{
	width:386px;
}

#inhaltstext h1
{
color:#990025;
font-size:1.4em;
text-transform:uppercase;
width:380px;
margin:2px 0 0 0;
}

#inhaltstext h2
{
color:#00002D;
font-size:1.2em;
}

#inhaltstext p
{
text-align:justify;
margin:2px 0;
}

#footer
{
position:absolute;
height:40px;
background: url('./images/background.gif') repeat-y;
bottom:32px;
width:900px;
}

#bildleiste
{
width:445px;
float:left;
text-align:right;
margin-top:4px;
}

#bildleiste a
{
margin:0;
padding:0;
border:0;
}

#bildleiste img
{
margin:0;
padding:0;
border:0;
}

#impressum
{
text-align:right;
width:440px;
float:right;
margin-top:12px;
padding-right:5px;
}

#impressum a
{
}

#impressum a.aktiv
{
color:#990025;
}

.wackermenu {
width:420px; 
font-size:12px;
position:relative;
top:74px;
left:20px;
font-weight:bold;
z-index:100;
}
/* remove all the bullets, borders and padding from the default list styling */
.wackermenu ul {
padding:0;
margin:0;
list-style-type:none;
}
.wackermenu ul ul {
width:129px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.wackermenu li {
float:left;
width:138px;
position:relative;
}
/* style the links for the top level */
.wackermenu a, .wackermenu a:visited {
display:block;
font-size:12px;
text-decoration:none; 
color:#00002D; 
width:127px; 
border:0; 
padding:2px 0 0 11px; 
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .wackermenu a, * html .wackermenu a:visited {
width:138px;
padding-left:12px !important;
w\idth:127px;
p\adding-left:12px !important;
}

* html .wackermenu ul ul a, * html .wackermenu ul ul a:visited
{
font-size:12px !important;
f\ont-size:12px !important;
}

/* style the second level background */
.wackermenu ul ul a.drop, .wackermenu ul ul a.drop:visited {
background:transparent;
}
/* style the second level hover */
.wackermenu ul ul a.drop:hover{
background:transparent;
}
.wackermenu ul ul :hover > a.drop {
background:transparent;
}
/* style the third level background */
.wackermenu ul ul ul a, .wackermenu ul ul ul a:visited {
background:transparent;
}
/* style the third level hover */
.wackermenu ul ul ul a:hover {
background:transparent;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.wackermenu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:22px;
left:0; 
width:128px;
height:82px;
background:transparent url('images/naviback2.jpg') no-repeat;
}

/* another hack for IE5.5 */
* html .wackermenu ul ul {
top:22px;
t\op:22px;
}

/* position the third level flyout menu */
.wackermenu ul ul ul{
left:118px; 
top:0;
width:118px;
}
/* position the third level flyout menu for a left flyout */
.wackermenu ul ul ul.left {
left:-118px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.wackermenu table {position:absolute; top:0; left:0;}

/* style the second level links */
.wackermenu ul ul a, .wackermenu ul ul a:visited {
background:transparent; 
color:#00002D; 
height:auto; 
padding:1px 0 1px 11px; 
width:116px
/* yet another hack for IE5.5 */
}
* html .wackermenu ul ul a{
width:127px;
w\idth:116px;
}


/* style the top level hover */
.wackermenu a:hover, .wackermenu ul ul a:hover{
color:#990025; 
background:transparent;
}
.wackermenu :hover > a, .wackermenu ul ul :hover > a {
color:#990025;
background:transparent;
}

/* make the second level visible when hover on first level list OR link */
.wackermenu ul li:hover ul,
.wackermenu ul a:hover ul{
visibility:hidden; 
}
/* keep the third level hidden when you hover on first level list OR link */
.amdeusmenu ul :hover ul ul{
visibility:hidden;
}

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

.wackermenu .last
{
width:116px !important;
text-align:center;
}
.wackermenu .last object
{
margin-left:8px;
padding-top:4px !important;
}

/* yet another hack for IE5.5 */
* html .wackermenu .last a{
width:126px ;
w\idth:115px !important;
}