* {
    font-family: Arial;
    font-size: 12px;
}

body {
    background: #EDEDE6;
}

#wrapper {
    width: 988px;
    margin: 0px auto;
    position: relative;
}

#wrapper_top {
    float: left;
    display: inline;
    width: 988px;
    height: 34px;
    margin-top: 11px;
    background: url('/img/wrapper_top.png') no-repeat;
}

#container {
    width: 910px;
    z-index: 0;
    float: left;
    display: inline;
    padding-left: 39px;
    padding-top: 5px;
    padding-bottom: 6px;
    padding-right: 39px;
    background: url('/img/container_bg.png') repeat-y;
}

#logo {
    float: left;
    display: inline;
    width: 910px;
}

#logo h1 a {
    display:block;
    width: 1px;
    height:1px;
    padding-left:239px;
    padding-top:36px;
    background: url(/img/logo_bechtholding.png) no-repeat;
    overflow:hidden;
    text-indent:inherit;
}

#wrapper_bottom {
    float: left;
    display: inline;
    width: 988px;
    height: 34px;
    margin-bottom: 11px;
    background: url('/img/wrapper_bottom.png') no-repeat;
}

.sw-sf {
    float: left;
    display: inline;
    width: 910px;
    height: 46px;
    background: #254465;
    margin-top: 25px;
    position: relative;
    z-index: 100 !important;
}

.sw-sf ul{
    position: absolute;
}

.sw-sf ul li {
    width: 100% !important ;
}
.sw-sf li {
    float: left;
    position: relative;
}

.sw-sf a.item1 {
    display: block;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
    background: #254465 !important ;
    border-right: 1px dotted #FFFFFF;
}

.sw-sf a.item1.active {
    padding-bottom: 10px;
    border-bottom: 5px solid #FFFFFF;
    background: #3b6087 !important;
}

.sw-sf ul.sf-section {
    padding: 20px;
    background: #3b6087;
}
.sw-sf  a.item2 {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
 font-size: 13px;
 font-weight: normal;
 text-decoration: none;
 background: #3b6087 !important ;
 color: #FFFFFF !important ;
 display: block;
 white-space: nowrap;
 position: relative;
 border-top: 1px dotted #FFFFFF !important ;
 border-left: 0px none #FFFFFF !important ;
 border-right: 0px none #FFFFFF !important ;
}
.sw-sf a.item2.last {
 border-bottom: 1px dotted #FFFFFF !important ;
}
.sw-sf .current a.item1,
.sw-sf li.sfHover a.item1,
.sw-sf a:focus,
.sw-sf a:hover ,
.sw-sf a:active {
 color: #FFFFFF !important ;
 background: #3b6087 !important ;
}
.sw-sf li.sfHover li.sfHover a.item2,
.sw-sf li.sfHover li.sfHover li.sfHover a.item2,
.sw-sf li.sfHover li.sfHover li.sfHover li.sfHover a.item2,
.sw-sf li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a.item2,
.sw-sf li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a.item2,
.sw-sf li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a.item2,
.sw-sf li.sfHover a.item2:hover,
.sw-sf li.sfHover  li.sfHover a.item2:hover,
.sw-sf li.sfHover  li.sfHover li.sfHover a.item2:hover,
.sw-sf li.sfHover  li.sfHover li.sfHover li.sfHover a.item2:hover,
.sw-sf li.sfHover  li.sfHover li.sfHover li.sfHover li.sfHover a.item2:hover,
.sw-sf li.sfHover  li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a.item2:hover,
.sw-sf li.sfHover  li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a.item2:hover,
.sw-sf  a.item2:hover {
 background-image:none;
 background-color: #254465 !important;
 color: #FFFFFF !important;
}
.sw-sf li.sfHover li.sfHover li a.item2,
.sw-sf li.sfHover li.sfHover li.sfHover li a.item2,
.sw-sf li.sfHover li.sfHover li.sfHover li.sfHover li a.item2,
.sw-sf li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li a.item2,
.sw-sf li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li a.item2,
.sw-sf li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li a.item2{
 background-image:none ;
 color: #FFFFFF !important ;
}

/*banner CSS*/
#banner_sub .mission{ background:url(../images/road.jpg) no-repeat top left; width:610px; height:220px;}
#banner_sub .vpropositions{ background:url(../images/legs_in_motion.jpg) no-repeat top left; width:910px; height:220px;}
#banner_sub .leadership{ background:url(../images/co_workers_in_conference_room.jpg) no-repeat top left; width:910px; height:220px;}
#banner_sub .investors{ background:url(../images/innovate_people_standing.jpg) no-repeat top left; width:910px; height:220px;}
#banner_sub .innovate{ background:url(../images/innovate_people_sitting.jpg) no-repeat top left; width:910px; height:220px;}
#banner_sub .foundation{ background:url(../images/keyboard.jpg) no-repeat top left; width:910px; height:220px;}
#banner_sub .awards{ background:url(../images/eye.jpg) no-repeat top left; width:910px; height:220px;}
#banner_sub .resources{ background:url(../images/papers_on_floor.jpg) no-repeat top left; width:910px; height:220px;}
#banner_sub .support{ background:url(../images/man_behind_monitor.jpg) no-repeat top left; width:910px; height:220px;}
#banner_sub .solution{ background:url(../images/solutions.png) no-repeat top left; width:910px; height:220px;}
#banner_sub .company{ background:url(../images/company.png) no-repeat top left; width:910px; height:220px;}
#banner_sub .legs{ background:url(../images/legs_in_motion_2alt.jpg) no-repeat top left; width:910px; height:220px;}
#banner_sub .lab{ background:url(../images/glass_windows.jpg) no-repeat top left; width:910px; height:220px;}
#banner_sub #banner_color{ background:#367f86; width:233px; float:left; height:205px; opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90); font-size:22px; padding:15px 0 0 15px; color:#fff;}
#banner_sub #banner_color2{ background:#bca844; width:148px; float:left; height:220px; opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);}
#banner_sub #banner_color3{ background:#cb6330; width:148px; float:right; height:220px;}
#banner{z-index: 10; background:#fff;width:910px;height:auto;position:relative;overflow:hidden;}
#slider{width:910px;height:480px;float:left;margin:0;padding:0;list-style-type:none}
#box1{background:#d1bc49 url(/img/box_1_title.png) no-repeat top center; left:2px;} #box1 ul{border-top: solid 1px #fae774;} #box1 li{border-bottom: solid 1px #fae774;}
#box2{background:#a4af74 url(/img/box_2_title.png) no-repeat top center; left:229px} #box2 ul{border-top: solid 1px #d1e18c;} #box2 li{border-bottom: solid 1px #d1e18c;}
#box3{background:#d07244 url(/img/box_3_title.png) no-repeat top center; left:456px} #box3 ul{border-top: solid 1px #fe9057;} #box3 li{border-bottom: solid 1px #fe9057;}
#box4{background:#4c949c url(/img/box_4_title.png) no-repeat top center; left:683px} #box4 ul{border-top: solid 1px #80eae5;} #box4 li{border-bottom: solid 1px #80eae5;}
.boxes{	width:225px; height: 314px; float:left;position:absolute;top:393px;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);}
.boxes .clickable{width:225px;height:39px;float:left; padding-top:50px; padding-left: 20px; font-family:Verdana, Helvetica, sans-serif; font-size:22px;cursor: pointer; font-weight:normal; color:#FFF;}
.boxes .content{width:185px;height:185px;float:left; font-family:Verdana, Helvetica, sans-serif; font-size:13px; background: none; color:#FFF; margin-left: 20px; margin-top: -5px;}
.boxes .content ul{ margin:18px 0 0 0; padding:0px; list-style: none;}
.boxes .content li{ line-height:26px; background:url(../images/arrow.png) no-repeat right center; font-weight:bold; text-transform:uppercase; font-size:10px; text-align: right;}
.boxes .content li a{ color:#FFF; text-decoration:none;}
.boxes .content li a:hover {
    color: #254465;
}
/*banner CSS*/

#home_main {
    float: left;
    display: inline;
    margin-top: 25px;
    position: relative;
    width: 910px;
}

#home_main .big {
    float: left;
    display: inline;
    width: 590px;
    margin-left: 25px;
}

#home_main .small {
    float: left;
    display: inline;
    width: 295px;
}

#home_main h2 {
    padding-left: 20px;
    padding-right: 30px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    background: #254465;
}

#home_main .tekst {
    height: 268px;
    background: #e6e6e6;
    padding: 20px;
}

#home_main .tekst p {
    color: #254465;
    font-size: 14px;
    margin-bottom: 20px;
}

#home_main .tekst p a{
    text-decoration: none;
    color: #cb6330;
    font-family: Arial;
    font-size: 14px;
}

#home_main .tekst p a:hover {
    color: #254465;
}

#home_main .tekst p.last {
    margin-bottom: 0px;
}

#home_main .tekst p.title {
    font-weight: bold;
}

#bottom {
    float: left;
    display: inline;
    margin-top: 25px;
    width: 910px;
    height: 100px;
    background: #f4f4f4;
}

#bottom .left {
    float: left;
    display: inline;
    width: 200px;
    height: 100px;
}

#bottom .left img {
    margin-left: 20px;
    margin-top: 38px;
}

#bottom .main {
    float: left;
    display: inline;
    width: 510px;
    height: 100px;
}

#bottom .main p {
    font-weight: bold;
    line-height: 16px;
    margin-top: 35px;
    text-align: center;
    color: #525252;
}

#bottom .right {
    float: left;
    display: inline;
    width: 200px;
    height: 100px;
}

#bottom .right p {
    float: left;
    display: inline;
    width: 70px;
    font-weight: bold;
    text-align: right;
    color: #acacac;
    margin-top: 26px;
}

#bottom .right a {
    float: right;
    margin-right: 20px;
    margin-top: 26px;
    display:block;
    width: 1px;
    height:1px;
    padding-left:99px;
    padding-top:50px;
    background: url(/img/hm_logo_grey.png) no-repeat;
    overflow:hidden;
    text-indent:inherit;
}

#bottom .right a:hover {
    background: url(/img/hm_logo.png) no-repeat;
}