html {

}

body {
background-color: white;
color: black;
font-family:"Frutiger","Univers","Helvetica Neue",tahoma,arial,helvetica,sans-serif;
font-size: 12px;
}
img{
border: 0px;
}
img.floatLeft{
float:left;
}
h1{
font-size: 1.5em;
line-height: 1em;
color:#333;
margin:40px 0 1em 0;
}
h2{
font-size: 1.1667em;
line-height: 1.286em;
}
h2.intext{
margin-bottom: 0.634em;
}
h3{
font-size: 1.1em;
}
#title{
margin:40px 0 1em 0;
}
a{
color:#333;
}
a:hover{
text-decoration:none;
}

p{
color:#3C5768;
font-size: 1em;
line-height: 1.5em;
margin: 0 0 1.5em 0;
}
p.cp{
margin-bottom: 0;
}
.textnormal{
font-weight:normal;
font-size:0.9em;
}
.hidden{
visibility:hidden;
}
#header{
width:100%;
min-width:900px;
height:183px;
background:#fff url(../images/bg-top.jpg) repeat-x;
}
#logo{
position:absolute;
left:51px;
top:118px;
}
#middle{
width:100%;
height:241px;
background:#002e61 url(../images/bg-mid.jpg) top left repeat-x;
}
#bottom{
width:100%-51px;
min-height:300px;
padding-left:51px;
background:#fff url(../images/bg-bottom.jpg) top left repeat-x;
}
/* Middle part ---------- */
#nav{
padding:45px 0 0 51px;
color:#fff;
font-size:1.3em;
font-weight:bold;
}
#nav li{
margin-bottom: 5px;
list-style:none;
}
#aother {
margin-left: 3em;
font-size: 0.8333em;
font-weight: normal;
}
#nav a{
color:#eee;
text-decoration:none;
}
#nav a:hover{
text-decoration:underline;
}
#nav a.onas{
padding-top:5px;
font-size:80%;
}
#subnav{
display:inline;
}
.highlite{
padding: 0 5px;
border-right:2px solid #bbb;
border-left:2px solid #bbb;
}
#locmenu{
}
#locmenu a{
margin-left: 3em;
font-size: 0.8333em;
font-weight: normal;
} 
/* Bottom part -------------------- */
#breadcrumbnav{
padding: 20px 0 0 0;
font-size: 0.9em;
}
#breadcrumbnav a{
color:#111;
}

#container {
}
div.showbox{
width:26%;
min-width: 260px;
margin: 50px 2% 0 0;
float:left;
}
div.top{
height:23px;
margin-bottom:1em;
border-bottom:thin solid #aaa;
}
div.mid{
margin-top:2em;
}
.home-produkt-detail{
width:67%;
margin-left:5px;
height:auto;
float:right;
position:relative;
}
.btn{
position:absolute;
top: 8em;
width:157px;
height:23px;
padding-top: 12px;
text-align:center;
font-size:12px;
background:#eee url(../images/home-produkt-btn.png) top left no-repeat;
}
.btn a{
color:#555;
text-decoration:none;
font-weight:bold;
}
.btn a:hover{
color:#888;
text-decoration:underline;
font-weight:bold;
}
div.clear{
clear:both;
}
#clear{
clear:both;
}
#content {

}
/* Products ---------- */
div.productview{
margin:35px 5px 0 0;
min-width: 100px;
text-align:center;
float:left;
}
.productname{
height:21px;
width: 100px;
margin-top: 10px;
padding:6px 5px 0 5px;
background:#eee url(../images/products_btn_bg.png) repeat-x;
}
.productname a{
font-size: 1em;
color:#555;
text-decoration:none;
}
.productname a:hover{
text-decoration:underline;
}

/* Product detail ---------- */
.productdetailname{
width: 20em;
background-color:#1C325F;
padding:0.643em;
margin-bottom:1em;
color:#fff;
}
#productdetailleft{
width: 45%;
min-width: 500px;
margin-right:15px;
float:left;
}
#productdetailleft ul{
color:#3C5768;
font-size: 1em;
line-height: 1.5em;
list-style-type:square;
lis
}
#productdetailright{
border-left:#bbb dotted thin;
padding-left: 50px;
float:left;
}
.techinfo{
margin-top: 30px;
list-style-type:none;
line-height: 22px;
}
.techinfo li{
border-bottom:#666 dotted thin;
}
.back_button {
clear:both;
width: 10em;
height:13px;
text-align:center;
margin-top: 25px;
padding:6px 0 10px 0;
background:#eee url(../images/products_btn_bg.png) repeat-x;
}
.back_button a{
text-decoration:none;
}
.back_button a:hover{
text-decoration:underline;
}
/* Instalations --------------- */
div.installation{
float:left;
width: 174px;
margin-right: 2em;
}
div.installation a{
text-decoration:none;
}
div.installation a:hover{
background-color:#f1f5f8;
}
div.installation img{
width: 150px;
border:12px #E6EBEE solid;
margin-bottom: 1em;
}

/* Footer -------------------- */
#footer_container {
clear: both;
padding-top: 5em;
margin-left:51px;
color: #666666;
}

/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */

.caption {
font-size: 9px;
padding: 4px 0 4px 0;
}

.code {
font-family:"Courier New", Courier, mono;
color:#333333;
}

#tnav {
display: block;
width: 760px;
margin: 5px auto 0 auto;
height: 25px;
text-align: left;
}

/* Footer */
.url {
font-family:"Courier New", Courier, mono;
word-wrap: break-word;
}
.note {
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;

padding: 5px 0 5px 0;
margin-left: 10px;
margin-right: 10px;
color: #999999;
}
.step {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 50px;
}

.side_area {
float:right;
padding:0 0 30px 30px;
}

.side_area img{
width:150px;
}