/* ------------------------------------------------- Version : 1.21 Author : Tremani Email : info@tremani.nl Website : http://tremani.nl Client : Contourweb (http://www.contourweb.nl) ---------------------------------------------------- */ body {font:69%/1.5em "Verdana", Arial, Helvetica, sans-serif; color:#131b78; margin:0; padding:0; width:100%; height:100%; background-color:#d0dcf3; text-align:left;} * html body {line-height:1.45em;} div {margin:0; padding:0; } img {border:0;} h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, li, fieldset, address {background-color:transparent; list-style:none; border:none; } h1, h2, h3, h4, h5, h6 {font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; color:#131b78;} h1 {font-size:165%; line-height:1.2em;} h2 {font-size:140%; line-height:1.2em; color:#ff7300; margin:1em 0 0 0;} * html h2 {margin:0.6em 0 0.6em 0;} h3 {font-size:118%; line-height:1.25em; color:#ff7300; margin:18px 0 0 0;} h4 {font-size:100%; margin:0.6em 0 0.6em 0;} h5 {font-size:100%;} h6 {font-size:90%;} /* print lay-out */ img, #search-box, #brochure-box, #icon-module, #menu, #col-1 { display:none; } a {color:#ff7300; text-decoration:none; background-color:transparent;} a:hover {color:#ff7300; text-decoration:underline; background-color:transparent;} /* Site colors darkblue: #131b78 lightblue: #d0dcf3 col-1 blue: #93aceb orange: #ff7300 */ /* SITE SPECIFIC ----------------------------------------------------------- */ table.formulier {} table.formulier td.col1 { padding:2px 8px 4px 0; width:150px; } table.formulier td.col2 { padding:2px 0px 4px 0;} #outer-wrapper {margin:20px auto 0 auto; padding-bottom:10px; width:994px; background-color:#FFF;} #header {margin:0; padding:0; position:relative; height:120px; width:994px;} #header #click {display:block; width:274px; height:118px; position:absolute; top:0px; right:0; overflow:hidden;} #header #bg-manlogo {width:478px; height:518px; position:absolute; top:5px; left:-238px; } #header #flash_quotes {width:320px; height:97px; margin-left:200px; position:absolute;} /* Cols & Content ----------------------------------------------------------- */ #page #col-1 {float:left; display:inline; margin:0 25px 0 0; width:201px;} * html #page #col-1 {margin:0 20px 0 0; width:201px;} #page #col-1 #menu { position: relative; margin:0;} #page #col-1 #menu .level1 {margin:0 0 6px 18px;} #page #col-1 #menu .level1 a{background-color:#131b78; margin:0 5px 0 0; padding:2px 0; display:block; height:18px;} #menu .level1 a, #menu .level1 a:visited {display:block; margin:0; padding:0; position:relative; width:170px; height:22px; text-indent:-9999px; background-repeat:no-repeat; background-position:0 0; overflow:hidden;} #menu .level1 a:hover {background-position:0 -22px; width:183px; } #menu .level1 a:active {background-position:0 -44px; background-color:#003762 !important; width:183px;} #menu .level1 a.current {background-position:0 -22px; width:183px;} #menu #btn-1, #menu #btn-1 a, #menu #btn-1 a:active { background-image:url(../img/btn-1.gif); z-index:100;} #menu #btn-2, #menu #btn-2 a, #menu #btn-2 a:active { background-image:url(../img/btn-2.gif); z-index:90;} #menu #btn-3, #menu #btn-3 a, #menu #btn-3 a:active { background-image:url(../img/btn-3.gif); z-index:80;} #menu #btn-4, #menu #btn-4 a, #menu #btn-4 a:active { background-image:url(../img/btn-4.gif); z-index:70;} #menu #btn-5, #menu #btn-5 a, #menu #btn-5 a:active { background-image:url(../img/btn-5.gif); z-index:60;} #menu #btn-6, #menu #btn-6 a, #menu #btn-6 a:active { background-image:url(../img/btn-6.gif); z-index:50;} #menu #btn-7, #menu #btn-7 a, #menu #btn-7 a:active { background-image:url(../img/btn-7.gif); z-index:40;} #menu .level2 {margin-bottom:10px;} #menu .level2 a:hover {background-color:#2071B0; color:#FFFFFF; margin-left:18px; padding:2px 8px 3px 4px; text-decoration:none;} #menu .level2 a.current {background-color:#E4ECF6; color:#131b78; text-decoration:none;} #menu .level2 a {background-color:#C1D4ED; color:#131b78; line-height:130%; margin:0 13px 0 18px; padding:2px 8px 3px 4px; text-align:right; text-decoration:none; display:block;} /* Searchbox (below menu) ______________________________ */ div#search-box {background-color:#131b78; margin:34px 0 10px 18px; padding:4px; width:162px; position:relative;} div#search-box img.title {margin-bottom:2px; } div#search-box form#zoekform {} div#search-box div.searches {border:1px solid #fff; height:20px; } div#search-box div.search-left {float:left; padding-right:1px; height:20px; } div#search-box div.search-right {float:left; border-left:1px solid #fff; height:20px; } div#search-box input#searchinput {margin-left:1px; margin-top:1px; padding:2px 2px 2px 2px; width:132px; /*height:16px;*/ background-color:#B2CDF0; border:0px; color:#131b78; } * html div#search-box input#searchinput {margin-top:0px; } /* IE only */ div#search-box input#searchbutton {margin-left:1px; margin-top:1px; cursor:pointer; padding:0 0 0 0; width:20px; height:18px; border:0px; background:#055383 url('../img/search_icon.gif') 50% 50% no-repeat; } * html div#search-box input#searchbutton{margin-top:0px; } /* IE only */ /* Brochurebox (below searchbox) ______________________________ */ div#brochure-box { margin:10px 0 10px 18px; padding:3px; width:164px; height:18px; position:relative; background:#131b78 url(../img/brochure_flags.png) no-repeat 4px 3px;} div#brochure-box a { overflow:hidden; text-indent:-4000px; display:block; width:65px; height:18px; } div#brochure-box a.flag { width:26px; position:absolute; top:3px; } div#brochure-box a.flag.german { left:103px; } div#brochure-box a.flag.english { left:137px; } /* Icon module (below brochurebox) ______________________________ */ #icon-module {width:178px; height:38px; position:static; margin-left:18px;} #icon-module ul {margin:0; padding:0;} #icon-module li {float:left; display:inline; margin:0 4px 0 0; width:54px; height:38px;} #icon-module li a, #icon-module li a:visited {display:block; cursor:pointer; margin:0; padding:0; width:54px; height:38px; text-indent:-9999px; background-repeat:no-repeat; background-position:0 0; overflow:hidden;} #icon-module li a:hover {background-position:0 -38px;} #icon-module li a:active {background-position:0 -76px;} #icon-module #icon-1, #icon-module #icon-1 a, #icon-module #icon-1 a:active { background-image:url(../img/icon-home.png); position:relative;} #icon-module #icon-2, #icon-module #icon-2 a, #icon-module #icon-2 a:active { background-image:url(../img/icon-sitemap.png); position:relative;} #icon-module #icon-3, #icon-module #icon-3 a, #icon-module #icon-3 a:active { background-image:url(../img/icon-mail.png); position:relative;} /* Col-2 _______________________________________________ */ #page #col-2 {float:left; display:inline; width:480px;} #page #col-2 .content-item {position:relative; border-bottom:1px dashed #ff7300; padding-bottom:20px; margin-bottom:20px; width:480px;} #page #col-2 .content-item {width:480px; position:relative;} #col-2 .content-item .news.datum {position:relative; margin:0; }/*margin:-8px 0 -7px 0;*/ #page #col-2 .content-item span {color:#a4a4a4} #page #col-2 .content-item .persona-box {padding:10px; margin:20px 0 0 0; background-color:#e4ecf6;} #page #col-2 .content-item .persona-box-content {width:380px;} * html #page #col-2 .content-item .persona-box-content {width:360px;} #page #col-2 .content-item .img-holder {padding:0; margin:15px 5px 0 0; border:1px solid #131b78; width:73px; height:100px; float:right; display:inline;} .quote {background:transparent url(../img/quote_left.gif) no-repeat scroll 0 0; height:20px; width:20px;} .quote-end {background:transparent url(../img/quote_right.gif) no-repeat scroll 0 0; height:20px; margin-left:345px; width:20px;} #page #col-2 p {line-height:1.7em;} #page #col-2 ul {padding:0; margin:1em 0;} #page #col-2 li {background:url(../img/arrow.gif) no-repeat 0 5px; position:relative; padding-left:8px;} /* #page #col-2 .content-item a {background:url(../img/arrow.gif) no-repeat 0 5px; padding-left:8px; margin-bottom:20px;} */ .readmore {background:url(../img/arrow.gif) no-repeat 0 5px; padding-left:8px; } #col-2 p+.readmore {display:block; margin-top:-9px;} #col-2 h2+.readmore {display:block; margin-top:auto;} #col-2 .readmore+br+span {display:block; padding-bottom:9px;} /* Col-3 _______________________________________________ */ #page #col-3 {float:right; display:inline; margin:0 20px 0 0; width:250px;} #page #col-3 .module {position:relative; width:250px; min-height:140px; border:1px solid #131b78; background:url(../img/filler.gif) no-repeat right 18px; margin-bottom:10px; padding:0 0 1px 0; } #page #col-3 .module .module-head {display:block; width:250px; height:22px; position:relative; overflow:hidden;} * html #page #col-3 .module .module-head {border-right:3px solid #131b78;} #page #col-3 .module .module-head img {position:relative; left:-30px;} #page #col-3 .module .module-content {width:200px; padding:10px; margin:0;} #page #col-3 .module .module-content a {background:url(../img/arrow.gif) no-repeat 0 5px; padding-left:8px;} #page #col-3 .module .module-content span {display:block; color:#a4a4a4;} #page #col-3 .module .module-content .normal {display:block; color:#131b78;} #page #col-3 .module .fields {float:right; width:140px; margin:12px 0px 0 0;} * html #page #col-3 .module .fields {width:100px; margin:12px 10px 0 0; } #page #col-3 .module .fields input {width:99px; height:14px; margin:0 0 5px 0; padding:4px; background:url(../img/bg-input.gif) no-repeat 0 0; border:none; position:relative; border-right:1px solid #cfcfcf;} #page #col-3 .module .fields input.btn-submit {background:url(../img/btn-submit.gif) no-repeat 50% 0; border:none; text-indent:-9999px; width:108px; height:20px; cursor:pointer; position:relative; margin-bottom:12px;} #page #col-3 .module .fields input.btn-submit:hover {background-position:50% -20px;} #page #col-3 .module .fields input.btn-submit:active {background-position:50% -40px;} #page #col-3 .module .field-data {float:left; width:100px; margin:12px 0 0 0px;} * html #page #col-3 .module .field-data {margin:20px 0 0 4px;} * html #page #col-3 .module .field-data {margin:20px 0 0 4px;} #page #col-3 .module .field-data ul {padding:0; margin:0;} #page #col-3 .module .field-data li {padding:0; margin-bottom:11px;} * html #page #col-3 .module .field-data li {padding:0; margin:0 0 11px 0;} #page #col-3 .module .twinfield {margin:20px 0 0 4px; padding:10px; width:220px;} #page #col-3 .module .twinfield span {margin:90px 0 0 0; padding:0; font-weight:bold; display:block;} .hidden { display:none; } /* Footer _______________________________________________ */ #footer {position:relative; width:994px; height:25px; margin:0 auto; font-size:10px; padding-top:4px;} #footer a {color:#131b78;} #footer #pay-off {float:right; display:inline; margin-right:14px;} #footer #linkage {float:left; display:inline; margin-left:225px;} .reset {clear:both; height:1px; font-size:0%; line-height:0%; } .noborder { border-bottom:none !important;}