* {
margin:0;
padding:0;
}

body {
font-family:Helvetica, Arial, sans;
background:url("gfx/bg.gif") no-repeat 0 0 #fff;
}

#wrapper {
float:left;
position:relative;
left:50%;
width:90%;
margin:0 0 0 -45%;
}

dl {
color:#fff;
float:left;
}

dt {
font-size:1.2em;
}

#firstlevel {
width:50%;
}

#firstlevel dt {
margin:0;
background:url("gfx/plus.gif") no-repeat 98% 50% #f00;
color:#fff;
border-top:1px solid #fff;
}

#firstlevel dd {
display:none;
background:#c00;
height:0px;
overflow:scroll;
overflow:auto;
overflow-y:auto;
}

#firstlevel a:link, #firstlevel a:visited, #firstlevel a:hover, #firstlevel a:active {
width:96%;
padding:1% 2%;
}
 
#firstlevel #active {
display:block;
height:24em;
}

#firstlevel  #subactive {
display:block;
height:18em;
padding:0;
}

#firstlevel .active {
background-position:-2em -2em;
}

#firstlevel dl.secondlevel dt.active {
background-position:-2em -2em;
}

#firstlevel dl.secondlevel {
position:absolute;
margin:-2.2em 0 0 0;
width:50%;
left:52%;
}

* html #firstlevel dl.secondlevel {
width:43em; 
w\idth:50%; 
}

*html #firstlevel dl.secondlevel {
width:100%;
width\:95%;
}

#firstlevel dl.secondlevel dt {
margin:0;
background:url("gfx/plus.gif") no-repeat 98% 50% #BD0000;
color:#fff;
border-top:1px solid #fff;
}

#firstlevel dl.secondlevel dd {
display:none;
background:#9C0000;
overflow:scroll;
overflow:auto;
overflow-y:auto;
}

#firstlevel dl.secondlevel a:link, #firstlevel dl.secondlevel a:visited, #firstlevel dl.secondlevel a:hover, #firstlevel dl.secondlevel a:active {
width:96%;
padding:1% 2%;
/*ilka: doppelt? geht auch ohne*/
/*background:url("gfx/plus.gif") no-repeat 98% 50% #bd0000;*/
}

#firstlevel dl.secondlevel p a:link, #firstlevel dl.secondlevel p a:visited, #firstlevel dl.secondlevel p a:hover, #firstlevel dl.secondlevel p a:active {
background:#bd0000;
}

#firstlevel dl.secondlevel a.normal:link, #firstlevel dl.secondlevel a.normal:visited, #firstlevel dl.secondlevel a.normal:hover, #firstlevel dl.secondlevel  a.normal:active {
width:auto;
display:inline;
background:none;
text-decoration:underline;
padding:0;
}

#firstlevel #picture {
margin:-2.5em 0 0 0;
width:50%;
left:50%;  
/*
top:30em;
t\op:34em;
*/
bottom:0;
padding:0;
height:auto !important;
}

body>div #firstlevel #picture {
top:33.5em;
}

*html #firstlevel #picture {
width:100%;
width\:45%;
}

#firstlevel #picture dd {
display:inline;
background:none;
}

#firstlevel #picture dt {
padding:0;
background:none;
}

#firstlevel #picture dd #news {
background:#fff;
border:1px solid #DEEFF7;
width:141%;
w\idth:97%;
margin:0 0 0 1em;
color:#7E8F9E;         
float:left;                      
padding:1%;
}    

body>div #firstlevel #picture dd #news {
margin:0 0 0 2em;
}

html:first-child>b\ody #firstlevel #picture dd #news {
margin:0;
}

#firstlevel #picture dd #news img {
float:left;
}

#firstlevel #picture dd #news div {
float:left;                      
width:75%;
margin:0 0 0 0.5em;
}

#firstlevel #picture dd #news h2 {
font-size:1.1em;
line-height:1.4;
font-family:Verdana;
font-weight:bold;
padding:0;
margin:0;
}

#firstlevel #picture dd #news p {
margin:0.3em 0 0 0;        
width:auto;
}
        
#firstlevel #picture dd #news a.newslink:link,
#firstlevel #picture dd #news a.newslink:visited,
#firstlevel #picture dd #news a.newslink:hover,
#firstlevel #picture dd #news a.newslink:active {
display:inline;  
background:none;
text-decoration:underline;
color:#7E8F9E;
margin:0 !important;  
padding:0 !important;  
}

#logo {
padding:1em 0 1em 0;
text-align:right;
z-index:20;
}

#footer {
margin:0;
width:100%;
position:absolute;
top:47em;
left:0;
float:left;
clear:both;
}

#angebote #footer {
top:46em;
}

#innovation, #tools {
float:left;
background:#DEEFF7;
height:8em;
}

#innovation {
width:50%;
}

#tools {
position:absolute;
left:52%;
padding:0 1%;
width:48%; 
}

* html #tools {
width:43em; 
w\idth:48%; 
}

#spacer {
width:100%;
height:1em;
float:left;
clear:left;
position:absolute;
top:60em;
}

#mailer {
font-size:1.2em;
margin:0;
position:absolute;
left:54%;
top:26em;
background:#DEEFF7;
border:1px solid #7B8C9C;
padding:1em;
font-weight:bold;
display:none;
z-index:20;
width:25em;
}

#mailer fieldset {
margin:0 0 1em 0;
}

#mailer form input, #mailer form textarea {
float:left;
clear:left;
width:50%;
border:none;
margin:0 0 0.5em 0;
}

#mailer form textarea {
scrollbar-base-color:#ccc;
scrollbar-3d-light-color:#FFFFFF;
scrollbar-arrow-color:#FFFFFF;
scrollbar-darkshadow-color:#ccc;
scrollbar-face-color:#ccc;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#ccc;
scrollbar-track-color:#ccc;
}

form input.send {
width:auto;
background:#F00;
color:#fff;
border:1px solid #fff;
cursor:pointer;
}

#mailer a {
margin:0 0 0 1em;
color:#7B8C9C;
font-weight:bold;
cursor:pointer;
float:left;
display:inline;
}

#mailer form label {
float:left;
width:45%;
margin:0 0 0.5em 1em;
color:#7B8C9C;
font-size:0.9em;
}

#url {
display:none;
}

h1 {
font-weight:normal;
font-size:2em;
line-height:1.4;
margin:0.5em 0 0 0.5em;
}

p {
font-family:Verdana;
font-size:1.1em;
line-height:1.4;
margin:0.5em 1em 1em 1em;
padding:0 3em 0 0;
width:80%;
}

img {
border:none;
}

a:link, a:visited, a:hover, a:active {
display:block;
color:#fff;
text-decoration:none;
width:100%;
}

#firstlevel p a {
background:#f00;
margin-top:0.5em;
}

#firstlevel dl.secondlevel a.download{
background:url("gfx/download.gif") no-repeat 98% 50% #BD0000 !important;
}

fieldset {
float:left;
border:none;
}

#tools img {
margin:1em 0.5em 1em 0em;
float:left;
}

#tools form {
padding:0;
margin:0;
float:left;
}

#tools select {
font-size:1.2em;
margin-top:0.7em;
}

#tools a {
margin:0;
padding:0;
cursor:pointer;
float:left;
width:26px;
}

#tools a.copy {
margin-top:0.5em;
color:#999;
width:30em;
clear:left;
} 

#innovation img {
float:left;
margin:1em;
}

#innovation p, #innovation a {
font-family:Helvetica,sans;
font-size:1.1em;
font-weight:bold;
width:45%;
float:left;
margin:1em 0;
color:#7B8C9C;
}

#innovation p.tech {
	width:18%;	
}

#innovation p.tech a {
	width:100%;
	margin:0 !important;	
} 

#innovation a {
margin:0;
color:#f00;
width:100%;
}

html:first-child>b\ody #firstlevel dd {
overflow:visible;
}

html:first-child>b\ody #firstlevel dd dd{
overflow:auto;
}

html:first-child>b\ody dl.secondlevel {
position:absolute !important;
z-index:10;
width:100% !important;
left:105% !important;
}

html:first-child>b\ody dd {
border:1px solid #c00;
}

html:first-child>b\ody dl.secondlevel dd {
border:none;
}

body {
scrollbar-base-color:#c00;
scrollbar-3d-light-color:#FFFFFF;
scrollbar-arrow-color:#FFFFFF;
scrollbar-darkshadow-color:#c00;
scrollbar-face-color:#bd0000;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#c00;
scrollbar-track-color:#c00;
}

option optgroup {
font-style:normal;
}

#ansprechpartner #firstlevel #subactive {
width:100%;
height:21.8em;
}

#service #firstlevel #subactive {
width:100%;
height:23.8em;
}

#angebote #firstlevel #subactive {
width:100%;
height:16.5em;
}

#arbeitsschwerpunkte #firstlevel #subactive {
width:100%;
height:19em;
}

form#map24 {
margin:0em 1em;
width:80%;
font-family:Verdana;
font-size:1.1em;
line-height:1.4;
}

form#map24 input, form#map24 select {
font-size:1.0em;
}

* html form#map24 input {
margin-left:-1em;
margin-right:2em;
}

div.textwrapper {}

* html div.textwrapper {
height:24em;
overflow-y:scroll;
o\verflow-y:scroll;
}

html:first-child>b\ody div.textwrapper {}
