/* Hieronder de kleuren die over de gehele site voorkomen DR groen = #77a1a9 M groen = #adc6ca L groen = #dde7e8 L grijs = #d8d8d8 text grijs = #777777 --------------------------------------------------- expertise - paars #8275aa diensten - magenta #c32a6c producten - blauw #7da8d1 kpn - groen #41a616 service - oranje #f79a31 */ /*--- Site Init ---*/ * {margin: 0px; padding: 0px;} html {overflow:scroll;} body, html {margin:0px; padding:0px; width:100%;} body {_behavior:url("/scripts/csshover.htc"); font-family:verdana, sans-serif; font-size:12px; text-align:left; color:#777777;} body.it, body.software, body.internet, body.hosting, body.support, body.axoft, body.cp { background:url('/images/website-background.jpg') repeat-y 50% 0px;} /*--- Basic Styles ==> VERPLICHTE VELDEN --*/ img {border:0px;} img.left {float:left; margin:0px 15px 15px 0px;} img.right {position:relative; float:right; margin:0px 0px 15px 15px; z-index:10005;} body #siteContainer #siteMiddle #sidebarLeft dl, body #siteContainer #siteMiddle #sidebarLeft dl dd {height:auto;} body #siteContainer #siteMiddle #sidebarLeft dl dd {width:190px;} body #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li a {background:url('/images/bullit-home-style.gif') no-repeat 0px 7px;} body #siteContainer #siteContent ul {list-style-image:url('/images/bullit-home-style.gif'); margin-bottom:15px;} ul {margin:0px 0px 20px 0px;} li {margin:0px 0px 0px 20px;} li.last {border-bottom:0px none;} a {text-decoration:none; color:#777777;} a:hover {color:#77a1a9;} a.button {display:block; padding:0px 20px; height:20px; line-height:20px; background:#ffffff; border:1px dashed #6c6c6c; text-align:center; font-weight:bold; margin:0px 0px 10px 0px;} a.button:hover {color:#D2E3E5;} #siteContainer #siteMiddle #sidebarLeft a {color:#777777; text-decoration:none;} h1 {font-size:20px; font-weight:800; color:#77a1a9;}/* H1 is het belangrijkst voor Google */ h2 {font-size:14px; font-weight:bold; color:#77a1a9;} h3 {font-size:13px; font-weight:bold; color:#77a1a9;} h4, h5, h6 {font-size:12px; font-weight:bold;} p {margin:0px 0px 10px 0px;} hr {height:2px; color:#FFFFFF; background:#FFFFFF; margin:10px 0px; border:0px none; border-bottom:2px dotted #d8d8d8;} .title {} .underscription {} form {} input.inputText {width:250px; font-family:verdana, sans-serif; font-size:12px; text-align:left; color:#777777;} textarea {font-family:verdana, sans-serif; font-size:12px; text-align:left; color:#777777;} select {font-family:verdana, sans-serif; font-size:12px; text-align:left; color:#777777;} input.button {} table.tblCellHeight td {height:20px; vertical-align:middle;} table.tblCellHeight td img {float:left; margin-right:5px;} table {} th {} tr {} td {font-size:12px;} dl {display:block; position:relative; float:left; width:250px; border:1px solid #d8d8d8; padding:1px; margin:0px 0px 20px 0px; overflow:hidden;} dl.right {float:right;} /* dt {display:block; width:100%; height:26px; border-bottom:1px solid #d8d8d8;} */ dt {display:block; width:100%; height:26px; line-height:26px; text-indent:20px; background:url('/images/site-dt-background.gif') repeat-x 0px 0px; font-weight:bold; font-size:12px; color:#77a1a9;} dd {display:block; width:246px; height:75px; _height:50px; padding:5px 20px 20px 20px; _padding:0px 20px;} /*--- Basic 1st level elements ---*/ #siteContainer {position:relative; display:block; margin:0px auto; width:971px; height:100%; padding:0px; overflow:hidden; background:url('/images/site-shadow-background.gif') no-repeat 0px 116px;} #siteContainer #siteHeader {position:relative; display:block; width:971px; height:116px; background:url('/images/site-header-bottomline.gif') no-repeat 0px 0px;} #siteContainer #siteMiddle {background:url('/images/site-footer-background.gif') no-repeat 1px bottom; z-index:1000; overflow:hidden;} #siteContainer #siteMiddle #sidebarLeft {position:relative; display:block; width:234px; top:20px; left:33px; height:auto; float:left; margin-bottom:20px; padding-bottom:15px;} #siteContainer #siteMiddle #siteContent {position:relative; display:block; float:left; top:20px; left:53px; width:650px; height:auto; background:white; overflow:hidden;margin-bottom:20px;} #siteContainer #siteMiddle #siteFooter {position:relative; clear:both; float:none; top:-13px; left:14px;width:944px; height:98px; background:url('/images/website-footer.gif') no-repeat 0px 0px;} /*--- Header elements ---*/ #siteContainer #siteHeader #logo {position:relative; left:20px; top:20px; display:block; width:309px; height:72px; background: url(/images/header-logo.png) no-repeat 0px 0px !important; background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/header-logo.png', sizingMethod='scale'); } #siteContainer #siteHeader a {text-decoration:none;} #siteContainer #siteHeader #logo a {display:block; width:100%; height:100%; cursor:pointer;} #supportButtons {position:absolute; display:block; height:15px; top:10px; margin-left:484px; width:450px; font-size:10px;} #webMailControlPanel {clear:both; display:block; text-align:right; font-size:10px; height:30px; width:60px;} #webMailControlPanel a {display:block; height:30px; width:30px; float:right;} #webMailControlPanel a.webMailButton { background:url('/images/axoft-icon-wm1.png') no-repeat 0px 0px !important; background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/axoft-icon-wm1.png', sizingMethod='scale'); } #webMailControlPanel a.webMailButton:hover { background:url('/images/axoft-icon-wm2.png') no-repeat 0px 0px !important; background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/axoft-icon-wm2.png', sizingMethod='scale'); } #webMailControlPanel a.controlPanelButton { background:url('/images/axoft-icon-cp1.png') no-repeat 0px 0px !important; background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/axoft-icon-cp1.png', sizingMethod='scale'); } #webMailControlPanel a.controlPanelButton:hover { background:url('/images/axoft-icon-cp2.png') no-repeat 0px 0px !important; background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/axoft-icon-cp2.png', sizingMethod='scale'); } /*#webMailControlPanel a {color:#77a1a9; display:block; height:15px; *line-height:15px; background:url('/images/link-arrows-right.gif') no-repeat; background-position:right; padding-right:10px; margin:0px;} #webMailControlPanel a:hover {color:#777777;}*/ #siteContainer #siteHeader #topMenu {position:absolute; display:block; width:938px; height:26px; top:78px; overflow:visible;} /*--- Top Menu elements ---*/ #siteContainer #siteHeader #topMenu ul#siteMenu {position:relative; float:right; list-style:none; display:block; height:34px;} #siteContainer #siteHeader #topMenu ul#siteMenu li {float:left; top:0px; margin:8px 2px 0px 0px; width:84px; height:26px; padding:1px; border:1px solid #d8d8d8; background:#FFFFFF; z-index:800;} #siteContainer #siteHeader #topMenu ul#siteMenu li#expertise a {color:#8275aa;} #siteContainer #siteHeader #topMenu ul#siteMenu li#kpn a {color:#41a616;} #siteContainer #siteHeader #topMenu ul#siteMenu li#diensten a {color:#c32a6c;} #siteContainer #siteHeader #topMenu ul#siteMenu li#producten a {color:#7da8d1;} #siteContainer #siteHeader #topMenu ul#siteMenu li#support a {color:#f79a31; } #siteContainer #siteHeader #topMenu ul#siteMenu li#service a {color:#f79a31; } #siteContainer #siteHeader #topMenu ul#siteMenu li.activeTab {position:relative; height:40px; width:114px; margin:-2px -8px 0px -8px; _margin:-4px -8px 0px -8px; border:none; border-bottom:1px solid #ffffff; z-index:900; background: url(/images/activeTab-background.png) no-repeat 0px 0px !important; background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/activeTab-background.png', sizingMethod='scale'); } #siteContainer #siteHeader #topMenu ul#siteMenu li.activeTab a, #siteContainer #siteHeader #topMenu ul#siteMenu li.activeTab a:hover {background:none;} #siteContainer #siteHeader #topMenu ul#siteMenu li a {display:block; height:26px; line-height:24px; font-weight:bold; text-align:center; background:url('/images/site-dt-background.gif') repeat-x 0px 0px;} #siteContainer #siteHeader #topMenu ul#siteMenu li a:hover {background:url('images/site-dt-background-hover.gif') repeat-x 0px 0px;} #siteContainer #siteHeader #topMenu ul#siteMenu li a img {margin-top:6px;} /* voor het icoontje van home */ #supportButtons div {float:right; height:25px;} #supportButtons #axoftMenu {cursor:pointer; line-height:17px;} #supportButtons #axoftMenu ul {display:none;} #supportButtons #axoftMenu:hover ul {display:block; position:absolute; line-height:auto; width:200px; margin:0px 0px 0px 3px; *margin:15px 0px 0px -80px; z-index:11000; cursor:pointer; background:#FFFFFF; border:1px solid #d8d8d8; padding:0px 20px; font-size:12px;} #supportButtons #axoftMenu ul li {width:100%; height:25px; border-bottom:2px dotted #d8d8d8; list-style:none; margin:0px;} #supportButtons #axoftMenu ul li.last {border:0px none;} #supportButtons #axoftMenu ul li a {display:block; width:100%; height:25px; line-height:25px; background:url('/images/bullit-home-style.gif') no-repeat 0px 7px; text-indent:11px;} /*--- Sidebar Left elements ---*/ #siteContainer #siteMiddle #sidebarLeft a:hover {color:#77a1a9;} #siteContainer #siteMiddle #sidebarLeft dl {display:block; width:230px; margin:0px 0px 20px 0px; border:1px solid #d8d8d8; padding:1px; background:url('/images/site-dl-background.gif') repeat-x 0px 0px;} #siteContainer #siteMiddle #sidebarLeft dl dt {display:block; width:100%; height:26px; line-height:26px; text-indent:20px; background:url('/images/site-dt-background.gif') repeat-x 0px 0px; font-weight:bold; font-size:12px; color:#77a1a9;} #siteContainer #siteMiddle #sidebarLeft dl dd {padding:10px 20px; overflow:visible; margin:0px;} #siteContainer #siteMiddle #sidebarLeft dl dd ul {display:block; margin:-7px 0px -8px 0px; padding:0px;} #siteContainer #siteMiddle #sidebarLeft dl dd ul#disciplineMenu li {width:100%; /*height:25px;*/ border-bottom:2px dotted #d8d8d8; list-style:none; margin:0px;} #siteContainer #siteMiddle #sidebarLeft dl dd ul#disciplineMenu li.last {border-bottom:0px none;} #siteContainer #siteMiddle #sidebarLeft dl dd ul#disciplineMenu li a {position:relative; display:block; height:25px; line-height:24px; text-indent:11px;} #siteContainer #siteMiddle #sidebarLeft dl dd ul#disciplineMenu li a.subButton {background-image:none; height:15px;} #siteContainer #siteMiddle #sidebarLeft dl dd ul#disciplineMenu li.withSubItems:hover {cursor:pointer;} #siteContainer #siteMiddle #sidebarLeft dl dd ul#disciplineMenu li.withSubItems ul {clear:both; float:none; margin-top:-5px; width:200px; background:#FFFFFF; margin-bottom:15px;} #siteContainer #siteMiddle #sidebarLeft dl dd ul#disciplineMenu li.withSubItems ul li {clear:both; float:none; background:none; border:0px; height:auto;} #siteContainer #siteMiddle #sidebarLeft dl dd ul#disciplineMenu li.withSubItems ul li a {clear:both; float:none; display:block; position:relative; background:none; border:0px; height:15px; line-height:15px; font-size:10px;} #siteContainer #siteMiddle #sidebarLeft dl dd ul#disciplineMenu li.withSubItems ul {display:none;} #siteContainer #siteMiddle #sidebarLeft dl.newsLetter dd div.subscribe {clear:both; float:none; position:relative; margin:0px; padding:0px;} #siteContainer #siteMiddle #sidebarLeft dl.newsLetter dd div.subscribe form#formMailing {clear:both; float:none; position:relative; margin:0px; padding:0px;} #siteContainer #siteMiddle #sidebarLeft dl.newsLetter dd div.subscribe form#formMailing input#axmailing_emailAddress {width:183px;} #siteContainer #siteMiddle #sidebarLeft dl.newsLetter dd div.subscribe form#formMailing input#axmailing_submit {position:relative; float:right; margin-top:5px;} /*--- newsletter change R0000310 ---*/ .qwebMailing {border: solid 1px #dddddd; padding: 4px; } .qwebMailing:hover {border: solid 1px #7da8d1; padding: 4px; } /*--- Content elements ---*/ table.rowHeight {border-bottom:2px dotted #ffffff; border-right:2px dotted #ffffff;} table.rowHeight tr th {border-bottom:2px dotted #ffffff; border-top:2px dotted #ffffff;} table.rowHeight tr td {border-left:2px dotted #ffffff; border-collapse:collapse; padding:0px 5px; vertical-align:middle;} table.rowHeight tr {height:22px;} #siteContainer #siteContent a {text-decoration:underline;} #siteContainer #siteContent h1 {margin-bottom:15px;} #siteContainer #siteContent li {position:relative; z-index:5; margin:0px 0px 0px 25px; *margin:0px 0px 0px 20px;} #siteContainer #siteContent #bigImage, #siteContainer #siteContent #flash {position:relative; border:1px solid #d8d8d8; padding:1px; margin-bottom:20px; z-index:20; width:646px;} #siteContainer #siteContent #bigImageText {position:absolute; display:block; font-weight:800; width:626px; font-size:16px; top:130px; color:#FFFFFF; text-align:right; z-index:10; right:20px;} #siteContainer #siteContent img {border:1px solid #d8d8d8; padding:1px;} #siteContainer #siteContent img.noBorder {border:0px;} #siteContainer #siteContent #content {position:relative; display:block; border:1px solid #d8d8d8; padding:20px; background:url('/images/content-block-background.gif') no-repeat -1px -1px; *background-position:0px 0px; margin-bottom:20px; _margin-bottom:40px;} /*--- Sidebar Right elements ---*/ #siteContainer #sidebarRight .banner {} #siteContainer #sidebarRight ul {} #siteContainer #sidebarRight ul li {} /*--- Footer elements ---*/ #siteContainer #siteFooter #footerContent {position:relative; display:block; width:680px; height:30px; top:60px; font-size:10px; float:right; text-indent:10px;} #siteContainer #siteFooter #footerContent img {position:relative; top:5px; border:0px; margin-left:15px;} /*==== PAGE SEPERATE STYLES ====*/ /*--- Homepage elements ---*/ #homeBlockBig {position:relative; display:block; width:900px; top:20px; left:33px; height:256px; float:none; margin-bottom:20px; border:1px solid #d8d8d8; padding:1px;} #homeBlockBig img {width:900px; height:256px;} .homeBlockSmall {position:relative; display:block; width:286px; top:20px; left:33px; height:196px; float:left; margin:0px 17px 33px 0px; border:1px solid #d8d8d8; padding:1px; background:url('/images/site-dl-background.gif') repeat-x 0px 0px;} .homeBlockSmall a {clear:both; float:none;} .homeBlockSmall img {position:relative; top:3px; display:block; width:286px; height:167px;} .homeBlockSmall h1 {position:relative; margin:0px; display:block; font-size:13px; color:#777777; height:26px; width:100%; background:url('/images/site-dt-background.gif') repeat-x 0px 0px; text-align:center; line-height:25px;} .homeBlockSmall2 {position:relative; display:block; width:286px; height:149px; top:20px; left:33px; float:left; margin:0px 17px 33px 0px; border:1px solid #d8d8d8; padding:1px; background:url('/images/site-dl-background.gif') repeat-x 0px 0px;} .homeBlockSmall2 a {clear:both; float:none;} .homeBlockSmall2 img {position:relative; top:3px; display:block; width:286px; height:120px;} .homeBlockSmall2 h1 {position:relative; margin:0px; display:block; font-size:13px; color:#777777; height:26px; width:100%; background:url('/images/site-dt-background.gif') repeat-x 0px 0px; text-align:center; line-height:25px;} /*--- Support page ---*/ #supportBlock1 {position:relative; display:block; width:291px; height:198px; float:left; background:url('/images/supportBlock1.jpg') repeat-x 0px 0px;} #supportBlock2 {position:relative; display:block; width:291px; height:198px; float:right; background:url('/images/supportBlock2.jpg') repeat-x 0px 0px;} a.supportBlockSmall {position:relative; display:block; height:99px; width:131px; line-height:60px; background:url('/images/support-small-blok.jpg') repeat-x 0px 0px; text-indent:40px; text-align:left; cursor:pointer;} #supportBlock1 div.news, #supportBlock2 div.faq {position:relative; width:175px; height:75px; top:80px; left:100px;} #supportBlock1 div.news div {position:relative; width:175px; height:75px; border:0px;} #supportBlock1 div.news div h3 {display:none;} /* #supportBlock1 div.news div h3, #supportBlock1 div.news div h3 a {color:#777777; font-weight:bold; text-decoration:none; margin:0px;} */ #supportBlock1 div.news div h3 a:hover, #supportBlock2 div.faq a:hover{color:#f79a31;} #supportBlock1 div.news div span.date {display:none;} #supportBlock1 div.news div span.more {text-align:right;} /*.moreLink {clear:both; display:block; position:relative; top:-10px; right:30px; padding:0px 10px; height:20px; line-height:20px; background:#ffffff; border:1px dashed #6c6c6c; float:right; cursor:pointer;} #supportBlocks dd {position:relative; display:block; padding:5px 0px 0px 0px; *padding:5px 0px 20px 0px; margin:0px; *margin-left:20px;} #supportBlocks dd ul {margin:0px; *margin:0px 0px 20px 0px; padding:0px 0px 0px 10px; *padding:0px;}*/ #supportBlocks {position:relative; display:block; width:605px; height:auto; overflow:hidden;} #supportBlocks .divBlock {position:relative; display:block; background:url('/images/supportblock-background.jpg') no-repeat 0px 0px; width:256px; height:211px; overflow:hidden; float:left;} #supportBlocks .right {margin-left:90px;} #supportBlocks .divBlock .title {position:relative; display:block; font-size:13px; font-weight:bold; color:#777777; height:35px; line-height:27px; padding:0px 0px 0px 20px} #supportBlocks .divBlock .content {position:relative; display:block; height:90px;} #supportBlocks .divBlock .content ol {margin:0px 0px 0px 20px} #supportBlocks .divBlock .content a.moreLink {position:absolute; margin:65px 0px 0px 200px; display:block; text-decoration:none; color:#77a1a9;} #supportBlocks .divBlock .content a.moreLink img {position:relative; top:2px; border:0px;} /*--- Contact elements ---*/ #googleSmallLink {position:absolute; display:block; top:45px; margin-left:182px;} /*--- News provider ---*/ .news {width:158px; margin-left:10px;} .news .r1, .news .r2 {margin-bottom:10px; padding-bottom:10px; border-bottom:2px dotted #d8d8d8;} .news .date {display:none;} .news .more {display:block; clear:both; font-style:italic;} #siteContent .news {margin:0px;} #siteContent .news img {padding:0px; width:150px;} dd .news {width:190px; margin:0px;} dd .news a img {width:25px; height:25px; margin-right:5px; float:left;} #content .news {width:100%;} /* --- KleurSwitchen tussen de disciplines /* - Discipline > HOME - */ body.home h3, body.home h3 a, body.home #siteContainer #siteMiddle #sidebarLeft dl.submenu dt, body.home #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li, body.home #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li a:hover, body.home #siteContainer #siteMiddle #sidebarLeft dl dd ul#disciplineMenu li:hover, body.home #siteContainer #siteContent h2 {color:#77a1a9;} body.home #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li a {background:url('/images/bullit-home-style.gif') no-repeat 0px 7px;} body.home #siteContainer #siteContent ul, dl.contactGegevens ul {list-style-image:url('/images/bullit-home-style.gif');} dl.contactGegevens ul li {margin:0px;} /* - Discipline > EXPERTISE- */ body.expertise h3, body.expertise h3 a, body.expertise #siteContainer #siteMiddle #sidebarLeft dl.submenu dt, body.expertise #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li, body.expertise #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li a:hover, body.expertise #siteContainer #siteMiddle #sidebarLeft dl dd ul#disciplineMenu li:hover, body.expertise #siteContainer #siteContent h2, body.expertise #siteContainer #siteContent h1 {color:#8275aa;} body.expertise #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li a {background:url('/images/bullit-expertise-style.gif') no-repeat 0px 7px;} body.expertise #siteContainer #siteContent ul, body.expertise dl.contactGegevens ul {list-style-image:url('/images/bullit-expertise-style.gif');} /* - Discipline > DIENSTEN- */ body.diensten h3, body.diensten h3 a, body.diensten #siteContainer #siteMiddle #sidebarLeft dl.submenu dt, body.diensten #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li, body.diensten #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li a:hover, body.diensten #siteContainer #siteMiddle #sidebarLeft dl dd ul#disciplineMenu li:hover, body.diensten #siteContainer #siteContent h2, body.diensten #siteContainer #siteContent h1 {color:#C32A6C;} body.diensten #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li a {background:url('/images/bullit-diensten-style.gif') no-repeat 0px 7px;} body.diensten #siteContainer #siteContent ul, body.diensten dl.contactGegevens ul {list-style-image:url('/images/bullit-diensten-style.gif');} /* - Discipline > PRODUCTEN - */ body.producten h3, body.producten h3 a, body.producten #siteContainer #siteMiddle #sidebarLeft dl.submenu dt, body.producten #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li, body.producten #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li a:hover, body.producten #siteContainer #siteMiddle #sidebarLeft dl dd ul#disciplineMenu li:hover, body.producten #siteContainer #siteContent h2, body.producten #siteContainer #siteContent h1 {color:#7da8d1;} body.producten #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li a {background:url('/images/bullit-producten-style.gif') no-repeat 0px 7px;} body.producten #siteContainer #siteContent ul, body.producten dl.contactGegevens ul {list-style-image:url('/images/bullit-producten-style.gif');} /* - Discipline > KPN - */ body.kpn h3, body.kpn h3 a, body.kpn #siteContainer #siteMiddle #sidebarLeft dl.submenu dt, body.kpn #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li, body.kpn #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li a:hover, body.kpn #siteContainer #siteMiddle #sidebarLeft dl dd ul#disciplineMenu li:hover, body.kpn #siteContainer #siteContent h2, body.kpn #siteContainer #siteContent h1 {color:#41a616;} body.kpn #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li a {background:url('/images/bullit-kpn-style.gif') no-repeat 0px 7px;} body.kpn #siteContainer #siteContent ul, body.kpn dl.contactGegevens ul {list-style-image:url('/images/bullit-kpn-style.gif');} /* - Discipline > Software - */ body.software h3, body.software h3 a, body.software #siteContainer #siteMiddle #sidebarLeft dl.submenu dt, body.software #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li, body.software #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li a:hover, body.software #siteContainer #siteMiddle #sidebarLeft dl dd ul#disciplineMenu li:hover, body.software #siteContainer #siteContent h2, body.software #siteContainer #siteContent h1, body.software #siteContainer #siteContent h1 a {color:#e5c814;} body.software #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li a {background:url('/images/bullit-software-style.gif') no-repeat 0px 7px;} body.software #siteContainer #siteContent ul, body.software dl.contactGegevens ul {list-style-image:url('/images/bullit-software-style.gif');} /* - Discipline > Internet - */ body.internet h3, body.internet h3 a, body.internet #siteContainer #siteMiddle #sidebarLeft dl.submenu dt, body.internet #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li, body.internet #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li a:hover, body.internet #siteContainer #siteMiddle #sidebarLeft dl dd ul#disciplineMenu li:hover, body.internet #siteContainer #siteContent h2, body.internet #siteContainer #siteContent h1, body.internet #siteContainer #siteContent h1 a {color:#8275aa;} body.internet #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li a {background:url('/images/bullit-internet-style.gif') no-repeat 0px 7px;} body.internet #siteContainer #siteContent ul, body.internet dl.contactGegevens ul {list-style-image:url('/images/bullit-internet-style.gif');} /* - Discipline > Hosting - */ body.hosting h3, body.hosting h3 a, body.hosting #siteContainer #siteMiddle #sidebarLeft dl.submenu dt, body.hosting #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li, body.hosting #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li a:hover, body.hosting #siteContainer #siteMiddle #sidebarLeft dl dd ul#disciplineMenu li:hover, body.hosting #siteContainer #siteContent h2, body.hosting #siteContainer #siteContent h1 {color:#7da8d1;} body.hosting #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li a {background:url('/images/bullit-hosting-style.gif') no-repeat 0px 7px;} body.hosting #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li.withSubItems ul li a{background:none; margin:0px; padding:0px;} body.hosting #siteContainer #siteContent ul, body.hosting dl.contactGegevens ul {list-style-image:url('/images/bullit-hosting-style.gif');} /* - Discipline > Support - */ body.support h3, body.support h3 a, body.support #siteContainer #siteMiddle #sidebarLeft dl.submenu dt, body.support #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li, body.support #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li a:hover, body.support #siteContainer #siteMiddle #sidebarLeft dl dd ul#disciplineMenu li:hover, body.support #siteContainer #siteContent h2, body.support #siteContainer #siteContent h1 {color:#f79a31;} body.support #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li a {background:url('/images/bullit-support-style.gif') no-repeat 0px 7px;} body.support #siteContainer #siteContent ul, body.support dl.contactGegevens ul {list-style-image:url('/images/bullit-support-style.gif');} /* Discipline > Service */ body.service h3, body.service h3 a, body.service #siteContainer #siteMiddle #sidebarLeft dl.submenu dt, body.service #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li, body.service #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li a:hover, body.service #siteContainer #siteMiddle #sidebarLeft dl dd ul#disciplineMenu li:hover, body.service #siteContainer #siteContent h2, body.service #siteContainer #siteContent h1 {color:#f79a31;} body.service #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li a {background:url('/images/bullit-support-style.gif') no-repeat 0px 7px;} body.service #siteContainer #siteContent ul, body.service dl.contactGegevens ul {list-style-image:url('/images/bullit-support-style.gif');} #sidebarLeft dl.contactGegevens dd ul {margin-left:16px; list-style-image:url('/images/bullit-home-style.gif');} /*--- IT pages ---*/ a.inputBtn {display:block; position:relative; border:1px solid #d8d8d8; text-align:center; float:left; font-size:11px; padding:4px; color:#77a1a9; text-decoration:none;} a.inputBtn:hover {border-color:#c32a6c; color:#334c6d;} /*--- Control Panel Elements ---*/ #siteContainer #siteMiddle #sidebarLeft dl dd ul#disciplineMenu li.withSubItems ul#menuEmailBeheer {display:block;} #cpFrameHtml {overflow:auto; *overflow-y:auto; *overflow-x:hidden;} #cpFrameHtml {overflow:auto; *overflow-y:auto; *overflox-x:hidden; padding-top:5px; *padding-top:20px; margin-bottom:20px; _margin-bottom:40px;} #cpFrameHtml body {widht:100%; height:100%;} /*#cpFrameHtml h1 {display:block; text-indent:50px;}*/ #cpFrameHtml h1 {display:block; text-indent:0px;} #cpFrameHtml table {position:relative; width:100%;} #cpFrameHtml th {height:20px; background:url('/images/cp-th-background.jpg') repeat-x 0px 0px; padding:5px; border:1px solid #d8d8d8;} #cpFrameHtml td {padding-left:5px; padding-right:5px; font-size:11px;} #cpFrameHtml table.withHover tr:hover td {background:#f8f8f8;} #cpFrameHtml table.withHover tr.newItem:hover td {background:url('/images/cp-tr-new-background.jpg') repeat-x 0px 0px;} /* #cpFrameHtml .stringBig {width:315px;} #cpFrameHtml .stringDefault {width:auto;} */ #cpFrameHtml .stringLarge {width:230px;} #cpFrameHtml .stringMedium {width:200px;} #cpFrameHtml td div {width:215px; display:block; overflow:hidden;} #cpFrameHtml td a {position:relative; display:block; width:20px; height:20px; margin:0px; z-index:100; float:left; background:red;} #cpFrameHtml tr.newItem {height:20px;} #cpFrameHtml tr.newItem td {border:1px solid #d8d8d8; border-bottom:1px dotted #77a1a9; height:20px; line-height:20px; padding-bottom:5px; background:url('/images/cp-tr-new-background.jpg') repeat-x 0px 0px; font-weight:bold; color:#77a1a9;} #cpFrameHtml .alignRight {text-align:right;} #cpFrameHtml .stringSmall {position:relative; width:50px; text-align:center; padding:0px;} #cpFrameHtml .stringIcons {width:80px; text-align:center;} #cpFrameHtml .inputText {width:75px;} #cpFrameHtml li a {background:url('/images/bullit-home-style.gif') no-repeat 0px 7px;} /*--- CONTROL PANEL ICONS ---*/ #cpFrameHtml td a.iconNew { background:url('/images/axoft-icon-new1.gif') no-repeat 0px 0px;} #cpFrameHtml td a.iconNew:hover { background:url('/images/axoft-icon-new2.gif') no-repeat 0px 0px;} #cpFrameHtml td a.iconEdit { background:url('/images/axoft-icon-edit1.png') no-repeat 0px 0px;} #cpFrameHtml td a.iconEdit:hover { background:url('/images/axoft-icon-edit2.png') no-repeat 0px 0px;} #cpFrameHtml td a.iconDelete { background:url('/images/axoft-icon-delete1.png') no-repeat 0px 0px;} #cpFrameHtml td a.iconDelete:hover { background:url('/images/axoft-icon-delete2.png') no-repeat 0px 0px;} #cpFrameHtml td a.iconOutOfOffice { background:url('/images/axoft-icon-outofoffice1.gif') no-repeat 0px 0px;} #cpFrameHtml td a.iconOutOfOffice:hover { background:url('/images/axoft-icon-outofoffice2.gif') no-repeat 0px 0px;} #cpFrameHtml td.stringIcons a.iconNext { margin-left:10px; background:url('/images/axoft-icon-next1.png') no-repeat 0px 0px !important; background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/axoft-icon-next1.png', sizingMethod='image');} #cpFrameHtml td.stringIcons a.iconNext:hover { background:url('/images/axoft-icon-next2.png') no-repeat 0px 0px !important; background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/axoft-icon-next2.png', sizingMethod='image');} /*--- CONTROL PANEL MENU (IFRAME ELEMENT) ---*/ iframe#cpFrameMenu > * {overflow:hidden;} ul#controlpanelMenu {position:relative; top:-27px; padding:0px; width:190px;} ul#controlpanelMenu li a {background:url('http://www.axoft.nl/images/bullit-home-style.gif') no-repeat 0px 7px;} ul#controlpanelMenu li {width:100%; border-bottom:2px dotted #d8d8d8; list-style:none; margin:0px;} ul#controlpanelMenu li.last {border-bottom:0px none;} ul#controlpanelMenu li a {position:relative; display:block; height:25px; line-height:24px; text-indent:11px;} /**ul#controlpanelMenu li a.subButton {background-image:none; height:15px;} ul#controlpanelMenu li.withSubItems:hover {cursor:pointer;} ul#controlpanelMenu li.withSubItems ul {clear:both; float:none; margin-top:-5px; width:200px; background:#FFFFFF; margin-bottom:15px;} ul#controlpanelMenu li.withSubItems ul li {clear:both; float:none; background:none; border:0px; height:auto;} ul#controlpanelMenu li.withSubItems ul li a {clear:both; float:none; display:block; position:relative; background:none; border:0px; height:15px; line-height:15px; font-size:10px;} ul#controlpanelMenu li.withSubItems ul {display:none;}*/ /*** IOFFICE STYLESHEET ***/ /*--- Site Init ---*/ body.omschrijving, body.specificaties, body.prijzen, body.demo, body.inloggen { background:url('images/website-background.jpg') repeat-y 50% 0px; } /*--- Basic Styles ==> VERPLICHTE VELDEN --*/ img { border:0px; } img.left { float:left; margin:0px 15px 15px 0px; } img.right { position:relative; float:right; margin:0px 0px 15px 15px; z-index:10005; } body #siteContainer #siteMiddle #sidebarLeft dl, body #siteContainer #siteMiddle #sidebarLeft dl dd { height:auto; } body #siteContainer #siteMiddle #sidebarLeft dl dd { width:190px; } body #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li a { background:url('/images/bullit-home-style.gif') no-repeat 0px 7px; } body #siteContainer #siteContent ul { list-style-image:url('/images/bullit-home-style.gif'); margin-bottom:15px; } ul { margin:0px 0px 20px 0px; } li { margin:0px 0px 0px 20px; } li.last { border-bottom:0px none; } /*--- Content Menu IT i office elements ---*/ #siteContainer #contentHeader { position:relative; display:block; width:700px; height:38px; background:url('/images/content-header-bottomline.gif') no-repeat 0px 0px; } #siteContainer #contentHeader #contentTopMenu ul#contentMenu { position:relative; float:left; list-style:none; display:block; height:38px; padding-left:0px; } #siteContainer #contentHeader #contentTopMenu ul#contentMenu li { float:left; top:0px; margin:8px 2px 0px 0px; height:26px; padding:1px; border:1px solid #d8d8d8; background:#FFFFFF; z-index:800; } #siteContainer #contentHeader #contentTopMenu ul#contentMenu li a { text-decoration:none; color:#7DA8D1; display:block; height:26px; line-height:24px; font-weight:bold; text-align:left; background:url('/images/site-dt-background.gif') repeat-x 0px 0px; } #siteContainer #contentHeader #contentTopMenu ul#contentMenu li a:hover { text-decoration:none; color:#7DA8D1; background:url('/images/site-dt-background-hover.gif') repeat-x 0px 0px; } #siteContainer #contentHeader #contentTopMenu ul#contentMenu li#omschrijving { width:126px; } #siteContainer #contentHeader #contentTopMenu ul#contentMenu li#specificaties { width:200px; } #siteContainer #contentHeader #contentTopMenu ul#contentMenu li#demo { width:75px;} #siteContainer #contentHeader #contentTopMenu ul#contentMenu li#bestellen { width:93px; } #siteContainer #contentHeader #contentTopMenu ul#contentMenu li#inloggen { width:93px; } #siteContainer #contentHeader #contentTopMenu ul#contentMenu li#omschrijving a, #siteContainer #contentHeader #contentTopMenu ul#contentMenu li#specificaties a, #siteContainer #contentHeader #contentTopMenu ul#contentMenu li#demo a, #siteContainer #contentHeader #contentTopMenu ul#contentMenu li#inloggen a { padding-left:18px; } #siteContainer #contentHeader #contentTopMenu ul#contentMenu li#bestellen a { padding-left:17px; } #siteContainer #contentHeader #contentTopMenu ul#contentMenu li#omschrijving.activeTab { position:relative; height:40px; width:137px; margin:0px -7px 1px 0px; border:none; border-bottom:1px solid #ffffff; z-index:900; background: url('/images/activeTab-omschrijving.png') no-repeat 0px 0px !important; } #siteContainer #contentHeader #contentTopMenu ul#contentMenu li#specificaties.activeTab{ position:relative; height:40px; margin:0px -7px 0px -6px; border:none; z-index:900; } #siteContainer #contentHeader #contentTopMenu ul#contentMenu li#demo.activeTab { position:relative; height:40px; border:none; margin:0px -7px 0px -6px; border-bottom:1px solid #ffffff; z-index:900; } #siteContainer #contentHeader #contentTopMenu ul#contentMenu li#bestellen.activeTab { position:relative; height:40px; border:none; margin:0px -7px 0px -6px; border-bottom:1px solid #ffffff; z-index:900; } #siteContainer #contentHeader #contentTopMenu ul#contentMenu li#inloggen.activeTab { position:relative; height:40px; border:none; margin:0px -7px 0px -6px; border-bottom:1px solid #ffffff; z-index:900; } #siteContainer #contentHeader #contentTopMenu ul#contentMenu li#specificaties.activeTab { width:217px; background: url('/images/activeTab-specificaties_tarieven.png') no-repeat 0px 0px !important; } #siteContainer #contentHeader #contentTopMenu ul#contentMenu li#demo.activeTab { width:92px; background: url('/images/activeTab-demo.png') no-repeat 0px 0px !important; } #siteContainer #contentHeader #contentTopMenu ul#contentMenu li#bestellen.activeTab { width:110px; background: url('/images/activeTab-bestellen.png') no-repeat 0px 0px !important; } #siteContainer #contentHeader #contentTopMenu ul#contentMenu li#inloggen.activeTab { width:110px; background: url('/images/activeTab-inloggen.png') no-repeat 0px 0px !important; } #siteContainer #contentHeader #contentTopMenu ul#contentMenu li.activeTab a, #siteContainer #contentHeader #contentTopMenu ul#contentMenu li.activeTab a:hover { background:none; } #siteContainer #contentHeader #contentTopMenu ul#contentMenu li#omschrijving.activeTab a { color:#777777; } #siteContainer #contentHeader #contentTopMenu ul#contentMenu li#specificaties.activeTab a, #siteContainer #contentHeader #contentTopMenu ul#contentMenu li#demo.activeTab a { padding-left:25px; color:#777777; } #siteContainer #contentHeader #contentTopMenu ul#contentMenu li#bestellen.activeTab a, #siteContainer #contentHeader #contentTopMenu ul#contentMenu li#inloggen.activeTab a { padding-left:24px; color:#777777; } /*--- Content it ioffice elements ---*/ #siteContainer #siteContent #content_it { position:relative; display:block; padding:19px; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; margin-bottom:10px; } #siteContainer #siteContent #content_it P { margin:0px 10px 10px 0px; } #siteContainer #siteContent #content_it #inlogbutton img { float:left; margin:10px 25px 10px 10px; border:0px; } #siteContainer #siteContent #content_it img { float:left; margin:10px 25px 10px 0px; } /*--- Content hosted exchange elements ---*/ #siteContainer #siteContent #content_he { position:relative; display:block; padding:19px; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; margin-bottom:10px; } #siteContainer #siteContent #content_he P { margin:0px 10px 10px 0px; } #siteContainer #siteContent #content_he #inlogbutton img { float:left; margin:10px 25px 10px 10px; border:0px; } #siteContainer #siteContent #content_he img { float:left; margin:0px 0px 0px 0px; border: 0px } /*--- Content online backupelements ---*/ #siteContainer #siteContent #content_ob { position:relative; display:block; padding:19px; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; margin-bottom:10px; } #siteContainer #siteContent #content_ob P { margin:0px 10px 10px 0px; } #siteContainer #siteContent #content_he #inlogbutton img { float:left; margin:10px 25px 10px 10px; border:0px; } #siteContainer #siteContent #content_ob img { float:left; margin:0px 0px 0px 0px; border: 0px } /*--- Content it ioffice TABLE elements ---*/ #siteContainer #siteContent #content_it #tabel_spec table {border: 1px #000000 solid; border-collapse: collapse;} #siteContainer #siteContent #content_it #tabel_spec table.tblCellHeight2 td.table_ioffice_ms { background-color:#FFFFFF; width:210px; height:25px; border: 1px #000000 solid; padding-left:8px;} #siteContainer #siteContent #content_it #tabel_spec table.tblCellHeight2 td.table_ioffice_ms img.icoon {margin:1px 8px 0px 0px; border:0px;} #siteContainer #siteContent #content_it #tabel_spec table.tblCellHeight2 td.table_ioffice { background-color:#599B9B; width:130px; height:35px; border: 1px #000000 solid;} #siteContainer #siteContent #content_it #tabel_spec table.tblCellHeight2 td.vinkjes { background-color:#E5E5E5; width:130px; border: 1px #000000 solid;} #siteContainer #siteContent #content_it #tabel_spec table.tblCellHeight2 td.vinkjes img.vinkjes { padding-left:50px; border:0px; margin:0px 0px 0px 0px; } #siteContainer #siteContent #content_it #tabel_func table {border: 1px #000000 solid; border-collapse: collapse;} #siteContainer #siteContent #content_it #tabel_func table.tblCellHeight2 td.table_ioffice_ms { background-color:#FFFFFF; width:210px; height:25px; border: 1px #000000 solid; padding-left:8px;} #siteContainer #siteContent #content_it #tabel_func table.tblCellHeight2 td.table_ioffice_ms img.icoon { margin:1px 8px 0px 0px; border:0px;} #siteContainer #siteContent #content_it #tabel_func table.tblCellHeight2 td.table_ioffice { background-color:#599B9B; width:130px; height:35px; border: 1px #000000 solid;} #siteContainer #siteContent #content_it #tabel_func table.tblCellHeight2 td.vinkjes { background-color:#E5E5E5; width:130px; border: 1px #000000 solid;} #siteContainer #siteContent #content_it #tabel_func table.tblCellHeight2 td.vinkjes img.vinkjes { padding-left:50px; border:0px; width:25; height:20; margin:0px 0px 0px 0px;} #siteContainer #siteContent #content_it #tabel_bestellen table { border-collapse: collapse; padding:0px; } #siteContainer #siteContent #content_it #tabel_bestellen table input{ padding-right:0px; margin-top:0px; margin-bottom:0px; } #siteContainer #siteContent #content_it #tabel_bestellen table input.forms_MultilanguagePack, #siteContainer #siteContent #content_it #tabel_bestellen table input.forms_IncredibleMail, #siteContainer #siteContent #content_it #tabel_bestellen table input.forms_MSVisioStandaard, #siteContainer #siteContent #content_it #tabel_bestellen table input.forms_MSVisioProfessional, #siteContainer #siteContent #content_it #tabel_bestellen table input.forms_MSProjects, #siteContainer #siteContent #content_it #tabel_bestellen table input.forms_Schijfruimte500MB, #siteContainer #siteContent #content_it #tabel_bestellen table input.forms_Schijfruimte1GB { padding-right:0px; margin-top:0px; margin-bottom:0px; } /* - Discipline > IT - */ body.it h3, body.it h3 a, body.it #siteContainer #siteMiddle #sidebarLeft dl.submenu dt, body.it #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li, body.it #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li a:hover, body.it #siteContainer #siteMiddle #sidebarLeft dl dd ul#disciplineMenu li:hover, body.it #siteContainer #siteContent h2, body.it #siteContainer #siteContent h1 { color:#c32a6c; } body.it #siteContainer #siteMiddle #sidebarLeft dl.submenu dd ul#disciplineMenu li a { background:url('/images/bullit-it-style.gif') no-repeat 0px 7px; } body.it #siteContainer #siteContent ul, body.it dl.contactGegevens ul { list-style-image:url('/images/bullit-it-style.gif'); } /*** END IOFFICE ***/ /* SLIDER */ #slider {background: transparent url() no-repeat top left; height: 256px !important; margin: 0 0 0 0px;width: 900px;border-top: solid 0px #ccc; border-bottom: solid 0px #ccc; padding: 0px; overflow: hidden;} /* Easy Slider */ #slider ul, #slider li, #slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none; } #slider2{margin-top:1em;} #slider li, #slider2 li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:900px; height:256px; overflow:hidden; } #prevBtn, #nextBtn, #slider1next, #slider1prev{ display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px; z-index:1000; } #nextBtn, #slider1next{ left:910px; } #prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{ display:block; position:relative; width:30px; height:77px; background:url(../images/btn_prev.gif) no-repeat 0 0; } #nextBtn a, #slider1next a{ background:url(../images/btn_next.gif) no-repeat 0 0; } /* numeric controls */ ol#controls{ width: 100px; margin: 0; padding:0; height:28px; position: absolute; top: 225px; left: 842px; } ol#controls li{ margin:0 5px 0 0; padding:0; float:left; list-style:none; height:18px; line-height:18px; } ol#controls li a{ float:left; height:18px; line-height:18px; border:1px solid #ccc; background:#b31b16; color:#fff; padding:0 5px; text-decoration:none; } ol#controls li.current a{ background:#76A0A8; color:#fff; } ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}