html { min-width: 960px; }

/*body { margin: 0; color: #58595b; font: 14px/20px Arial, Helvetica, sans-serif; background: #e8e8e8 url(images/bg-body.jpg) 50% 127px no-repeat; min-width: 960px; }*/
body { margin: 0; color: #58595b; font: 14px/20px Arial, Helvetica, sans-serif; background:rgba(208,208,206,0); min-width: 960px; }

    body.IE7 { background-position: 50% 111px; }

img { border-style: none; vertical-align: top; }

a { text-decoration: none; color: #a76635; }
    a:hover { text-decoration: underline; color: #A37E63; }

.clearfix:after, .clearfix:before { content:""; display:table; }
.clearfix:after { clear: both; }

input,
textarea,
select { font: 100% Arial, Helvetica, sans-serif; vertical-align: middle; color: #000; }
form, fieldset { margin: 0; padding: 0; border-style: none; }

ul { margin-top: 0; padding: 0; list-style-position: inside; }

.wrapper-holder { width: 100%; position: relative; overflow: hidden; }
#wrapper { width: 960px; margin: 0 auto; }

.hidden { display: none; }

.skip a { color: #fedf00; left: 0; bottom: 1000px; position: absolute; font-weight: bold; }
    .skip a:focus, .skip a:active { left: 500px; bottom: 15px; white-space: nowrap; position: absolute; }

.btn-skriv { position: fixed; top: 248px; right: 0; background: url(images/text-skriv-ut.gif) no-repeat; width: 39px; height: 97px; text-indent: -9999px; overflow: hidden; -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.33); -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.33); -o-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.33); -ms-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.33); box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.33); }

/* HEADER AREA */
.header-holder { height: 125px; background: #474747 url(images/bg-header.png) repeat-x; margin: 0 -9999px; padding: 0 9999px; -webkit-box-shadow: 0px 0px 6px #aaa; -moz-box-shadow: 0px 0px 6px #aaa; -o-box-shadow: 0px 0px 6px #aaa; -ms-box-shadow: 0px 0px 6px #aaa; box-shadow: 0px 0px 6px #aaa; }
.IE7 .header-holder { width: 100%; }
#header { padding: 22px 2px 17px 232px; position: relative; }
.IE7 #header { height: 90px; }
#header:after { content: ''; display: block; clear: both; }

/* LOGO */
.logo { background: url(images/logo.png) no-repeat; width: 166px; height: 164px; text-indent: -9999px; overflow: hidden; position: absolute; top: 0; left: 5px; }
    .logo a { height: 100%; display: block; }

#header .info { float: left; width: 345px; font-size: 13px; line-height: 18px; color: #fff; padding: 7px 0 0; }
    #header .info strong { display: block; padding: 0 0 15px; }
    #header .info p { margin: 0; }
    #header .info a { font-size: 13px; line-height: 16px; color: #fedf00; }
#header .holder { float: right; width: 350px; padding: 1px 0 0; }
#header .add-list { overflow: hidden; padding: 0 0 36px; font-size: 12px; line-height: 15px; }
    #header .add-list ul { float: right; padding: 0; margin: 0; list-style: none; }
    #header .add-list li { float: left; background: url(images/sep-add-list.png) 0 2px no-repeat; padding: 0 8px 0 10px; }
        #header .add-list li:first-child { background: none; padding: 0 8px 0 0; }
    #header .add-list a { color: #fedf00; }

/* QUICKSEARCH */
.search { padding: 0 8px 0 0; }
    .search:after { content: ''; display: block; clear: both; }
    .search div { float: right; border: 1px solid #fedf00; width: 219px; height: 25px; margin: 0; overflow: hidden; }
    .search input[type="text"] { float: left; margin: 0; width: 170px; padding: 2px 5px 3px; line-height: 17px; height: 20px; background: #fff; border: none; -webkit-box-shadow: inset -1px 1px 2px #d8d8d8; -moz-box-shadow: inset -1px 2px 1px #d8d8d8; -o-box-shadow: inset -1px 1px 2px #d8d8d8; -ms-box-shadow: inset -1px 1px 2px #d8d8d8; box-shadow: inset -1px 1px 2px #d8d8d8; }
    .search .quickSearchButton { float: right; margin: 0; width: 39px; text-align: center; height: 25px; border: none; background: #fedf00; cursor: pointer; color: #3f3f40; font-size: 16px; line-height: 24px; text-shadow: 1px 1px 0px #bd8600; padding: 0; font-family: 'Ubuntu Condensed', sans-serif; }
    .search input[type="submit"]:hover { cursor: pointer; }

#main { padding: 58px 0 25px; }
.IE7 #main { float: left; }
#main:after { content: ''; display: block; clear: both; }

/* NAVIGATION */
#nav { padding: 0 0 14px 8px; margin: 0; list-style: none; text-transform: uppercase; font-size: 18px; line-height: 18px; text-shadow: 1px 1px 0 #bbb18c; overflow: hidden; }
    #nav li { float: left; }
    #nav a { display: block; color: #3f3f40; padding: 9px 22px 8px 18px; font-family: 'Ubuntu Condensed', sans-serif; }
        #nav a:hover,
        #nav .active a { text-decoration: none; text-shadow: 1px 1px 0 #c18a00; }
        #nav a:hover { background: #F4D273; }
    #nav .active a { background: #fedf00; }

.section { padding: 0 10px 18px; width: 940px; }
    .section:after { content: ''; display: block; clear: both; }

/* TITLES */
h1, h2 { font-size: 32px; line-height: 38px; font-weight: normal; margin: 10px 0 5px 0; text-shadow: 1px 1px 0 #aca27f; color: #58595b; font-family: 'Ubuntu Condensed', sans-serif; }
h3 { font-size: 25px; line-height: 38px; font-weight: normal; margin: 10px 0 5px 0; text-shadow: 1px 1px 0 #aca27f; color: #58595b; font-family: 'Ubuntu Condensed', sans-serif; }

#aside h2 { font-size: 27px; line-height: 27px; font-weight: normal; margin: 0 0 15px 0px; text-shadow: 1px 1px 0 #aca27f; color: #58595b; font-family: 'Ubuntu Condensed', sans-serif; }
#aside h3 { font-size: 21px; line-height: 21px; font-weight: normal; margin: 15px 0 15px 0px; text-shadow: 1px 1px 0 #aca27f; color: #58595b; font-family: 'Ubuntu Condensed', sans-serif; }

.IE7 .section { float: left; }

/* ROWS */
.section .content { float: left; width: 700px; }
.section .aside { float: right; width: 220px; }

/* BIG IMAGE ON STARTPAGE */
.section .gallery { float: left; width: 700px; -webkit-box-shadow: 0px 1px 3px #aaa; -moz-box-shadow: 0px 1px 3px #aaa; -o-box-shadow: 0px 1px 3px #aaa; -ms-box-shadow: 0px 1px 3px #aaa; box-shadow: 0px 1px 3px #aaa; }
    .section .gallery a { color: #3f3f40; }
    .section .gallery > ul { padding: 0; margin: 0; list-style: none; float: left; width: 99999px; }
.IE7 .section .gallery > ul { width: 700px; list-style-position: outside; }
.section .gallery li { width: 700px; }
.IE7 .section .gallery li, .IE8 .section .gallery li { box-sizing: border-box; border: solid 1px #cdcdcd; }
.section .gallery li:after { content: ''; display: block; clear: both; }
.section .gallery li a > img { border-bottom: 1px solid #d1d3d4; padding: 12px 10px 10px; background: #fff; }
.IE7 .section .gallery li a > img { width: 678px; }
.IE8 .section .gallery li a > img { width: 678px; }
.section .gallery .info { font-size: 16px; line-height: 24px; color: #58595b; padding: 14px 40px 17px 21px; border-top: 1px solid #f9f9f9; background: #f1f1f1 url(images/bg-dots.png) 100% 100% no-repeat; position: relative; }
    .section .gallery .info:hover { background: #e4e4e4; }
    .section .gallery .info a:hover { text-decoration: none; }
    .section .gallery .info:after,
    .section .gallery .info:before { content: ""; position: absolute; z-index: -2; }
    .section .gallery .info:before { top: 50%; bottom: 0px; left: 10px; right: 10px; -webkit-box-shadow: 0px 3px 3px #999; -moz-box-shadow: 0px 3px 3px #999; box-shadow: 0px 3px 3px #999; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; }
    .section .gallery .info p { margin: 0; }
    .section .gallery .info h1 { margin: 0 0 8px; font-size: 32px; line-height: 32px; text-shadow: 1px 1px 0 rgba(115,88,0,0.46); font-family: 'Ubuntu Condensed', sans-serif; }
        .section .gallery .info h1 a { color: #58595b; }

/* THREE BOXES ON TOP OF EACH OTHER IN THE RIGHT COLUMN */
.three-box:after { content: ''; display: block; clear: both; }
.IE7 .three-box a, .IE8 .three-box a { display: block; border: solid 1px #cdcdcd; box-sizing: border-box; margin-bottom: 10px; }
.IE7 .three-box .box, .IE8 .three-box .box { margin-bottom: 0; }
.three-box .box { background: #ffdc6d; background: url('Images/backgroundyellow.png'); background: -moz-linear-gradient(top, #ffdc6d 0%, #ffbe0f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffdc6d), color-stop(100%,#ffbe0f)); background: -webkit-linear-gradient(top, #ffdc6d 0%,#ffbe0f 100%); background: -o-linear-gradient(top, #ffdc6d 0%,#ffbe0f 100%); background: -ms-linear-gradient(top, #ffdc6d 0%,#ffbe0f 100%); background: linear-gradient(to bottom, #ffdc6d 0%,#ffbe0f 100%); border: 10px solid #fff; -webkit-box-shadow: 0px 0px 4px #aaa; -moz-box-shadow: 0px 0px 4px #aaa; -o-box-shadow: 0px 0px 4px #aaa; -ms-box-shadow: 0px 0px 4px #aaa; box-shadow: 0px 0px 4px #aaa; position: relative; padding: 8px 15px 14px; margin: 0 0 10px; color: #3f3f40; height: 105px; display: block; overflow: hidden; }
    .three-box .box:hover { background: #fedf00; }
    .three-box .box:after,
    .three-box .box:before { content: ""; position: absolute; z-index: -2; }
    .three-box .box:before { top: 50%; bottom: 0px; left: 10px; right: 10px; -webkit-box-shadow: 0px 3px 3px #999; -moz-box-shadow: 0px 3px 3px #999; box-shadow: 0px 3px 3px #999; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; }
    .three-box .box:last-child:before { -webkit-box-shadow: 0px 12px 10px #666; -moz-box-shadow: 0px 12px 10px #666; box-shadow: 0px 12px 10px #666; }
    .three-box .box:last-child { padding: 8px 15px; }
    .three-box .box.add { padding: 8px 15px 12px; }    
    .three-box .box h3 { margin: 0 0 12px; }
    .three-box .box .visual { float: left; margin: 3px 16px 0 -2px; }
    .three-box .box:first-child .visual { margin: 4px 16px 0 4px; height: 140px; }
    .three-box .box.add .visual { float: right; margin: 6px 20px 0 0; }

.section h2 { font-size: 20px; line-height: 21px; margin: 0 0 11px; text-shadow: 1px 1px 0 rgba(115,88,0,0.46); font-weight: normal; font-family: 'Ubuntu Condensed', sans-serif; }
.section .ico-q { padding: 18px 55px 16px 16px; margin: -2px 4px 0 0; }
.section .three-box h3 a { color: #3f3f40; }

.three-box .dots { position: absolute; bottom: 0; right: 0; z-index: 1;  margin-right:0;}
.three-box .text { width: 168px; font-size: 12px; line-height: 16px; position: relative; z-index: 2; display: block; }

/* 3 COLUMNS WITH BOXES */
.three-cols { padding: 0 0 13px; }
    .three-cols:after { content: ''; display: block; clear: both; }
    .three-cols .col { float: left; width: 220px; background: #fff; -webkit-box-shadow: 0px 0px 4px #aaa; -moz-box-shadow: 0px 0px 4px #aaa; -o-box-shadow: 0px 0px 4px #aaa; -ms-box-shadow: 0px 0px 4px #aaa; box-shadow: 0px 0px 4px #aaa; position: relative; }
        .three-cols .col.first { margin-right: 20px; }
            .three-cols .col.first + .col { margin-right: 20px; }
                .three-cols .col.first + .col + .col { margin-right: 0px; }
.IE7 .three-cols .col, .IE8 .three-cols .col { border: solid 1px #cdcdcd; width: 218px; }
.three-cols .col:after,
.three-cols .col:before { content: ""; position: absolute; z-index: -2; }
.three-cols .col:before { top: 50%; bottom: 0px; left: 5px; right: 5px; -webkit-box-shadow: 0px 3px 10px #999; -moz-box-shadow: 0px 3px 10px #999; box-shadow: 0px 3px 10px #999; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; }
.three-cols img { display: block; padding: 11px 10px 10px; border-bottom: 1px solid #d1d3d4; }
.three-cols h2 { margin-bottom: 3px; }
.infoheader { color: #58595b; font-family: "Ubuntu Condensed", sans-serif; background-color: #FFF; border-top: 1px solid #f9f9f9; /*height:115px;*/ font-size: 20px; font-weight: normal; line-height: 20px; padding: 14px 13px 0 10px; color: #3f3f40; display: block; overflow: hidden; }
.three-cols .info { background-color: #f1f1f1; background-image: url(images/bg-dots.png); background-position: 100% 100%; background-repeat: no-repeat; border-top: 1px solid #f9f9f9; /*height:115px;*/ font-size: 12px; line-height: 20px; padding: 14px 13px 15px; color: #3f3f40; display: block; overflow: hidden; }
    .three-cols .info:hover { background-color: #e4e4e4; }
.three-cols p { margin: 0; }

/* QUESTION FORM */
.question-f { float: left; width: 168px; -webkit-box-shadow: 0px 0px 4px #aaa; -moz-box-shadow: 0px 0px 4px #aaa; -o-box-shadow: 0px 0px 4px #aaa; -ms-box-shadow: 0px 0px 4px #aaa; box-shadow: 0px 0px 4px #aaa; background: #fedf00 url(images/bg-dots.png) 100% 100% no-repeat; border: 10px solid #fff; padding: 23px 16px 6px; font-size: 11px; line-height: 14px; color: #3f3f40; position: relative; }
.IE7 .IE_border, .IE8 .IE_border { border: solid 1px #cdcdcd; box-sizing: border-box; }
.question-f:after,
.question-f:before { content: ""; position: absolute; z-index: -2; }
.question-f:before { top: 50%; bottom: 0px; left: 5px; right: 5px; -webkit-box-shadow: 0px 13px 10px #999; -moz-box-shadow: 0px 13px 10px #999; box-shadow: 0px 13px 10px #999; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; }
.question-f h3 { font-size: 16px; line-height: 19px; margin: 0 0 11px; text-shadow: 1px 1px 0 #c18a00; }
.question-f .row { overflow: hidden; padding: 0 0 10px; }
.question-f label { display: block; padding: 0 0 4px; }
.question-f input[type="text"] { float: left; margin: 0; background: #fff; width: 155px; padding: 6px 5px; height: 11px; border: none; -webkit-box-shadow: inset -2px 2px 4px #cacaca; -moz-box-shadow: inset -2px 2px 4px #cacaca; -o-box-shadow: inset -2px 2px 4px #cacaca; -ms-box-shadow: inset -2px 2px 4px #cacaca; box-shadow: inset -2px 2px 4px #cacaca; }
.question-f textarea { width: 155px !important; height: 56px !important; padding: 5px; border: none; float: left; margin: 0; background: #fff; -webkit-box-shadow: inset -2px 2px 4px #cacaca; -moz-box-shadow: inset -2px 2px 4px #cacaca; -o-box-shadow: inset -2px 2px 4px #cacaca; -ms-box-shadow: inset -2px 2px 4px #cacaca; box-shadow: inset -2px 2px 4px #cacaca; overflow: auto; }
.question-f .submit-holder { overflow: hidden; padding: 0 3px 0 0; margin: -2px 0 0; }
.question-f input[type="submit"] { float: right; position: relative; border: 1px solid #9a9898; background: #efefef; text-shadow: 1px 1px 0 #8c8c8c; font-size: 13px; line-height: 21px; width: 50px; height: 23px; text-align: center; cursor: pointer; padding: 0; margin-top: 5px; }
    .question-f input[type="submit"]:hover { cursor: pointer; }

/* NEWS ON THE STARTPAGE */
.section .post-holder { padding: 0 0 8px; }
    .section .post-holder:after { content: ''; display: block; clear: both; }
.section .post { background: #fff url(images/bg-dots.png) 100% 100% no-repeat; -webkit-box-shadow: 0px 0px 4px #aaa; -moz-box-shadow: 0px 0px 4px #aaa; -o-box-shadow: 0px 0px 4px #aaa; -ms-box-shadow: 0px 0px 4px #aaa; box-shadow: 0px 0px 4px #aaa; margin: 0 0 11px; position: relative; display: block; }
.IE7 .section .post, .IE8 .section .post { border: solid 1px #cdcdcd; box-sizing: border-box; }
.section .post:hover { background-color: #f0f0f0; }
.section .post a { color: #333333; }
    .section .post a:hover { text-decoration: none; }
.section .post-frame { overflow: hidden; padding: 19px 90px 5px 10px; }
.section .post:first-child .post-frame { padding: 17px 90px 5px 10px; }
.section .post:after,
.section .post:before { content: ""; position: absolute; z-index: -2; }
.section .post:before { top: 50%; bottom: 0px; left: 5px; right: 5px; -webkit-box-shadow: 0px 1px 3px #999; -moz-box-shadow: 0px 1px 3px #999; box-shadow: 0px 1px 3px #999; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; }
.section .post:last-child:before { -webkit-box-shadow: 0px 4px 10px #666; -moz-box-shadow: 0px 4px 10px #666; box-shadow: 0px 4px 10px #666; }
.section .post .visual { float: left; margin: -7px 13px 0 0; }
.section .post .text { overflow: hidden; padding: 0 0 0 8px; }
.section .post .date, .single .date { font-style: normal; font-size: 11px; line-height: 14px; padding: 0 0 2px; display: block; }
.section .post p { margin: 0 0 10px; }
.section .post h3 { font-size: 18px; line-height: 25px; margin: 0 -30px 12px 0; }
    .section .post h3 a { color: #58595b; }
.section .post:first-child h3 { margin: 0 -30px 9px 0; }

/* RIGHT SIDE */
.aside .box-container { padding: 0; list-style: none; }
#aside table { float: none; }
.aside .box-container .small-box { width: 220px; background: #fff; background: url(Images/backgroundgray.png); background: -moz-linear-gradient(top, #fff 0%, #e9e9e9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e9e9e9)); background: -webkit-linear-gradient(top, #fff 0%,#e9e9e9 100%); background: -o-linear-gradient(top, #fff 0%,#e9e9e9 100%); background: -ms-linear-gradient(top, #fff 0%,#e9e9e9 100%); background: linear-gradient(to bottom, #fff 0%,#e9e9e9 100%); -webkit-box-shadow: 0px 0px 4px #888; -moz-box-shadow: 0px 0px 4px #888; -o-box-shadow: 0px 0px 4px #888; -ms-box-shadow: 0px 0px 4px #888; box-shadow: 0px 0px 4px #888; margin: 0 0 12px; position: relative; color: #3f3f40; font-size: 12px; line-height: 20px; }
    .aside .box-container .small-box .frame { background: url(images/bg-dots.png) 100% 100% no-repeat; padding: 16px 22px 21px; margin-bottom: 10px; }
    .aside .box-container .small-box:last-child { -webkit-box-shadow: 0px 0px 4px #888; -moz-box-shadow: 0px 0px 4px #888; -o-box-shadow: 0px 0px 4px #888; -ms-box-shadow: 0px 0px 4px #888; box-shadow: 0px 0px 4px #888; }
    .aside .box-container .small-box:after,
    .aside .box-container .small-box:before { s: ""; position: absolute; z-index: -2; }
    .aside .box-container .small-box:before { top: 50%; bottom: 0px; left: 5px; right: 5px; -webkit-box-shadow: 0px 1px 3px #999; -moz-box-shadow: 0px 1px 3px #999; box-shadow: 0px 1px 3px #999; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; }
    .aside .box-container .small-box:last-child:before { -webkit-box-shadow: 0px 3px 10px #666; -moz-box-shadow: 0px 3px 10px #666; box-shadow: 0px 3px 10px #666; }
    .aside .box-container .small-box:last-child .frame { padding: 19px 22px 21px; }
    .aside .box-container .small-box p { margin: 0; }
.aside .three-box > a:hover { text-decoration: none; }

.more-news { text-align: right; padding: 0 16px 0 0; }
    .more-news a { display: inline-block; vertical-align: top; background: url(images/quotes-r.png) 100% 5px no-repeat; font-size: 19px; line-height: 21px; color: #58595b; padding: 0 19px 0 0; text-shadow: 1px 1px 0 #c4bb9b; }

/* BREADCRUMBS */
.BreadcrumbArea { padding-left: 25px; }
    .BreadcrumbArea a { text-decoration: underline; color: #3f3f40; }
.breadcrumbs { overflow: hidden; color: #3f3f40; font-size: 12px; line-height: 15px; word-spacing: 1px; padding: 9px 0 0 25px; }
    .breadcrumbs > span { float: left; text-transform: uppercase; padding: 0 5px 0 0; }
    .breadcrumbs ul { padding: 0; margin: 0; list-style: none; float: left; }
    .breadcrumbs li { float: left; background: url(images/sep-breadcrumbs.png) 0 3px no-repeat; padding: 0 4px 0 7px; }
        .breadcrumbs li:first-child { padding: 0 4px 0 0; background: none; }
    .breadcrumbs .active { font-weight: bold; }
    .breadcrumbs a { color: #3f3f40; }


.main-holder { padding: 25px 10px 63px; }
    .main-holder:after { content: ''; display: block; clear: both; }

#content.wideContent { width: 100%; }

#content { float: right; width: 700px; color: #3f3f40; font-size: 15px; line-height: 24px; padding: 0 0 0; }
    .two-cols h1,
    #content h1 { font-size: 37px; line-height: 40px; margin: 0 0 16px; color: #58595b; font-weight: normal; text-shadow: 1px 1px 0 rgba(115,88,0,0.46); font-family: 'Ubuntu Condensed', sans-serif; }
.two-cols h1 { margin: 0 0 17px 7px; }
#content > p { margin: 0 0 23px; }
.double,
.double-visual { padding: 0 0 25px; }
    .double:after,
    .double-visual:after { content: ''; display: block; clear: both; }
    .double .col,
    .double-visual .col { float: left; width: 340px; background: #fff; margin: 0 0 0 20px; -webkit-box-shadow: 0px 0px 4px #aaa; -moz-box-shadow: 0px 0px 4px #aaa; -o-box-shadow: 0px 0px 4px #aaa; -ms-box-shadow: 0px 0px 4px #aaa; box-shadow: 0px 0px 4px #aaa; position: relative; }
.IE7 .double .col,
.IE7 .double-visual .col, .IE8 .double .col,
.IE8 .double-visual .col { border: solid 1px #cdcdcd; width: 338px; }
.IE7 .double .col,
.IE7 .double-visual .col { margin-bottom: 20px; }

.double-visual .col a { display: block; /*border-bottom: 1px solid #D1D3D4;*/ }

.IE7 .double-visual .col a, .IE8 .double-visual .col a { border-bottom: 0; }

.double-visual .col a > img { padding: 10px; }

.widget:after,
.visual-section:after,
.single:after,
.double-visual .col:after,
.double .col:after,
.widget:before,
.visual-section:before,
.single:before,
.double-visual .col:before,
.double .col:before { content: ""; position: absolute; z-index: -2; }
.widget:before,
.visual-section:before,
.single:before,
.double-visual .col:before,
.double .col:before { top: 50%; bottom: 0px; left: 5px; right: 5px; -webkit-box-shadow: 0px 7px 10px #999; -moz-box-shadow: 0px 7px 10px #999; box-shadow: 0px 7px 10px #999; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; }
.double .col:first-child,
.double-visual .col:first-child { margin: 0; }
.double-visual .col > img { padding: 10px; border-bottom: 1px solid #d1d3d4; }
.double-visual .info { background: #f1f1f1 url(images/bg-dots.png) 100% 100% no-repeat; border-top: 1px solid #f9f9f9; font-size: 14px; line-height: 20px; padding: 11px 17px 8px; color: #3f3f40; height: 172px; display: block; overflow: hidden; border-top: 1px solid #D1D3D4; }
.double .info { color: #3f3f40; }
.single h2,
.double h2,
.double-visual h2 { font-size: 21px; line-height: 28px; margin: 0 0 11px; text-shadow: 1px 1px 0 rgba(115,88,0,0.46); font-weight: normal; }
    .single h2 a,
    .double h2 a,
    .double-visual h2 a { color: #58595b; }
.single p,
.double p,
.double-visual p { margin: 0; }
.double .col { background: #fff url(images/bg-dots.png) 100% 100% no-repeat; padding: 17px 25px 11px 17px; font-size: 14px; line-height: 20px; width: 298px; height: 172px; overflow: hidden; }
.single { background: #fff; -webkit-box-shadow: 0px 0px 4px #aaa; -moz-box-shadow: 0px 0px 4px #aaa; -o-box-shadow: 0px 0px 4px #aaa; -ms-box-shadow: 0px 0px 4px #aaa; box-shadow: 0px 0px 4px #aaa; position: relative; margin: 0 0 25px; font-size: 14px; line-height: 20px; padding: 17px 19px 23px; min-height: 118px; }
.IE7 .single, .IE8 .single { border: solid 1px #cdcdcd; }
/*
.single a {
    color: #3f3f40;
}*/
.two-cols { width: 700px; float: right; margin: -3px 0 -26px; padding: 0 0 20px; }
    .two-cols #content { float: left; width: 460px; padding: 0; }
.visual-section { background: #fff; -webkit-box-shadow: 0px 0px 4px #aaa; -moz-box-shadow: 0px 0px 4px #aaa; -o-box-shadow: 0px 0px 4px #aaa; -ms-box-shadow: 0px 0px 4px #aaa; box-shadow: 0px 0px 4px #aaa; position: relative; margin: 0 0 25px; }
.IE7 .visual-section, .IE8 .visual-section { border: solid 1px #cdcdcd; }
.visual-section > img { padding: 10px; border-bottom: 1px solid #d1d3d4; }
.visual-section .info { background: #f1f1f1 url(images/bg-dots.png) 100% 100% no-repeat; border-top: 1px solid #f9f9f9; font-size: 12px; line-height: 20px; padding: 19px 30px 11px 25px; color: #3f3f40; }

.portalinfo { background: #f1f1f1 100% 100% no-repeat; border-top: 1px solid #f9f9f9; font-size: 12px; line-height: 20px; padding: 19px 30px 11px 25px; color: #3f3f40; }

.visual-section .info h2 { font-size: 24px; line-height: 24px; }
.visual-section h3 { font-size: 16px; line-height: 19px; margin: 0 0 8px; font-weight: normal; }
.visual-section p { margin: 0 0 15px; }
.visual-section .subheading { display: block; padding: 0 0 27px; word-spacing: 2px; }
.two-cols .single { padding: 20px 19px 17px; margin: 0 0 18px; }
    .two-cols .single h3 { font-size: 22px; line-height: 25px; margin: 0 0 14px; text-shadow: 1px 1px 0 rgba(115,88,0,0.46); font-weight: normal; }
        .two-cols .single h3 a { color: #58595b; }
.two-cols #aside { float: right; width: 220px; margin-top: 14px; }

.widget { margin: 0 0 17px; position: relative; background: #fff; -webkit-box-shadow: 0px 0px 4px #aaa; -moz-box-shadow: 0px 0px 4px #aaa; -o-box-shadow: 0px 0px 4px #aaa; -ms-box-shadow: 0px 0px 4px #aaa; box-shadow: 0px 0px 4px #aaa; color: #3f3f40; font-size: 12px; line-height: 20px; }
    .widget ul { padding-left: 18px; /*15*/ list-style-position: outside; }
        .widget ul li a { line-height: 14px; }
#aside .widget h2 { margin-top: 20px; }
    #aside .widget h2:first-child { margin-top: 0; }

.widget:after,
.widget:before { content: ""; position: absolute; z-index: -2; }
.widget:before { top: 50%; bottom: 0px; left: 5px; right: 5px; -webkit-box-shadow: 0px 7px 10px #999; -moz-box-shadow: 0px 7px 10px #999; box-shadow: 0px 7px 10px #999; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; }
.widget h4 { font-size: 18px; line-height: 21px; color: #3f3f40; text-shadow: 1px 1px 0 rgba(115,88,0,0.46); margin: 0 0 15px -2px; font-weight: normal; }
.widget.contact { background: #fff url(images/bg-dots.png) 100% 100% no-repeat; padding: 10px 21px 36px; }
.IE7 .widget.contact, .IE8 .widget.contact { border: solid 1px #cdcdcd; }
.specialBackground { background: #fedf00 url(images/bg-dots.png) 100% 100% no-repeat !important; border: 10px solid #fff; }

.widget.contact p { margin: 0; }
.widget.contact a { font-weight: bold; }
.widget.visual > img { padding: 10px; border-bottom: 1px solid #d1d3d4; }
.widget.visual .info { background: #f1f1f1 url(images/bg-dots.png) 100% 100% no-repeat; border-top: 1px solid #f9f9f9; padding: 15px 20px 11px; }
.widget.visual ul { padding: 0 0 0 4px; margin: -4px 0 0; list-style: none; line-height: 15px; }
.widget.visual li { background: url(images/sep-widget-list.gif) 0 6px no-repeat; padding: 0 0 5px 12px; }
.widget.operator { padding: 10px; }
    .widget.operator a { display: block; text-align: center; color: #3f3f40; text-shadow: 1px 1px 0 rgba(115,88,0,0.46); font-size: 24px; line-height: 30px; background: #fedf00 url(images/bg-dots.png) 100% 100% no-repeat; padding: 16px 15px 17px; }
        .widget.operator a:hover { text-decoration: none; }
#sidebar { width: 220px; float: left; margin-top: 44px; }
.side-nav { padding: 0 0 22px; margin: 0; list-style: none; font-size: 14px; line-height: 17px; }

    .side-nav .current > a { background-color: #fedf00; background-image: none; }

    .side-nav ul { padding: 1px 0 0; margin: -1px 0 -2px; list-style: none; background: url(images/side-nav-divider.png) repeat-x; }
    .side-nav .opened { background: none; }
        .side-nav .opened a { font-weight: bold; }
    .side-nav ul a { padding: 9px 15px 10px 32px; }
.IE7 .side-nav { list-style-position: outside; }
.side-nav li { padding: 2px 3px 2px 0; background: url(images/side-nav-divider.png) 0 100% repeat-x; }
.side-nav a { color: #3f3f40; display: block; padding: 9px 15px 10px; }

    .side-nav a:hover,
    .side-nav .active a { text-decoration: none; }

    .side-nav a:hover { background: #F4D273; }

.side-nav .active a { background: #fedf00; }



.social-networks { overflow: hidden; padding: 0 0 0 7px; }
    .social-networks ul { padding: 0; margin: 0; list-style: none; }
    .social-networks li { float: left; margin: 0 4px 0 0; }
    .social-networks .more { float: left; padding: 0 0 0 15px; background: url(images/sep-social.png) 5px 2px no-repeat; }
#footer { color: #fff; padding: 33px 9999px 0; padding-top: 25px; margin: 0 -9999px 0 -9987px; background: url(images/bg-footer.png) repeat-x; -webkit-box-shadow: 0px -1px 6px #777; -moz-box-shadow: 0px -1px 6px #777; -o-box-shadow: 0px -1px 6px #777; -ms-box-shadow: 0px -1px 6px #777; box-shadow: 0px -1px 6px #777; font-size: 12px; line-height: 15px; }
.IE7 #footer { float: left; }

#footer a { color: #fedf00; }
#footer h3 { font-size: 15px; line-height: 21px; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); font-weight: normal; }

#footer .footer-contact > h3,
#footer .footer-nav > h3 { font-size: 19px; margin: 0 0 15px; }


#footer h4 { font-size: 12px; line-height: 15px; margin: 0 0 9px; }
.footer-holder { overflow: hidden; padding: 0 0 0; }
.footer-contact { float: left; width: 718px; }
#footer .col-holder { overflow: hidden; }
#footer .col { float: left; width: 160px; padding: 0 0 0 80px; line-height: 24px; }
    #footer .col p { margin-top: 0; }
    #footer .col:first-child { padding: 0; }
#footer dl { margin: 0; }
#footer dt { float: left; clear: left; padding: 0 4px 9px 0; }
#footer dd { float: left; margin: 0; }
#footer dl a { color: #fff; }
#footer .col address { font-style: normal; margin: -4px 0 0; line-height: 24px; }
.footer-nav { float: left; width: 220px; }
    .footer-nav ul { padding: 0; margin: 0; list-style: none; }
    .footer-nav li { background: url(images/sep-f-nav.png) 2px 5px no-repeat; padding: 0 0 9px 10px; }
    .footer-nav a { color: #fff; }
.footer-bottom { -webkit-box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.33); -moz-box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.33); -o-box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.33); -ms-box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.33); box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.33); margin: 0 -9999px; padding: 12px 9999px 12px 9997px; background: #fff; overflow: hidden; }
.partners { color: #000; float: left; padding: 0 0 0 1px; margin: 0; color: #58595b; }

#footer .info-list { float: right; padding: 14px 16px 0 0; margin: 0; list-style: none; text-transform: uppercase; }
    #footer .info-list a { color: #58595b; }
    #footer .info-list li { float: left; background: url(images/sep-about-l.gif) 0 2px no-repeat; padding: 0 5px 0 7px; word-spacing: 1px; letter-spacing: 1px; }
.IE7 #footer .info-list { min-width: 150px; }
    .IE7 #footer .info-list li { float: none; display: inline; }
#footer .info-list li:first-child { background: none; }

.teaserLink:hover { text-decoration: none; }

.single.teaser .teaserLink { color: #3F3F40; }
    .single.teaser .teaserLink .info:hover { background: transparent; }

.single img { float: left; margin-right: 10px; }

.newsList { padding: 0; margin: 0; list-style: none; }

/******************/
/* SEARCH */

#search_field_area { border: 1px solid #fedf00; width: 299px; height: 22px; margin: 0; overflow: hidden; }

    #search_field_area input { float: left; margin: 0; width: 250px; padding: 2px 5px 3px; line-height: 17px; height: 17px; background: white; border: none; -webkit-box-shadow: inset -1px 1px 2px #D8D8D8; -moz-box-shadow: inset -1px 2px 1px #d8d8d8; -o-box-shadow: inset -1px 1px 2px #d8d8d8; -ms-box-shadow: inset -1px 1px 2px #d8d8d8; box-shadow: inset -1px 1px 2px #D8D8D8; }
        #search_field_area input[type="submit"] { float: right; margin: 0; width: 39px; text-align: center; height: 22px; border: 0; background: #fedf00; cursor: pointer; color: #3F3F40; font-size: 16px; line-height: 24px; text-shadow: 1px 1px 0px #BD8600; padding: 0; font-family: 'Ubuntu Condensed', sans-serif; }

#SearchArea #AdvancedArea { margin-top: 5px; }

#ResultArea ol { list-style-position: inside; margin: 0; padding: 0; }
    #ResultArea ol li { background: white url(images/bg-dots.png) 100% 100% no-repeat; -webkit-box-shadow: 0px 0px 4px #AAA; -moz-box-shadow: 0px 0px 4px #aaa; -o-box-shadow: 0px 0px 4px #aaa; -ms-box-shadow: 0px 0px 4px #aaa; box-shadow: 0px 0px 4px #AAA; margin: 0 0 11px; position: relative; display: block; padding: 10px; }
#ResultArea .section { padding: 0; }
#ResultArea ol li a { font-family: "Ubuntu Condensed"; font-size: 18px; color: #3F3F40; }

img.border { border: solid 1px #ccc; background-color: #FFF; padding: 15px; }


/*************************/
/* FORMS                 */
/*************************/
.xForm h2 { padding: 1em 0; margin: 0; }
.xForm .heading { font-weight: bold; font-size: 1em; padding: 0; margin: 0.4em 0em; }
.xForm #id_matrix { width: 100%; margin: 0; padding: 0; }
    .xForm #id_matrix td { border: 0; margin: 0; padding: 0.2em 0; }
span.xformvalidator { color: Red; }
.xForm input, .xForm .options { float: left; }
.xForm fieldset { border: 1px solid #cdcdcd; }
.xForm legend { color: #666; padding: 10px 5px; }
.xForm label { line-height: 1.7em; margin-right: 0.5em; float: left; width: 100px; font-weight: bold; }
#id_matrix br { clear: both; }
.thankyoumessage { padding: 1em 0; margin: 0; font-weight: bold; }
.xForm input[type=text], .xForm textarea { padding-top: 5px; width: 200px; }

.nodeTable { width: 100%; border-spacing: 0; border-collapse: collapse; margin-bottom: 10px; }
    .nodeTable thead tr th { height: 10px !important; }
    .nodeTable tbody tr td, .nodeTable tbody tr { margin: 0; height: 35px; }
    .nodeTable tbody td { padding-left: 5px; padding-right: 5px; border-left-color: #ccc; border-left-width: 1px; border-left-style: solid; }
    .nodeTable thead tr th { background-color: rgb(252, 192, 0); color: #3f3f40; font-size: 0.85em; text-align: left; vertical-align: text-top; border-bottom: 1px solid #D8A200; }
    .nodeTable td:first-child, .nodeTable th:first-child { padding-left: 10px; }
    .nodeTable td:last-child, .nodeTable th:last-child { padding-right: 10px; }
    .nodeTable thead tr:first-child th { padding-top: 5px; }
    .nodeTable thead tr:last-child th { padding-top: 3px; }
    .nodeTable tr:nth-child(even) { background-color: white; }

/* OPERATOR SEARCH FIELD */
.operatorSearchField { display: block; width: 100%; height: 50px; font-weight: bold; margin-bottom: 8px; }
    .operatorSearchField .operator_node_search_input_holder { display: inline-block; height: 46px; position: relative; width: 250px; margin-right: 15px; }
        .operatorSearchField .operator_node_search_input_holder.button_holder { width: 60px; vertical-align: bottom; }
        .operatorSearchField .operator_node_search_input_holder span { display: block; }
    .operatorSearchField select, .operatorSearchField input[type="text"], .operatorSearchField input[type="password"] { position: absolute; bottom: 0; left: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    .operatorSearchField select { font-size: 1.1em; height: 22px; width: 100%; }
    .operatorSearchField input { font-size: 1.1em; width: 100%; margin: 0; }
.IE .operatorSearchField input { font-size: 1.15em; }
.operatorSearchField .operator_node_search_input_holder.button_holder a { background-color: rgb(252, 192, 0); padding: 1px 10px; display: inline-block; font-family: "Ubuntu Condensed", sans-serif; color: #3f3f40; font-weight: bold; display: inline-block; position: absolute; bottom: 0; }

#progressBar { position: absolute; bottom: 3px; right: 0; }
.nodeTable a[disabled]:hover { text-decoration: none; color: #3f3f40; cursor: default; }
.nodeTable a[disabled] { color: #3f3f40; }
.nodeExportButton { float: right; }
.operatorLoginPwd { font-size: 1.1em; width: 250px; vertical-align: middle; }
.error { display: block; color: red; font-weight: bold; }
.nodeTable td { border-bottom: 1px solid #CCC; }
.nodeTable th:first-child { border-left: 1px solid #CCC; }
.nodeTable th:last-child, .nodeTable td:last-child { border-right: 1px solid #CCC; }
.nodeTable thead { border-top: 1px solid #CCC; }
.ui-autocomplete { font-size: 0.9em !important; }
.leftHeaderBorderLine { border-left: 1px solid #D8A200; padding-left: 5px; }
.nodeTable td.leftBorderLine { border-left: 1px solid #ccc; padding-left: 5px; }
.nextPageButton { float: right; }
.clear { clear: both; }

/* Kundportalen */
.portal h1 { margin-left: 0; }
.portal .signout { float: right; }
.table { width: 100%; border-spacing: 0; border-collapse: collapse; margin-bottom: 10px; }
    .table tr th { /*height: 10px !important;   */ }
    .table tr td, .table tr { margin: 0; padding: 0; height: 35px; }
    .table th { background-color: rgb(252, 192, 0); color: #3f3f40; font-size: 0.85em; text-align: left; vertical-align: text-top; border-bottom: 1px solid #D8A200; }
        .table td:first-child, .table th:first-child { padding-left: 10px; }
        .table td:last-child, .table th:last-child { padding-right: 10px; }
    .table thead tr:first-child th { padding-top: 5px; }
    .table tr:first-child { height: 10px; }
    .table tr:last-child th { padding-top: 3px; }
    .table tr:nth-child(even) { background-color: white; }
.form { width: 300px; margin-bottom: 20px; }
.form_row { padding-top: 3px; padding-bottom: 3px; display: inline-block; width: 100%; }
    .form_row + .form_row {border-top: 1px solid #D6D6D6;  }
    .form_row .label { width: 150px; float: left; }
.button { background-color: rgb(252, 192, 0); font-family: "Ubuntu Condensed", sans-serif; color: #3f3f40; font-weight: bold; display: inline-block; vertical-align: middle; margin-top: 2px; padding: 3px 15px 3px 15px;  border:0;}
    .button a { display: block; }
    .button:hover { text-decoration: none; }
.gridViewButton { float: right; }
span.right { float: right; }
.feedback { width: 100%; padding: 20px; font-size: 20px; display: inline-block; color: white; box-sizing: border-box; margin-bottom: 20px; }
.success { background-color: green; }
.error { background-color: red; }
.customer-contact { }
.customer-contact-image { float: left; margin-right: 3px; }
.customer-contact-text span { display: block; }
.jquery-datepicker { width: 75px; }

/* LOGIN AREA */
.box.login { height: auto; }
.box.login .error_message { color: red; display: inline-block; width: 100%; }
.box.login input[type="text"], .box.login input[type="password"], .box.login input[type="submit"] { margin-left:0;}
.box.login input[type="submit"] { margin-top: 3px; }
.form { width: 100%; }
.form .label { font-weight: 700; float:none; min-width:150px; text-align:right;}
.form .form_row .label, .form .form_row input { vertical-align: middle; display: inline-block; }

.important-information {
    display: block;
    width: 100%;
}

.important-information-link {
    display: block;
    margin-top: 5px;
    font-weight: 700;
    font-size: 0.85em;
    background: rgba(0,0,0,0.2);
    padding: 5px;
    line-height: 1;
    color: #fff;
    text-align: center;
}

.important-information-link:hover {
    color: #fff;
}

.portal-xform {
    font-size: 11px;
    line-height: 14px;    
}

.IE8 .portal-xform {
    margin-bottom: 10px !important;
}

.portal-xform label {
    display: block;
}

.portal-xform input, .portal-xform textarea {
    margin: 0;
}

.faqlist .visual-section .info h2 {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 18px;
    text-shadow: 1px 1px 0 #bbb18c;
}

.faqlist .visual-section .info {
    background-color: #fff;
}

.faqlist .question, .faqlist .answer {
    border: solid 1px #ccc;
    padding: 2px 5px;
}

.faqlist .answer {
    border-top:none;
}
.faqlist .question {
    cursor:pointer;
    margin-bottom:0;
    padding-left:30px;
    background:#f1f1f1 url(images/plus.png) no-repeat;
}
.faqlist .faqexpanded {
    background:#f1f1f1  url(images/minus.png) no-repeat;
}

.faq {
        margin-bottom:10px;
        margin-top:10px;
}

#ddlfaqcategory {
margin-bottom:10px;
}

.visual-section .answer p {
    margin:0;
}