/* globale Einstellungen */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}

caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
p, address{
margin: 0;
padding: 1em 0;
line-height: 1.5em;
}

/* Definition der Bereiche*/

html, body {
height: 100%; /* wichtig */
font:13px Arial, Helvetica, san-serif;
color:#333;
background:url(../images/bg.jpg) #888E91 repeat-x right top;
text-align:center;
}

#box{
width:724px;
margin:0 auto;
text-align:left;
position: relative;
min-height: 100%;
height:auto !important;/* moderne Browser */
height:100%; /* IE */
background:url(../images/box_bg.jpg) repeat-y left top;
}
#header{
height:327px;
width:724px;
background:url(../images/header.jpg) no-repeat left top;
text-indent:-9999px;
font-size:0;
}
#header a{
height:100px;
width:160px;
display:block;
}


/* Hauptnavigation */

#menu {
position:absolute;
z-index:1;
top: 111px;
left:4px;
width: 100%;
height:29px;

}
#menu ul {
list-style: none;
margin: 0 9px;
float: left;
}
#menu a{
display: block;
color: #555;
background:#f1efe4;
text-decoration: none;
}
#menu h2 a{
background:  url(../images/bullet.jpg) #9DC2E2 left 5px no-repeat;
font-size:0.9em;
font-weight: normal;
text-transform: uppercase;
padding:0 10px 0 20px;
color:#fff;
height:24px;
line-height:24px;
border:1px solid #ccc;
}
#menu h2 a:hover{
background:  url(../images/bullet_down.jpg) #91BBE0 3px 5px no-repeat;
}
#menu a:hover {
background: #fff;
}
#menu li {
position: relative;
width:100%;
}

/* 2. Ebene */

#menu ul ul {
position: absolute;
left:-10px;
z-index: 500;
float:none;
}
#menu ul ul li a, #menu ul ul ul li a{
display:block;
background:url(../images/pfeil_menu_oben.gif) no-repeat 5px 5px #E9F1F8;     /*#f1efe4*/
padding:0 10px 0 22px;
border:1px solid #999;
border-top:none;
display:block;
height:26px;
line-height:26px;
font-size:11px;
}
#menu ul ul li a:hover{
color:#CC3300;
background:url(../images/pfeil_menu_oben_hover.gif) no-repeat 5px 5px #fff;
}
#menu ul ul,
#menu ul li:hover ul{
display: none;
}
#menu ul li:hover ul,
#menu ul ul li:hover ul, #menu ul ul li:focus ul{
display: block;
}
#list_ueber li a{
width:155px;
}
#list_gesch li a{
width:175px;
}
#list_produkte li a{
width:190px;
}
#list_verfahren li a{
width:135px;
}
#list_inno li a{
width:135px;
}
#list_anl li a{
width:135px;
}

/* 3. Ebene */
#menu ul ul ul{
position:relative;
top:0;
left:0;
margin:0;
border-top: none;
}
#menu ul ul li a{
}
#menu ul ul ul li a{
display:block;
padding:0 10px 0 22px;
border:1px solid #999;
border-top:none;
width:190px;
background:#fff;
color:#555;
}
#menu ul ul ul li a:hover{
background: #F0F0F0;
color:#333;
}

#anwendungen, #anlagen{
position:relative;
width:190px;
top:0;
left:0;
}
#anwendungen ul li a, #anlagen ul li a{
width:190px !important;
}
#menu h3 a{
font-weight:normal;
}
#menu h3{
padding:0;
margin:0;
}

/*Sprachauswahl*/

#sprachauswahl{
position:absolute;
top: 68px;
right:18px;
list-style:none;
}
#sprachauswahl li{
float:left;
}
#sprachauswahl li a{
float:left;
margin-left:5px;
width:16px;
height:11px;
display:block;
text-indent:-999px;
font-size:0;
color:#fff;
}
#deutsch a{
background: url(../images/deutsch.png) white no-repeat top left;
width:16px;
display:block;
height:11px;
}
#deutsch a:hover{
background: url(../images/deutsch.png) white no-repeat top left;
}
#englisch a{
background: url(../images/englisch.png) white no-repeat top left; ;
}
#englisch a:hover{
background: url(../images/englisch.png) white no-repeat top left;
}


/* Sucheingabe*/

#suche{
position:absolute;
right:0;
display:none;
}

/*
#suche label{
display:none;
}
#suchtext{
border:1px solid #999;
width:100px;
height:14px;
display:block;
position:absolute;
right:4px;
top:3px;
font-size:10px;
color:#666;
line-height:11px;
padding: 2px 2px 0 2px;
}
#sucheingabe{
position:absolute;
right: 86px;
top:1px;
width:45px;
height:20px;
text-indent:-9999px;
display:block;
text-transform:uppercase;
font:10px Arial, Helvetica, san-serif;
color:#666;
background:none;
cursor:pointer;
background: url(../images/suche.jpg) no-repeat left;
}
#erstes a{
border-top:1px solid #ccc;
}
*/



/* Inhalt*/

#inhalt{
position:relative;
padding:30px 60px 60px 60px;
height: 100%;
background:url(../images/inhalt_bg.jpg) repeat-y top left;
}
#inhalt em{
font-style:italic;
font-weight:bold;
}
#inhalt ul{
list-style:none;
}
#inhalt li{
line-height: 1.5em;
}
#sitemap{
margin-top:5em;
}
#sitemap li {
background:none !important;
}
#sitemap ul li{
margin:1.5em 0 1.5em 1.0em;
margin-top:1em;
font-weight:bold;
font-style:italic;
}
#sitemap ul li ul{
margin:0.5em 0 1em 3em;
font-weight:normal;
}
#sitemap ul li ul li{
margin:0 0 0 0;
font-weight:normal;
background:url(../images/pfeil.gif) no-repeat -3px 3px !important;
}
#sitemap ul li ul li.ueber{
font-weight:bold;
}
#inhalt h2{
margin:10px 0 35px 0;
font-size: 18px;
color:#D03202;
font-style:normal;
}
#inhalt h2 span{
font-size:13px;
font-weight:normal;
color:#333;
}
#inhalt h3{
font-size: 14px;
margin:25px 0 15px 0;
font-weight:bold;
color:#333;
}
#inhalt h3.italic{
font-style:italic;
font-size: 13px;
margin:30px 0 10px 0;
}
#inhalt h4{
font-size: 1.1em;
margin:30px 0 15px 0;
font-weight:bold;
}
#inhalt h4.underline, h5{
text-decoration:underline;
font-weight:normal;
margin:25px 0 10px 0;
font-size:12px;
}

#inhalt h6{
font-style:italic;
font-weight:normal;
margin:20px 0 10px 0;
font-size:12px;
}

#inhalt address{
margin:0;
padding:0;
}
#inhalt p{
margin:10px 0;
padding:0;
}
#inhalt img{
margin:10px 0;
}
#inhalt li{
padding:0 10px 0 20px;
margin:5px 0;
background:url(../images/pfeil.gif) no-repeat -3px 3px;
}
#inhalt a, #footer li a{
text-decoration:underline;
color:#333;
}
#inhalt a:visited{
text-decoration:underline;
color:#666;
}
#inhalt a:hover{
color:#999;
}
#inhalt dl{
margin:20px auto;
text-align:center;
}
#inhalt dt{
text-align:center;
}
#inhalt dd{
text-align:center;
margin:10px 0 0 0;
}
#teaser_dl{
float:right;
margin:-8px 0 0px 0 !important;
padding:0;
width:290px;
height:280px;
display:block;
}
p#teaser_p{
width:290px;
text-align:justify;
}

#inhalt p.flash{
margin-left:180px;
}
h5.thermo{
text-decoration:none;
font-style: italic;
margin: 30px 0 20px 0;
}

/* Start Button */

#start a{
position:absolute;
right:55px;
top:30px;
background:  url(../images/bullet_start.jpg) #f0f0f0 left 5px no-repeat;
font-size:0.9em;
font-weight: normal;
padding:0 10px 0 17px;
color:#666;
height:24px;
width:55px;
text-align:center;
line-height:24px;
border:1px solid #ccc;
display: block;
text-decoration: none !important;
}

#start a:hover{
border:1px solid #bbb;
color:#333;
}

#zurueck a{

background:  url(../images/bullet_back.jpg) #f0f0f0 left 5px no-repeat;
font-size:0.9em;
font-weight: normal;
padding:0 10px 0 17px;
color:#666;
height:24px;
width:55px;
text-align:center;
line-height:24px;
border:1px solid #ccc;
display: block;
text-decoration: none !important;
}

#zurueck a:hover{
border:1px solid #bbb;
color:#333;
}


/* Startseite */

#startseite{
position:absolute;
right:30px;
top:355px;
}
#intro{
margin:50px 0 80px 80px;
}

/* Partner */

p.vorwort{
margin:10px 0;
}

.partner, .kunden{
width:100%;
margin:5px 0 10px -3px;
}
.partner td, .kunden td{
margin:10px 0;
padding:4px 10px;
width:200px;
}
.partner tr, .kunden tr{
background:#ededed;
}
#policy{
background:url(../images/world.jpg) no-repeat 170px 50px;
}
/* Kunden */
.kunden td.name{
margin:10px 0;
padding:4px 10px;
width:50% !important;
}
.kunden td.city {
width:25%;

}


/* Firmennetzwerk */

#welt_deutschland{
background:url(../images/welt_deutschland.jpg) no-repeat right 20px;
padding:0 0 5px 0;
}
#welt_deutschland p{
width:385px;
}
#welt_indien{
background:url(../images/welt_indien.jpg) no-repeat right 80px;
}
#welt_usa{
background:url(../images/welt_usa.jpg) no-repeat right 40px;
}
#welt_russland{
background:url(../images/welt_russland.jpg) no-repeat right 70px;
}
#welt_deutschland, #welt_indien, #welt_usa, #welt_russland, #arxes, #bip, #izfp, #lucid{
margin:30px 0;
border-top:1px solid #ccc;
}


/* Ziele */

h3.philosophie{
margin:20px 0 0 0 !important;
}


/* Geschäftsfelder*/

#geschaeft{
background:url(../images/technik.jpg) no-repeat 300px 0;
height:400px;
}
#auto li{
width:300px;
}
.welt{
width:400px;
}
#metall li{
width:300px !important;
display:block;
}
.geschaeft_bild{
border:0;
float:right;
margin-left:15px !important;
}
.us_bild{
border:0;
float:right;
padding-left:30px;
}


/* NMR*/

#gummi, #beton{

border-top:1px solid #ccc;
padding-top:20px;
font-size:16px !important;
font-style:italic;
}


/*3MA*/

.overline{
border-top:1px solid #ccc;
padding-top:20px;
}


/*Kontaktformular*/

#botfalle {
display:none;
overflow:hidden;
height:0px;
width:0px;
}
#kontaktformular{
width:550px;
margin:50px 0 40px 80px;
}
#kontaktformular label, #kontaktformular input, #kontaktformular select, #kontaktformular textarea {
display: block;
padding:2px 5px;
float:left;
font:1em Arial, Helvetica, san-serif;
}
#kontaktformular label{
width:120px;
}
#kontaktformular textarea{
height:150px;
}
form br{
clear:left;
}
#kontaktformular input, #kontaktformular textarea{
border:1px solid #ccc;
background: #f0f0f0;
width: 300px;
display:block;
}
#kontaktformular select{
border:1px solid #ccc;
background: #f0f0f0;
width: 312px;
display:block;
margin-bottom:8px;
}
#kontaktformular input:hover, #kontaktformular textarea:hover{
border:1px solid #bbb;
}
#kontaktformular input:focus, #kontaktformular textarea:focus{
border:1px solid #bbb;
background:#fff;
}
#kontaktformular label{
margin:0 0 7px -5px;
}
p#error{
padding:10px 15px;
border:1px solid #D03202;
background:#efefef;
width:405px;
margin:20px 0 -20px 80px;
}
.topic{
margin:20px 0 7px 0 !important;
}
label.topic{
margin:20px 0 7px -5px !important;
}
input#senden, input#reset {
margin:10px 0 0 125px;
width: 312px;
background:  url(../images/bullet_start.jpg) #f0f0f0 117px 7px no-repeat;
padding:0px 10px 0px 17px;
color:#666;
height:28px;
text-align:center;
line-height:26px;
border:1px solid #ccc;
display: block;
text-decoration: none !important;
}
input#reset {
background:  url(../images/bullet_start.jpg) #f0f0f0 102px 7px no-repeat;
}
input#senden:hover, input#reset:hover{
border:1px solid #bbb;
color:#333;
cursor:pointer;
}

/*Publikationen*/

td.jahr{
width:7%;
}
td.name{
width:40%;
}
table.publikationen td.sprache{
 width:5%;
}
table.publikationen td.typ{
 width:25%;
}

/*Downloads*/

table.downloads, table.publikationen{
width:100%;
margin:0 0 10px 0;
}
table.downloads td, table.publikationen td{
padding:5px 10px;
background:#eee;
}
td.art{
width:40%;
}
td.typ{
width:15%;
}
td.sprache{
width:10%;
}
td.titel{
width:28%
}
td.icon, td.flash{
width:5%;
text-indent:-9999px;
}
td.icon a, td.flash a{
display:block;
width:15px;
padding:0 4px;
height:15px;
margin:5px auto;
background:  url(../images/pdf_icon.jpg) #ededed center center no-repeat !important;
}
td.flash a{
background:  url(../images/flash_icon.png) #ededed center center no-repeat !important;
height: 32px;
}


/* Media */

#kette{
width:314px;
margin:50px 0 0 150px;
}


/* Seitenfuß*/

#footer{
width: 100%;
position: relative;
bottom: 0;
height:94px;
line-height: 20px;
text-align:center;
background:url(../images/footer_bg.jpg) repeat-x left bottom;
}
#footer p{
position:relative;
background:url(../images/footer_p.jpg) no-repeat 1px 0px;
width:701px;
height:64px;
margin: 0 auto;
padding-left:1px;
color:#999;
list-style:none;
}
#top a{
float:right;
margin:-30px 45px 0 0;
background:  url(../images/bullet_top.jpg) #f0f0f0 4px 7px no-repeat;
font-size:0.9em;
font-weight: normal;
padding:0 10px 0 17px;
color:#666;
height:24px;
width:63px;
text-align:center;
line-height:24px;
border:1px solid #ccc;
display: block;
text-decoration: none !important;
}
#top a:hover{
border:1px solid #bbb;
color:#333;
}
.wrapper{
width: 640px;
height: 398px;
}