/* Getting the new tags to behave */ article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; } mark, rp, rt, ruby, summary, time{ display: inline } /* Left & Right alignment */ .left { float:left;} .right { float:right;} .wrapper {width:100%; overflow:hidden;} .relative{ position:relative;} /* Global properties ======================================================== */ body{ background:#000; border:0; font:10px Arial, Helvetica, sans-serif; color:#fff; line-height:21px; min-width:940px; text-transform:uppercase; overflow:hidden} .page_spinner{ position:absolute;background: url(../images/ajax-loader.gif) 50% 50% no-repeat #000; z-index:99; width:100%; height:100%; top:0; left:0} #bgStretch {overflow:hidden;z-index:-1; position:fixed} .spinner {width:128px;height:15px;position: relative;z-index:0; right:20px;top:30px;background: url(../images/ajax-loader.gif) center center no-repeat; float:right;} /* Global Structure ============================================================= */ .main { margin: 0 auto; width: 940px; position:relative; z-index:1} .bg1{ background:url(../images/bg_top.png) 0 -100px repeat-x; height:310px; position:relative; z-index:2} .bg2{ position:absolute; bottom:-2873px; left:-36px; right:0; background:url(../images/bg_bot.png) 0 0 repeat-x; height:65px; } .extra{ height:auto; min-height:100% !important; position:relative; overflow:hidden} body, html{ height:100%;} .block{ height:65px;} /* ============================= main layout ====================== */ a{ color:#fff; text-decoration: underline; outline:none} a:hover{ text-decoration: none} h1{ padding:45px 0 44px 310px;} h2{ font-size:36px; color:#fff; text-transform:none; line-height:1.2em; padding:45px 0 18px 0; letter-spacing:-1px;} h2 span{ font-style:italic; display:block; font-size:16px; line-height:1.2em; margin-top:0px; letter-spacing:0 } h2.no_pad{ padding-top:0} h3{ font-size:24px; color:#fff; line-height:1.2em; padding:48px 0 22px 0; text-transform:none} h3.no_pad{ padding:0 0 20px 0;} p{ padding-bottom:21px;} /* ============================= header ====================== */ header{} #logo{ display:block; text-indent:-9999px; background:url(../images/logo.png) 0 0 no-repeat; width:319px; height:106px;} #menu { background:url(../images/menu_line.png) 0 1px no-repeat; height:63px; padding-left:2px} #menu > li { float:left; width:154px; padding-right:2px; background:url(../images/menu_line.png) right 1px no-repeat; position:relative;} #menu > li > a{ display:block; position: relative; text-align:center; line-height:63px; font-size:11px; text-decoration:none;} #menu > li > a span{ position:relative;} #menu > li > a strong{ position:absolute; top:0px; left:1px; width:100%; height:100%; background:url(../images/menu_bg.jpg) 0 0 repeat-x } #menu > li > a img{ display:inline-block; margin-top:28px; margin-left:22px;} #menu > li > a:hover, #menu > .active > a{} .submenu_1{ position:absolute; width:154px; top:64px; left:0;} .submenu_1 li{ position:relative; border-bottom:1px solid #232746; font-size:11px; line-height:60px; background:url(../images/submenu_bg.jpg) 0 0 repeat-x} .submenu_1 li:hover, .submenu_1 .sfHover{ background:url(../images/submenu_active.jpg) 0 0 repeat-x;} .submenu_1 a{ display:block; text-decoration:none; padding-left:30px;} .submenu_2{ position:absolute; top:0px; left:155px; width:154px} #pagination{ float:right; padding:26px 0 0 0} #pagination li{ float:left; padding-left:5px;} #pagination a{ display:block; width:25px; height:25px; background:url(../images/buttons.png) right 0 no-repeat} #pagination a:hover, #pagination .active a{ background-position:left} /* ============================= content ====================== */ #content{ height:310px; margin-top:12px; margin-bottom:53px;} #content > ul >li{ width:100%} .box{ height:510px; background:url(../images/bg_box.png) 0 0 repeat; position:relative;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} .marg_right1{ margin-right:20px;} .pad1{ padding:0 10px} .pad2{ padding:0 42px} #page_nyheter .pad2{ padding-top:48px;} #page_projekt .pad2{ padding-top:48px;} #page_samarbetspartners .pad2{ padding-top:48px;} .pad_left1{ padding-left:112px;} #page_nyheter .pad_left1{ padding-left:86px;} #page_nyheter .col2 .pad_left1{ padding-left:40px;} #page_projekt .pad_left1{ padding-left:86px;} #page_samarbetspartners .pad_left1{ padding-left:80px;} #page_kontakt .pad_left1{ padding-left:80px;} .pad_bot1{ padding-bottom:17px;} #gallery1{ height:373px !important; margin-bottom:18px;} h3.for_gallery{ text-align:center; padding:35px 0 23px 0} #gallery1 li{ padding-bottom:11px;} .prev.for_gallery, .next.for_gallery{ float: left; margin-left:66px;} .next.for_gallery{ margin-left:36px;} .prev, .next{ width:9px; height:5px; background:url(../images/markers.gif) 5px 5px no-repeat; display:block; padding:5px;} .next{ background-position: -45px -5px; left:30px !important} .prev:hover{ background-position:5px -5px} .next:hover{ background-position:-45px 5px} .underline{ background:url(../images/line_hor1.gif) 0 bottom repeat-x; padding-bottom:38px; margin-bottom:38px;} .line1{ background:url(../images/line_vert1.gif) 305px 0 repeat-y; overflow:hidden;} #page_nyheter .line1{ background:url(../images/line_vert1.gif) 305px 0 repeat-y; overflow:hidden;} #page_projekt .line1{ background:url(../images/line_vert1.gif) 305px 0 repeat-y; overflow:hidden;} #page_samarbetspartners .line1{ background:url(../images/line_vert1.gif) 547px 0 repeat-y; overflow:hidden;} .scroll{height:130px; width:246px; overflow:hidden} .track{ width:40px; height:0px !important; top:-19px !important; left:201px !important; background: none} .shuttle{ width:0; height:0;} ._up-butt, ._down-butt{ width:9px !important; height:5px !important; background:url(../images/markers.gif) 5px 5px no-repeat; display:block; top:0 !important; padding:5px;} ._down-butt{ background-position: -45px -5px; left:30px !important} ._up-butt:hover{ background-position:5px -5px} ._down-butt:hover{ background-position:-45px 5px} #page_nyheter .col1 .scroll{height:365px; width:270px; overflow:hidden} #page_nyheter .col1 .track{ width:40px; height:0px !important; top:-19px !important; left:221px !important; background: none} #page_nyheter .scroll{height:140px; width:500px; overflow:hidden} #page_nyheter .track{ width:40px; height:0px !important; top:-19px !important; left:455px !important; background: none} #page_nyheter .scroll2 .scroll{height:110px; width:500px; overflow:hidden} #page_projekt .scroll{height:350px; width:500px; overflow:hidden} #page_projekt .track{ width:40px; height:0px !important; top:-49px !important; left:455px !important; background: none} #page_samarbetspartners .scroll{height:376px; width:260px; overflow:hidden} #page_samarbetspartners .track{ width:40px; height:0px !important; top:-19px !important; left:215px !important; background: none} .link1{ font-size:18px; line-height:1.2em; color:#ff752c; font-style:italic; display:inline-block; text-decoration:none; border-bottom:1px solid #ff752c; text-transform:none; margin-bottom:4px;} .link1:hover{ border-bottom:none; padding-bottom:1px; color:#d7cbbb;} .link2{ font-size:18px; line-height:1.2em; padding-bottom:1px; color:#d7cbbb; font-style:italic; display:inline-block; text-decoration:none; text-transform:none; margin-bottom:4px; border-bottom:none;} a.link2:hover{ border-bottom:1px solid #ff752c; color:#ff752c; padding-bottom:0} .link2 span{ display:block; margin-top:-4px;} .dropcap{ background:url(../images/marker_1.png) 0 0 no-repeat; padding-left:40px; font-size:18px; color:#d7cbbb; font-style:italic; line-height:1.2em; text-transform:none; padding-bottom:17px; overflow:hidden} .dropcap span{ display:block; margin-top:-4px;} .list1{ padding-top:3px;} .list1 li{ margin-bottom:2px; position:relative; font-size:18px; text-transform:none; line-height:32px;} .list1 a{ position: relative; display:block; font-style:italic; text-decoration:none; text-transform:none; padding-left:12px; word-spacing:-2px; background:url(../images/spacer.gif) repeat} .list1 img{ position: absolute; width:100%; height:100%;} .lightbox-image{ position:relative; display:block; background:url(../images/for_light_box.png) 0 0 no-repeat} .lightbox-image img{ position:relative; z-index:1} .lightbox-image .play{ position:absolute; width:51px; height:51px; top:50%; left:50%; z-index:2; margin-top:-25px; margin-left:-25px;} .pp_description{ color:#000} #map{border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow:hidden; margin-bottom:12px;} #phone, #mail, #skype{ padding-left:32px; display: block;} #phone a, #mail a, #skype a{ text-decoration:none} #phone a:hover, #mail a:hover, #skype a:hover{ text-decoration:underline} #phone{ background:url(../images/phone.png) 0 0 no-repeat} #mail{ background:url(../images/mail.png) 0 0 no-repeat} #skype{ background:url(../images/skype.png) 0 0 no-repeat} /* ============================= footer ====================== */ footer { line-height:34px; padding-top:23px; overflow:hidden} footer a{ text-decoration:none} footer a:hover{ text-decoration:underline} #icons{ float:right;} #icons .first{ padding-right:5px} #icons li{ float:left; padding-left:10px;} /* Tooltips */ .aToolTip { background: url(../images/bg_tooltip.png) repeat; color:#fff; margin:0; padding:2px 10px 3px; font-size:10px; line-height:1.2em; position: absolute;} .aToolTip .aToolTipContent { position:relative; margin:0; padding:0;} /* ============================= forms ============================= */ #ContactForm{ position:relative} #ContactForm .wrapper{ overflow:inherit; min-height:40px;} #ContactForm .success{display:none; position:absolute; bottom:0; left:0; line-height:16px; text-transform:none} #ContactForm label{ position:relative;min-height:33px; display: inline-block;} #ContactForm .message{ height:231px;} #ContactForm span{ display:block} #ContactForm .error, #ContactForm .empty{ font-size:10px; color:#fff; line-height:14px; display:none; width:100%; text-transform:none} #ContactForm a{ margin-left:20px; float:right;} #ContactForm .input { margin:0;width:229px; height:15px; background: url(../images/bg_form.png) repeat; border:1px solid #838383; padding:8px 13px;color:#fff; font:10px Arial, Helvetica, sans-serif; text-transform:uppercase} #ContactForm textarea { overflow: auto; margin:0;width:229px; height:195px; background: url(../images/bg_form.png) repeat; border:1px solid #838383; padding:8px 13px;color:#fff; font:10px Arial, Helvetica, sans-serif; text-transform:uppercase} #ContactForm .bg{ display:inline-block}