@font-face {
    font-family: EurostileRegular;
    src: url( ../font/eurosti-webfont.eot );/* IE - Chrome - Safari */
    src: local(" eurosti-webfont "), url( ../font/eurosti-webfont.ttf ) format("truetype");/* FF - Opera */
}
body {
    width : 100%;
    height : 100%;
    max-height : 100%;
    background-color : #d5d9da;
    overflow : visible;
    font-family : 'EurostileRegular';
    color : #353334;
    text-align : center;
    font-size : 20px;
    background-image : url(../gfx/bg.png);
    background-repeat : repeat-y;
    background-position : center top;
    margin : 0;
    padding : 0;
}
img {
    border : none;
    outline : none;
}
a:active {
    outline : none;
}
#site-front-wrapper {
    width : 100%;
    background-color : transparent;
    background-image : url(../gfx/top.jpg);
    background-repeat : no-repeat;
    background-position : center top;
    margin : 0 auto;
    padding : 0;
}
#maincontainer {
    width : 980px;
    position : relative;
    margin : 0 auto;
    padding : 0;
}
.topwrapper {
    width : 100%;
    height : 110px;
    background-color : transparent;
    text-align : left;
    margin : 0;
    padding : 0;
    position : relative;
}
.logo {
    float : left;
    width : 300px;
    height : auto;
    text-align : left;
    margin : 50px 0 0;
    padding : 0;
}
.topmenu {
    float : left;
    width : auto;
    height : 32px;
    text-align : left;
    margin : 0;
    padding : 5px 0 0 0;
    background-color : transparent;
    background-image : url(../gfx/menubg.png);
    background-repeat : no-repeat;
    background-position : center top;
    position : absolute;
    bottom : 0;
    right : 0;
}
.topmenu_pkt {
    width : auto;
    float : left;
    height : 22px;
    text-align : center;
    margin : 0 25px;
    padding : 0;
}
.refmenu {
    width :  auto;
    height : 32px;
    text-align : left;
    margin : 5px 0 0 120px;
    padding : 8px 0 0 70px;
    background-color : transparent;
    background-image : url(../gfx/menubg.png);
    background-repeat : no-repeat;
    background-position : left top;
}
.submenu {
    width : auto;
    font-size : 16px;
    color : #05c917;
    font-weight : 400;
    text-align : left;
    position : absolute;
    right : 10px;
    top : 116px;
    margin : 0;
    padding : 0;
    z-index : 1;
}
.submenu_pkt {
    width : auto;
    float : left;
    height : 22px;
    text-align : center;
    margin : 0 25px;
    padding : 0 0 0 15px;
    background-image : url(../gfx/subbg.png);
    background-repeat : no-repeat;
    background-position : left center;
}
.topsection {
    width : 100%;
    height : 396px;
    background-color : transparent;
    background-image : url(../gfx/top/top-front.jpg);
    background-repeat : no-repeat;
    background-position : center top;
    border : 0 solid #d9d9d9;
    position : relative;
    text-align : left;
    margin : 0;
    padding : 0;
}
.top-profil-section {
    width : 100%;
    height : 396px;
    background-color : transparent;
    background-image : url(../gfx/top/profil-top.jpg);
    background-repeat : no-repeat;
    background-position : center top;
    border : 0 solid #d9d9d9;
    position : relative;
    text-align : left;
    margin : 0;
    padding : 0;
}
.top-contact-section {
    width : 100%;
    height : 396px;
    background-color : transparent;
    background-image : url(../gfx/top/contact-top.jpg);
    background-repeat : no-repeat;
    background-position : center top;
    border : 0 solid #d9d9d9;
    position : relative;
    text-align : left;
    margin : 0;
    padding : 0;
}
.top-ref-section {
    width : 100%;
    height : 396px;
    background-color : transparent;
    background-image : url(../gfx/top/ref-top.jpg);
    background-repeat : no-repeat;
    background-position : center top;
    border : 0 solid #d9d9d9;
    position : relative;
    text-align : left;
    margin : 0;
    padding : 0;
}
.top-logo-section {
    width : 100%;
    height : 396px;
    background-color : transparent;
    background-image : url(../gfx/top/logo-top.jpg);
    background-repeat : no-repeat;
    background-position : center top;
    border : 0 solid #d9d9d9;
    position : relative;
    text-align : left;
    margin : 0;
    padding : 0;
}
.top-banner-section {
    width : 100%;
    height : 396px;
    background-color : transparent;
    background-image : url(../gfx/top/banner-top.jpg);
    background-repeat : no-repeat;
    background-position : center top;
    border : 0 solid #d9d9d9;
    position : relative;
    text-align : left;
    margin : 0;
    padding : 0;
}
.top-grafik-section {
    width : 100%;
    height : 409px;
    background-color : transparent;
    background-image : url(../gfx/top/grafik-top.jpg);
    background-repeat : no-repeat;
    background-position : center top;
    border : 0px solid #000;
    position : relative;
    text-align : left;
    margin : 0;
    padding : 0;
}
.top-design-section {
    width : 100%;
    height : 396px;
    background-color : transparent;
    background-image : url(../gfx/top/clean-top.jpg);
    background-repeat : no-repeat;
    background-position : center top;
    border : 0 solid #d9d9d9;
    position : relative;
    text-align : left;
    margin : 0;
    padding : 0;
}
.top-webdesign-section {
    width : 100%;
    height : 396px;
    background-color : transparent;
    background-image : url(../gfx/top/design-top.jpg);
    background-repeat : no-repeat;
    background-position : center top;
    position : relative;
    text-align : left;
    margin : 0;
    padding : 0;
}
.top-html-section {
    width : 100%;
    height : 396px;
    background-color : transparent;
    background-image : url(../gfx/top/hrml-top.jpg);
    background-repeat : no-repeat;
    background-position : center top;
    border : 0 solid #d9d9d9;
    position : relative;
    text-align : left;
    margin : 0;
    padding : 0;
}
.smart {
    width : auto;
    height : auto;
    position : absolute;
    left : 90px;
    top : 340px;
    margin : 0;
    padding : 0;
}
.refwrap {
    width : 950px;
    height : 290px;
    background-color : transparent;
    text-align : left;
    margin : 20px 0 0 20px;
    padding : 0;
}
.refe {
    width : 560px;
    height : 255px;
    float : left;
    background-color : #bebebe;
    text-align : left;
    margin : 0;
    padding : 15px 0 0 15px;
}
.ref-text {
    width : 360px;
    height : 270px;
    float : left;
    border : 0 solid #000;
    background-color : transparent;
    text-align : left;
    position : relative;
    margin : 0;
    padding : 0 0 0 10px;
    }
.ref-text h1 {
    width : auto;
    font-size : 36px;
    color : #000;
    font-weight : 400;
    text-align : left;
    text-decoration : none;
    margin : 0;
    padding : 0;
}
.ref-text h2 {
    width : auto;
    font-size : 18px;
    font-weight : 400;
    color : #c99405;
    text-align : left;
    margin : 0 0 15px 5px;
    padding : 0;
}
.ref-text h3 {
    width : auto;
    font-size : 16px;
    color : #000;
    font-weight : 400;
    text-align : left;
    position : absolute;
    left : 10px;
    bottom : 0;
    margin : 0;
    padding : 0;
}
.ref-text h4 {
    width : auto;
    font-size : 16px;
    color : #05c917;
    font-weight : 400;
    text-align : left;
    position : absolute;
    left : 65px;
    bottom : 0;
    margin : 0;
    padding : 0;
}
.ref-text h5 {
    width : 100%;
    font-size : 14px;
    color : #888;
    font-weight : 400;
    text-align : left;
    margin : 0 0 0 5px;
    padding : 0;
}
.ref-text h6 {
    width : auto;
    font-size : 16px;
    color : #6d8d27;
    font-weight : 400;
    text-align : left;
    margin : 0 0 0 5px;
    padding : 0;
}
.ref-text p {
    width : 98%;
    color : #484848;
    font-size : 16px;
    text-align : left;
    line-height : 16px;
    margin : 0 0 10px 5px;
    padding : 0 0 5px;
}
.re-link a {
    width : 200px;
    text-align : right;
    position : absolute;
    left : 170px;
    bottom : 0;
    margin : 0;
    padding : 0;
}
.over {
    width : auto;
    height : auto;
    float : left;
    position : absolute;
    left : 15px;
    top : 255px;
    margin : 0 10px 0 0;
    padding : 0;
}
.frontover {
    width : auto;
    height : auto;
    float : left;
    position : absolute;
    left : 15px;
    top : 225px;
    margin : 0 10px 0 0;
    padding : 0;
}
.over h1, .frontover h1 {
    height : 50px;
    font-size : 30px;
    color : #343434;
    margin : 10px 0;
    padding : 0;
}
.over h2, .frontover h2 {
    font-size : 40px;
    color : #343434;
    margin : 5px 0 0;
    padding : 0;
}
.topicons {
    width : auto;
    height : auto;
    position : absolute;
    right : 10px;
    top : 10px;
    margin : 0;
    padding : 0;
}
.topicons a {
    width : auto;
    height : auto;
    outline : none;
    margin : 0;
    padding : 0;
}
.icons {
    width : 32px;
    height : 32px;
    float : left;
    background-color : transparent;
    cursor : pointer;
    outline : none;
    margin : 0 10px 0 0;
    padding : 0;
}
.label-green {
    width : 150px;
    height : 104px;
    background-color : transparent;
    background-image : url(../gfx/label-shop.png);
    background-repeat : no-repeat;
    background-position : center top;
    position : absolute;
    top : 60px;
    right : 380px;
    text-align : left;
    margin : 0;
    padding : 35px 0 0 50px;
}
.label-green-button {
    width : 302px;
    height : 33px;
    background-color : transparent;
    background-image : url(../gfx/label-shop-button.png);
    background-repeat : no-repeat;
    background-position : center top;
    position : absolute;
    bottom : 0;
    right : 20px;
    text-align : left;
    margin : 0;
    padding : 12px 0 0 30px;
}
.label-blue {
    width : 150px;
    height : 104px;
    background-color : transparent;
    background-image : url(../gfx/label-action.png);
    background-repeat : no-repeat;
    background-position : center top;
    position : absolute;
    top : 60px;
    right : 50px;
    text-align : left;
    margin : 0;
    padding : 35px 0 0 50px;
}
.label-blue-button {
    width : 302px;
    height : 33px;
    background-color : transparent;
    background-image : url(../gfx/label-action-button.png);
    background-repeat : no-repeat;
    background-position : center top;
    position : absolute;
    bottom : 0;
    right : 20px;
    text-align : left;
    margin : 0;
    padding : 12px 0 0 30px;
}
.label-black {
    width : 150px;
    height : 104px;
    background-color : transparent;
    background-image : url(../gfx/label-buiness.png);
    background-repeat : no-repeat;
    background-position : center top;
    position : absolute;
    bottom : 20px;
    right : 380px;
    text-align : left;
    margin : 0;
    padding : 35px 0 0 50px;
}
.label-black-button {
    width : 302px;
    height : 33px;
    background-color : transparent;
    background-image : url(../gfx/label-buiness-button.png);
    background-repeat : no-repeat;
    background-position : center top;
    position : absolute;
    bottom : 0;
    right : 20px;
    text-align : left;
    margin : 0;
    padding : 12px 0 0 30px;
}
.label-red {
    width : 150px;
    height : 104px;
    background-color : transparent;
    background-image : url(../gfx/label-diverse.png);
    background-repeat : no-repeat;
    background-position : center top;
    position : absolute;
    bottom : 20px;
    right : 50px;
    text-align : left;
    margin : 0;
    padding : 35px 0 0 50px;
}
.label-red-button {
    width : 302px;
    height : 33px;
    background-color : transparent;
    background-image : url(../gfx/label-diverse-button.png);
    background-repeat : no-repeat;
    background-position : center top;
    position : absolute;
    bottom : 0;
    right : 20px;
    text-align : left;
    margin : 0;
    padding : 12px 0 0 30px;
}
.formput {
    outline : none;
    background : #fff;
    border : 1px solid #aaa;
    font-size : 14px;
    height : 18px;
    color : #666;
    width : 180px;
    vertical-align : middle;
    text-align : left;
    margin : 3px 0 0;
    padding : 2px 0 0 2px;
}
.submit-btn {
    width : 91px;
    font-weight : 400;
    font-family : 'Avant Garde book BT';
    color : #fff;
    font-size : 16px;
    cursor : pointer;
    outline : none;
    text-align : center;
    border : 0;
    background-color : transparent;
    background-image : url(../gfx/send.png);
    background-repeat : no-repeat;
    background-position : center top;
    margin : 8px 0 0;
    padding : 3px 0 15px;
}
.beskrivelse {
    display : none;
}
.clear {
    clear : left;
    margin : 0;
    padding : 0;
}
.content {
    width : 980px;
    height : auto;
    border : 0 solid #000;
    background-image : url(../gfx/bg-rep.png);
    background-repeat : repeat-y;
    background-position : center top;
    margin : 0;
    padding : 10px 0 0;
}
.contentbox {
    width : 458px;
    height : 450px;
    float : left;
    text-align : left;
    margin : 0 0 15px 20px;
    padding : 0;
}
.contentbox h1 {
    width : auto;
    float : left;
    font-size : 30px;
    color : #297658;
    font-weight : 400;
    text-align : left;
    text-decoration : none;
    margin : 15px 0 5px 5px;
    padding : 0;
}
.contentbox h2 {
    width : auto;
    float : left;
    font-size : 30px;
    font-weight : 400;
    color : #cb9912;
    text-align : left;
    margin : 15px 0 5px 5px;
    padding : 0;
}
.contentbox h3 {
width : auto;
float : left;
font-size : 18px;
color : #000;
font-weight : 400;
text-align : left;
margin : 0 0 5px 5px;
padding : 0;
}
.contentbox h4 {
width : auto;
float : left;
color : #6d8d27;
font-size : 22px;
font-weight : 400;
text-align : left;
margin : 0 0 5px 5px;
padding : 0;
}
.contentbox h5 {
width : auto;
float : left;
color : #000;
font-weight : 400;
font-size : 22px;
text-align : left;
margin : 0 0 5px 5px;
padding : 0;
}
.contentbox h6 {
width : auto;
color : #000;
font-weight : 400;
font-size : 11px;
text-align : left;
margin : 3px 0;
padding : 0;
}
.profilbox {
width : 458px;
height : auto;
float : left;
text-align : left;
margin : 10px 0 15px 30px;
padding : 0;
}
.contentbox p {
width : 98%;
color : #242424;
font-size : 14px;
text-align : left;
line-height : 16px;
margin : 0 0 10px 5px;
padding : 0;
}
.design {
width : 225px;
height : 245px;
float : left;
text-align : left;
border : 0 solid #000;
margin : 0;
padding : 10px 0 0;
}
.border {
width : 1px;
float : left;
height : 450px;
background-image : url(../gfx/border-main.png);
background-repeat : no-repeat;
background-position : center center;
margin : 0;
padding : 0;
}
.borders {
width : 1px;
float : left;
height : 230px;
background-image : url(../gfx/border-contact.png);
background-repeat : no-repeat;
background-position : center center;
margin : 0;
padding : 0;
}
.about {
width : 226px;
height : auto;
float : left;
text-align : left;
margin : 0;
padding : 0;
}
.about h1 {
width : auto;
font-size : 24px;
color : #484848;
font-weight : 400;
text-align : left;
text-decoration : none;
margin : 15px 0 10px 5px;
padding : 0;
}
.about p {
margin : 10px 0 10px 5px;
padding : 0;
}
.content-bottom {
width : 980px;
height : 13px;
border : 0 solid #000;
background-image : url(../gfx/bg-bottom.png);
background-repeat : no-repeat;
background-position : center top;
margin : 0 0 40px;
padding : 0;
}
.ref {
width : auto;
margin : 0;
padding : 0;
}
.green {
width : auto;
color : #6d8d27;
}
.ref a:hover {
width : auto;
text-align : left;
font-size : 16px;
color : #b58504;
font-weight : 400;
background-color : transparent;
text-decoration : none;
margin : 0;
padding : 0;
}
.simply {
width : 980px;
height : 349px;
border : 0 solid #000;
background-image : url(../gfx/simply.jpg);
background-repeat : no-repeat;
background-position : center top;
position : relative;
text-align : left;
margin : 15px 0 0;
padding : 0 0 20px;
}
.simply img {
width : auto;
height : auto;
margin : 10px 0 0;
padding : 0;
}
.simply-text {
width : auto;
height : auto;
position : absolute;
right : 40px;
top : 50px;
margin : 0;
padding : 0;
}
.simply h1 {
width : auto;
font-size : 20px;
color : #484848;
font-weight : 400;
text-align : left;
text-decoration : none;
margin : 15px 0 5px 5px;
padding : 0;
}
.simply p {
width : 100%;
color : #484848;
font-size : 15px;
text-align : left;
line-height : 16px;
margin : 0 0 2px 5px;
padding : 0 0 3px;
}
.wrapper {
width : 100%;
text-align : left;
margin : 0 0 0 10px;
padding : 0;
}
.wrapper h1 {
width : auto;
font-size : 30px;
color : #297658;
font-weight : 400;
text-align : left;
text-decoration : none;
margin : 15px 0 5px 5px;
padding : 0;
}
.wrapper h2 {
width : auto;
font-size : 30px;
font-weight : 400;
color : #cb9912;
text-align : left;
margin : 15px 0 5px 5px;
padding : 0;
}
.wrapper h3 {
width : auto;
font-size : 18px;
font-weight : 400;
color : #484848;
text-align : left;
margin : 15px 0 5px 5px;
padding : 0;
}
.wrapper p {
width : 95%;
color : #484848;
font-size : 15px;
text-align : left;
line-height : 16px;
margin : 0 0 2px 5px;
padding : 0 0 10px;
}
#formwarp {
width : 580px;
height : auto;
float : left;
text-align : left;
margin : 0;
padding : 20px 0 0 30px;
}
#formwarp h1 {
width : 100%;
font-size : 26px;
color : #484848;
font-weight : 400;
text-align : left;
text-decoration : none;
margin : 0 0 5px;
padding : 0;
}
.contactbox {
width : 350px;
height : 250px;
float : left;
text-align : left;
margin : 0;
padding : 0;
}
.contact-wrap {
width : auto;
background-color : transparent;
background-image : url(../gfx/stamp.png);
background-repeat : no-repeat;
background-position : center center;
text-align : left;
margin : 0;
padding : 30px 0 30px 60px;
}
.contact-wrap p {
font-size : 18px;
color : #575757;
font-weight : 400;
margin : 5px 0;
padding : 0;
}
.field-puts {
float : left;
width : 300px;
height : 180px;
text-align : left;
margin : 0;
padding : 0;
}
.field-put {
width : 110px;
float : left;
text-align : left;
font-size : 16px;
color : #575757;
font-weight : 400;
margin : 0;
padding : 0;
}
.field-area {
float : left;
width : 270px;
height : 185px;
text-align : left;
margin : 0;
padding : 0;
}
.borderdef {
width : 200px;
height : 95px;
background-color : #fff;
border : 1px solid #aaa;
font-size : 16px;
overflow : hidden;
margin : 10px 0 0;
padding : 0;
}
.contact-box {
width : 226px;
height : auto;
text-align : left;
position : absolute;
bottom : 420px;
right : 15px;
margin : 15px 0 0 10px;
padding : 10px 0 0;
}
.contact-box h1 {
width : auto;
font-size : 24px;
color : #484848;
font-weight : 400;
text-align : left;
text-decoration : none;
margin : 0;
padding : 0;
}
.contact-box h2 {
width : 100%;
font-size : 16px;
color : #484848;
font-weight : 400;
margin : 0;
padding : 0 0 5px;
}
.contact-box h3 {
width : auto;
font-size : 12px;
color : #b58504;
font-weight : 400;
margin : 0;
padding : 0;
}
.contact-box h4 {
width : auto;
font-size : 12px;
color : #F50C0D;
font-weight : 400;
margin : 0;
padding : 0;
}
a:link, a:visited, a:active {
font-size : 14px;
color : #6d8d27;
font-weight : 400;
text-decoration : none;
}
a:hover {
font-size : 14px;
color : #297658;
font-weight : 400;
background-color : transparent;
text-decoration : none;
}
.topmenu_pkt a:link, .topmenu_pkt a:visited, .topmenu_pkt a:active {
    font-size : 22px;
    color : #4b4b4d;
    font-weight : 400;
    text-decoration : none;
    background-color : transparent;
}
.topmenu_pkt a:hover {
    font-size : 22px;
    color : #809c44;
    font-weight : 400;
    text-decoration : none;
}
.topmenu_pkt-on a:link, .topmenu_pkt-on a:visited, .topmenu_pkt-on a:active {
    font-size : 22px;
    color : #809c44;
    font-weight : 400;
    text-decoration : none;
    background-color : transparent;
}
.topmenu_pkt-on, .topmenu_pkt:hover {
    width : auto;
    float : left;
    height : 22px;
    text-align : center;
    background-image : url(../gfx/menubar.jpg);
    background-repeat : no-repeat;
    background-position : center top;
    cursor : pointer;
    outline : none;
    margin : 0 25px;
    padding : 0;
}
.submenu_pkt a:link, .submenu_pkt a:visited, .submenu_pkt a:active {
    font-size : 18px;
    color : #6d8d27;
    font-weight : 400;
    text-decoration : none;
    background-color : transparent;
}
.submenu_pkt a:hover {
    font-size : 18px;
    color : #44571a;
    font-weight : 400;
    text-decoration : none;
}
.ref-text a:link, .ref-text a:visited, .ref-text a:active {
    font-size : 20px;
    color : #fff;
    font-weight : 400;
    text-decoration : none;
    background-color : transparent;
}
.ref-text a:hover {
    font-size : 20px;
    color : #E7E7E7;
    font-weight : 400;
    background : none;
    text-decoration : none;
}
.re-link a:link, .re-link a:visited, .re-link a:active {
    font-size : 18px;
    color : #6d8d27;
    font-weight : 400;
    text-decoration : none;
}
.re-link a:hover {
    font-size : 18px;
    color : #000;
    font-weight : 400;
    background : none;
    text-decoration : none;
}