/*(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,Verdana,sans-serif;
font-size:0.81em;
letter-spacing:0.01em;
padding: 0;
margin:0;
text-align:center;
}
/*Struktur und Design*/
#space { 
width:100%;
height:50%;
margin-bottom:-286px;
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;
}
#content_bg {
position:relative;
width:1050px;
height:586px;
background-image:url(img/content.jpg);
background-repeat:no-repeat;
background-position:0px -40px;
padding:0;
margin:0 auto;
top:-14px;
margin-left:10px;
background-color:#ffffff;
}
#top_navi {
background-color:#003871;
width:1050px;
height:28px;
padding:0;
margin:0 auto;
}
#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 {
width:1050px;
height:508px;
margin:0 auto;
overflow:visible;
}
/*CONTENT*/
#product {
position:absolute;
top:190px;
left:300px;
width:710px;
height:120px;
padding:0;
margin:0 auto;
text-align:left;
}
#product2 {
position:absolute;
top:320px;
left:300px;
width:710px;
height:120px;
padding:0;
margin:0 auto;
text-align:left;
}
.item {
width:300px;
height:160px;
padding:0;
margin:0 auto;
float:left;
}
.item_middle {
width:323px;
height:180px;
background-image:url(img/item.jpg);
background-repeat:repeat-y;
padding:0;
margin:0 auto;
float:left;
}
.item_new {
width:323px;
height:180px;
background-image:url(img/item_new.jpg);
background-repeat:repeat-y;
padding:0;
margin:0 auto;
float:left;
}
.item_mini {
width:187px;
height:103px;
background-image:url(img/item_mini.jpg);
background-repeat:repeat-y;
padding:0;
margin:0 auto;
float:left;
}
.item_pic {
margin-left:122px;
width:160px;
padding:1px;
text-align:center;
overflow:hidden;
}
.item_pic_mini {
margin-left:76px;
width:100px;
text-align:center;
overflow:hidden;
}
.item_tx {
width:322px;
height:140px;
padding:0;
margin:0 auto;
margin-left:62px;
float:left;
}
.item_tx2 {
width:322px;
height:140px;
padding:0;
margin:0 auto;
margin-left:-42px;
float:left;
}
.readmore {
width:120px;
height:12px;
padding:0;
margin:0 auto;
margin-top:89px;
float:left;
}
.details {
position:relative;
width:660px;
height:160px;
padding:0;
margin:0 auto;
margin-top:12px;
margin-left:8px;
float:left;
}
#block_1 {
position:relative;
width:322px;
padding-right:40px;
margin:0 auto;
float:left;
}
#block_2 {
position:relative;
width:322px;
margin:0 auto;
float:left;
}
#block_3 {
position:relative;
width:640px;
margin:0 auto;
float:left;
}
.txt09 {
font-size:0.96em;
}
.agent_menu {
margin-left:-22px;
font-size:1.1em;
}
#home {
position:absolute;
height:100px;
width:320px;
top:60px;
left:50px;
}
.youtube {
position:absolute;
height:100px;
width:320px;
top:266px;
left:0px;
}
.pic_details {
position:absolute;
z-index:10;
height:90px;
width:40px;
top:80px;
left:282px;
}
#catalogue_layer {
position:absolute;
display:none;
height:60px;
width:200px;
border:1px solid #f30;
background-color:#fff;
}
/*LINKS*/
a {
color:#000;
}
.readmore a {
text-decoration:none;
}
/*MENUS*/
#bottom_navi {
overflow:visible;
position:relative;
top:0px;
background-color:#003871;
width:1050px;
height:28px;
padding:0;
margin:0 auto;
}
.prod_item {
font-size:1.1em;
float:left;
margin-left:40px;
width:290px;
}
#downloads {
position:absolute;
text-align:left;
width:190px;
height:35px;
top:52px;
left:899px;
}
#bottom_menu {
text-align:left;
width:990px;
height:9px;
top:9px;
left:106px;
}
/*MAIN MENU*/
#main_menu {
position:relative;
width:1050px;
height:40px;
top:8px;
left:0px;
text-indent:20px;
}
.menu {
text-align:left;
font-size:0.9em;
letter-spacing:0.03em;
float:left;
}
.menu ul {
list-style:none;
margin:0; 
}
.menu li {
display:inline;
padding:8px;
clear:left;
}
.contact_title {
margin-left:416px;
}
#portrait {
margin-top:12px;
margin-bottom:12px;
}
.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;
}
/*PRODUCT MENU*/
#product_menu {
position:relative;
width:290px;
height:350px;
top:155px;
left:43px;
text-indent:21px;
}
.sub_menu {
text-align:left;
font-size:0.9em;
letter-spacing:0.01em;
float:left;
}
.sub_menu li {
list-style:none;
padding-top:0.32em;
margin-bottom:3px;
padding-left:4px;
}
.sub_menu ul {
margin-top:-6px;
}
.sub_menu li a {
display: block;
}
.sub_menu_title {
margin-left:-20px;
}
.sub_menu a { 
background-image:url(img/arrows.png);
background-repeat:no-repeat;
background-position:3px 3px;
color:#000000; 
text-decoration:none;
}
.sub_menu a:hover {
background-position:3px -10px;
}
/*Überschriften, Absätze etc.*/
.description {
font-size:11px;
line-height:1.3em;
width:322px;
}
.item_num {
font-size:1.2em;
color:#ffffff;
margin-top:-9px;
margin-left:50px;
}
.item_num_3 {
position:absolute;
top:-13px;
left:50px;
font-size:1.2em;
color:#ffffff;
line-height:70px;
height:191px;
}
.item_num_2 {
position:absolute;
top:136px;
left:50px;
font-size:1.2em;
color:#ffffff;
}
.item_pic_tx {
font-size:0.8em;
margin-left:8px;
}
.youtube_tx {
background-image:url(img/youtube-60px.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
height:30px;
font-size:0.86em;
padding-left:68px;
margin-left:23px;
line-height:1em;
}
.px2 {
height:2px;
} 
.px6 {
height:34px;
} 
.px3 {
height:12px;
} 
.px4 {
height:6px;
} 
.pic_view {
border:1px solid #ccc;
}
.order_no {
background-image:url(img/arrows.png);
background-repeat:no-repeat;
background-position:0px -10px;
font-size:0.86em;
margin-left:3px;
padding-left:20px;
}
.block_line_height {
font-size:0.95em;
line-height:1.2em;
}
.ol {
font-size:0.8em;
color:#ffffff;
}
.red {
font-size:0.8em;
color:#ff3300;
}
.redliste {
font-size:0.94em;
color:#ff3300;
}
#bottom_adress {
padding-top:9px;
letter-spacing:0.05em;
}
.spc {
color:#98b831;
}
.spc2 {
height:22px;
}
.spc3 {
height:6px;
}
.menu_tx {
margin-left:18px;
font-size:0.92em;
}
h1 {
font-size:1.4em;
margin-top:-3px;
}
h2 {
font-size:1em;
margin-top:-3px;
}
.br {
height:0.1em;
}
#facts {
border:2px solid #e4ecce;
padding:6px;
}
.liste {
font-size:0.94em;
margin-left:-16px;
list-style-type:disc;
list-style-position:outside
}
#footer_links {
margin-top:334px;
}
img {
border:0px;
}