/*
 light gray #eaeaec
 dark gray #8c8c8c
 title red #bd003a
 text gray #3f4041
*/

body {
background: #b9b8b8 url(../images/bg.png) repeat-x;
color:#000;
font-family:Arial,Helvetica,sans-serif;
}

#container {
width: 900px;
margin: 30px auto;
}

.top{
position: absolute;
top: -1px;
}

.bottom{
position: absolute;
bottom: 0px;
}

.right{
position: absolute;
right: -1px;
}

.left{
position: absolute;
left: -1px;
}

.centered{
text-align: center;
}

/***************************
          header
***************************/
#header{
background-image: url(../images/header-bg-logo-small.png);
width: 900px;
height: 202px;
position: relative;
}

#header ul{
position: absolute;
right: 0px;
bottom: 0px;
}

#header li{
float: left;
margin-right: 10px;
}
#header li a{
width: 102px;
height: 37px;
display: block;
}
#header span{
display: none;
}

#header #hem{
background-image: url(../images/button-hem.png)
}
#header #tjanster{
background-image: url(../images/button-tjanster.png)
}
#header #teknik{
background-image: url(../images/button-teknik.png)
}
#header #omoss{
background-image: url(../images/button-omoss.png)
}
#header #kontakt{
background-image: url(../images/button-kontakt.png)
}

#header #shadowbottom{
position: absolute;
bottom: -6px;
}
#header #shadowside{
position: absolute;
right: -6px;
}
#header #leaves{
position: absolute;
right: -25px;
top: -33px;
}

/***************************
          submenu
***************************/
#submenu{
background-image: url(../images/submenu-bg.png);
height: 26px;
margin-top: 20px;
padding-top:7px;
position:  relative;
font-size: 1em;
}
#submenu a{
font-weight: bold;
color: #375737;
}
#submenu a hover{
text-decoration: underline;
}
#submenu img{
top: 0;
}

/***************************
        content
***************************/
#content{
margin-top: 15px;
position: relative;
}

/***************************
          main
***************************/
#content #main{
background: #f5f5f5 url(../images/main-shadow.png) repeat-x center bottom;
border-top: 1px solid #a2ac93;
border-right: 1px solid #a2ac93;
border-left: 1px solid #a2ac93;
float: left;
margin: 0 10px;
_margin: 0 5px;
padding: 100px 30px 30px 30px;
position: relative;
width: 512px;
}

#content #main h3{
background-image: url(../images/main-title.png);
color: #375737;
font-size: 1.4em;
font-weight: normal;
height: 41px;
padding: 15px 0 0 40px;
position: absolute;
top: 10px;
left: -28px;
width: 567px;
}

#content #main p{
margin-bottom: 20px;
}
#content #main span{
font-size: 1em;
font-weight: bold;
color: #375737;
}

#content #main div{
position: absolute;
top: 80px;
right: 30px;
width: 150px;
border: 1px solid #a2ac93;
background: #fff;
}
#content #main div img{
display: block;
margin: 10px auto;
}


/***************************
        side
***************************/
#content #side, #content #frontSide, #content #side-kontakt{
float: left;
margin-left: 24px;
_margin-left: 26px;
position: relative;
width: 280px;
padding-bottom: 25px;
}

#content #side{
background: #fff url(../images/main-shadow.png) repeat-x center bottom;
border-top: 1px solid #939393;
border-right: 1px solid #939393;
border-left: 1px solid #939393;
}

#content .lowered{
margin-top: 30px;
}

#content #side .featured{
display: block;
margin: 20px auto 0px auto;
}

#content #side h5{
color: #375737;
position: absolute;
font-size: 0.8em;
font-weight: normal;
top: -25px;
left: 0px;
}

#content #frontSide img{
margin-bottom: 9px;
}

#content #side-kontakt{
padding: 0;
}

/***************************
          footer
***************************/
#footer{
margin-top: 20px;
width: 900px;
background-image: url(../images/footer-bg.png);
height: 27px;
padding-top: 7px;
font-size: 1em;
position: relative;
}
#footer img{
top: 0;
}