/* +++ INITIAL STYLES +++ */
html, body, form, fieldset { margin: 0; padding: 0; font: 11px Verdana, Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, dl, address { margin: .5em 0; padding: 0; }
p { margin: 1em 0; /*word-wrap:break-word;*/ }
li, dd, blockquote { margin-left: 1em; }
img, fieldset { border: none; }
form label { cursor: pointer; }
input, select, textarea { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
/* +++ BODY & CONTAINER +++ */
body { font: 11px Verdana, Arial, Helvetica, sans-serif; background: #FFF; background-image:url(/images/backgrounds/bg.png); background-repeat:no-repeat; background-position:center top; margin: 0; padding: 0; text-align: center; color: #000000; }
#container { width: 899px; margin: 0 auto; text-align: left; }
/* +++ HEADER +++ */
#header { padding:9px 0 0 0; position:relative; height: 205px; }
#rightTop { width:420px; float:right; text-align:right; }
#header #rightTop a { margin:0 22px 0 0; }
#header #rightTop a.sel { font-weight:bold; }
#header .blog { margin-left:25px; }
#header .blog a { color:#666; font-size:11px; }
#header #subMenu { float:left; }
#header ul#subMenuList { list-style-type:none; margin:0 0 0 15px; }
#header ul#subMenuList li { float:left; margin: 6px 15px 0 0; }
#header ul#subMenuList li a { font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; color: #666; text-transform:uppercase; }
#header ul#subMenuList li a.sel { font-weight:bold; }
/* +++ login +++ */
#loginBox { width:300px; height: 66px; position:absolute; right:0; top:0; background-color:#e1e1e1; text-align:left; padding:8px; display:none; }
#loginBox .extra { margin-bottom:6px; }
#loginBox a { margin:0 0 0 15px; }
#loginBox a.close { float:right; }
#loginBox input.txt { width: 150px; margin-bottom: 6px; }
/* +++ small top menu +++ */
#menu { margin-top:34px; padding: 0 32px 0 0; }
#menu a.sel { font-weight:bold; }
/* +++ stepmenu (main) +++ */
#stepMenu { height:90px; margin: 6px 0 0 0; }
#stepMenu ul#steps { margin:0; padding:0; white-space: nowrap; float:right; }
#stepMenu ul#steps li {display:inline; margin:0 0 0 -19px !important; padding:0; list-style-type: none; float:left; }
#stepMenu ul#steps li a { padding:0; margin:0; }
/* +++ sharebox +++ */
#header .boxShare { padding:25px 4px 0 0; text-align:right; }
#shareBox { background-color:#e1e1e1; border-bottom:solid 1px #d1d1d2; padding: 10px; text-align:center; display:none; width:190px; height:265px; position:absolute; right:0; }
#shareBox input.txt, #shareBox textarea.txt { width: 150px; margin-bottom: 6px; margin-left:20px; margin-right:5px; float:left; }
#shareBox span { float:left; }
#shareBox a.close { float:right; }
#shareBox .submit { float:right; margin-right: 15px; }
#shareBox h3 { float:left; margin-left:15px; }
#shareBox .shareIcons { clear:both; margin:15px 0 5px 0; }
/* +++ FOOTER +++ */
#footer { position:fixed; bottom:0; left:0; width:100%; background-color:#FFF; background-image:url(/images/backgrounds/footer_bg.gif); background-repeat:repeat-x; background-position:top; }
#footer #footerContent { width:899px; margin: 0 auto; text-align:left; background-image:url(/images/structure/bg_footer_borders.gif); background-repeat:repeat-y; }
#footerContent .chatActive { width: 645px; float:left; border-top:solid 6px #2b3329; margin: -4px 0 10px 0; padding:3px 5px 4px 8px; background-color:#FFF; line-height: 16px; cursor:pointer; color:#666; border-right:solid 1px #f3f3f3; border-left:solid 1px #f3f3f3; text-transform:uppercase; }
#footerContent .chatActive img { float:left; margin-right:5px; }
#footerContent .chatActive em { font-size: 12px; color:#000; }
#footerContent .hours { width:200px; float:right; color:#FFF; margin-top:4px; text-transform:uppercase; cursor:pointer; }
#footer .slideContent { display:none; }
.slideContent .chatContent { float:left; width:645px; margin:0 0 10px 15px;}
.slideContent .chatContent .content { margin-right:100px; }
.slideContent .chatContent img { float:left; margin: 0 5px 5px 0; }
.slideContent .chatContent a.chatBtn { float:right; margin-right:10px; }
.slideContent .openingsContent { width:200px; float:right; }
.slideContent .chatContent a { color:#088b9f; }
.slideContent .chatContent a:hover { color:#088b9f; }
#footer #footerContent .onlineNow { display:none; }
/* +++ rådgiver online +++ */
#footer.online #footerContent .onlineNow { display:inline; color:#68f17c; }
#footer.online #footerContent .chatActive { border-top-color: #4ee5e5; }
/* +++ SIDEBARS +++ */
/* +++ sidebar 1 +++ */
#sidebar1 { float: left; width: 210px; padding:0; margin-top:25px; margin-bottom:50px; }
#sidebar1 .boxBlueHat { border-top:solid 6px #4ee5e5; margin-bottom:25px; padding-right:10px; }
#sidebar1 .boxGreyHat { border-top:solid 6px #acacb0; margin-bottom:25px; padding-right:10px; }
#sidebar1 .sendMessage { padding: 0px 0 20px 15px; border-bottom:solid 1px #eaeaeb; background-color:#FFF; width:195px; float:left; }
#sidebar1 .sendMessage .txt { width:176px; margin-bottom:5px; }
#sidebar1 .sendMessage .submit { float:right; background-color:#4ee5e5; margin:10px 15px 0 0; }
#sidebar1 img.bloggerImg {margin:15px 0 5px 0; }
/* +++ sidebar 2 +++ */
#sidebar2 { float: right; width: 210px; padding:0; margin-top: 25px; margin-bottom:50px; }
#sidebar2 .boxBlueHat { border-top:solid 6px #4ee5e5; margin-bottom:25px; padding-right:10px; }
#sidebar2 .boxGreyHat { border-top:solid 6px #acacb0; margin-bottom:25px; padding-right:10px; }
#sidebar2 .boxFormGreyHat { border-top:solid 6px #acacb0; margin-bottom:25px; padding-right:0; float:left; }
.boxFormGreyHat .txt { width:190px; }
#sidebar2 ul li { list-style-image:url(/images/icons/bullet_small.gif); margin-right:10px; }
#sidebar2 a { color:#088b9f; text-decoration:none; }
#sidebar2 a:hover { color:#666; text-decoration:underline; }
#sidebar2 p.comment a { color:#000; }
/* +++ PAGE SPECIFIC STYLES (class applied to #container) +++ */
/* +++ home +++ */
.home #header{ height: 180px; }
.home #mainContent { margin:0; padding:10px 0 0 0; }
.home #mainContent p { margin:.5em 0; }
/*.home #mainContent .w450 { width:450px; }*/
.home #mainContent .w450.first{float:left; }
.home #mainContent .w450.last{float:right;}
.home #mainContent .w450.last p{margin-bottom:10px;}
.home #mainContent .w450.last iframe{margin-bottom:10px;}
.home #mainContent .w450.last img{margin-bottom:10px;}
.home #mainContent .w450.first, .home #mainContent .w450.last { width:440px; }
.home #mainContent .flashContent { margin-top:20px; }
#homeBoxes { height:153px; border-bottom:solid 1px #eaeaeb; margin:30px 0 0 0; background-color:#FFF; }
#homeBoxes .box, #homeBoxes .boxYel { float:left; height: 135px; padding:9px 15px; overflow: hidden; }
#homeBoxes .box h3, #homeBoxes .boxYel h3{ color:#000; }
#homeBoxes .box { width:194px; background-image:url(/images/backgrounds/box_home_bg.gif); background-repeat:no-repeat; background-position: left top; background-color:#e5f6f6; }
#homeBoxes .boxYel { width:196px; background-color:#ededed; margin-left:1px; color:#666; }
#homeBoxes .box a { color:#666; }
#homeBoxes .box a:hover { color:#000; }
/*#homeBoxes .boxYel a { color:#000; }*/
.imgBox { text-align:right; margin-top:17px; }
/* +++ two columns - narrow right sidebar +++ */
.twoColNarrowRight #mainContent { margin: 0 240px 60px 0; padding: 0; }
.twoColNarrowRight #contentHead { position:relative; padding: 0 15px; background-color:#e5f6f6; border:solid 1px #eaeaeb; border-bottom:solid 1px #FFF; }
.twoColNarrowRight #contentHead h1 { font-size:18px; }
.twoColNarrowRight #contentHead p { width: 420px; margin: 1em 0; }
.twoColNarrowRight #contentHead .stepAsPDF { position:absolute; right:0; bottom:40px; }
.stepAsPDF .pdfText { color:#ffffff; text-transform:uppercase; position:absolute; top:12px; left:32px; }
.twoColNarrowRight #contentHead .stepAsPDF a:hover { text-decoration:underline; }
/* +++ two columns - wide right sidebar // steps +++ */
.twoColWideRight #mainContent { margin:0 0 60px 0; padding: 0; float:left; width:554px; }
.twoColWideRight #sidebar2 { float: right; width:315px; padding:0; }
/* +++ three columns - narrow right sidebar +++ */
.threeColNarrowRight #mainContent { margin: 0 230px 60px 240px; padding: 0; }
.threeColNarrowRight #mainContent .expandArea { width:421px; }
.threeColNarrowRight #mainContent .allBlogComments { width:389px; }
.threeColNarrowRight .postComment { width:389px; }
/* +++ CONTENT & GENERAL STYLES +++ */
#mainContent { margin-bottom:60px; }
/* +++ contenthead +++ */
#contentHead { background-color:#e5f6f6; border:solid 1px #eaeaeb; margin-top:25px; padding:5px 15px 25px; }
#contentHead .profileWrapper { position:relative; left:-15px; top:-5px; height:104px; }
#contentHead .profileWrapper h1 { padding-top:5px; }
#contentHead .image { width:209px; height:134px; background-color:#eee; text-align:center; float:left; }
#contentHead .person { width:195px; padding: 0 20px 0 35px; height:100%; float:left;}
#contentHead p.profileTxt { margin:0; padding: 0px 30px 5px 0; }
#contentHead .profileWrapper input {margin-left: -55px; }
.msgTitleBlue { background-color:#4ee5e5; width:210px; height:22px; overflow:hidden; }
.msgTitleWhite { background-color:#FFF; width:210px; height:22px; overflow:hidden; text-align:center; float:left; }
.msgTitleBlue h3 { color:#FFF; line-height:22px; padding: 0 0 0 15px; margin:0; }
.msgTitleWhite a { line-height:22px; }
/* +++ maincontent boxes +++ */
#mainContent .boxBlueHat { overflow: hidden; background-color:#FFF; padding: 10px 15px 20px 15px; border: solid 1px #eaeaeb; border-top:solid 6px #4ee5e5; margin-top:25px; }
#mainContent .boxBlueHat h3 { color:#088b9f; }
#mainContent .boxGreyHat { overflow: hidden; background-color:#FFF; padding: 10px 15px 20px 15px; border: solid 1px #eaeaeb; border-top:solid 6px #acacb0; margin-top:25px; }
#mainContent .boxGreyHat h3 { color:#acacb0; }
#mainContent .boxBlueHat.form label { margin-left:10px; }
#mainContent .boxBlueHat.form textarea { border: solid 1px #088B9F; width:500px; padding:0; }
/* boxBlueHat / boxGreyHat containing floats rules (fixed size to accept overflow:auto) */
#container.twoColNarrowRight #mainContent .boxBlueHat,
#container.twoColNarrowRight #mainContent .boxGreyHat { width: 627px; }
#container.twoColWideRight #mainContent .boxBlueHat,
#container.twoColWideRight #mainContent .boxGreyHat { width: 522px; }
#container.threeColNarrowRight #mainContent .boxBlueHat,
#container.threeColNarrowRight #mainContent .boxGreyHat { width: 389px; }
#mainContent img.imgFloatLeft { float:left; margin-right:10px; }
#mainContent img.imgFloatRight { float:right; margin-left:10px; }
table.tableBorder { border: solid 1px #000000; }
/* +++ sliding areas +++ */
.barBlack { height:22px; line-height:22px; color:#FFF; background-image:url(/images/backgrounds/footer_bg.gif); background-repeat:repeat-x; background-position:top; cursor:pointer; }
.barBlack h3{ color: #FFF; margin:0; padding:0; }
.barBlack img { margin:3px 10px 0 10px; float:left; }
.expandArea688 { width:688px; float:right; }
.expandArea .slideContent, .expandArea688 .slideContent { background-color:#FFF; padding:10px 10px 20px 35px; border:1px solid #eaeaeb; border-top:none; }
/* +++ paging +++ */
#mainContent .paging { margin:10px 0 10px 0; padding:0 15px; }
#mainContent .paging:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#mainContent .paging p { margin:0; padding:0; float:left; }
#mainContent .paging ul { margin:0; padding:0; float:right; text-align:right; }
#mainContent .paging ul li { margin-left:10px; padding:0; list-style:none; display:inline; }
/* +++ inbox // tabs +++ */
#mainContent .tabMenuBlueHat { background-color:#FFF; padding: 0; border: solid 1px #eaeaeb; margin-top:25px; }
.tab_content { padding: 15px; }
ul.tabs { margin: 0; padding: 0; list-style: none; height: 32px; width: 100%; }
ul.tabs li { float: left; padding: 0; height: 31px; line-height: 31px; overflow: hidden; position: relative; background: #e0e0e0; width: 50%; margin-top:-6px; border-top: solid 6px #acacb0; }
ul.tabs li a { text-decoration: none; display: block; outline: none; padding-left:10px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; text-transform:uppercase; }
ul.tabs li a:hover { border-top:solid 6px #acacb0; margin-top:-6px; }
ul.tabs li.active, ul.tabs li.active a:hover { background: #fff; border-top: solid 6px #4ee5e5; }
.tabMenuBlueHat .inboxItem { margin-bottom: 1em;}
.tabMenuBlueHat td { padding:10px 0 5px 0; border-bottom:solid 1px #e0e0e0; }
.tabMenuBlueHat td.message { width:75%; }
.tabMenuBlueHat .inboxItem .message a { color:#000 !important; }
.tabMenuBlueHat td.nameDate { width:25%; color:#666; }
.tabMenuBlueHat .nameDate a { color:#666; }
/* +++ blog +++ */
.generalInfo { min-height:63px; color:#000; }
.generalInfo img { margin-right: 15px; }
.blogTeaser h2 a { color:#088b9f !important; }
.blogTeaser p { color:#000; }
.blogTeaser p.comment { color:#666; margin-bottom:0; }
.blogger { height:65px; overflow:hidden; margin-top:10px; }
.blogger h3 { margin:0; }
.postComment { background-color:#e5f6f6; padding:10px 15px 15px 15px; margin:25px 0 0 0; border: solid 1px #eaeaeb; border-bottom:none; }
.postComment .txt { width:100%; margin-bottom: 20px;}
#mainContent .allBlogComments { background-color:#FFF; padding: 10px 15px 20px 15px; border: solid 1px #eaeaeb; border-top:none; }
.teaserCreateBlogItem .submit,
.teaserEditBlogItem .submit,
.teaserEditBlogTags .submit { float:right; margin:10px 0 0 0; }
.teaserTags a.sel { font-weight:bold; }
/* +++ faq +++ */
.faqItem { margin-bottom:10px; }
.faqItem .question {}
.faqItem .answer { border: solid 1px #ccc; width:600px; margin-top:5px; padding:10px; display:none; }
/* +++ links +++ */
a, a:visited, a:active { color:#000; font-weight:normal; text-decoration:none; }
a:hover { text-decoration:underline; }
a.pdf { display:inline-block; line-height:16px; overflow:visible; background-image:url(/images/icons/ikon_pdf.gif); background-repeat:no-repeat; background-position:2px 0; padding: 0 0 0 25px; }
#mainContent a { color:#088b9f; }
#mainContent a:hover { color:#666; text-decoration:none; }
#mainContent a.blue { color:#088b9f; line-height:1.4em; }
/* +++ Send comment to Webmaster Teaser +++ */
.teaserCommentToWebmaster .form { background:transparent url(/images/backgrounds/bg_sendCommentToWebmaster.png) no-repeat left top; padding:0; }
.teaserCommentToWebmaster .form textarea { background-color:#e2e2e4; border:none; width:210px; height:90px; margin:0 0 16px 0; }
.teaserCommentToWebmaster .form .submit { }
/* +++ headings & text styles +++ */
h1 { font-family:Arial, Helvetica, sans-serif; font-size: 16px; font-weight:normal; color: #088b9f; text-transform:uppercase; }
h2 { font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight:normal; color: #088b9f; text-transform:uppercase; }
h3 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; color: #666; text-transform:uppercase; }
h4 { font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; color: #666; text-transform:uppercase; }
h1 a, h2 a, h3 a { color:inherit !important; }
#mainContent h3.grey { color:#666; }
p.comment { padding-left:20px; background-image:url(/images/icons/ikon_bubble.gif); background-repeat:no-repeat; background-position:left top; line-height:14px; }
.grey { color:#666; }
.blue { color:#088b9f; }
em { font-style:italic; }
hr { background:none; border:none; border-top:solid 1px #eaeaeb; margin:20px 0; }
/* +++ lists +++ */
#mainContent ul { margin-left:.5em; }
#mainContent li { margin: .5em 0 1em 1em; }
/* +++ forms +++ */
input.submit { background-color:#acacb0; color:#FFF; border:none; height:18px; line-height:18px; vertical-align:top; margin:0; padding:0 10px; font-size:10px; }
.boxBlueHat .submit { background-color:#4ee5e5; }
input.txt { height:14px; border: solid 1px #acacb0; margin:0; vertical-align:middle; }
label.w115 { width:115px; display:inline-block; margin-bottom:10px; }
.radioGroupInterest { width:190px; float:right; padding-left:10px; }
.radioGroupInterest .submit { float:right; margin-top:10px; }
/* +++ floats / text align +++ */
.fltrt { float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.rightAligned { text-align: right; }
/* +++ searchresult page +++ */
.pageList { width:100%; }
.pageList .title { }
.pageList .date { width:150px; }
.pageList tr td { padding: 2px 6px 2px 6px; }
.pageList tr.alt { background-color:#eee; }
.forumPost .memberInfo { float:left; width:209px; }
.forumPost .content { float:left; width:390px; margin-left:25px; }
/****************************************/
/* Clear-fix */
/*--------------------------------------*/
/* Elements with floating child */
/* elements */
/****************************************/
.teaserCreateBlogItem:after,
.teaserEditBlogItem:after,
.teaserEditBlogTags:after,
.clear-fix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }