/* GRID *************************************************************************************/ #grid { background-image: url(../lib/grid.png); width: 960px; height: 700px; position: fixed; z-index:99999999999 top:0; left: 50%; margin-left: -480px; } /* sifr ************************************************************************************/ .sIFR-active h1 {visibility: hidden; font-weight: normal; padding-bottom: 0; color:#0099FF;} h1 {font-size: 36px; color:#0099FF;} .sIFR-active h3 {visibility: hidden; font-weight: normal; padding-bottom: 0;} h3 {font-size:18px; color:#6C6C6C; margin-bottom: 12px; letter-spacing: -0.35px; line-height: 100%;} .sIFR-active .ingress {visibility: hidden; font-weight: normal; padding-bottom: 0;} .ingress {color:#6C6C6C; font-size: 20px; line-height: 1.4; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 16px;} .sIFR-active .navboxhead {visibility: hidden; font-weight: normal; padding-bottom: 0;} .navboxhead {color: #000; font-size: 15px;} /* General ************************************************************************************/ *, html, body, h1, h2, h3, h4, h5, div, li, p, img, img a {margin: 0px; padding: 0px; border: 0px; line-height: 140%; list-style: none; text-indent: 0px;} body {font-family:"Arial"; font-size: 11px; color: #999999; background-color: #333333;} #page {} #innehallbasic {background-color:#FFFFFF; padding-top: 40px; padding-bottom: 40px;} /* TYPOGRAFI **********************************************************************************/ h4 {font-size:12px; color:#6C6C6C; margin-bottom: 8px; letter-spacing: -0.25px; line-height: 100%;} h5 {font-size:32px; color:#6C6C6C; margin-bottom: 28px; letter-spacing: -0.5px; line-height: 100%; font-weight: normal;} a .nyhet {text-decoration: none;} .nyhet {color: #09F;} .nyhet-arkiv a {color: #999; font-size: 11px; text-decoration: underline;} .nyhet-arkiv a:hover {color: #09F;} .nyhet-sum {font-size: 11px; line-height:1.4; color:#7d7d7d;} .text-bread {font-size: 12px; line-height:1.5; color:#7d7d7d;} a {color: #6C6C6C; text-decoration:none;} a:hover {text-decoration:underline;} strong {color:#737373;} p {margin-bottom: 12px;} .alignleft {float: left; clear: none;} .alignright {float: right; clear: none;} .nyhet-arkiv-square-head a {text-decoration: none;} .nyhet-arkiv-square-head a:hover{text-decoration: none; color: #F63;} .newscolor {text-decoration: none; color: #F63;} #navigation-sub {margin-bottom: 32px;} #marginfix-h1 {margin-bottom: 16px;} #marginfix-h3 {margin-bottom: 8px;} /* HEADER *************************************************************************************/ #header {height: 60px; background-color: #FFF; border-bottom: 1px solid #dfdfdf;} #header-wrapper {width: 940px; margin: 0 auto; padding-top: 20px;} #header-meny-holder {width: 720px; float: right; clear: none; } #headerlogo {background-image: url(../lib/meny/logo.png); width: 157px; height: 19px; float:left; clear: none; behavior: url(http://www.tandvardenhabo.se/png-fix/png.htc); cursor: pointer;} #item1, #item2, #item3, #item4, #item5, #item6, #item7 {float: right; clear: none; margin-left: 32px; margin-top: 6px; behavior: url(http://www.tandvardenhabo.se/png-fix/png.htc); cursor: pointer;} #item1{background-image: url(../lib/meny/item1.png);width: 142px; height: 14px;} #item2{background-image: url(../lib/meny/item2.png);width: 43px; height: 14px;} #item3{background-image: url(../lib/meny/item3.png);width: 79px; height: 13px;} #item4{background-image: url(../lib/meny/item4.png);width: 49px; height: 13px;} #item5{background-image: url(../lib/meny/item5.png);width: 69px; height: 10px;} #item6{background-image: url(../lib/meny/item6.png);width: 26px; height: 10px;} #item7{background-image: url(../lib/meny/item7.png);width: 37px; height: 9px;} #item1:hover{background-image: url(../lib/meny/item1-focus.png);} #item2:hover{background-image: url(../lib/meny/item2-focus.png);} #item3:hover{background-image: url(../lib/meny/item3-focus.png);} #item4:hover{background-image: url(../lib/meny/item4-focus.png);} #item5:hover{background-image: url(../lib/meny/item5-focus.png);} #item6:hover{background-image: url(../lib/meny/item6-focus.png);} #item7:hover{background-image: url(../lib/meny/item7-focus.png);} /* FOOTER ************************************************************************************/ #footer {width: 100%; background-color: #333333; border-top: 1px solid #CCC;} #footer-inside {width: 940px; margin: 0 auto; padding: 40px 0px 40px 0px;} /* CONTENT BOX ********************************************************************************/ #contentbox {height: 466px; width: 100%; background-image: url(../lib/contentbox_bg.jpg); background-position: top center;} /* NAV BOX ************************************************************************************/ #navbox {background-color: #ffffff; height: 210px; width: 100%; border-bottom: 1px solid #dfdfdf; /*border-top: 1px solid #dfdfdf;*/} #navbox-wrapper {width: 980px; position: absolute; top: 527px; left: 50%; margin-left: -490px; clear: none; z-index: 999;} #navbox-item {width: 225px; float: left; clear: none; padding: 10px; /*background-image: url(../lib/navbox_shaddow.png); behavior: url(../png-fix/png.htc); background-repeat: no-repeat;*/} #navbox-item-inside {/*background-color: #FFF;*/ width: 205px; padding: 10px; color: #333333;} #navbox-item-inside img {margin-bottom: 20px;} .navbox1 {} .navbox2 {} .navbox3 {} .navbox4 {} /* two COLS (INDEX) *************************************************************************/ #twocols-wrapper-index {width: 100%; display: table; background-color: #FFF; padding-top: 40px; padding-bottom: 20px;} #twocols-wrapper {width: 100%; display: table;} #twocols {width: 960px; margin: 0 auto; display: table;} #twocols-box-1 {width: 450px; float: left; clear: none; padding: 10px;} #twocols-box-2 {width: 450px; float: right; clear: none; padding: 10px;} .col2index {margin-top: 70px;} #twocols-box-2-fix {width: 470px; float: right; clear: none;} #nyhet-box {margin-bottom: 20px; border-top: 1px solid #dfdfdf; padding-top: 10px;} #nyhet-box-inpage {margin-bottom: 20px;} #nyhet-box-arkiv {margin-bottom: 4px; padding: 0px 20px 0px 20px;} #nyhet-box-arkiv-head {margin-bottom: 16px; color: #FFF; font-size:16px; color:#6C6C6C; font-weight: bold;} /* NYHETER ***********************************************************************************/ #nyhet-wrapper {width: 940px; margin: 0 auto; display: table;} #nyhet-left {width: 607px; float: left; clear: none;} #nyhet-right {width: 272px; float: right; clear: none; border-left: 1px solid #dfdfdf; padding-left: 30px;} #daterat {text-align: left; margin-top: 24px; font-size: 12px; color: #6c6c6c; border-top: 1px solid #CCC; padding: 6px 0px 0px 0px;} #nyhet-arkiv-square {padding: 10px; width:205px; height:205px;margin:0 auto;position:relative; margin-bottom: 20px; float: left; margin-left: 10px; margin-right: 10px; border-bottom: 1px solid #dfdfdf;} #nyhet-arkiv-square:hover {} #nyhet-arkiv-square-wrapper {width: 980px; margin: 0 auto;} #nyhet-square-wrapper-head {width: 940px; margin: 0 auto; display: table;} #nyhet-arkiv-navigation {width: 940px; display: table; clear: both; padding-top: 40px; margin: 0 auto;} #nyhet-arkiv-square-date {bottom:0;height:30px;overflow:auto;position:absolute;width:200px;} /* Barn- och Ungdomstandvård ***********************************************************************************/ #barnungdom-header {width: 100%; background-color: #09F; height: 313px; width: 100%;} #barnungdom-wrapper {width: 940px; margin: 0 auto; display: table;} #barnungdom-content {width: 940px;} /* Blekning ***************************************************************************************************/ #blekning-header {width: 100%; background-color: #63F; height: 313px; width: 100%;} #blekning-wrapper {width: 940px; margin: 0 auto; display: table;} #blekning-content {width: 940px;} /* Familjetandvård ***************************************************************************************************/ #familjetandvard-header {width: 100%; background-image: url(../lib/familjetandvard.jpg); height: 450px; background-position: top center; background-repeat: no-repeat;} #familjetandvard-wrapper {width: 940px; margin: 0 auto; display: table;} #familjetandvard-content {width: 940px;} /* Implant *********************************************************************************************************/ #implant-header {width: 100%; background-color: #3CC; height: 313px; width: 100%;} #implant-wrapper {width: 940px; margin: 0 auto; display: table;} #implant-content {width: 940px;} /* Tjänster *********************************************************************************************************/ #tjanster-header {width: 100%; background-color: #C39; height: 313px; width: 100%;} #tjanster-wrapper {width: 940px; margin: 0 auto; display: table;} #tjanster-content {width: 940px;} /* Om Oss *********************************************************************************************************/ #omoss-header-map {width: 100%; height: 456px; width: 100%; background-image: url(../lib/tandvarden_karta.png); background-position: top center; border-bottom: 1px solid #dfdfdf; margin-top: -40px; margin-bottom: 40px;} #omoss-wrapper {width: 940px; margin: 0 auto; display: table;} #omoss-wrapper-2 {width: 940px; margin: 0 auto; display: table;} #omoss-content {width: 940px;} #omoss-header {width: 100%; background-image: url(../lib/tandvarden_grupp.jpg); height: 466px; background-position: top center; background-repeat: no-repeat; margin-top: -40px; margin-bottom: 40px;} #omoss-left {width: 617px; float: left; border-right: 1px solid #dfdfdf; clear: none; padding-right: 20px;} #omoss-right {width: 272px; float: right; clear: none;} .submenu {list-style:none outside none; overflow:hidden; font-size: 16px; font-weight: bold;} .submenu li {float: left; padding-right:30px;} .submenu li a {display: inline-block; padding:3px 0 21px 0;} .submenu a:hover {background: transparent url(../images/inner-menu-arrow.png) bottom center no-repeat; text-decoration: none;} .submenu li a.active {background: transparent url(../images/inner-menu-arrow.png) bottom center no-repeat;} .submenu-inside {list-style:none outside none; overflow:hidden; margin-bottom: 20px;} /* Om Oss - TEAM ***************************************************************************************************/ #teambox {width: 647px; display: table; background-image: url(../lib/teambox/teambox-mid.png);} #teambox-inside {padding: 10px 30px 10px 30px; display: table; height: 100%;} #teambox-top {background-image: url(../lib/teambox/teambox-top.png); width: 647px; height:20px; margin-top: 40px; behavior: url(http://www.tandvardenhabo.se/png-fix/png.htc);} #teambox-bottom {background-image: url(../lib/teambox/teambox-bottom.png); width: 647px; height:20px; behavior: url(http://www.tandvardenhabo.se/png-fix/png.htc);} #teambox-headline {margin-bottom: 10px;} #teambox-headjust {padding-left: 30px;} #teambox-wrapper {width: 1000px; margin: 0 auto; display: table;} #teambox-content {width: 940px;} #teambox-left {width: 647px; float: left; border-right: 1px solid #dfdfdf; clear: none; padding-right: 20px;} #teambox-right {width: 272px; float: right; clear: none; margin-right: 30px;} #teambox-img1, #teambox-img2, #teambox-img3 {width: 189px; height: 189px; float: left; clear: none; border: 1px solid #dfdfdf;} #teambox-img2, #teambox-img3 {margin-left: 7px;} #teambox-text1, #teambox-text2, #teambox-text3 {margin-top: 10px; font-size: 11px;} #teambox-text1, #teambox-text2, #teambox-text3 {width: 189px; float: left; clear: none;} #teambox-text2, #teambox-text3 {margin-left: 10px;} #teambox-img1-small, #teambox-img2-small, #teambox-img3-small, #teambox-img4-small {width: 139px; height: 139px; float: left; clear: none; border: 1px solid #dfdfdf;} #teambox-img3-small {margin-left: 7px;} #teambox-img2-small, #teambox-img4-small {margin-left: 8px;} #teambox-text1-small, #teambox-text2-small, #teambox-text3-small, #teambox-text4-small {margin-top: 10px; font-size: 11px;} #teambox-text1-small, #teambox-text2-small, #teambox-text3-small, #teambox-text4-small {width: 139px; float: left; clear: none;} #teambox-text2-small, #teambox-text3-small, #teambox-text4-small {margin-left: 10px;} #teambox-img1-big, #teambox-img2-big {width: 283px; height: 283px; float: left; clear: none; border: 1px solid #dfdfdf;} #teambox-img2-big {margin-left: 17px;} #teambox-text1-big, #teambox-text2-big {margin-top: 10px; font-size: 11px;} #teambox-text1-big, #teambox-text2-big {width: 283px; float: left; clear: none;} #teambox-text2-big {margin-left: 19px;} /* FACEBOOK *********************************************************************************************************/ #sharebox {border-top: 1px solid #dfdfdf; width: 100%; padding-top: 10px; margin-top: 32px;} #faceboox { display:table; width:100%; margin-bottom:30px; margin-top: 20px; } #facelogo { float: left; clear:none; } #facetext { float: left; padding-top:3px; padding-left:7px; clear:none; } /* KONTAKTFORMULÄR **************************************************************************************************/ .kontaktfield, .kontaktarea, .kontaktsubmit {-moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #FFF; border: 1px solid #dfdfdf; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 4px; color: #6c6c6c;} .kontaktfield {width: 205px;} .kontaktarea {width: 430px;} .kontakttable {margin-bottom: 10px;} .kontaktsubmit {margin-top: 20px; cursor: pointer;} .kontakttable-head {font-size: 11px; margin-bottom: 3px;}