/* ### GENERAL ### */ * { padding: 0px; margin: 0px; } html, body { font-family: Tahoma, 'Trebuchet MS'; font-size: 11px; color: #777777; } input, select, textarea { font-family: Tahoma, 'Trebuchet MS'; font-size: 11px; color: #777777; } body { background: url('../images/bodyBg.jpg') top center no-repeat; background-attachment:fixed;} img { border: 0px; display: block; } a { color: #04acd6; text-decoration: underline; } a:hover { color: #dc218a; text-decoration: underline; } /* ### GLOBAL CLASSES ### */ .clear { clear: both; } /* ### WRAPPER ### */ #wrapper { position: relative; display: block; width: 100%; min-height: 100%; } /* ### MAIN CONTAINER ### */ #mainCntr { margin: 0 auto; padding-bottom: 29px; width: 1000px; } /* ### HEADER CONTAINER ### */ #headerCntr { position: relative; width: 1000px; height: 104px; background: url('../images/headerBg.jpg') left 29px repeat-x; } #headerCntr h1 { position: absolute; top: 8px; left: 40px; } #headerCntr h1 a { display: block; width: 260px; height: 98px; text-indent: -9999px; background: url('../images/logo10jaar.png') no-repeat; } /* ### MENU BOX ### */ .menuBox { position: absolute; top: 0px; right: 15px; z-index: 40; width: 690px; } .menuBox ul { overflow: hidden; width: 690px; list-style: none; } .menuBox li { padding-left: 5px; float: right; display: inline; } .menuBox li a { padding-top: 60px; display: block; float: left; width: 95px; height: 30px; line-height: 28px; text-align: center; font-size: 13px; text-decoration: none; color: #908f8f; font-weight: bold;} .menuBox li a:hover, .menuBox li a.selected { color: #fff; } .menuBox li.pink a:hover, .menuBox li.pink a.selected { background: #ec3293; } .menuBox li.blue a:hover, .menuBox li.blue a.selected { background: #00afda; } .menuBox li.yellow a:hover, .menuBox li.yellow a.selected { background: #c9d737; } .menuBox li.green a:hover, .menuBox li.green a.selected { background: #8cc640; } .menuBox li.purple a:hover, .menuBox li.purple a.selected { background: #92278d; } .menuBox ul.drop { padding: 10px 15px 10px 0px; position: absolute; top: 90px; clear: both; display: none; } .menuBox ul.drop li { padding: 0px 0px 0px 15px; float: left; line-height: 30px; } .menuBox ul.drop li.first { width: 129px; border-right: 1px solid #fff; } .menuBox ul.drop li a { padding: 0px; display: inline; float: none; width: auto; height: auto; line-height: 30px; text-align: left; font-size: 12px; color: #fff; } .menuBox ul.drop li a:hover { text-decoration: underline; } .menuBox ul.blue { width: 295px; background: #00afda; } .menuBox ul.blue li { width: 135px; } .menuBox ul.green { width: 210px; background: #8cc640; } .menuBox ul.green li { width: 185px; } /* ### BANNER CONTAINER ### */ #bannerCntr { padding: 55px 30px 0 30px; width: 940px; height: 379px; overflow: hidden; background: #fff; } #bannerCntr .left { width: 653px; height: 379px; float: left; overflow: hidden; } #bannerCntr .leftcontent { width: 653px; height: 320px; float: left; overflow: hidden; } #bannerCntr .leftcontent .flashcontent { width: 600px; height: 320px; border: 1px solid #ccc;} #bannerCntr .right { padding: 65px 0px 0 0; width: 286px; height: 379px; float: right; overflow: hidden; } #bannerCntr .contactrechts { padding: 5px 0px 0 0; width: 286px; height: 325px; float: right; overflow: hidden; font-family: Tahoma; font-size: 11px; color: #777777; line-height: 22px;} #bannerCntr h3 { color: #3F4354; font-size: 19px; font-weight: normal; } #bannerCntr ul { list-style: none; } #bannerCntr li { height: 24px; font-size: 11px; } #bannerCntr li a { padding-left: 15px; display: block; height: 28px; line-height: 28px; text-decoration: none; color: #717070; background: no-repeat 0px center; } #bannerCntr li a:hover { background-color: #e7e7e7; } #bannerCntr li.pink a { background-image: url('../images/arrow1.png'); } #bannerCntr li.blue a { background-image: url('../images/arrow2.png'); } #bannerCntr li.yellow a { background-image: url('../images/arrow3.png'); } #bannerCntr li.green a { background-image: url('../images/arrow4.png'); } #bannerCntr li.purple a { background-image: url('../images/arrow5.png'); } #bannerCntrSm { padding: 55px 30px 0 30px; width: 940px; height: 300px; overflow: hidden; background: #fff; } #bannerCntrSm .left { width: 653px; height: 250px; float: left; overflow: hidden; background: url('../images/banner.jpg') no-repeat; } #bannerCntrSm .leftcontent { width: 653px; height: 320px; float: left; overflow: hidden; } #bannerCntrSm .leftcontent .flashcontent { width: 600px; height: 260px; border: 1px solid #ccc;} #bannerCntrSm .right { padding: 65px 0px 0 0; width: 286px; height: 260px; float: right; overflow: hidden; } #bannerCntrSm .contactrechts { padding: 5px 0px 0 0; width: 286px; height: 250px; float: right; overflow: hidden; font-family: Tahoma; font-size: 11px; color: #777777; line-height: 22px;} #bannerCntrSm h3 { color: #3F4354; font-size: 19px; font-weight: normal; } #bannerCntrSm ul { list-style: none; } #bannerCntrSm li { height: 24px; font-size: 11px; } #bannerCntrSm li a { padding-left: 15px; display: block; height: 28px; line-height: 28px; text-decoration: none; color: #717070; background: no-repeat 0px center; } #bannerCntrSm li a:hover { background-color: #e7e7e7; } #bannerCntrSm li.pink a { background-image: url('../images/arrow1.png'); } #bannerCntrSm li.blue a { background-image: url('../images/arrow2.png'); } #bannerCntrSm li.yellow a { background-image: url('../images/arrow3.png'); } #bannerCntrSm li.green a { background-image: url('../images/arrow4.png'); } #bannerCntrSm li.purple a { background-image: url('../images/arrow5.png'); } /* ### CONTENT CONTAINER ### */ #contentCntr { padding: 0 30px 50px 30px; position: relative; width: 940px; background: #fff; } /* ### LEFT CONTAINER ### */ #leftCntr { float: left; width: 312px; } /* ### TEXT BOX ### */ .textBox { width: 312px; overflow: hidden; } .textBox h3 { color: #3F4354; font-size: 19px; font-weight: normal; } .textBox p { padding: 15px 36px 0 0; line-height: 22px; } #leftContent { float: left; width: 630px; line-height: 22px; } #leftContent h3 { padding-bottom: 18px; margin-top: -20px; } #leftContent .column { float: left; width: 275px; Clear: right; } #leftContent .first-column { margin-right: 50px; } /* ### CENTER CONTAINER ### */ #centerCntr { float: left; width: 315px; } /* ### NEWS BOX ### */ .newsBox { width: 318px; overflow: hidden; } .newsBox h3 { padding-left: 10px; color: #3F4354; font-size: 19px; font-weight: normal; } .newsBox ul { padding-top: 5px; list-style-type: none; width: 320px; float: left; clear: left; } .newsBox li a { padding: 10px 56px 10px 10px; margin-bottom: 5px; display: block; text-decoration: none; width: 260px; color: #777777; line-height: 22px; } .newsBox li a:hover { display: block; cursor: pointer; background: url('../images/arrow.jpg') center no-repeat; } .newsBox li.active { display: block; background: url('../images/arrow.jpg') center no-repeat; } .newsBox li a span { text-decoration: none; color: #E41C83; } .newsBox li a:hover span { text-decoration: underline; } .newsBox li strong { display: block; } /* ### RIGHT CONTAINER ### */ #rightCntr { float: right; width: 300px; } /* ### IMAGE BOX ### */ .imageBox { margin-left: 13px; padding: 5px; width: 286px; overflow: hidden; border: 1px solid #dddddd; } /* ### ADS BOX ### */ .adsBox { padding-left: 13px; width: 300px; overflow: hidden; } .adsBox h3 { padding-top: 40px; width: 200px; font-size: 19px; font-weight: normal; color: #3F4354; } .adsBox ul { list-style-type: none; margin: 0px; padding: 0px;} .adsBox li { padding: 0 8px; float: left; } /* ### ICON BOX ### */ .iconBox { position: absolute; bottom: 25px; right: -38px; height: 133px; } .iconBox ul { list-style: none; } .iconBox li { padding-bottom: 5px; } .iconBox li a { display: block; width: 38px; height: 39px; text-indent: -9999px; } .iconBox li.linkedin a { background: url('../images/tabs.png') no-repeat -10px 0px; } .iconBox li.linkedin a:hover { background-position: 0px 0px; } .iconBox li.rss a { background: url('../images/tabs.png') no-repeat -10px -44px; } .iconBox li.rss a:hover { background-position: 0px -44px; } .iconBox li.twitter a { background: url('../images/tabs.png') no-repeat -10px -87px; } .iconBox li.twitter a:hover { background-position: 0px -87px; } /* ### FOOTER CONTAINER ### */ #footerCntr { padding: 30px 30px 0 30px; overflow: hidden; width: 940px; height: 142px; background: #414141 url('../images/footerBg.jpg') top no-repeat; } /* ### TAG BOX ### */ .tagBox { float: left; width: 395px; overflow: hidden; } .tagBox a { text-decoration: none; color: #fff; font-family: 'Trebuchet MS'; display: inline; } .tagBox a.tag1 { font-size: 12px; } .tagBox a.tag2 { font-size: 24px; } .tagBox a.tag3 { font-size: 17px; } .tagBox a.tag4 { font-size: 18px; } .tagBox a.tag5 { font-size: 12px; } .tagBox a.tag6 { font-size: 15px; } .tagBox a.tag7 { font-size: 20px; } .tagBox a.tag8 { font-size: 21px; } .tagBox a:hover { text-decoration: underline; } /* ### ADDRESS BOX ### */ .addressBox { float: right; width: 297px; overflow: hidden; } .addressBox h3 { padding-bottom: 14px; color: #B6B6B6; font-weight: normal; font-size: 17px; } .addressBox address { font-style: normal; font-family: 'Trebuchet MS'; font-size: 11px; color: #fff; } .addressBox span { overflow: hidden; } .addressBox span span { width: 145px; display: block; float: left; } .addressBox a { color: #fff; text-decoration: none; } .addressBox a:hover { text-decoration: underline; } /* ### LINK BOX ### */ .linkBox { padding: 20px 5px 0 0; width: 300px; float: right; height: 20px; } .linkBox ul { list-style: none; } .linkBox li { padding: 0 7px; float: left; background: url('../images/linkSeparator.jpg') right no-repeat; } .linkBox li a { text-decoration: none; font-family: 'Trebuchet MS'; color: #737373; } .linkBox li.last { background: none; } .linkBox li a:hover { text-decoration: underline; color: #fff; } #sitemap ul { list-style-type: none; margin: 0px; padding: 0px; background-image: url(/images/sitemap3.jpg); background-repeat: repeat-y;} #sitemap li { background-image: url(/images/sitemap1.jpg); background-repeat: no-repeat; } #sitemap li a { padding-left: 50px; line-height: 22px; } #sitemap ul li ul { background-image: url(/images/sitemap4.jpg); background-repeat: repeat-y; } #sitemap ul li ul li { background-image: url(/images/sitemap2.jpg); background-repeat: no-repeat; background-position: left bottom; } #sitemap ul li ul li a { padding-left: 75px; line-height: 22px;} #klanten { width: 930px; } #klanten .kol { float:left; width: 230px; } #klanten ul { list-style-type: none; margin-bottom: 20px; } .contactformBox { float: left; width: 600px; margin-top: -35px;} .contactformBox form { margin-top: 10px;} .contactformBox input.tekst { padding: 3px; width: 300px; border: 1px dotted #ccc; font-size: 11px;} .contactformBox textarea { padding: 3px; width: 300px; height: 100px; border: 1px dotted #ccc; font-size: 11px;} .contactformBox td { font-size: 11px; } .contactformBox input.but { background-color: #ccc; border: 1px solid #ccc; padding: 3px 8px 3px 8px; margin-top: 4px; } p.melding { color: #F00; line-height: 18px; font-size: 11px; } #contactright { float: right; width: 288px; margin-top:-15px; } #contactright #logos a { float: left; border: 0px; background-color: #fff; border: 0px solid #eee;} #contactright #tekst { line-height: 20px; font-size: 11px; margin-left: 5px; padding-top: 20px; color: #aaa; } #portfolio { background-color: #fff; position:relative; } #portfolio #portfoliomain { padding:40px; padding-top: 65px; width: 925px; } #portfolio #portfoliomain h3 { padding-top: 15px; } #portfolio #portfoliomain p { padding-top: 5px; font-family: Tahoma; font-size: 11px; color: #777777; line-height: 22px; } #portfolio #portfoliomain .item { float: left; width: 282px; margin-right: 10px; padding: 7px; margin-bottom: 5px; margin-top: 5px; border: 1px solid #fff; } #portfolio #portfoliomain .item:hover { color: #00AFDA; border: 1px solid #ddd;} #portfolio #portfoliomain .item img { float: left; width: 100px; margin-right: 10px; padding: 2px; } #portfolio #portfoliomain .item h3 { font-size: 12px; } #portfolio #portfoliomain .item p { padding-top: 3px; font-size: 10px; color: #777777; line-height:18px;} #portfolio #portfoliomain .item a { text-decoration: none;} #portfolio #portfoliomain .divider { height: 1px; width: 100%; border-bottom: 1px dotted #ccc;} #pfflashcontent { margin-top: 40px; margin-bottom: 40px; } #rightCntr h3.portfolio { margin-top: 314px; margin-left: 10px; } #rightCntr ul.portfolio { list-style-type: none; margin-top: 20px; margin-bottom: 50px; margin-left: 20px; } #rightCntr ul.portfolio li { padding-left: 15px; padding-bottom: 10px; margin-bottom: 15px; line-height: 20px; border-bottom: 1px dotted #ccc; background: url('../images/arrow1.png') top left no-repeat;} #rightCntr ul.portfolio li p { font-weight: bold; line-height: 12px;} #ie6_banner{ background: #535353; width: 100%; position: relative; padding:15px 0; margin:0; border-bottom: 1px solid #111; z-index: 999; } #ie6_wrap{ width: 1000px; margin: 0 auto; } #ie6_wrap h1{ font-size: 18px; text-transform: none; color: #fff; background: none; margin: 0 0 10px 0; padding:0; font-weight: bold; } #ie6_wrap p{ text-align: left; font-size: 12px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; color: #fff; background: none; line-height: 16px; margin:0; } #ie6_wrap p a{ color: #fff; background: none; text-decoration: underline; font-size: 12px; } #ie6_wrap p a:hover{ color: #fff; background: none; text-decoration: none; } #ie6_links{ float: right; width: 272px; } #ie6_links a{ float: left; background: #5a5a5a; width: 85px; height: 27px; padding: 12px 0 0 50px; margin:0 1px 1px 0; color:#fff; } #ie6_links a:hover{ text-decoration: underline; } #ie6_links img{ position: absolute; margin: -5px 0 0 -35px; border:none; } /* CONTROL PANEL */ #paneltop { border-bottom: 1px dotted #ccc; line-height: 30px; height: 50px;} #paneltop h2 { float: right; margin: 20px 10px 0px; 0px; } #panellinks { float: left; width: 200px; margin-top: 20px; } #panellinks .kader { background-color: #eaeaea; width: 200px; padding: 10px; margin: 10px 0px 10px 0px; line-height: 18px; border: 1px solid #e1e1e1; } #panellinks ul { list-style: none; } #panellinks li { height: 24px; font-size: 11px; } #panellinks li a { padding-left: 15px; display: block; height: 28px; line-height: 28px; text-decoration: none; color: #717070; background: no-repeat 0px center; } #panellinks li a:hover { background-color: #fff; } #panellinks li.pink a { background-image: url('../images/arrow1.png'); } #panellinks li.blue a { background-image: url('../images/arrow2.png'); } #panellinks li.yellow a { background-image: url('../images/arrow3.png'); } #panellinks li.green a { background-image: url('../images/arrow4.png'); } #panellinks li.purple a { background-image: url('../images/arrow5.png'); } #panelrechts { float: right; width: 675px; margin-top: 32px; } .linkscontainer { margin-top: 25px; } .linkscontainer ul.links { list-style-type: none; } .linkscontainer ul.links li { padding: 4px; border-bottom: 1px dotted #ddd; }