/* Formatierungen */ 

body { 
color: #737373; 
font-size: 8pt; 
font-family: verdana, arial, sans-serif; 
line-height: 12pt;
background: #fff url(htgrnd.gif) repeat-x fixed center;
}

h1 {
color: #bbbaba; 
font-size: 13pt;
font-family: verdana, arial, sans-serif; 
margin-top: 0px;
margin-bottom: 20px;
}

td { 
font-size: 8pt; 
font-family: verdana, arial, sans-serif; 
}

#navigation a, #logo a {
outline: none;
}

a:link { 
color: #999; 
text-decoration: none; 
}
a:visited { 
color: #999; 
text-decoration: none; 
}
/* alter hover: ad0e0e */
a:hover { 
color: #ad0e0e; 
text-decoration: none; 
}
a:active { 
color: #ad0e0e; 
text-decoration: none; 
}

td.tabelle {
padding-bottom: 10px;
}



/* Klassen */ 

img.right { 
float: right;
margin-left: 30px;
margin-bottom: 10px; 
}

img.left { 
float: left;
margin-right: 30px;
margin-bottom: 10px;
}

.clear {
clear: both;
}

.feld {
width: 255px;
border: 1px solid #404040;
color: #000000; 
font-size: 9pt; 
font-family: verdana, arial, sans-serif; 
}

.form {
width: 205px;
height: 18px;
padding-top: 7px;
border: 1px solid #bdbdbd;
color: #000000; 
font-size: 9pt; 
font-family: verdana, arial, sans-serif; 
vertical-align: center;
}

.formfeld {
width: 205px;
height: 245px;
border: 1px solid #bdbdbd;
color: #000000; 
font-size: 9pt; 
font-family: verdana, arial, sans-serif; 
}

.button {
background-color: #999999;
border: 1px solid #999999;
color: #fff;
}






/* Layout */ 

#enterbox {
position: absolute;
width: 537px;
height: 76px; 
margin: -38px 0px 0px -268px;
top: 48%; 
left: 50%;
}

#container { /* zentriert das Layout */ 
position: absolute;
width: 1000px;
height: 600px; 
margin: -300px 0px 0px -500px;
top: 50%; 
left: 50%;
}

#logo { 
position: absolute;
top: -4px; 
left: 40px;
width: 214px; 
height: 20px; 
}

* html #navigation {
top: -17px;
}

#navigation { 
position: absolute;
top: -18px;
right: 10px; 
width: 500px;
height: 40px;
text-align: right;
z-index: 999;
}

#overlay { 
position: absolute;
top: 42px;
left: 162px;
width: 675px; 
height: 467px;
z-index: 99;
}

#main { 
position: absolute;
top: 42px;
left: 162px;
width: 675px; 
height: 520px;
}

#content { 
position: absolute;
top: 73px;
left: 88px;
width: 495px; 
height: 355px;
overflow: auto;
padding-right: 5px;
outline: none;
}

#thumbnail { 
position: absolute;
top: 468px;
left: 0px;
width: 675px; 
height: 49px;
}



/* Navigation */

.navi {padding:0 0 0 32px; margin:0; list-style:none; height:36px; position:relative; top:12px; z-index:500;}

.navi li.top {display:block; float:left;}
.navi li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#666; text-decoration:none; text-align: left; font-weight:bold; padding:0 0 0 10px; cursor:pointer;}

.navi table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.navi a:hover {visibility:visible; position:relative; z-index:200;}
.navi li:hover {position:relative; z-index:200;}

.navi ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.navi ul.sub1 {width:85px;}
.navi ul.sub2 {width:85px;}
.navi ul.sub3 {width:75px;}
.navi ul.sub4 {width:135px;}
.navi ul.sub5 {width:90px;}

.navi :hover ul {left:0; top:33px; margin-left: 4px; padding:3px; white-space:nowrap; height:auto; z-index:300; background: #909090; filter:alpha(opacity=90); /* IE */ -moz-opacity:0.9; /* Gecko-Browser */ opacity:0.9; /* Opera 9+ */}
.navi :hover ul li {display:block; height:20px; position:relative; font-weight:bold; width:auto;}
.navi :hover ul li a {display:block; height:20px; line-height:20px; width:auto; padding:0 5px; color:#eee; text-align: left; text-decoration:none; }
/* .navi :hover ul li a:hover {color:#ad0e0e;} */

.navi :hover ul.sub1 li a:hover {color:#28687b;}
.navi :hover ul.sub2 li a:hover {color:#753266;}
.navi :hover ul.sub3 li a:hover {color:#3b528c;}
.navi :hover ul.sub4 li a:hover {color:#004e03;}
.navi :hover ul.sub5 li a:hover {color:#ad0e0e;}

.navi ul li ul li span {color:#fff;}


a.nav-editorial {
display: block;
float: left;
width: 79px;
height: 40px;
background: url(navigation/editorial.gif);
}
a.nav-editorial_ac, a.nav-editorial:hover, a.nav-editorial_ac:hover  {
display: block;
float: left;
width: 79px;
height: 40px;
background: url(navigation/editorial-over.gif);
}

a.nav-corporate {
display: block;
float: left;
width: 87px;
height: 40px;
background: url(navigation/corporate.gif);
}
a.nav-corporate_ac, a.nav-corporate:hover, a.nav-corporate_ac:hover  {
display: block;
float: left;
width: 87px;
height: 40px;
background: url(navigation/corporate-over.gif);
}

a.nav-gedruckt {
display: block;
float: left;
width: 83px;
height: 40px;
background: url(navigation/gedruckt.gif);
}
a.nav-gedruckt_ac, a.nav-gedruckt:hover, a.nav-gedruckt_ac:hover  {
display: block;
float: left;
width: 83px;
height: 40px;
background: url(navigation/gedruckt-over.gif);
}

a.nav-projekte {
display: block;
float: left;
width: 79px;
height: 40px;
background: url(navigation/projekte.gif);
}
a.nav-projekte_ac, a.nav-projekte:hover, a.nav-projekte_ac:hover  {
display: block;
float: left;
width: 79px;
height: 40px;
background: url(navigation/projekte-over.gif);
}

a.nav-infos {
display: block;
float: left;
width: 57px;
height: 40px;
background: url(navigation/infos.gif);
}
a.nav-infos_ac, a.nav-infos:hover, a.nav-infos_ac:hover {
display: block;
float: left;
width: 57px;
height: 40px;
background: url(navigation/infos-over.gif);
}

a.nav-kontakt {
display: block;
float: left;
width: 74px;
height: 40px;
background: url(navigation/kontakt.gif);
}
a.nav-kontakt_ac, a.nav-kontakt:hover, a.nav-kontakt_ac:hover  {
display: block;
float: left;
width: 74px;
height: 40px;
background: url(navigation/kontakt-over.gif);
}