/*(c) 2012 i--studios werbeagentur Oliver Blang*/
/*
Höhe total: 615
Breite total: 1075

Content:
Höhe: 572
Breite: 1050
*/
html, body {
width:100%;
height:100%;
}
body {
background-color:#2c2c2c;
font-family:Arial, Helvetica, sans-serif;
font-size:0.813em;
padding: 0;
margin:0;
text-align:center;
}
/*Struktur und Design*/
#space { 
width:100%;
height:50%;
margin-bottom:-395px;
float:left;
}
#content {
width:100%;
height:100%;
}
#site {
position:relative;
width:1075px;
height:615px;
padding:0;
margin:0 auto;
clear:left;
}
#site_top {
width:1075px;
height:25px;
background-image:url(img/bg_top.jpg);
background-repeat:no-repeat;
padding:0;
margin:0 auto;
}
#site_middle {
width:1075px;
height:565px;
background-image:url(img/bg_middle.jpg);
background-repeat:repeat-y;
padding:0;
margin:0 auto;
}
#site_bottom {
width:1075px;
height:25px;
background-image:url(img/bg_bottom.jpg);
background-repeat:no-repeat;
padding:0;
margin:0 auto;
}
#pic_bg_2 {
position:absolute;
z-index:2;
width:1060px;
height:564px;
background-image:url(img/dot.gif);
background-repeat:no-repeat;
padding:0;
margin:0 auto;
top:31px;
left:10px;
}
#pic_bg_1 {
position:absolute;
z-index:1;
width:1060px;
height:564px;
background-image:url(img/dot.gif);
background-repeat:no-repeat;
padding:0;
margin:0 auto;
top:31px;
left:10px;
visibility:hidden;
}
#content_bg {
position:absolute;
z-index:3;
width:1050px;
height:586px;
padding:0;
margin:0 auto;
top:11px;
margin-left:10px;
}
#top_navi {
position:relative;
background-color:#003871;
width:1050px;
height:28px;
padding:0;
margin:0 auto;
}
#start_agency {
position:absolute;
left:460px;
top:248px;
width:530px;
z-index:1;
}
.left {
float:left;
margin-right:4px;
margin-top:4px;
}
.padding {
float:left;
margin-top:4px;
}
.clearIE {
clear:left;
}
#content_top {
width:1050px;
height:130px;
padding:0;
margin:0 auto;
}
.line {
background-color:#000000;
width:1050px;
height:1px;
padding:0;
margin:0 auto;
}
.yellow {
background-color:#ffdd00;
width:1050px;
height:10px;
padding:0;
margin:0 auto;
}
#content_middle {
background-color:#0c0d17;
width:1050px;
height:293px;
margin:0 auto;
overflow:visible;
opacity: 0.6;
filter:alpha(opacity = 60);
}
#content_bottom {
width:1050px;
height:85px;
padding:0;
margin:0 auto;
}
#marke {
position:absolute;
width:388px;
height:106px;
background-image:url(img/marke.png);
background-repeat:no-repeat;
padding:0;
margin:0 auto;
top:350px;
left:62px;
}
#bottom_navi {
overflow:visible;
position:relative;
top:0px;
background-color:#003871;
width:1050px;
height:28px;
padding:0;
margin:0 auto;
}
#new_products {
position:absolute;
width:265px;
height:115px;
background-image:url(img/new_products.png);
background-repeat:no-repeat;
padding:0;
margin:0 auto;
top:100px;
left:62px;
}
#smm {
position:absolute;
width:344px;
height:171px;
background-image:url(img/smm_messe_banner_start2016.png);
background-repeat:no-repeat;
padding:0;
margin:0 auto;
top:69px;
left:634px;
}

/*Menüs*/
.menu {
text-align:left;
font-size:0.9em;
letter-spacing:0.03em;
float:left;
margin-top:8px;
margin-left:20px;
}
.menu ul {
list-style:none;
margin:0; 
}
.menu li {
display:inline;
padding:8px;
clear:left;
}
.contact_title {
margin-left:416px;
}
#bottom_menu {
text-align:left;
width:990px;
height:9px;
top:9px;
left:106px;
}
.menu a { 
background-image:url(img/arrows.png);
background-repeat:no-repeat;
background-position:1px 2px;
color:#ffffff; 
padding-left:20px;
text-decoration:none;
}
.menu a:hover {
background-position:0px -10px;
}
.home_title a { 
background-image:url(img/home.png);
background-repeat:no-repeat;
background-position:0px 2px;
}
.home_title a:hover {
background-position:0px -10px;
}
/*Überschriften, Absätze etc.*/
.ol {
font-size:0.8em;
color:#ffffff;
}
#bottom_adress {
padding-top:9px;
letter-spacing:0.05em;
}
.spc {
color:#98b831;
}
.menu_tx {
margin-left:18px;
font-size:0.813em;
}
h1 {
font-size:1.4em;
padding-top:22px;
}
h2 {
font-size:1.1em;
}
.br {
height:0.1em;
}
#facts {
border:2px solid #e4ecce;
padding:6px;
}
.liste {
margin-left:-10px;
list-style-type:disc;
list-style-position:outside
}
#footer_links {
margin-top:334px;
}
img {
border:0px;
}
/*Preload container*/
#pic_preload {
position:absolute;
height:0px;
width:0px;
top:-100px;
left:-100px;
display:none;
}