html{
width:100%;
height:100%;
}
body{
margin:0;
width:100%;
height:100%;
background-color:#FFFFFF;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
#KORP{
position:relative;
width:951px;
margin:0 auto;
text-align:left;
}
#LangSelection{
position:relative;
height:25px;
margin-top:20px;
}
#LangSelection a{
color:#525353;
font-size:12px;
margin:0 0 0 20px;;
text-decoration:none;
}
#LangSelection a.active{
color:#A01E1E;
}
a:focus{
outline:0;
}
#HeadMotiv{
position:relative;
background-image:url(../img/head-bg03.jpg);
width:951px;
height:111px;
}
#logo{
position:absolute;
top:16px;
left:782px;
}
#HeadMotiv h1{
position:absolute;
top:75px;
left:20px;
line-height:20px;
margin:0;
font-size:13px;
padding:0;
color:#FFFFFF;
}
#content{
position:relative;
width:951px;
margin-top:30px;
}
#oben{
position:relative;
background-image:url(../img/grid-oben1.gif);
background-repeat:no-repeat;
background-position:top left;
}
#mitte1{
position:relative;
height:25px;
background-image:url(../img/grid-mitte1.gif);
background-repeat:no-repeat;
background-position:top left;
}
#mitte1x{
position:relative;
height:25px;
background-image:url(../img/grid-mitte1x.gif);
background-repeat:no-repeat;
background-position:top left;
}
#mitte2{
position:relative;
background-image:url(../img/grid-mitte2.gif);
background-repeat:repeat-y;
background-position:top left;
}
#mitte2x{
position:relative;
background-image:url(../img/grid-mitte2x.gif);
background-repeat:repeat-y;
background-position:top left;
}
#mitte2x h1{
margin:0;
padding:10px 0 10px 235px;
color:#4C4C4C;
font-size:24px;
font-weight:normal;
}
#mitte2x ul{
margin:0 0 0 235px;
padding:0 0 10px 0;
list-style-type:square;
}
#mitte2x ul ul{
margin:0 0 0 0;
padding:0 0 10px 0;
list-style-image:url(../img/sq3.gif);
}
#mitte2x li{
font-size:11px;
color:#4C4C4C;
margin:0 0 0 15px;
padding:5px 0 0 0;
}
#content #mitte2x p{
margin-left:235px;
width:600px;
}
#mitte3{
position:relative;
height:25px;
background-image:url(../img/grid-mitte3.gif);
background-repeat:no-repeat;
background-position:top left;
}
#mitte3x{
position:relative;
height:25px;
background-image:url(../img/grid-mitte3x.gif);
background-repeat:no-repeat;
background-position:top left;
}
.inhaltOben{
position:relative;
margin:0 0 0 210px;
background-repeat:no-repeat;
background-position:top;
}
.inhaltOben h1{
font-size:24px;
margin:0 0 10px 0;
font-weight:normal;
}
.area1{
position:relative;
margin:0 0 0 210px;
width:349px;
height:185px;
float:left;
}
.area2{
position:relative;
margin:0 0 0 20px;
width:370px;
height:185px;
float:left;
}
#mitte2 .himg1{
position:absolute;
left:0;
bottom:-5px;
}
#content h2{
font-size:18px;
color:#4C4C4C;
margin:0;
padding:0;
font-weight:normal;
}
#content p{
margin:0;
padding:0 0 10px 0;
font-size:11px;
color:#4C4C4C;
line-height:20px;
}
#content .area1 h2{
padding:30px 0 0 120px;
}
#content .area1 p{
padding:10px 0 0 120px;
}
#content .area2 h2{
padding:30px 0 0 140px;
}
#content .area2 p{
padding:10px 0 0 140px;
}
#io-home { height:322px; background-image:url(../img/motiv-home2.jpg); }
#io-home h1 { padding:150px 0 0 425px; color:#4C4C4C; }
#io-home p { padding:0 0 0 425px; width:230px;}
#io-unternehmen { height:234px; background-image:url(../img/motiv-unternehmen2.jpg); }
#io-leistungen { height:234px; background-image:url(../img/motiv-leistungen3.jpg); }
/*#io-leistungen h1 { padding:120px 0 0 325px; color:#FFFFFF; }
#io-leistungen p { padding:0 0 0 325px; width:350px; color:#FFFFFF;}*/
#io-audiofuehrung { height:234px; background-image:url(../img/motiv-audiofuehrung4.jpg); }
#io-multimedia { height:234px; background-image:url(../img/motiv-multimedia3.jpg); }
#io-film { height:234px; background-image:url(../img/motiv-film2.jpg); }
#io-audiorestaurierung { height:234px; background-image:url(../img/motiv-audiorestaurierung3.jpg); }
#io-aufzeichnung { height:234px; background-image:url(../img/motiv-aufzeichnung2.jpg); }
#io-musik { height:234px; background-image:url(../img/motiv-musik2.jpg); }
#io-uebersetzungen { height:234px; background-image:url(../img/motiv-uebersetzungen3.jpg); }
#io-cdherstellung { height:234px; background-image:url(../img/motiv-cdherstellung2.jpg); }
#io-partner { height:234px; background-image:url(../img/motiv-partner2.jpg); }
#io-jobs { height:234px; background-image:url(../img/motiv-jobs2.jpg); }
#io-referenzen h1 { padding:120px 0 0 325px; color:#4C4C4C; }
#io-referenzen p { padding:0 0 0 325px; width:350px; color:#4C4C4C;}
#io-kontakt { height:234px; background-image:url(../img/motiv-kontakt2.jpg); }
#io-impressum { height:234px; background-image:url(../img/motiv-impressum2.jpg); }
#io-studio { height:234px; background-image:url(../img/motiv-studio2.jpg); }
#io-sprachproduktionen { height:234px; background-image:url(../img/motiv-sprachproduktionen2.jpg); }
#io-referenzen { height:234px; background-image:url(../img/motiv-referenzen3.jpg); }
#content a, h1.stse, #content h2.stse, #content h1.stse{
color:#892121;
}
#content a:link, #content a:active, #content a:visited{
text-decoration:none;
}
#content a:hover, #content a:focus{
text-decoration:underline;
}
#content #navi a{
color:#525353;
width:100%;
display:block;
}
#content #navi a:link, #content #navi a:active, #content #navi a:visited{
}
#content #navi a:hover, #content #navi a:focus{
text-decoration:none;
color:#892121;
}
#navi{
position:absolute;
top:0;
left:0;
width:170px;
}
#navi ul{
list-style-type:none;
margin:0 0 0 20px;
padding:20px 0 0 0;
}
#navi ul li{
margin:10px 0 0 0;
font-size:14px;
padding:0;
}
#navi ul li ul{
margin:5px 0 15px 0;
padding:0;
}
#navi ul li ul li{
font-size:11px;
margin:0;
padding:5px 0 0 20px;
}
#footer{
position:relative;
width:100%;
border-style:solid;
border-width:1px 0 0 0;
border-color:#B1B1B1;
}
#footer p{
line-height:25px;
}
#footer div{
position:absolute;
right:0;
top:0;
line-height:25px;
font-size:11px;
color:#4C4C4C;
}
#content #footer div a{
color:#4C4C4C;
}