/* Copyright TvTWeb Web & Software development */ /* Element namen in HOOFDLETTERES. Variabele namen zoals 'leftContainer'. Elementnaam altijd voor de klassenaam zoals 'DIV.leftContainer'. */ @import url("thickbox.css"); /*===ELEMENTS============================================================================================================================*/ body {text-align:center; font-family:Verdana; color:#666666; font-size:12px;margin:0px; padding:0px; background-color:#007ac3;} html {width:100%;} @font-face { font-family: 'titilliumtext22l004-webfont'; src: url('../fonts/titilliumtext22l004-webfont.eot'); src: local('☺'), url('../fonts/titilliumtext22l004-webfont.woff') format('woff'), url('../fonts/titilliumtext22l004-webfont.ttf') format('truetype'); font-weight: bold; font-style: normal; } h1 {padding:30px 0px 12px 0px; margin:30px 30px 0px 0px; text-align:left; font-family:titilliumtext22l004-webfont, Verdana; font-size:25px; color:#000000; border-top:solid 1px #e6e7e7;} h2 {padding:3px 0px 6px 0px; margin:0px; font-family:titilliumtext22l004-webfont, Verdana; font-size:16px; line-height:23px; color:#000000;} h3 {padding:13px 15px 8px 15px; margin:0px; color:#aed4ff; font-size:15px; font-weight:normal;} h4 {font-family:titilliumtext22l004-webfont, Verdana; font-size:25px; line-height:38px; color:#555555;} div.partContentText {} div.partContentText p {color:#555555; margin:0px; padding:15px 0px 0px 0px; line-height:19px; font-size:12px;} div.partContentText p a:link {color:#007ac3; text-decoration:none;} div.partContentText p a:visited {color:#007ac3; text-decoration:none;} div.partContentText p a:active {color:#007ac3; text-decoration:none;} div.partContentText p a:hover {color:#000000; text-decoration:underline;} div.partContentText ul {margin:0px; padding:0px 0px 0px 0px; list-style-type:none;} div.partContentText ul li {margin:0px; padding:0px; line-height:19px;} div.partContentText ol {margin:0px; padding:0px 0px 0px 40px; list-style-type:none;} div.partContentText ol li {margin:0px; padding:0px; line-height:19px;} div.partContentText ul li a:link {color: #007ac3; text-decoration:none;} div.partContentText ul li a:visited {color: #007ac3; text-decoration:none;} div.partContentText ul li a:active {color: #007ac3; text-decoration:none;} div.partContentText ul li a:hover {color: #000000; text-decoration:underline;} /* partFooter */ div#partFooter {width:916px; margin:0px auto; padding:15px 0px 10px 0px; height:70px; line-height:17px;} div#partFooter ul {padding:25px 0px 0px 0px; margin:0px; list-style-type:none; text-align:left;} div#partFooter ul li {color:#ffffff; padding:7px 32px 10px 33px; float:left; border-left:1px solid #4e9cd3;} div#partFooter ul li#partFooterCopyright {border-left:none; background-image:none; padding-left:37px;} div#partFooter ul li a {outline:0;} div#partFooter ul li a:link {color:#ffffff; text-decoration:none;} div#partFooter ul li a:visited {color:#ffffff; text-decoration:none;} div#partFooter ul li a:active {color:#ffffff; text-decoration:none;} div#partFooter ul li a:hover {color:#9abce4; text-decoration:none;} div#partFooter ul li a#telephoneNumber {width:154px; height:18px; display:block; font-family:titilliumtext22l004-webfont, Verdana; font-size:20px; line-height:15px;} /* partContentFileImageGallery */ div.partContentFileImageGallery {padding:7px 0px 0px 0px; margin:0px;} div.partContentFileImageGallery a.thickbox {width:132px; height:100px; float:left; display:block; padding:10px 10px 0px 0px;} div.partContentFileImageGallery a.thickbox img {border:solid 3px #E6E7E7;} div.partContentFileImageGallery a:hover.thickbox img {border:solid 3px #007ac3;} div.partContentFileImageGallery div.partContentFileImageGalleryFooter{clear:both; height:3px;} /* partContentFileImageAdmin */ div.partContentFileImageAdmin {padding:17px 0px 0px 0px; margin:0px;} div.partContentFileImageAdmin img {border:solid 3px #E6E7E7;} /*===WEBPAGE============================================================================================================================*/ div#topContainer {height:113px; width:100%; background-color:#ffffff; border-bottom:solid 1px #cfd4d4; border-top:solid 4px #9abce4;} div#top {height:113px; width:900px; margin:0px auto;} div#top a#loginButton {width:51px; height:28px; background:url(../images/style/loginButton.jpg) no-repeat; display:block; text-align:left; float:right; outline:0;} a#logo {width:290px; height:200px; background:#ffffff url(../images/style/tvtweb-logo.jpg) no-repeat; outline:0; position:absolute; z-index:4; border-right:3px solid #9abce4;} /* Horizontal navigation */ div#horizontalNavigation_part {height:113px; padding:0px 0px 0px 30px; font-family:titilliumtext22l004-webfont, Verdana; font-size:19px;} div#horizontalNavigation_part ul {margin:0px; padding:3px 0px 0px 0px; height:105px;} div#horizontalNavigation_part ul li {display: inline;} div#horizontalNavigation_part ul li a {float: left; padding:0px 0px 0px 0px; text-decoration: none; color:#040707; outline:0; margin:39px 42px 48px 0px;} div#horizontalNavigation_part ul li a:link {color: #000000;} div#horizontalNavigation_part ul li a:active {color: #000000;} div#horizontalNavigation_part ul li a:visited {color: #000000;} div#horizontalNavigation_part ul li a:hover {color: #9abce4;} div#horizontalNavigation_part ul li.selected a {color: #0084c2;} div#horizontalNavigation_part ul li.lastselected a {color: #0084c2;} div#headerContainer {height:200px; width:100%; background:#ffffff url(../images/style/headerContainer.jpg) repeat-x; padding:25px 0px 0px 0px;} div#header {margin:0px auto; padding:0px 0px 0px 0px; height:200px; width:900px; background-color:#0084c2; text-align:left;} div#contentContainer{width:100%; background-color:#ffffff;} div#content {width:900px; margin:0px auto;} div#content #googleMapContainer {padding-top:20px;} div#content #googleMaps{border:3px solid #e6e7e7;} /* Navigation */ div#subNavigation {width:840px; height:138px; text-align:left; padding:0px 30px 0px 30px; font-family:titilliumtext22l004-webfont, Verdana; font-size:13px;} div#subNavigation ul {margin:0px; padding:0px; width:840px; height:138px; border-bottom:solid 1px #e6e7e7;} div#subNavigation ul li {display:inline; padding:0px; margin:0px;} div#subNavigation ul li a {float:left; padding:88px 13px 6px 14px; text-decoration:none; height:44px; color:#666666; text-align:center; width:78px; outline:0;} /************/ /* DIENSTEN */ /************/ /* Advisering */ DIV#subNavigation ul li#navigationItemLi11 a {background:url(../images/style/subnavigation/navadvisering.gif) no-repeat center 0px;} DIV#subNavigation ul li#navigationItemLi11 a:hover {background-position:center -138px; color:#000000;} DIV#subNavigation ul li#navigationItemLi11.selected a {background-position:center -138px; color:#007ac3;} /* Hosting */ DIV#subNavigation ul li#navigationItemLi12 a {background:url(../images/style/subnavigation/navhosting.gif) no-repeat center 0px;} DIV#subNavigation ul li#navigationItemLi12 a:hover {background-position:center -138px; color:#000000;} DIV#subNavigation ul li#navigationItemLi12.selected a {background-position:center -138px; color:#007ac3;} /* Grafisch */ DIV#subNavigation ul li#navigationItemLi13 a {background:url(../images/style/subnavigation/navgrafisch.gif) no-repeat center 0px;} DIV#subNavigation ul li#navigationItemLi13 a:hover {background-position:center -138px; color:#000000;} DIV#subNavigation ul li#navigationItemLi13.selected a {background-position:center -138px; color:#007ac3;} /* Technisch */ DIV#subNavigation ul li#navigationItemLi14 a {background:url(../images/style/subnavigation/navtechnisch.gif) no-repeat center 0px;} DIV#subNavigation ul li#navigationItemLi14 a:hover {background-position:center -138px; color:#000000;} DIV#subNavigation ul li#navigationItemLi14.selected a {background-position:center -138px; color:#007ac3;} /* Content management */ DIV#subNavigation ul li#navigationItemLi15 a {background:url(../images/style/subnavigation/navcms.gif) no-repeat center 0px;} DIV#subNavigation ul li#navigationItemLi15 a:hover {background-position:center -138px; color:#000000;} DIV#subNavigation ul li#navigationItemLi15.selected a {background-position:center -138px; color:#007ac3;} /* Mailchimp */ DIV#subNavigation ul li#navigationItemLi40 a {background:url(../images/style/subnavigation/navmailchimp.gif) no-repeat center 0px;} DIV#subNavigation ul li#navigationItemLi40 a:hover {background-position:center -138px; color:#000000;} DIV#subNavigation ul li#navigationItemLi40.selected a {background-position:center -138px; color:#007ac3;} /* SEO */ DIV#subNavigation ul li#navigationItemLi16 a {background:url(../images/style/subnavigation/navseo.gif) no-repeat center 0px;} DIV#subNavigation ul li#navigationItemLi16 a:hover {background-position:center -138px; color:#000000;} DIV#subNavigation ul li#navigationItemLi16.selected a {background-position:center -138px; color:#007ac3;} /* Marketing */ DIV#subNavigation ul li#navigationItemLi17 a {background:url(../images/style/subnavigation/navadverteren.gif) no-repeat center 0px;} DIV#subNavigation ul li#navigationItemLi17 a:hover {background-position:center -138px; color:#000000;} DIV#subNavigation ul li#navigationItemLi17.selected a {background-position:center -138px; color:#007ac3;} /* Support */ DIV#subNavigation ul li#navigationItemLi18 a {background:url(../images/style/subnavigation/navsupport.gif) no-repeat center 0px;} DIV#subNavigation ul li#navigationItemLi18 a:hover {background-position:center -138px; color:#000000;} DIV#subNavigation ul li#navigationItemLi18.selected a {background-position:center -138px; color:#007ac3;} DIV#subNavigation ul li#navigationItemLi18.lastselected a {background-position:center -138px; color:#007ac3;} /***************/ /* Oplossingen */ /***************/ /* Websites */ DIV#subNavigation ul li#navigationItemLi8 a {background:url(../images/style/subnavigation/nav-website-en-webwinkel.gif) no-repeat center 0px; width:146px;} DIV#subNavigation ul li#navigationItemLi8 a:hover {background-position:center -138px; color:#000000;} DIV#subNavigation ul li#navigationItemLi8.selected a {background-position:center -138px; color:#007ac3;} /* Webwinkels */ DIV#subNavigation ul li#navigationItemLi9 a {background:url(../images/style/subnavigation/nav-websites-en-webwinkels-grafische-sector.gif) no-repeat center 0px; width:146px;} DIV#subNavigation ul li#navigationItemLi9 a:hover {background-position:center -138px; color:#000000;} DIV#subNavigation ul li#navigationItemLi9.selected a {background-position:center -138px; color:#007ac3;} /* Webapplicaties - INACTIVE! */ DIV#subNavigation ul li#navigationItemLi10 a {background:url(../images/style/subnavigation/navwebapplicaties.gif) no-repeat center 0px;} DIV#subNavigation ul li#navigationItemLi10 a:hover {background-position:center -138px; color:#000000;} DIV#subNavigation ul li#navigationItemLi10.selected a {background-position:center -138px; color:#007ac3;} DIV#subNavigation ul li#navigationItemLi10.lastselected a {background-position:center -138px; color:#007ac3;} /***************/ /* Organisatie */ /***************/ /* Groei mee */ DIV#subNavigation ul li#navigationItemLi19 a {background:url(../images/style/subnavigation/navgroeien.gif) no-repeat center 0px;} DIV#subNavigation ul li#navigationItemLi19 a:hover {background-position:center -138px; color:#000000;} DIV#subNavigation ul li#navigationItemLi19.selected a {background-position:center -138px; color:#007ac3;} /* Actueel */ DIV#subNavigation ul li#navigationItemLi20 a {background:url(../images/style/subnavigation/navactueel.gif) no-repeat center 0px;} DIV#subNavigation ul li#navigationItemLi20 a:hover {background-position:center -138px; color:#000000;} DIV#subNavigation ul li#navigationItemLi20.selected a {background-position:center -138px; color:#007ac3;} /* Ons team */ DIV#subNavigation ul li#navigationItemLi21 a {background:url(../images/style/subnavigation/navteam.gif) no-repeat center 0px;} DIV#subNavigation ul li#navigationItemLi21 a:hover {background-position:center -138px; color:#000000;} DIV#subNavigation ul li#navigationItemLi21.selected a {background-position:center -138px; color:#007ac3;} /* Veel gestelde vragen */ DIV#subNavigation ul li#navigationItemLi23 a {background:url(../images/style/subnavigation/navfaq.gif) no-repeat center 0px; width:86px;} DIV#subNavigation ul li#navigationItemLi23 a:hover {background-position:center -138px; color:#000000;} DIV#subNavigation ul li#navigationItemLi23.selected a {background-position:center -138px; color:#007ac3;} /* Voorwaarden */ DIV#subNavigation ul li#navigationItemLi24 a {background:url(../images/style/subnavigation/navvoorwaarden.gif) no-repeat center 0px;} DIV#subNavigation ul li#navigationItemLi24 a:hover {background-position:center -138px; color:#000000;} DIV#subNavigation ul li#navigationItemLi24.selected a {background-position:center -138px; color:#007ac3;} /* contact */ DIV#subNavigation ul li#navigationItemLi22 a {background:url(../images/style/subnavigation/navcontact.gif) no-repeat center 0px;} DIV#subNavigation ul li#navigationItemLi22 a:hover {background-position:center -138px; color:#000000;} DIV#subNavigation ul li#navigationItemLi22.selected a {background-position:center -138px; color:#007ac3;} DIV#subNavigation ul li#navigationItemLi22.lastselected a {background-position:center -138px; color:#007ac3;} div#textArea {width:870px; padding:30px 0px 0px 30px; text-align:left;} div#textArea h1 {margin-top:0px; padding-bottom:30px;} /* Onze werkwijze */ div#onze-werkwijze {} a#stap1-projectplan {width:139px; height:75px; background: url(../images/style/stap1-projectplan.gif) no-repeat 0px 0px; display:block;} a#stap1-projectplan:hover {background-position:0px -75px;} div#textFull {width:840px; padding:30px 30px 33px 30px; text-align:left;} div#textFull h1 {padding:0px 0px 19px 0px; margin:0px 0px 5px 0px; font-size:22px; font-weight:normal; color:#000000; line-height:23px; border-bottom:solid 1px #e6e7e7; text-transform:capitalize;} /* Home */ div#frontpageContainer {} div.frontPageItem {padding:0px 30px 0px 0px; float:left; width:260px;} div.frontPageItem h1 {padding:0px 0px 19px 0px; margin:0px 0px 19px 0px; font-size:25px; font-weight:normal; color:#040707; line-height:23px; border-bottom:solid 1px #e6e7e7; border-top:none;} div.frontPageItem .partContentText p {margin:0px; padding:0px 0px 19px 0px; line-height:19px;} div.frontPageItem object {margin:0px; padding:5px 0px 21px 0px; overflow:hidden; display:block;} /* Position YouTube video */ /* Defines a single news item */ div.frontPageNewsItem {padding:0px 0px 19px 0px;} div.frontPageNewsItem h2 {padding:0px 0px 0px 0px; margin:0px; font-size:12px; font-weight:normal; color:#040707; line-height:19px; font-family:Verdana;} div.frontPageNewsItem span {color:#555555; line-height:19px;} div.frontPageNewsItem a:link {color: #040707; text-decoration:none;} div.frontPageNewsItem a:visited {color: #040707; text-decoration:none;} div.frontPageNewsItem a:active {color: #040707; text-decoration:none;} div.frontPageNewsItem a:hover {color: #007ac3; text-decoration:none;} div.frontPageServiceItem {padding:0px 0px 19px 0px;} div.frontPageServiceItem h2 {padding:0px 0px 0px 0px; margin:0px; font-size:12px; font-weight:normal; color:#040707; line-height:19px; font-family:Verdana;} div.frontPageServiceItem a:link {color: #555555; text-decoration:none;} div.frontPageServiceItem a:visited {color: #555555; text-decoration:none;} div.frontPageServiceItem a:active {color: #555555; text-decoration:none;} div.frontPageServiceItem a:hover {color: #007ac3; text-decoration:none;} div.frontPageServiceItem h2#hosting {background:url(../images/style/hostingIcon.jpg) no-repeat 3px 6px; padding:0px 0px 0px 46px;} div.frontPageServiceItem h2#webdesign {background:url(../images/style/webdesignIcon.jpg) no-repeat 0px 6px; padding:0px 0px 0px 46px;} div.frontPageServiceItem h2#technical {background:url(../images/style/technicalIcon.jpg) no-repeat 0px 6px; padding:0px 0px 0px 46px;} div.frontPageServiceItem h2#cms {background:url(../images/style/cmsIcon.jpg) no-repeat 0px 6px; padding:0px 0px 0px 46px;} /* The more button */ a.moreButton {height:16px; background:url(../images/style/moreButton.png) no-repeat 0px 0px; display:block; padding:0px 0px 0px 25px; line-height:15px; color:#555555; margin-top:2px; outline:0;} a:hover.moreButton {background:url(../images/style/moreButton.png) no-repeat 0px -16px; color:#007ac3;} a.moreButton:link {color: #555555; text-decoration:none;} a.moreButton:visited {color: #555555; text-decoration:none;} a.moreButton:active {color: #555555; text-decoration:none;} a.moreButton:hover {color: #007ac3; text-decoration:none;} /* Recent work */ div#recentWork {width:870px; padding:0px 0px 0px 0px; text-align:left;} div#recentWork h1 {padding:0px 0px 19px 0px; margin:0px 0px 19px 30px; font-size:25px; font-weight:normal; color:#040707; line-height:23px; border-bottom:solid 1px #e6e7e7; border-top:none;} /* Home Footer */ div#homeFooter {clear:both; height:29px;} /* Diensten & Organisatie */ div.textBox {float:left; width:240px; background: url(../images/style/quoteIcon.gif) no-repeat left top; padding:0px 0px 0px 40px;} div.textBox div.partContentFileImageAdmin {border:none; border-bottom:1px solid #E6E7E7; width:180px; height:120px; padding:0px; margin-bottom:20px;} div.textBox div.partContentFileImageAdmin img {border:none; } div.profile {background-position:left 140px;} /* Oplossingen */ div.textBoxNumbers {float:left; width:280px; background: url(../images/style/numberIcon.gif) no-repeat left top; padding:0px 0px 0px 0px;} div.textBoxNumbers div.partContentText ul {margin:0px; padding:0px 0px 0px 40px; list-style-type:none;} div.textBoxNumbers div.partContentText ul li {margin:0px; padding:0px; line-height:19px;} div.textBoxNumbers div.partContentText ol {margin:0px; padding:0px 0px 0px 40px; list-style-type:none;} div.textBoxNumbers div.partContentText ol li {margin:0px; padding:0px; line-height:19px;} div.columnNumber {width:30px; float:left; text-align:center; color:#ffffff; font-size:15px; height:24px; padding:6px 10px 0px 0px;} div.textBoxNumbers p {margin:0px; padding:15px 0px 0px 40px;} /* Portfolio */ div#galleryArea {width:900px; padding:30px 0px 0px 0px; text-align:left;} div#galleryArea h1 {padding:0px 0px 16px 0px; margin:0px 30px 0px 30px; font-size:22px; color:#040707; text-align:left; border-bottom: solid 1px #e6e7e7; font-weight:normal; border-top:none;} .activeHoverLeft {height:128px; width:293px; position:absolute; background: url(../images/style/activeHoverLeft.png) no-repeat; margin:-84px 0px 0px 16px;} .activeHoverRight {height:128px; width:293px; position:absolute; background: url(../images/style/activeHoverRight.png) no-repeat; margin:-84px 0px 0px -239px;} SPAN.customerLabel {color:#ffffff; display:block; padding:0px 0px 0px 15px; font-size:12px; line-height:19px;} a.gallery {width:70px; height:70px; float:left; border:solid 4px #e6e7e7; margin:30px 1px 0px 30px; cursor:pointer;} a.gallery img {border:0px;} a:hover.gallery {border:solid 4px #007ac3;} a:hover.gallery img {border:0px;} div#galleryFooter {clear:both; height:30px;} /* News archive */ div#newsArchiveList {float:left; width:240px; background: url(../images/style/quoteIcon.gif) no-repeat left top; padding:0px 40px 0px 0px;} div#newsArchiveList h2 {padding:0px 0px 0px 40px;} div#newsArchiveNavigation ul {list-style-type:none; border-left:solid 1px #e6e7e7; padding:0px 0px 0px 0px; margin:30px 0px 0px 13px;} div#newsArchiveNavigation ul li {padding:0px; margin:0px 0px 15px 0px;} div#newsArchiveNavigation ul li.selected a{border-left:solid 4px #e6e7e7; color:#007ac3;} div#newsArchiveNavigation ul li a {line-height:19px; display:block; padding:0px 0px 0px 22px; border-left:solid 4px #ffffff; color:#040707; text-decoration:none;} div#newsArchiveNavigation ul li a span {color:#555555; line-height:19px; padding:0px 0px 0px 0px; display:block;} div#newsArchiveNavigation ul li a:hover {color:#007ac3; text-decoration:none; border-left:solid 4px #e6e7e7;} div#newsArchiveItem {float:left; width:570px;} div#newsArchiveItem h1 {padding:0px 0px 7px 0px; margin:0px 30px 0px 0px; text-align:left; font-family:titilliumtext22l004-webfont, Verdana; font-size:25px; color:#000000; border:none;} div#newsArchiveItem div.partContentText ul {margin:0px; padding:0px 0px 0px 0px; list-style-type:none;} div#newsArchiveItem div.partContentText ul li {margin:0px; padding:0px 0px 0px 16px; line-height:19px; background: url(../images/style/bullet.jpg) no-repeat 0px 8px;} div#newsArchiveItem div.partContentText p {padding-right:10px;} div#newsArchiveItem div.partContentText p b, div#newsArchiveItem div.partContentText p strong {font-size:19px; font-family:titilliumtext22l004-webfont, Verdana; color:#007ac3;} /* Recent work carousel */ div#recentWorkCarousel {padding:6px 0px 26px 0px; width:870px;} /* Referenties */ div#references {width:840px; background: url(../images/style/quoteIcon.gif) no-repeat 30px 30px; padding:30px 0px 0px 60px;} div.referenceItem {width:240px; float:left; margin-left:30px; border-bottom:dashed 1px #e6e7e7; color:#555555; padding:7px 0px 8px 0px;} div#referenceFooter {clear:both; height:40px;} /* Portfolio */ div#portfolioCarousel {padding:30px 0px 0px 0px;} span.portfolioColumn {} span.portfolioColumn a {text-decoration:none;} span.portfolioColumn a span {text-decoration:none;} span.portfolioColumn a:hover {text-decoration:none;} span.projectNameSingle {display:block; width:125px; float:left; color:#1c5e9b; line-height:15px; padding:23px 0px 0px 0px; font-weight:bold;} span.projectName {display:block; width:125px; float:left; color:#1c5e9b; line-height:15px; padding:7px 0px 5px 0px; font-weight:bold;} span.projectPartner {display:block; width:125px; float:left; color:#555555; line-height:15px; font-size:11px;} /* Footer */ div.textFooter {clear:both; height:40px;} div#footerContainer {background-color:#007ac3; width:100%;}