/* CREDITS * ---------------------------------------------------------- * Title: Design Vlaanderen - CSS Main Stylesheet * Author: David Candreva * Date: 09/09/08 * Last Edit: 09/09/08 David Candreva * ---------------------------------------------------------- * Inventis - Web Architects - We design the Web! * www.inventis.be */ /* Algemene Styles ---------------------------------------------------------- */ textarea, body{font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#6f6b60;} /* textarea, body{font-family:"Lucida Sans Unicode", "Lucida Grande", Trebuchet MS, Helvetica, sans-serif; font-size:14px;color:#6f6b60;} */ body{background:url(../images/layout/body_tile.gif) repeat 0 0} */ /* body{background:url(../images/bgs/06a-sitemap.jpg) no-repeat 0 0;} /* body{background:none; background-color:#d8d8d8}*/ /* selectors */ strong,b{font-weight:800;strong } em{font-style:italic;} a{outline:none; color:#211f1b; text-decoration:none;} a:hover{text-decoration:none;} div.clear{clear:both;} a.backButton {margin-left:197px; font-size:11px;} body:first-of-type a.backButton {margin-left:20px; font-size:11px;} a.backButton img {vertical-align:middle;margin-right:4px;} hr, h1, h2, #calendarInfo {color:#211f1b;} h3 { font-size:14px; color:#6f6b60;} #calendarInfo {font-weight:bold} .red{color:#b21207} /* Container ---------------------------------------------------------- */ /*div#container{width:941px; margin:0 auto;}*/ div#container{width:941px;overflow:hidden;} /* Header ---------------------------------------------------------- */ div#header{width:990px; height:95px; position:absolute; z-index:99} /*logo*/ div#header img{ margin:35px 46px 0 35px; float:left; } div#header #languages{float:left;position:absolute;left:240px;top:35px;} /*main_navigation*/ div#header ul.main_navigation {float:left; margin-top:33px; font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif; font-size:14px;} div#header ul.main_navigation li {float:left; margin-left:-1px;} div#header ul.main_navigation li a {font-size:15px; line-height:20px; padding:0px 7px 3px 7px; background:url(../images/layout/main_navigation_bullet.gif) no-repeat right 0;display:block} div#header ul.main_navigation li a:hover, div#header ul.main_navigation li a.active {color:#fff; background:url(../images/layout/main_navigation_bullet.gif) repeat right center;} div#header ul.main_navigation li a.last {background:none; padding:0px 7px 0 7px;} div#header ul.main_navigation li a.last:hover, div#header ul.main_navigation li a.last.active {background:url(../images/layout/main_navigation_bullet.gif) repeat right 0; padding:0px 7px 3px 7px;} div#header ul.main_navigation li ul {position:absolute; left:342px; top:58px;width:615px;overflow:hidden;} div#header ul.main_navigation li li {float:left;} div#header ul.main_navigation li li a {font-size:12px; background:none;float:left; padding:0px 7px 0px 7px;} /*extra_navigation*/ div#header ul.extra_navigation{position:absolute; right:0px; top:6px;margin-top:-1px;} div#header ul.extra_navigation li{float:left; margin-left:-1px;} div#header ul.extra_navigation li a{font-size:11px; padding:0 7px; background:url(../images/layout/extra_navigation_bullet.gif) no-repeat right center;} div#header ul.extra_navigation li a.last{background:none; margin-right:5px} /* Content ---------------------------------------------------------- */ div#content{ width:941px; padding:155px 0 0 0;position:relative; } /*sidebar*/ div#content div#sidebar{ float:left; width:157px; margin-left: 20px; margin-top: 6px; } div#content div#sidebar2{ float:left; width:157px; margin-left: 20px; margin-top: 0px; } body:first-of-type div#content div#sidebar{ float:left; width:157px; margin-left: 20px; margin-top: 18px; } body:first-of-type div#content div#sidebar2{ float:left; width:157px; margin-left: 20px; margin-top: 12px; } /*menu*/ div#sidebar ul{text-align:right;} div#sidebar ul li{margin-bottom:2px;} div#sidebar ul li a{ font-size:11px; padding:0 5px; line-height: 15px; } div#sidebar ul li a.active, div#sidebar ul li a:hover{background:#211f1b; color:#FFF;} /*search*/ div#sidebar fieldset.search, div#sidebar2 fieldset.search{float:right; margin:7px 4px 0 0; display:inline;} div#sidebar fieldset.search legend, div#sidebar2 fieldset.search legend{display:none;} div#sidebar fieldset.search input, div#sidebar2 fieldset.search input{width:83px; font-size:13px; padding:2px 5px 0; height:18px; background:#211f1b; color:white; border:0;} /*text*/ div#content div#text{ margin-left:20px; line-height:21.7px; float:left; width:700px; margin-top: 2px; } div#content div#text h1{font-size:28px;padding-bottom:13px;line-height:32px; font-weight:normal;} div#content div#text .blackLink{font-size:11px;background-color:#211f1b;color:#FFF;padding:1px 7px 1px 7px; margin-left:7px; margin-bottom:0px; position:relative; bottom:4px;} div#content div#text ul li { list-style:disc; margin: 0 0 0 15px;} div#content div#text ol li { margin: 0 0 0 19px; list-style-type: decimal; } div#content div#text ul#files {margin-left:0px;margin-top:20px;} div#content div#text ul#files li {background:transparent url(../images/layout/file.gif) no-repeat left center;padding-left:20px;height:20px;line-height:20px; list-style:none; margin-left:0; margin-bottom:5px;} /*list*/ div#content div#text div#listImages {width:180px;float:left;margin-right:10px; margin-left:-15px} div#content div#text div#listItems {float:left; margin-left:10px;} div#content div#text div#listItemsKwint {float:left; margin-left:10px;} div#content div#text div#pagination { color:#211f1b; font-size:13px; text-align:right; width:455px; border-top:1px #211f1b solid; padding-right:5px; padding-top:5px;} div#content div#text div#pagination img {vertical-align:middle;margin-left:4px;} div#content div#text div#listImages span {float:left;position:relative;width:150px} /*listImages*/ div#content .listImage {position:relative} div#content .listImage.image1 {background:transparent url(../images/layout/shadow155.png) no-repeat left top;padding:13px;} div#content .listImage.image2 {background:transparent url(../images/layout/shadow100.png) no-repeat center center;padding:11px;} div#content .listImage.image3 {background:transparent url(../images/layout/shadow75.png) no-repeat center center;padding:9px;} div#content .listImage.image {background:transparent url(../images/layout/shadows/square234.png) no-repeat center center;padding:10px;} div#content .listImage.style1 {z-index:6;margin: 2px 0 0 7px;} div#content .listImage.style2 {z-index:5;margin:-25px 0 0 33px;} div#content .listImage.style3 {z-index:4;margin:-22px 0 0 17px;} div#content .listImage.style4 {z-index:3;margin:-15px 0 0 27px;} div#content .listImage.style5 {z-index:2;margin:-17px 0 0 67px;} div#content .listImage.style6 {z-index:1;margin:-13px 0 0 50px;} div#content .listImage.style7 {z-index:0;margin:-12px 0 0 60px;} div#content .listImage.bg1 { background-image:url(../images/layout/shadows/rect177x211.png); background-position: center center; padding: 17px; } div#content .listImage.bg2 {background-image:url(../images/layout/shadows/rect120x143.png); background-position: center center; padding: 16px;} div#content .listImage.bg3 {background-image:url(../images/layout/shadows/rect90x107.png); background-position: center center; padding: 14px;} div#content .listImage.rect1 {z-index:6;margin: -5px 0 0 7px;} div#content .listImage.rect2 {z-index:5;margin:-27px 0 0 33px;} div#content .listImage.rect3 {z-index:4;margin:-27px 0 0 17px;} div#content .listImage.rect4 {z-index:3;margin:-27px 0 0 27px;} div#content .listImage.rect5 {z-index:2;margin:-30px 0 0 67px;} div#content .listImage.rect6 {z-index:1;margin:-25px 0 0 50px;} div#content .listImage.rect7 {z-index:0;margin:-25px 0 0 60px;} div#content .listImage.rect8 {z-index:0;margin:-25px 0 0 40px;} div#content .listImage.rect9 {z-index:0;margin:-25px 0 0 46px;} div#content .listImage.rect10 {z-index:0;margin:-25px 0 0 38px;} div#content .listImage.rect11 {z-index:0;margin:-25px 0 0 55px;} div#content .listImage.rect12 {z-index:0;margin:-25px 0 0 49px;} div#content .listImage.rect13 {z-index:0;margin:-25px 0 0 60px;} div#content .listImage.rect14 {z-index:0;margin:-25px 0 0 67px;} div#content .listImage.rect15 {z-index:0;margin:-25px 0 0 57px;} div#content .listImage.rect16 {z-index:0;margin:-25px 0 0 70px;} div#content .listImage.rect17 {z-index:0;margin:-25px 0 0 59px;} div#content .listImage.rect18 {z-index:0;margin:-25px 0 0 68px;} div#content .listImage.rect19 {z-index:0;margin:-25px 0 0 54px;} div#content .listImage.rect20 {z-index:0;margin:-25px 0 0 61px;} /*listItems*/ div#content #listItems h1 {width:445px;} div#content #listItemsKwint h1 {width:445px; margin-bottom:-10px} div#content #listItems h1 span.h1scheiding{background:transparent url(../images/layout/h1scheiding.gif) no-repeat left top; margin:0 0 0 15px; padding:0 15px 0 0;} div#content .listItem {position:relative;width:460px;border-top:1px #211f1b solid;padding:7px 0 5px 0;} div#content .listItem h2 {margin-bottom:5px; line-height:16.1px;} a.readmore {position:absolute;right:0px;bottom:3px; margin:0; line-height:normal; text-align:center;} em.cat {position:absolute;left:0px;bottom:3px; margin:0; line-height:normal; text-align:center;color:#000} a.readmore, a.readmore {padding:1px 2px 1px 2px;} a.readmore:hover, a.readmoreVac:hover {background-color:#b21207; color:#fff;} div#content .listItem strong {margin-top:10px;} div#content .listItem.level1 {height:104px;background:transparent} div#content .listItem.level2 {height:89px;background:none} div#content .listItem.level3 {height:66px;background:none} div#content #listItems.Big .listItem strong {margin-top:10px;} div#content #listItems.Big .listItem.level1 {height:140px;background:transparent} div#content #listItems.Big .listItem.level2 {height:105px;background:none} div#content #listItems.Big .listItem.level3 {height:98px;background:none} div#content #listItemsKwint.Big .listItem strong {margin-top:10px;} div#content #listItemsKwint.Big .listItem.level1 {height:143px;background:transparent} div#content #listItemsKwint.Big .listItem.level2 {height:115px;background:none} div#content #listItemsKwint.Big .listItem.level3 {height:80px;background:none} div#content #detailImagesKwint {width:140px;float:left;margin-right:10px;} div#content #detailImages {width:250px;float:left;margin-right:10px;} div#content .detailImage {background:transparent url(../images/layout/shadows/square234withcomment.png) no-repeat left top;width:242px;height:269px; padding:9px 0 0 6px} div#content .detailImageSquare {background:transparent url(../images/layout/shadows/square234.png) no-repeat left top; width:240px;height:240px; padding:4px 0 0 4px} div#content .detailImage.long {background:transparent url(../images/layout/shadows/rect230x300.png) no-repeat left top; width:242px;height:307px; padding:5px 0 0 4px} div#content #detailImagesKwint, div#content #detailImages a {padding:15px;display:block;} div#content #detailImagesKwint, div#content #detailImages a img {} div#content #detailImagesKwint, div#content #detailImages a div {margin-top:2px;font-size:10px} div#content #detailImages a div {height:15px;width:210px;overflow: hidden} div#content .team {background:transparent url(../images/layout/shadows/rect177x211.png) no-repeat left top; padding:13px 10px 10px 12px;} div#content #detailImages .style1 {float:left;position:relative;z-index:6;margin:-1px 0 0 -10px;} div#content #detailImages .style2 {float:left;position:relative;z-index:5;margin:-52px 0 0 10px;} div#content #detailImages .style3 {float:left;position:relative;z-index:4;margin:-55px 0 0 42px;} div#content #detailImages .style4 {float:left;position:relative;z-index:3;margin:-50px 0 0 23px;} div#content #detailImages .style5 {float:left;position:relative;z-index:2;margin:-45px 0 0 20px;} div#content #detailImages .style6 {float:left;position:relative;z-index:1;margin:-45px 0 0 7px;} div#content #detailImages .style7 {float:left;position:relative;z-index:0;margin:-45px 0 0 17px;} div#content #detailItem {width:440px;float:left} div#content #team {width:400px;float:left;margin-left:20px;} div#content #subHeader {height:30px; float:left; margin:0 0 0 10px; line-height:15px; border-left:solid 1px #333333; padding:0 0 0 10px;} div#content .subHeader {height:15px !important;margin:-15px 0 0 0 !important; line-height:15px !important; padding:0 !important;position: relative !important;border-left:none !important} div#content #subHeader a, div#content #subHeader a {padding:0px 2px;} div#content #subHeader a:hover, div#content #subHeader a:hover {background-color:#b21207; color:#fff;} div#content a.subhead:hover {background-color:#b21207; color:#fff;} div#content .pressItem {background:transparent url(../images/layout/portfolioLine.gif) no-repeat right bottom; width:645px;clear:both; solid;padding-top:5px;height:90px;} div#content .pressItem .pressImage {background:transparent url(../images/layout/square68.png) no-repeat center center;padding:10px; height:56px; width:56px; margin-top:5px; float:left;} /* div#content .pressItem p {margin-left:0px;width:520px} */ div#content .pressItem p {float:left;} div#content div#pressList div#pagination{width:645px; border:none; clear:both; margin:0 5px 0 0;} div#content #calendarFilter { position:absolute; right:28px; top:130px; margin-right:65px;} div#content #calendarFilter select {width:150px} /* Footer ---------------------------------------------------------- */ div#footer{} /*div#footer .footerData { font-family:Arial, Helvetica, sans-serif; font-size:12px; height:126px; line-height:18px; margin-top:70px; padding-right:96px; text-align:right; } */ div#footer .footerData { font-family:Arial, Helvetica, sans-serif; font-size:12px; height:126px; line-height:18px; margin-top:70px; padding-right:75px; text-align:right; } div#footer .footerLinks { font-family:Arial, Helvetica, sans-serif; font-size:12px; height:32px; margin-left:30px; margin-top:15px; } div#footer .footerData a, div#footer .footerLinks a {padding:1px 2px 1px 2px;} div#footer .footerData a:hover, div#footer .footerLinks a:hover {background-color:#b21207; color:#fff;} /* loginForm ---------------------- */ #loginForm{ display:none;} div#loginFrom div.title { display:block; width:190px; text-align:right; } div#loginForm { position:absolute; z-index:999; left: 50%; top: 300px; width:200px; height:120px; margin-left: -100px; background:transparent url(../images/layout/loginformBg.png) no-repeat center center; padding: 10px;} div#loginForm label {float:left;width:80px;height:25px;line-height:25px; text-align:right; padding-right:5px; font-size:11px;} div#loginForm input {float:left;background-color:#201f1b;border:0;padding:3px 4px;width:87px;color:#fff} div#loginForm input.reset {float:left;background-color:#ffffff;border:0;padding:4px 0 2px 0; width:60px; font-size:11px; color:#6f6b60; margin-left: 63px} div#loginForm input.submit {float:left;background-color:#ffffff;border:0;padding:2px 0px; width:60px; color:#201f1b} div#loginForm select {float:left;} div#loginForm .btn {width:auto !important;float:right; padding:0 5px;} /* adminimages ------------------------*/ div#content .adminimage {background:transparent url(../images/layout/shadow145.png) no-repeat center center;padding:21px;} /* Portfolio - order -----------------------*/ div#content div.projectOrder {display: inline;width:32px} /** * Fase 2 */ /* Team ------------------------*/ div.team_overview#team {width:680px !important;} div.team_overview#team h2 {font-size:26px;font-weight: normal;padding-left:8px;} div.team_overview#team a.bigpicture {display:block;background: transparent url(../images/layout/team/team_overview.png) no-repeat;padding:15px;width:301px;height:226px;margin: 15px 0;} div.team_overview#team ul.teamlist {margin:3px 0 0 2px;width:214px;float:left;} div.team_overview#team ul.teamlist li {display: block;float: left;width: 196px;padding:5px 0 5px 5px;border:1px solid #211f1b;border-right:none;border-left: none;margin:-1px 0 0 4px !important;color: #5a5348;line-height: 21.8px;} div.team_overview#team ul.teamlist li strong {font-weight: normal;color: #211f1b;} div.team_overview#team ul.teamlist li a.link {display: block;float:right;color: #211f1b;} /* Advanced search form ------------------------*/ div#search_form h2 {font-size:26px;font-weight: normal;} div#search_form form.search {width:440px;border:1px solid #211f1b;border-left: none;border-right: none;margin:18px 0 0 -2px;padding:12px 0;position: relative;} div#search_form form.search div.entry {clear: both;height: 25px;} div#search_form form.search div.entry label {width:139px;display: block;float: left;font-size:14px;line-height: 25px;} div#search_form form.search div.entry select {width:300px;display: block;float: left;margin-top:4px;} div#search_form form.search div.entry input {width:290px;display: block;float: left;font-size:13px; padding:2px 5px 0; height:15px; background:#211f1b; color:white; border:0;margin-top:4px;} div#search_form form.search div.buttons button {position: absolute;bottom:-26px;right:0;font-size:12px;background:#211f1b; color:white; border:0;width:39px;text-align:center;line-height:17px;padding:0} /* Disciplines */ div#search_form.disciplines div.info {width:440px;border:1px solid #211f1b;border-left: none;border-right: none;margin:18px 0 -19px; -2px;padding:6px 0 7px 0;} div#search_form.disciplines form.search {padding:10px 0;} div#search_form.disciplines div.checkbox {width:220px;float:left;line-height: 21px;height:21px;border:none} div#search_form.disciplines div.checkbox input {float:left;border:none} div#search_form.disciplines div.checkbox label {float:left;width:180px;} /* Advanced search results ------------------------*/ div#search_results {position: relative;} div#search_results h2 {font-size:26px;font-weight: normal;padding-left:2px;} div#search_results div.extra_links {position: absolute;right:65px;top:6px;font-size:11px;} div#search_results div.info {width:634px;border:1px solid #211f1b;border-left: none;border-right: none;margin:18px 0 15px;;padding:6px 0 7px 0;} div#text div#search_results div.results ul li {list-style-type: none;margin:0;clear:both;} div#search_results div.results ul li a.result_image, div#search_results div.results ul li div.noimage {display: block;width:86px;float:left;margin-top:-5px;margin-left:-5px;} div#search_results div.results ul li a img {background:transparent url(../images/layout/search/search_result_shadow.png) no-repeat top left;padding:13px;} div#search_results div.results ul li div.result_text {display: block;width:553px;float:left;border-bottom: 1px solid #211f1b;margin-top:-3px;padding-bottom: 21px;position:relative;margin:-3px 0 10px 0;height:65px;} div#search_results div.results ul li div.result_text em {position: absolute;left:0;bottom:1px;font-size:13px;color:#211f1b;} div#search_results div.results ul li div.result_text a.readmore {position: absolute;right:0;bottom:4px;} div#text div#search_results div#pagination {border-top: none;width:634px;padding-top: 0px;margin-top:-6px;line-height: 13px;font-size:12px} div.alignright {margin-left:185px;} /* Google Search API ------------------------*/ div#google {position: relative;} div#google h2 {font-size:26px;font-weight: normal;padding-left:2px;} div#google .gsc-control {width:634px;} div#google .gsc-search-box .gsc-search-box {width:634px;overflow:hidden;border:1px solid #211f1b;border-left: none;border-right: none;margin:18px 0 15px 0;} div#google .gsc-search-box tr td {padding:12px 0 14px 0;} div#google td.gsc-input {width:236px;} div#google input.gsc-input {width:236px;display: block;float: left;font-size:13px; padding:2px 5px 0; height:15px; background:#211f1b; color:white; border:0;} div#google .gsc-search-button {width:auto;} div#google .gsc-search-button input {font-size:12px;height:17px; background:#211f1b; color:white; border:0;width:53px;text-align:center;line-height:17px;margin-left: 10px;} div#google form.gsc-search-box {margin:0;} div#google .gsc-branding {display:none} div#google .gsc-tabsArea {display: none;} div#google .gsc-resultsHeader {display: none;} div#google .gs-webResult {display: block;width:634px;float:left;border-bottom: 1px solid #211f1b;margin-top:-3px;padding-bottom: 12px;position:relative;} div#google .gs-title {height:auto;} div#google .gs-title * {color:#211F1B;} div#google .gs-visibleUrl-short {display: none;} div#google .gs-visibleUrl-long {display: block;color:#211F1B;} div#google .disabled {display: none;} div#google .pagination {width:634px !important;padding:0 !important;text-align: right !important;} div#google .gs-no-results-result div {padding:0;background:none;border:none;} /* Bestel formulier */ #lente_dvl, #lenteherfst, #nieuws_dv, #nieuws_pa {margin-left:0}