/* Site: Limited Edition DK Aps: File: css/build.css Version: 20.02.2010 ----------------------------------------------- */ /* -------------------------------------------------- base -------------------------------------------------- */ * {margin:0px; padding:0px;} body {font-family:Helvetica, Arial, Verdana, sans-serif; font-size:11px; line-height:16px; color:#000; border-top:2px solid #ccc; background: #eee url(../img/basic/backg_logo.gif) no-repeat center top; } .clearing {height:0;clear:both} #frame {margin:0px; padding:0px;} #logo {float: left; width:480px;height: 146px;} #top {width:1100px;height: 146px; margin:0 auto; background-color:#ffffff; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; border-top: 1px solid #d4d4d4; margin-top: 71px; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; } #buttom_content {width:1020px; margin: 0 auto; background: #fff; padding:45px 40px 50px 40px; text-align: left; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom: 2px solid #c8c8c8; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; } #buttom_content_komp {width:1100px; margin: 0 auto; background: url(../img/kompetencer/fake_line.gif) repeat-y #fff; text-align: left; border-bottom: 2px solid #c8c8c8; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;} /* -------------------------------------------------- menu -------------------------------------------------- */ #nav {font-family: Verdana; float:right; letter-spacing: 0px; font-size: 12px; font-weight: 600; padding: 0px 50px 0px 35px; margin: 32px -11px 0 0; background: #383d43 url(../img/menu/menu_left.gif) no-repeat top left; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px;-moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px;} #menu_flip {position: absolute; margin:86px 0 0 1100px; height: 11px; width: 11px; background: url(../img/menu/menu_right.gif) no-repeat} #nav ul li {float:left; list-style: none; border-top: 4px solid #fff; margin-top: -4px; text-align: left; } #nav ul li a {color: #ccc; text-decoration: none; padding: 11px 22px 11px 8px; border-top: 4px solid #fff; margin-top: -4px; text-align: left; display: block} .lvl-1 {color: #fff;text-shadow: 0px 1px 1px #111} .lvl-2 {color: #999;text-shadow: 0px 1px 1px #111; font-size: 9px} #nav ul li a:hover {color:#fff; background-color: #30353b; border-top: 4px solid #6ab2c6;} #nav ul li.active a {color:#fff; background-color: #2a2f33; border-top: 4px solid #008eae;} /* -------------------------------------------------- menu kompetencer -------------------------------------------------- */ #komp_content {width: 800px; background-color: #fff; left: 260px; float: right;} .menu_komp {width: 300px; float: left; font-family:} .menu_komp span {list-style: none; text-indent: 22px; line-height: 22px; font-size: 12px; background-color: #fff; display: block; color: #333; font-weight: bold; padding-top: 25px; border-bottom: 2px solid #00afd6; } .menu_komp li {list-style: none; text-indent: 22px; line-height: 36px; font-size: 12px;background-color: #eee;} .menu_komp li a{border-bottom-color: #d7d7d7; color: #666; display: block; text-decoration: none; border-bottom: 1px solid #e0e0e0;} .menu_komp li a:hover{background: url(../img/kompetencer/pil.gif) no-repeat 280px 11px #fff; color: #000;} .menu_komp li a.selected{background: url(../img/kompetencer/pil.gif) no-repeat 280px 11px #fff; color: #000;} #setup {width: 785px; padding: 15px 0 15px 15px;} #setup p {line-height: 1.6em; } #setup h1 { font-family: Helvetica, Arial, sans-serif;font-size: 28px;font-style: normal;font-weight: bold;text-transform: normal;letter-spacing: -1px;line-height: 1.2em; color: #444; margin: 25px 0 35px 25px} #setup h1 span{ font-size: 20px; color: #777} #setup h2 {font-family: Helvetica, Arial, sans-serif;font-size: 14px;font-style: normal;font-weight: bold;text-transform: normal;letter-spacing: normal;line-height: 1.4em; margin-bottom: 6px; color: #111} #setup .wide_left {width: 785px; margin-bottom: 80px; margin-left: 29px; } #setup .wide_left p, #setup .wide_left h2 {width: 220px; margin-left:520px} #setup .wide_left img {float: left; margin-right: 0px; margin-top: 0px;} #setup .wide_right {width: 785px; margin-bottom: 80px; } #setup .wide_right p, #setup .wide_right h2 {width: 220px; margin-left:28px} #setup .wide_right img {float: right; margin-right: 0px; margin-top: 0px;} #setup .small_left {width: 785px; margin-bottom: 80px; margin-left: 29px; } #setup .small_left p, #setup .small_left h2 {width: 380px; margin-left:350px} #setup .small_left img {float: left; margin-right: 0px; margin-top: 0px;} #setup .small_right {width:785px; margin-bottom: 80px;} #setup .small_right p,#setup .small_right h2 {width: 380px; margin-left:28px} #setup .small_right img {float: right; margin-right: 0px; margin-top: 0px;} #setup .special_01 {width: 756px; padding: 0 30px 80px 29px; margin-top: -19px} #setup .special_01 h2 {padding-top:15px;} #setup .special_01 span {font-style: italic; font-size: 10px; padding-left: 6px} .special_01 .col1 {width: 222px; float: left} .special_01 .col2 {margin: 0 252px; } .special_01 .col3 {width: 222px; padding-right: 13px; float: right} #setup .special_01 img {padding-bottom: 5px} .float {width: 775px; margin-left: 281; float: right} #kompetencer_last {margin-bottom: 0px;} /* -------------------------------------------------- center -------------------------------------------------- */ #top_frame { background: #373737 url(../img/basic/gradient.gif) center repeat-y} #center {width:1100px; height: 267px; margin:0 auto; ; background: #363636 url(../img/basic/center_background.jpg); border-bottom: 1px solid #111; border-top: 1px solid #111;} #center_small {position:relative;width:1100px;height: 25px;margin:0 auto;background-color:#363636;background-image:url(../img/basic/center_background.jpg);} #center_text {width:340px; height: 220px; text-align: left; float: left;} #center_text h1 { font-family: Verdana; font-size: 18px; color: #fff; line-height: 26px; text-align: left; margin-top: 30px; margin-bottom: 10px; text-transform: uppercase; padding-bottom: 6px; margin-left: 40px; border; border-bottom:1px dotted #999;} #center_text p { padding-left: 40px; font-family: Verdana; font-size: 11px; line-height: 16px; color: #fff; } #center_text p a { line-height: 16px; color: #fff; background-color: #008eae; padding: 3px 7px; text-decoration: none; } #center_text p a:hover { background-color: #00afd6;} #center_flash {height: 267px; float: right;} #spacer_small {width:1104px;margin:0 auto;background-color:#ececec;height:25px;} /* -------------------------------------------------- forside -------------------------------------------------- */ #content_S1 { display: inline-table; width: 640px; margin-right:20px;} #content_S1 p {float: left; width: 300px; list-style: none; margin: 0px 20px 15px 0; line-height: 16px;} #content_S2 { display: inline-table; width: 345px; vertical-align: top; } #content_S3 { display: inline-table; width: 200px; margin-right:0px; vertical-align: top;} #content_S3 a { color: #3e8eb3; text-decoration: none;} #content_S3 a:hover { text-decoration: underline; } #center_text h1 {color: #fff; text-shadow: 1px 1px 1px #000} /* -------------------------------------------------- building blocks -------------------------------------------------- */ #content_S4 .header {background-color: #eee; border-top: 1px solid #008eae; padding: 8px 10px 0} #content_S4 .testemonial {border-bottom:2px solid #aaa; background-color: #eee; margin: 15px 0 20px 0;} #content_S4 {float: right; width: 345px; margin-top: 12px; } #content_S4 img {border: 1px solid #888; padding: 2px} #content_S4 .info { float: right; width: 190px; } #content_S4 .info li { list-style: none; } #content_S4 .info li.who { font-size: 11px; color: #333; font-weight: bold; } #content_S4 .info li.where a{ font-size: 10px; color: #999; text-decoration: none;} #content_S4 .info li.where a:hover {color: #3e8eb3} #content_S4 .info li.where .star { color: #3e8eb3; } #content_S4 .info li.type { font-size: 10px; color: #777; } #content_S4 .quote { margin-top: 12px; padding-top: 5px; background-color: #fffff; padding: 7px 15px 7px 15px;} #content_S4 .quote blockquote {font-size: 10px; background: url(../img/profil/fb.gif) no-repeat 0px 0px; } #content_S4 .quote blockquote p{text-indent: 1.2em; font-size: 9px; line-height: 16px; padding-top: 3px; color:#666; font-style: italic; padding-bottom: 10px} #content_S4 .quote img {border:0px; margin:8px 0 0 0px; position:absolute} #table_block .news{ display: inline-table; padding-right:7px; margin-bottom: 10px; } #table_block .news a { font-size:11px; line-height:14px; color:#008eae; display: block; text-transform: uppercase; padding-bottom: 6px; border-bottom: 1px dotted #999; margin-bottom: 6px;} #table_block .news h1 { font-size:11px; line-height:14px; color:#008eae; font-weight: normal; text-decoration: none; display: block; text-transform: uppercase; padding-bottom: 6px; border-bottom: 1px dotted #999; margin-bottom: 6px;} #table_block .news a:hover {color:#00afd6;} .news h4 { font-size:9px; line-height:16px; color:#999; font-weight: normal} #readmore a {line-height: 14px; color: #fff; background-color: #008eae; padding: 3px 7px; text-decoration: none;} #readmore a:hover {background-color: #00afd6; text-decoration: none} #table_inline h1 { font-size:11px; line-height:14px; color:#008eae; font-weight: normal; text-decoration: none; display: block; text-transform: uppercase; padding-bottom: 6px; border-bottom: 1px dotted #999; margin-bottom: 6px; width: 600px;} #table_block a:hover { text-decoration: underline;} #titel_velkommen { margin-bottom:15px; width: 336px; height: 27px; font-family: Helvetica, Arial, sans-serif;font-size: 26px;font-style: normal;text-transform: normal;letter-spacing: 0.5px; line-height: 1.2em; color: #333} #titel_velkommen .table_inline {display: inline-table; width: 240px; padding-right:7px;} #titel_nyheder {margin-bottom:15px; width: 122px; height: 27px; font-family: Helvetica, Arial, sans-serif;font-size: 26px;font-style: normal;text-transform: normal;letter-spacing: 0.5px; line-height: 1.2em; color: #333} /* -------------------------------------------------- profil -------------------------------------------------- */ #content_S4 h1 { border-bottom-style: dotted; font-size:11px; line-height:14px; color:#008eae; font-weight: 600; text-decoration: none; display: block; text-transform: uppercase; padding-bottom: 6px; border-bottom: 1px dotted #999; margin-bottom: 6px;} .medlem h4 {color: #333; font-family: Helvetica, Arial; font-size: 11px;} .medlem i {color: #888} .medlem a {color: #008eae; text-decoration: none; font-weight: bold;} .medlem a:hover { text-decoration: underline;} .samarbejd h4 {color: #333; font-family: Helvetica, Arial; font-size: 11px;} .samarbejd i {color: #888} .samarbejd a {color: #008eae; text-decoration: none; font-weight: bold;} .samarbejd a:hover { text-decoration: underline;} #content_S1 .profil_tekst { color: #444; font-family: Helvetica, Arial, sans-serif;font-size: 12px;font-style:normal;font-weight: normal;text-transform: normal;letter-spacing: normal;line-height: 1.6em; padding-right: 20px} #content_S1 .profil_tekst_margin {margin-bottom: 20px;} #content_S1 .profil_tekst h1 { color:#008eae; display: block; padding-bottom: 4px; border-bottom: 1px dotted #999; margin-bottom: 6px; font-family: Helvetica, Arial, sans-serif;font-size: 24px;font-style: normal;font-weight: bold;text-transform: normal;letter-spacing: -1px;line-height: 1.2em;} #content_S1 .profil_tekst ul {list-style-type: none; width: 295px; float: left; margin-right: 30px; margin-top: 10px; line-height: 15px} #content_S1 .profil_tekst .samarbejd, #content_S1 .profil_tekst .medlem { padding-bottom: 8px;} #content_S1 .profil_tekst .samarbejd h4, #content_S1 .profil_tekst .medlem h4 {border-bottom: 1px solid #eee} #kennethknudsen img { border:1px dotted #ccc; border-top:0px; margin-top: -5px} /* -------------------------------------------------- panel -------------------------------------------------- */ #panel_wrap {width:1100px; height: 267px; margin:0 auto; ; background: #363636 url(../img/basic/center_background.jpg); border-bottom: 1px solid #111; border-top: 1px solid #111; text-align: left;} #pers_henv { position: absolute;} #pers_henv h1 {font-family: Verdana; font-size: 30px; color:#eee; padding-top: 100px; text-transform: uppercase; margin-left: 180px; } #pers_henv h2 {font-family: Verdana; font-size: 15px; color:#eee; padding-top: 15px; margin-left: 180px;} #top_panel { overflow: hidden; position:absolute; width:1100px; height: 267px; margin:0 auto; background-color:#363636;background-image:url(../img/basic/center_background.jpg);} #panel {width: 1100px; position: relative; top: 268px; height: 250px; text-align: left;} #panel_content { height: 100%; width: 1030px; position: absolute;margin-left: 33px; margin-right: 30px;} #panel_content_top {background-color: #008eae; height: 34px; border-bottom: 3px solid black; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius:4px} #panel_content_top h1 { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 18px; line-height: 38px; color: #fff; padding-left: 14px;} #panel_content_form {background-image: url(../img/kontakt/form_top.png); height: 220px; padding: 10px 15px;} #hide_button a {line-height: 14px; color: #fff; background-color: #b10000; padding: 3px 7px; text-decoration: none;} #hide_button a:hover {background-color: #e60000; text-decoration: none} .panel_button {cursor: pointer;} /* -------------------------------------------------- kontakt -------------------------------------------------- */ #content_pers_henv {display: inline-table; width: 345px; vertical-align: top;} #content_kontakt {display: inline-table; width: 640px; margin-right:20px; vertical-align: top;} #content_download div { margin-bottom: 7px; margin-top: 7px;} #content_download .adress a { color: #008eae; text-decoration: none; background: url(../img/kontakt/adress.png) no-repeat 0 1px; padding-left: 20px; padding-top: 4px;} #content_download .adress a:hover {color: #00afd6; background: url(../img/kontakt/adress.png) no-repeat 0 0px;} #content_download .google a { color: #008eae; text-decoration: none; background: url(../img/kontakt/maps.png) no-repeat 0 1px; padding-left: 20px; padding-top: 4px;} #content_download .google a:hover {color: #00afd6; background: url(../img/kontakt/maps.png) no-repeat 0 0px;} #content_download .mail a { color: #008eae; text-decoration: none; background: url(../img/kontakt/inbox.png) no-repeat 0 1px; padding-left: 20px; padding-top: 4px;} #content_download .mail a:hover {color: #00afd6; background: url(../img/kontakt/inbox.png) no-repeat 0 0px;} #content_kontakt h1 { font-size:11px; line-height:14px; color:#008eae; font-weight: normal; text-decoration: none; display: block; text-transform: uppercase; padding-bottom: 6px; border-bottom: 1px dotted #999; margin-bottom: 6px;} #content_pers_henv h1 { font-size:11px; line-height:14px; color:#008eae; font-weight: normal; text-decoration: none; display: block; text-transform: uppercase; padding-bottom: 6px; border-bottom: 1px dotted #999; margin-bottom: 6px;} #titel_kontakt { margin-bottom:15px;text-indent: -9999px; width: 118px; height: 27px; background: url(../img/forside/forside_kontakt.jpg) no-repeat;} #titel_download { margin-bottom:15px;text-indent: -9999px; width: 145px; height: 21px; background: url(../img/kontakt/download.jpg) no-repeat;} #titel_henvedelse { margin-bottom:15px;text-indent: -9999px; width: 305px; height: 27px; } #kontakt_info {} #kontakt_info .inline {margin-right: 30px; width: 160px; display: inline; float: left;} #kontakt_screen { position: absolute; width: 1100px; } #personlig_henvendelse .sep { width: 250px; float: left; margin-right: 50px; color: #FFF} table, input, textarea, select{ font-family: Verdana; font-size: 11px; line-height:160%; color:#333; margin-bottom: 7px;} #personlig_henvendelse input, #personlig_henvendelse textarea{border:1px solid #111; background:#282828 url(../img/kontakt/form_input.gif) repeat-x; padding:5px 3px; color:#fff; } #personlig_henvendelse textarea{height:125px;overflow:auto;} #personlig_henvendelse .submit{text-align:right;} #personlig_henvendelse button{padding:0 20px; height:32px; width: 70px; margin-bottom: 4px; line-height:32px; border:1px solid #00abd1; background:#00abd1 url(../img/kontakt/form_button.gif) repeat-x; color:#fff;cursor:pointer;text-align:center; font-size: 12px;} #personlig_henvendelse label {text-align: left; display: block; color: #fff; font-size: 12px; text-transform: uppercase; margin-bottom: 3px;} #personlig_henvendelse_submit { float: right;} .focusField{border:solid 1px #73A6FF; background:#EFF5FF; color:#000; outline: solid;} .idleField{background:#EEE; color: #6F6F6F; border: solid 1px #DFDFDF;} /* -------------------------------------------------- footer -------------------------------------------------- */ #footer {width:1010px; margin:0 auto; padding: 15px 45px;margin-bottom: 50px} #footer .copyright {height:20px;width:280px;float:left;} #footer .footer_menu {float:right;width:460px;} #footer .menu {} #footer .menu ul { float:right; height: 70px; width:100px;} #footer .menu ul li {list-style: none;} #footer .menu ul li a {color:#3b4e5f; text-decoration: none;} #footer .menu ul li a:hover {color:#466784; text-decoration:underline;} /* -------------------------------------------------- reference layout -------------------------------------------------- */ #reference_left {margin-top: 30px;} .reference_client {width:660px; margin-bottom:80px;} .reference_client p {color:#5c5c5c; font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:15px; display:inline;} .reference_client h1 {color:#008faf; font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:15px; font-weight:bold; display:inline; padding-right: 10px} .reference_client .rollover a {overflow: hidden; border:14px solid #eee; display: block; height: 248px; width: 634px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .reference_client .rollover a:hover {cursor: default; text-indent: -634px} .reference_client img { border: 0;} .reference_client img.case_flip {position: absolute; margin: 71px 0 0 660px;} .reference_client .position {position: absolute; margin: 30px 0 0 0; width: 670px;} .reference_client a.titel {float:right; padding: 0 52px 0 17px; font-family: Helvetica, Arial, sans-serif; font-size:24px; text-align:right; line-height:41px; color: #fff; text-decoration: none; background: #008faf; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:3px;} .reference_client a.titel:hover {background-color: #00a9cf;} .reference_info {padding-left:10px; margin:15px 14px 20px;line-height: 22px; background:url(../img/referencer/teknik_end.gif) right bottom no-repeat #008faf; color: #fff; } .credits { border-left: 1px dotted #fff; float: right; margin-right: 20px; padding-left: 12px;} .reference_kunde_left {width:262px; float:left; padding-left: 15px;} .reference_kunde_right {width:349px; float:right; margin-right:14px;padding-left: 15px;} /* -------------------------------------------------- reference menu/slider -------------------------------------------------- */ #reference_navigation_menu { margin-top: 30px;top:515px; margin-left: 750px; } div > div#reference_navigation_menu { position: fixed; background-color: #eee;} pre.fixit { overflow:auto; border-left:1px dashed #000;border-right:1px dashed #000;padding-left:2px; } #reference_logo { border-bottom: 2px solid #36a1be} .reference_menu { font-family: Verdana; font-size: 11px; color: #000; line-height: 15px; padding: 20px 0;} .reference_menu ul { font-size:11px;} .reference_menu ul li { margin-left: 0px; list-style-type: none;} .reference_menu ul li a { padding:0 5px 0 32px; margin-left:0px; text-decoration:none; color:#000; background: url(../img/referencer/reference_menu_up.gif) no-repeat center left; } .reference_menu ul li a:hover { color:#008faf; background: url(../img/referencer/reference_menu_over.gif) no-repeat center left; }