html { height: 100%; margin-bottom: 1px; }
body { font-family: Arial, Helvetica; margin: 0px; height: 100.05%; background: url(../images/background.jpg) no-repeat center top; background-attachment: fixed; }

a img { border: 0; }
a { color: #003CAC; text-decoration: none; }
a:hover { color: #FF7113; }

h1,h2,h3,h4,h5 { margin: 0; padding: 0; }

.clear { clear: both; }

div.container { width: 936px; margin: 0 auto; text-align: left; position:relative; }
div.headerdummy { width: 100%; height: 161px; }
div.inhaltflow { position: fixed; width: 936px; top: 133px; height: 36px; background: url(../images/inhaltflow.png) repeat-x 0px 133px; background-attachment: fixed; }
div.header { position: fixed; width: 100%; height: 97px; background: url(../images/background.jpg) no-repeat center top; background-attachment: fixed; }
div.header div.logo { float: left; height: 97px; width: 780px; }
div.header div.logo img { margin: 21px 0px 0px 25px; }
div.header div.languages { float: left; height: 97px; width: 156px; }
div.header div.languages ul { margin: 62px 29px 0 0; padding: 0; float: right; }
div.header div.languages ul li { list-style: none; float: left; width: 39px; text-align: center; }
div.header div.languages ul li.imprint { width: 62px; }
div.header div.languages ul li.agb { width: 55px; }
div.header div.languages ul li a { color: #fff; font: normal 13px/14px Arial, Helvetica; text-decoration: none; }

div.navigation { position: fixed; width: 100%; top: 97px; height: 36px; background: url(../images/navigation_background.gif) no-repeat; }
div.navigation ul { margin: 8px 0 0 0; padding: 0; float: left; }
div.navigation ul li { list-style: none; float: left; margin: 0; padding: 0; }
div.navigation ul li a { color: #003CAC; font: normal 13px/14px Arial, Helvetica; text-decoration: none; padding: 0 20px 0 25px; }
div.navigation ul li a:hover, div.navigation ul li a.aktiv { color: #FF7113; }
div.navigation ul li.spacer { width: 30px; }
/*div.navigation ul li.news { width: 76px; }
div.navigation ul li.standorte { width: 93px; }
div.navigation ul li.technologien { width: 126px; }
div.navigation ul li.konfektion { width: 112px; }
div.navigation ul li.anwendung { width: 79px; }
div.navigation ul li.beispiele { width: 79px; }
div.navigation ul li.jobs { width: 77px; }
div.navigation ul li.kontakt { width: 108px; }*/
div.navigation ul li.suche { width: 147px; background: url(../images/navigation_suchfeld.gif) no-repeat; }
div.navigation ul li.suche input { background: transparent; border: 0; padding-left: 24px; font: normal 12px/14px Arial, Helvetica; color: #666; width: 125px; }

div.inhalt { color: #727070; width: 896px; padding: 0 20px 80px 0px; }
div.inhalt div.subnavi { position: fixed; top: 140px; float: left; width: 223px; margin: 22px 20px 20px 20px; }
div.inhalt div.subnavi div.top { width: 100%; height: 27px; background: url(../images/subnavi_background_top.png) no-repeat; }
div.inhalt div.subnavi div.links { width: 100%; background: url(../images/subnavi_background_spacer.png) repeat-y; }
div.inhalt div.subnavi div.links ul { margin: 0 0 0 12px; padding: 0; }
div.inhalt div.subnavi div.links ul li { list-style: none; margin: 0; padding: 15px 0 0 0; }
div.inhalt div.subnavi div.links ul li a { width: 200px; height: 28px; display: block; font: normal 13px/14px Arial, Helvetica; color: #666; text-decoration: none; background: url(../images/subnavi_inactive.gif) no-repeat right 2px; }
div.inhalt div.subnavi div.links ul li a:hover { color: #FF7113; background: url(../images/subnavi_active.gif) no-repeat right 2px; } 
div.inhalt div.subnavi div.links ul li a.aktiv { color: #FF7113; background: url(../images/subnavi_active.gif) no-repeat right 2px;  height: 20px; }
div.inhalt div.subnavi div.links ul li.subsublink { padding: 3px 0 0 10px; background: none;}
div.inhalt div.subnavi div.links ul li.subsublink a { background: none; height: 20px; font-size: normal 12px/14px Arial;}
div.inhalt div.subnavi div.bottom { width: 100%; height: 33px; background: url(../images/subnavi_background_bottom.png) no-repeat; }
div.inhalt div.content { float: left; width: 653px; padding: 0px 20px 80px 263px; }
div.inhalt h1 { padding: 0px 0 0 0; margin: 0 0 20px 0; font: normal 20px/22px Arial, Helvetica; }
div.inhalt h2 { margin: 30px 0 0 0; font: bold 16px/22px Arial, Helvetica; }
div.inhalt h3 { padding: 0px 0 0 0; margin: 5px 0 5px 0; font: normal 14px/22px Arial, Helvetica; }
div.inhalt p { font: normal 13px/20px Arial, Helvetica; margin: 0 0 12px 0; padding: 0; }
div.inhalt ul li { list-style: none; font: normal 13px/20px Arial, Helvetica; }
div.inhalt img.left { margin: 4px 10px 10px 0; }
div.inhalt img.right { margin: 4px 0 10px 10px; }
div.inhalt img.widescreen { margin: 4px 0 10px 0; }
div.inhalt img.news { border: 1px solid #003CAC; }
div.inhalt img.news:hover { border-color: #FF7113; }

div.inhalt h1.headline { height: 36px; padding: 38px 0 0 80px; margin: 0; }
h2.headline { height: 36px; padding: 38px 0 0 80px; }
h2.twp, h1.twp { background: url(../images/news/icon_twp.jgp) no-repeat; }
h2.tp, h1.tp { background: url(../images/news/icon_tp.jgp) no-repeat; }
h2.kl, h1.kl { background: url(../images/news/icon_kl.jgp) no-repeat; }
h2.bl, h1.bl { background: url(../images/news/icon_bl.jgp) no-repeat; }

div.jobinfos { float: right; padding: 10px; border: 1px solid #ccc; background: #fff; width: 430px; }

div.imgright,
div.imgleft { float: right; margin: 4px 0 10px 10px; text-align: center; font: normal 12px/17px Arial, Helvetica; }
div.imgleft { float: left; margin: 4px 10px 10px 0; }
div.imgright img,
div.imgleft img { margin-bottom: 4px; }

div.footer { position: fixed; left: 0px; bottom: 0px; width: 100%; height: 48px; background-color: #E5E5E5; text-align: center; }
div.footer ul { margin: 10px 0 0 0; padding: 0; }
div.footer ul li { display: inline; font: normal 12px/14px Arial, Helvetica; list-style: none; color: #7A7A7A; }
div.footer ul li.spacer { font: normal 16px/14px Arial, Helvetica; padding: 0 20px 0 20px; }

div.mitarbeiter { width: 300px; float: left; margin-bottom: 50px; }
table.mitarbeiter { border-collapse: collapse; }
table.mitarbeiter td { border: 1px solid #fff; width: 218px; }
table.mitarbeiter tr.bga td { background-color: #e2e2e2; }
table.mitarbeiter tr.bgb td { background-color: #eee; }

table.euroblech { font: normal 13px/20px Arial, Helvetica; width: 100%; border-collapse: collapse; }
table.euroblech td { border: 1px solid #fff; }
table.euroblech tr.noborder td { border: 0; }

table.euroblech tr td.anwesend { background: #fff url('../images/icons/ico_default.gif') no-repeat top center; }
table.euroblech tr td.bl { background: #fff url('../images/icons/ico_bl.gif') no-repeat top center;}
table.euroblech tr td.tp { background: #fff url('../images/icons/ico_tp.gif') no-repeat top center;}
table.euroblech tr td.tw { background: #fff url('../images/icons/ico_twp.gif') no-repeat top center;}
table.euroblech tr td.kl { background: #fff url('../images/icons/ico_kl.gif') no-repeat top center;}

input { border: 1px solid #999da4; border-width: 0 0 1px 0; width: 510px; font-weight: bold; }
input[type=checkbox] { width: 15px; height: 15px;  font-weight: normal;}
p.formularfeld { font-size: 0.8em; line-height: 1.2em; }

td.olHeader {  height: 0px;  background-color: #000; }
td.olBody { font: normal 13px/20px Arial, Helvetica; text-align: left; padding: 10px; background-color: #fff; border: 1px solid #000; }
td.olFooter {  height: 0px;  background-color: #000; }

div.firefox { position: relative; bottom: 340px; right: -600px; width: 310px; height: 120px; background: url('../images/icons/firefox.gif') no-repeat top right; }
a.jubi img { border: 1px solid #666; margin: 3px; }
a.jubi:hover img { border-color: #000; }

div.mitglied_tgruppe { position: fixed; top: 0px; left: 0px; width: 900px; text-align: right; z-index: 10; }