/* CSS Document */
html, body, div, span, h1, h2, h3, h4, h5 strong, ol, ul, li { margin: 0; border: 0; padding: 0; outline: 0; vertical-align: baseline; background: transparent }
header, nav, menu, article, section, footer { display: block }
ol { padding: 0 38px; line-height:18px; margin-left:7px }
ul{ padding: 0 38px; line-height:18px}
.clear { clear: both }
img { border: none; overflow: hidden }
a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; color: #92d535}
a img { border: none }
p { margin: 0 0 18px 0; line-height: 18px }
@font-face { font-family: 'MuseoSans500'; src: url('fonts/museosans_500-webfont.eot'); src: url('fonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museosans_500-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal }
@font-face {
font-family: 'vni-brushitalic';
src: url('fonts/vbrush-webfont.eot');
src: url('fonts/vbrush-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/vbrush-webfont.ttf') format('truetype') ;
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Conv_Brush Script';
src: url('fonts/Brush Script.eot');
src: url('fonts/Brush Script.eot?#iefix') format('embedded-opentype'),
url('fonts/Brush Script.woff') format('woff'),
url('fonts/Brush Script.ttf') format('truetype'),
url('fonts/Brush Script.svg#Conv_Brush Script') format('svg');
font-weight: normal;
font-style: normal;
}
body { background: #000 url(../Images/bg_body.png) repeat-x; text-align: left; font-size: 12px; color: #fff; font-family: Verdana, Geneva, sans-serif }
.main { margin: 0px auto 0 auto; position: relative; padding: 0px 0px 0px 0px; display: block; width:980px; min-height:680px }
/*=======header======*/
header { height: 62px; margin: auto; width: 980px; display: block; position: relative}
/*=====end header=====*/
/*=======logo======*/
#logo { display: block; width: 96px; height: 61px; position: absolute; top:0px; left:120px; z-index: 50 }
/*=======End logo======*/
/*=======Nav======*/
nav { height: 30px; width:682px; position: relative; float:right; margin-top:13px}
nav ul { width: auto; display: block; list-style:none; padding:0; margin:0 }
nav li { float: left; text-align: center; display: block; position: relative; margin:0 20px }
nav li a { color: #FFF; font-family:MuseoSans500;font-size: 16px; display: block; line-height: 30px; height: 30px; z-index: 9999; text-align: center; text-transform: uppercase}
nav li a.m1 { width:99px}
nav li a.m2 { width:136px}
nav li a.m3 { width:160px}
nav li a.m4 { width:85px}
nav li a.m1, nav li a:hover{ color:#fff; text-decoration:none}
nav li a.m1.active, nav li a.m1:hover { background:url(../Images/m1.png) no-repeat left top}
nav li a.m2.active, nav li a.m2:hover { background:url(../Images/m2.png) no-repeat left top}
nav li a.m3.active, nav li a.m3:hover { background:url(../Images/m3.png) no-repeat left top}
nav li a.m4.active, nav li a.m4:hover { background:url(../Images/m5.png) no-repeat left top}
/*=====end nav=====*/
.main-slider-content { width: 970px; height: 418px }
/*=======End banner======*/
/*=======Container======*/
.container { display: block; position: relative }
.colLeft{ width:400px; float:left; padding-top:385px; margin-left:80px; position:relative; z-index:9999}
.colLeft p{ font-size:32px; text-transform:uppercase; text-align:center;text-shadow: 0.03em 0.03em #010101; font-family:"Comic Sans MS", cursive; line-height:40px}
.container p.logo2{ position:absolute; right:100px; z-index:9999; top:5px}
.container h2 { font-size: 22px; color: #010101; display: block; text-transform: uppercase; margin-bottom: 10px; padding-left:25px }
.welkom { background: url(../Images/bg_fr1.png) repeat-y center top; width: 451px; margin-bottom: 35px }
.margin_bottom { margin-bottom: 0 !important }
.top_welkom { background: url(../Images/top_fr1.png) no-repeat center top; }
.bottom_welkom { background: url(../Images/bottom_frm1.png) no-repeat center bottom; padding: 30px 10px 30px 10px; width: 431px }
.bottom_welkom p { margin: 0 15px 16px 25px;color: #fff; line-height: 18px }
.bottom_welkom h3 { font-size: 26px; line-height: 31px; color: #231f20; font-weight: normal; text-align: center; margin: 25px 10px 25px 10px }
.bottom_welkom p.slogan{ font-size:30px; font-family:vni-brushitalic ; line-height:30px; text-align:center}
/*=========coloLeft=========*/
/*========colright==============*/
.colright { width:451px; float: right; display: block; padding-top:165px }
.service { display: block; margin: 0 0 25px 5px }
.aktuelt { margin: 0 0px 20px 0; min-height: 110px }
.aktuelt h3 { font-size: 11px; margin-bottom: 10px }
.aktuelt h3 a { color: #4e4e4e; text-transform: uppercase }
.img_aktuelt { width: 137px; height: 98px; float: left; background: url(../Images/bg_img.png) no-repeat; text-align: center; margin-top: 3px }
.img_aktuelt img { max-width: 131px; max-height: 92px; margin-top: 3px }
.text { width: 206px; float: right; font-size: 11px }
.text p { margin-bottom: 12px }
.text a.lessme { width: 91px; height: 25px; text-align: center; background: url(../Images/bg_lesme2.png) no-repeat left top; color: #FFF; font-weight: normal; line-height: 21px; font-size: 11px; text-transform: uppercase; padding: 5px 20px }
.text a.lessme:hover { text-decoration: underline; color: #FFF }
/*=======end service======*/
/*=======om oss=======*/
.info_omoss { padding: 0px 20px 15px 20px; min-height: 448px; display: block }
.info_omoss p{ width:100%}
.info_omoss h4 { font-size: 24px; color: #fff }
.info_center { float:left; padding-left:30px; margin-bottom:20px;width:90%}
.info_center address { font-style: normal }
/*.info_center address a { color: #fff; }*/
form fieldset { border: none; margin: 0; padding: 0; }
.contact_form { display: block; float:left; }
.contact_form li { margin-bottom: 5px; }
.contact_form label { float: left; width: 105px; }
.contact_form label span { }
.contact_form .inputText { width: 300px!important; }
.contact_form .textarea { width: 301px!important; }
.contact_form .button { margin:0 0 15px 0}
.contact_form ul { list-style: none !important ; padding:0; margin:0}
.contact_form p { padding: 5px 0 0 0 }
.ie7 .contact_form .submit{margin-left:80px}
/*=======end om oss=======*/
/*=====footer=====*/
/*.outFooter{ background:url(../Images/bg_footer.png) repeat; height:50px}*/
.out_wrapper{ position:relative; z-index:9999}
.outFooter{ background:url(../Images/bg_footer.png) repeat; height:50px; position:relative; z-index:999}
footer { width: 980px; margin: 0 auto 50px auto; color: #a2a2a2; height: 104px;padding: 15px 0 0px 0; position:relative }
footer .link { float: left; height: 27px; width: 160px; display: block; padding-top: 15px }
footer div.add { text-align: center; font-size:14px; text-align:right}
footer .design_by { display: block; padding-top: 35px; text-align: center; color: #5d5d5d; margin-left: 178px; float:right }
footer p { margin-bottom: 0 !important }
footer .design_by p.text_footer { float: left; text-align: right; opacity: 0.25; }
footer .design_by p.text_footer strong { }
footer .design_by p.img_footer { float: left; margin-left: 2px }
footer .design_by a { color: #5d5d5d; font-weight: bold }
footer .design_by a:hover { text-decoration: underline }
footer .design_by span { font-weight: bold }
footer div.imgAdd{ position:absolute; bottom:51px; left:0; z-index:999; display:block; width:495px; height:735px}
/*=====end footer=====*/
/*------- SCROLLBAR -------*/
.txt { float: right; width: 451px; }
.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 11px; height: 100%; background: none; }
.jspVerticalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspTrack { background: url(../Images/scrollBG.png) repeat-y 0px 0px; position: relative; }
.jspTrack .jspActive, .jspTrack .jspHover, .jspDrag:hover { }
.jspDrag { background: url(../Images/scroll.png) repeat-y 0px 0px; position: relative; top: 6px; left: 0; cursor: pointer }
.jspDragTop { background: none; height: 6px; }
.jspDragBottom { background: none; height: 8px; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled { cursor: default; }
.jspVerticalBar .jspArrow { }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
.jspArrowUp { background: none; height: 10px; }
.jspArrowDown { background: none; height: 10px; }
.scroll-pane, .scroll-pane-arrows { width: 100%; height:470px; overflow: auto; }
.horizontal-only { height: auto; max-height:450px; }
.scroll-pane-arrows ul {margin-left:7px}
.scroll-pane-arrows ul li{}
.product {
margin-top: -174px;
}
/* 2013.03.07 by tuannh */
.Produkter .welkom { background: url(../Images/new_bg_fr1.png) repeat-y center top; width:281px; margin-bottom: 35px } .margin_bottom { margin-bottom: 0 !important }
.Produkter .top_welkom { background: url(../Images/new_top_fr1.png) no-repeat center top; }
.Produkter .bottom_welkom { background: url(../Images/new_bottom_frm1.png) no-repeat center bottom; padding: 30px 10px 30px 10px; width:261px }
.Produkter .bottom_welkom p { margin: 0 10px 16px 15px;color: #fff; line-height: 18px }
.Produkter .bottom_welkom h3 { font-size: 26px; line-height: 31px; color: #231f20; font-weight: normal; text-align: center; margin: 25px 10px 25px 10px }
.Produkter .bottom_welkom p.slogan{ font-size:30px; font-family:vni-brushitalic ; line-height:30px; text-align:center} /*=========coloLeft=========*/ /*========colright==============*/
.Produkter .colright { width:281px; float: left; margin-left: 50px; display: block; padding-top:165px }
.Produkter .scroll-pane, .Produkter .scroll-pane-arrows { height: 301px; }
.newfont {
font-family: 'Conv_Brush Script';
font-size: 36px;
text-align: center;
}
.newfont p { line-height: 25px !important; }
.product p
{
font-family: 'Conv_Brush Script';
font-size: 36px;
text-align: center;
text-transform: none;
}