/* Eiserne-Kunst Layout:Screen */
/* Bereichseinteilung */

body {
background : url(#) #999999;
color: #3F3F3F;
margin: 0;
padding: 50px; /* Ein wenig Abstand damit der Anschein eines Blattes auf der Wand immer erhalten bleibt */
font-size: 100.01%; /* umgeht den Font-Size-Bug im Safari, älteren Operas und IE */
font-family: arial, sans-serif ;
}
#container  {
max-width: 906px; /* Für den IE gibt es in ielte.css einen Workaround. */
margin: auto; /* Seite zentrieren */
}

.indexcont {
position : relative;  /* um absolute zu positionieren!!! */
top :   0;
left :  0;
margin : 0;
height : 800px;
width :  900px;
background-color: #999999;
}
.content {
position : relative;  /* um absolute zu positionieren!!! */
top :   0;
left :  0;
margin : 0;
height : 800px;
width :  900px;
border-width : 3px;
border-style : solid;
border-color : #647B8B;
}

#introbg     {background: url(../res/pic-1.png) #E6E6E6 no-repeat 0 501px;}
#stahlbg     {background: url(../res/pic-2.png) #E6E6E6 no-repeat 0 583px;}
#bildbg      {background: url(../res/pic-3.png) #E6E6E6 no-repeat 20px 501px;}
#handbg      {background: url(../res/pic-4.png) #E6E6E6 no-repeat 0 523px;}
#egobg       {background: url(../res/pic-5.png) #E6E6E6 no-repeat 40px 527px;}
#aktuellbg   {background: url(../res/pic-6.png) #E6E6E6 no-repeat 0px 575px;}
#kontaktbg   {background: url(../res/pic-7.png) #E6E6E6 no-repeat 0 504px;}
#impressumbg {background: url(../res/pic-8.png) #E6E6E6 no-repeat 0 497px;}

.navigation {
position : absolute;
top :   12px;
left :  169px;
height : 20px;
width : 645px;
margin : 0;
padding-left : 0;
padding-top : 0;
}
.showview {
position : absolute;
top :   43px;
left :  169px;
margin : 0;
padding : 0;
height : 720px;
width :  645px;
background-color : #F1F1F1;
}
.showviewindex {
position : absolute;
top :   43px;
left :  169px;
margin : 0;
padding : 0;
height : 430px;
width :  645px;
background-color : #F1F1F1;
}
#indexlink {position : absolute; top : 0; left : 0; margin : 0; height : 430px; width : 645px;}
#indexbg      {background: url(../res/hg1.png) #F1F1F1 no-repeat 231px 0;}
#meerskizzebg {background: url(#) #F1F1F1 no-repeat; }
#melbabg {background: url(#) #F1F1F1 no-repeat; }
#beilbg  {background: url(../stahlwerk/beil.png) #F1F1F1 no-repeat  509px 82px;}
#serie1bg {background: url(../bildwerk/serie1.png) #F1F1F1 no-repeat 510px 30px;}
#serie2bg {background: url(../bildwerk/serie2.png) #F1F1F1 no-repeat 542px 46px;}
#grossrobebg {background: url(../handwerk/grossrobe.png) #F1F1F1 no-repeat 58px 20px;}
#illu5bg {background: url(../ego/illus5.png) #F1F1F1 no-repeat bottom right;}
#arnibg  {background: url(../status/arni1.png) #F1F1F1 no-repeat bottom right;}
#firmabg {background: url(../status/name.png) #F1F1F1 no-repeat bottom right;}

.subnavi {
position : absolute;
top :   257px;
left :  36px;
margin : 0px;
height : 290px;
width :  89px;
padding-left : 0;
padding-top : 0;
}

/* Layout Logo */
.logo {position : absolute; top : 27px; left : 36px; width : 89px; height: 180px;}
#intrologo { background : url(../res/lopi-1.png); }
#stahllogo { background : url(../res/lopi-2.png); }
#bildlogo { background : url(../res/lopi-3.png); }
#handlogo { background : url(../res/lopi-4.png); }
#egologo { background : url(../res/lopi-5.png); }
#aktuelllogo { background : url(../res/lopi-6.png); }
#kontaktlogo { background : url(../res/lopi-7.png); }
#impressumlogo { background : url(../res/lopi-8.png); }

/* Layout Inhalt */
.versteckt {
display: none;
}
h2 {
margin-left: 0;
margin-top: 0;
font-size : 11pt;
font-weight : bold;
text-align : left;
color : #647B8B;
}
img {
border: 0;
}

p  {
padding : 0;
margin-top : 0;
margin-bottom : 0.7em;
font-size : 9pt;
text-align : left;
color : #6A6A6A;
}

.h1_index  {
position: absolute;
top : 500px;
padding : 0;
width : 652px;
margin-left : 168px;
margin-right : 80px;
font-size : 10pt;
text-align : left;
color : #FFFFFF;
}
.p_index  {
position: absolute;
top : 530px;
padding : 0;
width : 652px;
margin-left : 168px;
margin-right : 80px;
font-size : 10pt;
text-align : left;
color : #FFFFFF;
}


q {
display: block;
padding : 0;
margin-top : 0;
margin-bottom : 0.7em;
font-size : 10pt;
text-align : left;
color : #FFFFFF;
}
cite {
padding : 0;
margin-top : 0;
margin-bottom : 0.7em;
font-size : 8pt;
font-style: normal;
text-align : left;
color : #FFFFFF;
}
ul {
font-size : 9pt;
text-align : left;
color : #6A6A6A;
}
ol {
font-size : 9pt;
text-align : left;
color : #6A6A6A;
}
td  {
padding : 0;
font-size : 9pt;
text-align : left;
color : #6A6A6A;
}
/* INTRO */
#introhead  {
margin-left : 61px;
margin-top : 42px;
margin-bottom : 1em;
}
.introtxt  {
margin-left : 61px;
}

/* AKTUELLES */

.akthead  {
margin-left : 61px;
margin-right : 100px;
margin-top : 42px;
margin-bottom : 1em;
font-size : 11pt;
font-weight : bold;
text-align : left;
color : #647B8B;
}
.akthead2  {
margin-left : 61px;
margin-right : 100px;
margin-top : 0em;
margin-bottom : 0em;
font-size : 11pt;
font-weight : bold;
text-align : left;
color : #6A6A6A;
}
.akttxt  {
margin-left : 61px;
margin-right : 10px;
margin-top : 0.5em;
margin-bottom : 0.5em;
font-size : 9pt;
text-align : left;
color : #6A6A6A;
}
.aktbild {
position : absolute ;
top :  63px;
left : 416px;
border-style : none;}

/* Ausrichtung in Zeile links und rechts */
#links {
text-align : left;
float: left;
width: auto;
}
#rechts {
text-align : right;
}


/* Linklayout Navigation */
a.navi  {color: #A5552D; letter-spacing: 0px; font-size: 11pt; margin-top: 14px; margin-right: 15px; display:inline; text-decoration : none;}
a:link.navi {color: #A5552D;}
a:visited.navi {color: #A5552D;}
a:active.navi {color: #A5552D;}
a:focus.navi {color: #A5552D;}
a:hover.navi {letter-spacing: 0px; text-decoration : underline;}
.navi {display: inline; color: #6A6A6A; letter-spacing: 0px; font-size: 11pt; margin-top: 14px; margin-right: 15px;}

a.impressum {letter-spacing: 0px; color: #647B8B; font-size: 11pt; margin-top: 44px; margin-left: 140px; display:inline; text-decoration : none;}
a:link.impressum {color: #647B8B;}
a:visited.impressum {color: #647B8B;}
a:active.impressum {color: #647B8B;}
a:focus.impressum {color: #647B8B;}
a:hover.impressum {letter-spacing: 0px; text-decoration : underline;}
#impressum {display: inline; letter-spacing: 0px; color: #6A6A6A; font-size: 11pt; margin-top: 44px; margin-left: 140px;}

/* Linklayout SubNavigation */
a.subnavlink  {color: #A5552D; letter-spacing: 0px; font-size: 9pt; margin-bottom: 10px; display: block; text-decoration : none;}
a:link.subnavlink {color: #A5552D;}
a:visited.subnavlink {color: #A5552D;}
a:active.subnavlink {color: #A5552D;}
a:focus.subnavlink {color: #A5552D;}
a:hover.subnavlink {letter-spacing: 0px; text-decoration : underline;}
.subnavlink {display:block; color: #6A6A6A; letter-spacing: 0px; font-size: 9pt; margin-bottom: 10px;}

/* Layout für Kontaktformular Style01: aktuell schwarz */
.formstyl01  {
font-size: 9pt;
color: #6A6A6A;
}
label  {
font-size: 9pt;
color: #6A6A6A;
}