html, body { margin: 0; padding: 0; height: 100%; background: #fff; color: #333; font: 12px/1.5em Arial,Helvetica,sans-serif; } h1, h2, h3, h5 { font-family: 'Trebuchet MS', Helvetica, sans-serif; } h1 { font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 175%; letter-spacing: -1px; margin: 4px 0px; } h2 { font-size: 146%; font-weight: normal; margin: 4px 0px; } h3 { font-size: 13px; font-weight: bold; margin: 3px 0; } h4 { font-size: 83%; color: #666; margin: 3px 0 0 0; word-spacing: 0.1em; } h5 { font-size: 180%; margin: 12px 0; } h6 { font-size:116%; margin: 0; } h1, h5 { font-weight: normal; line-height: 1.0em; } .contentnav h2, #subphototxt h2 { margin-top: 0; } hr { border-color:-moz-use-text-color -moz-use-text-color #A0A0A0; border-style:none none dotted; border-width:0 0 1px; } p { margin: 0.2em 0 1.5em 0; } p.plain { margin: 0; line-height: normal; } img { border: none; } .foto { border:1px solid #666; margin: 15px 0 10px 10px; } .small, #footer p, #footer li { font-size: 90%; } .readmore { font-size: 90%; padding-left: 10px; background: transparent url(/images/bullet.gif) no-repeat scroll left center; } .solution_readmore { } li .readmore { padding-left: 0; background: none; } .light { color: #bbb; } a { color: #666; } a.showlink { background: transparent url(/images/bullet.gif) no-repeat scroll 0px 5px; padding-left: 7px; } ul.bulletlist li .normal { font-size: 66%; color: #666; line-height: 1.2em; font-weight: normal; } .big { font-size: 150%; } .eye-catching { font-size: 116%; margin: 0; font-weight: bold; } .bigger { font-size: 91%; } .wider { letter-spacing: +0.1em; } #mainphoto { background: transparent url(/images/toprightgrad.png) no-repeat scroll left top;  border: 1px solid #EFEFEF; border-width: 1px 0; height: 190px;  position: relative; } #mainphototxt { width: 350px;  padding: 20px 0 0 0; overflow: hidden; position: absolute; bottom: 0px; } #mainphotoimg{ float: right; } #subphoto { border-bottom: 1px solid #EFEFEF; border-width: 1px 0; height: 40px; position: relative; } .subphotoheading { display: block; position: absolute; color: #333; left: 0px; bottom: 4px; font-size: 250%; line-height: normal; } #subphototxt {   overflow: hidden; letter-spacing: 2px; } #subphototxt { position: absolute; left: 587px; } #subphototxt h2 { color: #fff; cursor: default; } #subphotoimg{ float: left; border-right: 1px solid #EFEFEF; width: 570px; height: 80px; } .contentcolumn, .homeheading { text-align: left; } .contentcolumn { float: left; width: 203px; border-right: 1px solid #eee; background: transparent url(/images/contentbg.png) repeat-y scroll right top; padding-left: 10px;  } .lastcontentcolumn { margin-left: 0; border-right: none; background: none; } .firstcontentcolumn { padding-left: 0; } .aboutcontentcolumn { width: 250px; padding-right: 0; } .homeheading { padding: 0px 5px 20px 0; margin-top: -10px; } .homeheading h1 { font-size: 183%; font-weight: bold; color: #333; } .home_about1, .home_about2 {  } .home_about1 p, .home_about2 p { padding: 10px; } .home_about2 { background: #eee; } .contentnav { float: right; width: 268px; padding: 0; } .contentnavimg { position: absolute; right: 0; } .contentright { width: 665px; margin: 0; padding: 0px 30px 10px 0; border-right:1px solid #EEEEEE; background: transparent url(/images/contentbg.png) repeat-y scroll right top; } .underlined { background: transparent url(/images/hdot.gif) repeat-x scroll left bottom; padding-bottom: 3px; } .leftaligned, .vacatures { float: left; margin: 0 20px 0 0; } .date { padding-top:4px; line-height: normal; } .date p { color: #ccc; padding-top: 2px; } #footer div { position: relative; } .vacatures { background: transparent url(/images/vdot.gif) repeat-y scroll left bottom; padding-left: 20px; } #heading, #content, #navigation, #copyright, .wrapper, .wrappercontent { width: 980px; text-align: left; margin: 0px auto; } #content, #heading { position: relative; } #copyright { text-align: right; padding: 0; } .wrapper { background: transparent url(/images/navbar.png) no-repeat scroll left top; clear: both; padding: 0; } .wrappernested { background: transparent url(/images/navbar.png) no-repeat scroll right top; padding: 0; margin-left: 10px; } .wrappercontent { position: absolute; height: 150px; top: 68px; } .headingcontent { padding: 14px 0 0 25px; width: 500px; } .headingcontent p { font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: 1.4; color: #888888; } .headingimage { float: right; margin-top: 10px; } #footer, #footerleft, #footerright{ height: 100px; position: relative; background: transparent url(/images/line-repeat.gif) repeat-x scroll left center; } #footer { clear: both; width: 100%; position: relative; text-align: left; margin: 0px auto; padding: 11px 0; } #footerleft { background: transparent url(/images/line-left.gif) no-repeat scroll left center; float:left; width: 581px; } #footerright { background: transparent url(/images/line-right.gif) no-repeat scroll right center; float:right; width: 117px; } #heading, #semanticalogo { padding: 7px 0; } #semanticawww { font-family: Tahoma,Arial,Helvetica,sans-serif; margin-top: 28px; font-size: 30px; color: #fbfbfb; text-decoration:none; letter-spacing: 4px; cursor: default; font-variant: small-caps; position: absolute; right: 0px; } .semantica { font-variant: small-caps; } label { font-weight: bold; display: block; } label.inline { font-weight: normal; display: inline; } label span { font-weight: normal; font-size: 10px; color: #666; } .subfield { display: none; } .padded { padding: 0 10px 10px 10px; } form, .fancy { background:#eee url(/images/gradeee.png) repeat-x scroll left top; border:1px solid #ddd; } .paperImage { background:#eee url(/images/paper.png) no-repeat scroll left top; } .digitalImage { background:#eee url(/images/digital.png) no-repeat scroll left top; } form { padding: 0 10px 10px 10px; } .referencelogo { display: block; float: left; width: 122px; height: 82px; margin: 7px 10px 0 0; } .referencelogo:hover { background-position: left -82px; } #referencelogo_kpn { background-image:url(/images/referencelogo_kpn.png); } #referencelogo_euroclix { background-image:url(/images/referencelogo_euroclix.png); } #referencelogo_docsdb { background-image:url(/images/referencelogo_docsdb.png); } #referencelogo_genlias { background-image:url(/images/referencelogo_genlias.png); } #referencelogo_sun { background-image:url(/images/partner_logo_sun.png); } #referencelogo_oracle { background-image:url(/images/partner_logo_oracle.png); } .button {  cursor:pointer; font-size:90%; padding:3px 8px !important; text-shadow:0 1px 0 #FFFFFF; } .field, textarea, select, .ss-q-short {  font-size: 108%; font-family: Arial,Helvetica,sans-serif; } .field, textarea {  } textarea {  } ul.bulletlist li { line-height: 1em; margin-bottom: 12px; } ul.newslist { margin: 0; padding: 0; margin-left: 20px; list-style-type: none; } ul.newslist li { margin-bottom: 8px; } ul.newslist li .newsdate { margin-left: -20px; margin-right: 5px; } ul.newslist li .newstitle { text-decoration: underline; } ul.navmenu, ul.bulletlist { list-style-image: url(/images/bullet.gif); margin: 0 0 0 16px; padding: 0; } ul.bulletlistspaced li { margin-bottom: 10px; } ul.navlist { margin: 0; padding: 0; } ul.navlist li a, ul.navmenu li a { text-decoration: none; display: block; } ul.navlist li { display: inline; list-style-type: none; margin: 0; padding: 0 12px 0 8px; border-right: 1px solid #ddd; float: left; } ul.navlist li.rightbutton { border-right: none; padding-right: 3px; } ul.navlist li.leftbutton { padding-left: 0; } .right { float: right; } .rightimg { float: right; margin: 0 0 10px 10px; } ul.navlist-small li { padding: 0 6px 0 4px; } ul.navlist-small li a { color: #bbb; font-size: 80%; text-transform: lowercase; } .nounderline { text-decoration: none; } .solution_image { margin-bottom: 10px; } .solution_for { color: #666; font-weight: bold; } .solution { font-size: 316%; height: 80px; margin-top: 5px; overflow: visible; cursor: pointer; } .solution div { margin-top: -10px; } .solution_list { list-style: none; } .solution_text { line-height: 1.6em; display: block; height: 90px; } .headingtitle{ position: absolute; right: 0; top: 45px; font-size: 150%; color: #ccc; } .home_about_readmore { display: block; margin-top: 4px; } .noline, .noline:hover { text-decoration: none; } #navigation { padding: 0; width: 970px; padding-top: 4px; } .navtable {  line-height: 1.2em; } .navtable td { border-right: 1px solid #eee; } .navtable td.contact-button { border: none; } .navtable td a { padding: 5px 15px 5px; display: block; width: 150px; overflow: hidden; color: #333; font-weight: bold; text-decoration: none; } .navtable td a:hover { background: #eee; } .navtable td a span { display: block; color: #999; font-weight: normal; margin-top: 6px; } #navigation .hometable { display: block; float: left; } #navigation .hometable td a { padding: 12px 7px 0 2px; width: 40px; height: 42px; text-align: center; } #navigation .hometable td a:hover { background: none; } .longbutton { } .longbutton a { position: absolute; top: 8px; left: 45px; width: 500px; height: 20px; font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; text-decoration: none; } .longbutton a:hover { text-decoration: underline; }  .prijstable { border-collapse: collapse; } .prijstable th { border: 1px solid #ccc; color: black; } .prijstable ul { padding-left: 0; margin-left: 0; } .grayrow { background: #f5f5f5 url(/images/gradF7F5EE.png) repeat-x scroll left top; border: 1px solid #ddd; } .whiterow { background: #fff url(/images/gradfff.png) repeat-x scroll left top; border: 1px solid #ddd; } .prijstitel { font-size: 116%; font-weight: bold; margin-bottom: 10px; } .prijsunit { font-size: 75%; color: #999; margin-top: 5px; line-height: 1.2em; } .prijsbutton { position: relative; height: 31px; width: 100%; } .prijscur { font-size: 250%; color: #555; line-height: 1em; } .prijs { font-size: 208%; color: #444; font-weight: bold; } .edition-site { color: #ff820a; } .edition-on { color: #666666; } ul.nopad { margin: 0; padding: 0; } li.get, li.ok, li.option { margin-left: 0; list-style: none; padding-left: 20px; } li.get { background: url(/images/prijs-get.gif) no-repeat scroll left 1px; } li.ok { background: url(/images/prijs-ok.gif) no-repeat scroll left 1px; } li.option { background: url(/images/prijs-optional.gif) no-repeat scroll left 1px; } .tableband { margin: -10px -10px 0 0; float: right; } .prijscur, .prijs { font-family: Georgia, serif; } .prijsbuttongray, .prijsbuttonwhite { position: relative; } .prijsbuttoncontentgray, .prijsbuttoncontentwhite { margin-right: 8px; height: 31px; } .prijsbuttoncontentgray a, .prijsbuttoncontentwhite a { color: #fff; font-weight: bold; font-size: 11px; padding: 4px 0 4px 40px; display: block; white-space: nowrap; text-decoration: none; } .prijsbuttoncontentgray a:hover, .prijsbuttoncontentwhite a:hover { color: #fff; text-decoration: underline; } .prijsbuttonwhite { background: url(/images/prijsbutton.png) repeat-x scroll right -31px; } .prijsbuttoncontentwhite { background: url(/images/prijsbutton.png) repeat-x scroll left -31px; } .prijsbuttoncontentgray { background: url(/images/prijsbutton.png) repeat-x scroll left 0px; } .prijsbuttongray { background: url(/images/prijsbutton.png) repeat-x scroll right 0px; } ul#validation-errors li { color:#CC0000; } p.nb { color: #666; } .even { background: #fafafa; } .oneven { background: #e0e0e0; } .contentbox { margin-bottom: 10px; position: relative; background: transparent url(/images/contentbox_repeat.png) repeat-y scroll top left; } .contentbox_inside { background: transparent url(/images/contentbox_repeat.png) repeat-y scroll top right; margin-left: 10px; } .contentbox_content_wrapper { position: relative; background: transparent url(/images/contentbox_top.png) no-repeat scroll top left; margin-left: -10px; } .contentbox_content { background: transparent url(/images/contentbox_top.png) no-repeat scroll top right; margin-left: 10px; padding: 10px 10px 5px 5px; border: none; } .contentbox_footer_wrapper { background: transparent url(/images/contentbox_bottom.png) no-repeat scroll bottom left; height: 13px; } .contentbox_footer { background: transparent url(/images/contentbox_bottom.png) no-repeat scroll bottom right; margin-left: 10px; height: 13px; } .contentbox_vsep { background: transparent url(/images/vsep.png) repeat-y scroll top right; }  .ss-q-short { width: 400px; } .ss-choices { margin: 0; padding: 0; list-style: none; } .ss-required-asterisk { color: red; } .ss-scalerow { border-color:#D3D8D3 -moz-use-text-color; border-style:solid none; border-width:1px 0; color:#666666; padding:0.5em 0.25em; text-align:center; } td.ss-leftlabel { padding-left:0; text-align:right; } td.ss-rightlabel { padding-right:0; text-align:left; } td.ss-leftlabel, td.ss-rightlabel { color: #999; } .ss-scalenumber { font-weight: normal; text-align: center; } label { cursor: pointer; } ul label { display: inline; cursor: pointer; font-size: 83%; font-weight: normal; } .ss-form-entry { margin-bottom: 10px; } .ss-form-desc { line-height: 1.5em; } .columnsLayout {  width: 100%; } .columnsLayout td.column1 { width: 50%; padding-left: 40px; } .columnsLayout td.column2 { width: 50%; padding-left: 50px; } .columnsLayoutLargeLeft td.column1 { width: 70%; } .columnsLayoutLargeLeft td.column2 { width: 30%; } .columnsLayout th table { margin-top: 5px; width: 100%; } .columnsLayout th table td.column1 { width: 65%; } .columnsLayout th table td.column2 { text-align: right; padding: 10px; } .columnsLayout th table h1 { font-size: 30px; font-weight: bold; text-align: left; padding-top: 6px; } .columnsLayout th table p { font-family: 'Lucida Grande','Lucida Sans Unicode',Arial,Verdana,sans-serif; font-size: 16px; font-weight: normal; line-height: 1.4; color: #888888; text-align: left; } img.columnsImageLayout { position: absolute; right: 10px; top: 20px; } ul.downloadsList { list-style: none; margin: 0; padding: 0; } ul.downloadsList li span { display: block; margin: 2px 0; padding-left: 20px; background: transparent url(/images/pdf.gif) no-repeat scroll left top; } ul.downloadsList li.disabledLink span { color: #bbb; background: transparent url(/images/pdfdisabled.gif) no-repeat scroll left center; cursor: default; } .columnsHeader { padding-left: 40px; } .columnsHeader h1 { line-height: normal; } .columnsHeaderImage { margin-bottom: -10px; } .nav, .nav ul { padding: 0; margin: 0; list-style: none; z-index: 2000; } .nav a { display: block; width: 125px; color: #333; text-decoration: none; } .nav li.navmainitem { } .nav a.navmain { background: transparent url(/images/dropdown.gif) no-repeat scroll left center; text-decoration: none; color: #000; height: 22px; width: 135px; } .nav a.navmain div { background: transparent url(/images/dropdown.gif) no-repeat scroll right center; height: 22px; margin-left: 5px; white-space: nowrap; } .nav a.navmain div span { display: block; padding-top: 2px; } .nav li ul li { float: left; width: 260px; } .nav li ul { border: solid 1px #666; background: #FFFFFF url('/images/gradfff.png') repeat-x scroll left top; padding: 5px; } .nav li ul li a { color: #333; padding: 2px 4px 2px 14px; width: 260px; background: transparent url('/images/bullet.gif') no-repeat scroll 4px center; } .nav li ul li a:hover { text-decoration: none; } .nav li ul { position: absolute; width: 260px; left: -999em; } .nav li:hover, .nav li.sfhover { position: static; } .nav li ul li:hover, .nav li ul li.sfhover { background: #eda; } .nav li ul li.navheading { background: transparent; } .nav li ul li.navheading div { font-weight: bold; padding: 5px 4px 0 4px; } .nav li:hover ul, .nav li.sfhover ul { left: auto; } .dropdown li.navmainitem { display: inline; float: left; } .dropdown a.navmain { background: transparent url(/images/down.gif) no-repeat scroll right center; width: auto; border-left:1px solid #EEEEEE; color:#000000; display:block; padding:7px 10px 9px; height: auto; margin: 0 5px 0 0; } .dropdown li.werkwijze ul { margin-left: -89px } .dropdown li.werkwijze ul, .dropdown li.werkwijze li, .dropdown li.werkwijze li a { width: 160px; } .dropdown li.branche ul { margin-left: -117px } .dropdown li.functie ul, .dropdown li.functie li, .dropdown li.functie li a { width: 160px; } .dropdown li.documentvorm ul, .dropdown li.documentvorm li, .dropdown li.documentvorm li a { width: 100px; } .dropdown li.cargo ul, .dropdown li.cargo li, .dropdown li.cargo li a, .dropdown li.formato-de-documento ul, .dropdown li.formato-de-documento li, .dropdown li.formato-de-documento li a, .dropdown li.metodo-de-trabajo ul, .dropdown li.metodo-de-trabajo li, .dropdown li.metodo-de-trabajo li a { width: 150px; } .dropdown li.sector ul { margin-left: -84px; } .dropdown li.metodo-de-trabajo ul { margin-left: -35px; } .dropdown a.navmain div { background: none; margin: 0; height: auto; } .dropdown a.navmain div span { padding: 0; } .dropdown li ul { } .introductionTable { margin: 5px 0 0 0; } .introductionTable td { padding: 10px 10px 0 20px; } .introductionTable td div { margin-bottom: 15px; } #content{ background: transparent url(/images/leftborder.gif) repeat-y scroll left top; } #submenu { background: transparent url(/images/navbarmenu.png) repeat-y scroll left top; padding-left: 10px; } #submenucontent { height: 41px; background: transparent url(/images/navbarmenu.png) repeat-y scroll right top; } #subnavmenu { float: right; margin: 2px 6px 0 0; } #submenuheading { margin: 9px 0 0 6px; float: left; font-family: 'Trebuchet MS',Helvetica,sans-serif; font-size: 17px; color: #bbb; } #submenuheading a { text-decoration: none; color: #bbb; } #submenu .navmenu { padding: 0 0 0 5px; } #submenu .navmenu li { display: inline; float: left; } #submenu .navmenu li a { padding: 7px 10px 9px; display: block; border-left: 1px solid #eee; color: #000; } #submenu .navmenu li a:hover { background: #eee; } a#contactbutton { width: 254px; height: 32px; background:transparent url(/images/contactbutton-long.png) no-repeat scroll left top; float: right; clear: right; margin: 8px 2px 0 0; text-decoration: none; } a#contactbutton:hover { background:transparent url(/images/contactbutton-long.png) no-repeat scroll left bottom; } #headingnavigation { float: right; } #techinical_page_name { position: absolute; top: 0; left: 50%; width: 300px; margin-left: -150px; background: #FFF8CC; text-align: center; border: 1px solid #999; border-width: 0 1px 1px 1px; z-index: 4000; text-align: center; } .border { border: 1px solid #ccc; } .breadcrumbs { padding: 0; margin: 0; list-style: none; } .breadcrumbs li { display: inline; } .homecrumb { float: left; display: block; width: 16px; height: 18px; margin: 1px 1px 0 7px; background:transparent url(/images/home-small.png) no-repeat scroll left bottom; } .homecrumb:hover { background:transparent url(/images/home-small.png) no-repeat scroll right bottom; } .referenceUl { margin: 0; padding: 0; list-style: none; } .referenceUl li{ margin-bottom: 30px; } .out { background: transparent url(/images/external-small.png) no-repeat scroll right top; padding-right: 17px; } .about-heading b { font-weight: normal; } .searchresulttitle { margin-top: 14px; } .searchresulttitle a { font-size: medium; } .searchresulturl { color: #666; } .searchform { background: none; border: none; padding: 0; margin-bottom: 20px; } .quicksearchform { background: none; border: none; padding: 0; margin: 0; } #navigation .date p { padding: 5px 15px 0 0; } .quicksearchform .searchfield { margin: 0; padding: 0; color: #ccc; border: none; background: transparent url(/images/searchfield.png) no-repeat scroll 0 0; font-size: 11px; width: 123px; height: 21px; margin-right: 7px; position: absolute; right: 28px; top: 106px; padding: 4px 4px 0 4px; } .quicksearchform .searchbutton { margin: 0; padding: 0; position: absolute; right: 15px; top: 106px; } .searchresultpages { margin: 30px 0 0 0; padding: 0; list-style: none; } .searchresultheading .searchresulttime { float: right; } .searchresultheading { background: #f6f6f6; border-top: 1px solid #ccc; padding: 2px; } .searchresultpages li { display: inline; margin: 0; padding: 0; list-style: none; } .searchresultpages li a, .searchresultpages li div { display: block; float: left; padding: 1px 5px; margin: 0 4px; border: 1px solid #ccc; font-size: 14px; text-decoration: none; } .searchresultpages li a:hover { background: #f6f6f6; } .searchresultpages li div { font-weight: bold; border: none; margin: 0; }  h1, h2, h3, h5, h6, a:hover, #mainbuttons li a:hover, .navcrumbs a:hover, ul.navlist-small li a:hover, .red, a.more, #subphototxt, .navtable td.active a, .navtable td.childactive a, ul.newslist li .newsdate, li.active a, ul.navlist li.childactive a, ul.navlist-small li.active a, .navtable td a:hover, .edition-line, .homebox h3 a, #submenuheading a:hover, #submenu .navmenu li.active a, .searchresulttitle a { color: #cd1008; }