/* ------------------------------------------------- Version :1.1 Site-creators :Tremani Email :info@tremani.nl Website :http://tremani.nl Client :Bureau Sterk (http://www.bureausterk.nl) ---------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; } /* remember to define focus styles! */ :focus {outline:0;} ol, ul {list-style:none;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse:separate; border-spacing:0;} caption, th, td {text-align:left; font-weight:normal;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} /* END GLOBAL RESET ----------------------------------------------------------- */ html {background:#4D3E29;} body {font:69%/1.6em Verdana, Arial, Helvetica, sans-serif; color:#3b2f1f; background:#fff url(../img/bg-verloop.jpg) repeat-x bottom;} h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, address { margin:1em 0 1em 0; } h1, h2, h3, h4, h5, h6 {font-weight:bold; color:#412613; margin:2em 0 1em 0;} h1{ font-size:150%; line-height:1.23em; margin:0.5em auto 0.45em auto; } /*h1 + h2 {margin:-0.5em auto 1.2em auto;}*/ h2{ font-size:130%; margin:0.6em auto 0.6em auto; line-height:1.45em; } h3{ font-size:118%; line-height:1.45em; } h3 + p {margin-top:-1em; } h4{ font-size:109%; line-height:1.33em; } h4 + p {margin-top:-1em; } h5{ font-size:100%; } h5 + p {margin-top:-1em; } h6{ font-size:88%;} h6 + p {margin-top:-1em; } a {color:#ff6600; font-weight:bold; text-decoration:none; position:relative;} a:hover {text-decoration:underline;} strong {font-weight:bold;} em {font-style:italic;} blockquote {padding:11px; background:url(../img/blockquote-bg.png) repeat;} /* *+html blockquote {height:auto; min-width:1px;} */ /* Obruni specifiek ----------------------------------------------------------- */ #outer-wrapper {background:url(../img/bg-base-content.png) repeat-y 0 0; width:964px; margin:0 auto; min-height:300px; padding:1px 0; margin-top:-1px;} #inner-wrapper {position:relative;} #header-bg {height:381px; width:578px; background:url(../img/header-bg.png) no-repeat 0 0; position:absolute; left:32px; top:0;} #header-bg a { display:block; margin: 50px 0 0 82px; width:270px; height:45px; position:relative; z-index:1000;} #header-image {width:332px; height:206px; float:right; display:inline; top:0; right:22px; z-index:1; position:absolute;} #header-image * {z-index:1; position:relative;} #header-image img {display:block;} /* Navigatie ----------------------------------------------------------- */ #navigation {width:271px; float:left; display:inline; position:relative; } #menu-wrp {float:left; display:inline; position:relative; margin:0 0 0 0; padding:176px 0 0 12px; width:259px; background:url(../img/bg-base-header-l.png) repeat-y 0 0; /*border:1px solid green;*/} * html #menu-wrp {height:1px;} #menu-wrp-r {position:absolute; width:32px; height:300px; top:0; right:0px; background:url(../img/bg-base-header-r.png) repeat-y 0 0; overflow:visible;} #menu-wrp-bottom-l {height:12px; clear:left; width:259px; background:url(../img/bg-base-header-bottom2-l.png) no-repeat 0 0; z-index:5000;} * html #menu-wrp-bottom-l {position:relative; left:1px;} #menu-wrp-bottom-r {position:absolute; height:12px; width:32px; background:url(../img/bg-base-header-bottom2-r.png) no-repeat 0 0; z-index:5000; bottom:-12px; right:0;} #menu { list-style:none; width:259px; margin:0; padding:0; position:relative; z-index:200; } * html #menu { height:1px;} #menu li { width:259px; margin:0; padding:0; position:relative; z-index:200; min-height:29px;} #menu li a { display:block; height:30px; text-indent:-5000px; background-position:0 -1px; background-repeat:no-repeat; padding:0; margin:0; } #menu li a:hover { background-position:0 -32px;} #menu li a.current { background-position:0 -63px;} #menu li a:active { background-position:0 -63px;} #menu ul { width:239px; margin:0 0 -1px 20px; position:relative; } #btn-1 a, #btn-1 a:visited { background-image:url(../img/btn-1.png);} #btn-1a a, #btn-1a a:visited { background-image:url(../img/btn-1a.png);} #btn-1b a, #btn-1b a:visited { background-image:url(../img/btn-1b.png);} #btn-2 a, #btn-2 a:visited { background-image:url(../img/btn-2.png);} #btn-2a a, #btn-2a a:visited { background-image:url(../img/btn-2a.png);} #btn-3 a, #btn-3 a:visited { background-image:url(../img/btn-3.png);} #btn-3a a, #btn-3a a:visited { background-image:url(../img/btn-3a.png);} #btn-3b a, #btn-3b a:visited { background-image:url(../img/btn-3b.png);} #btn-4 a, #btn-4 a:visited { background-image:url(../img/btn-4.png);} #btn-4a a, #btn-4a a:visited { background-image:url(../img/btn-4a.png);} #btn-4b a, #btn-4b a:visited { background-image:url(../img/btn-4b.png);} #btn-9 a, #btn-9 a:visited { background-image:url(../img/btn-9.png);} #btn-9a a, #btn-9a a:visited { background-image:url(../img/btn-9a.png);} #btn-9b a, #btn-9b a:visited { background-image:url(../img/btn-9b.png);} #btn-9c a, #btn-9c a:visited { background-image:url(../img/btn-9c.png);} #btn-9d a, #btn-9d a:visited { background-image:url(../img/btn-9d.png);} #btn-9e a, #btn-9e a:visited { background-image:url(../img/btn-9e.png);} /* Submenu ----------------------------------------------------------- */ #menu-sub-wrp {float:left; display:inline; position:relative; width:207px; padding:20px 0 60px 32px } #menu-sub {width:239px; margin:0; padding:0; position:relative; } * html #menu-sub { height:1px;} #menu-sub li { margin:0; padding:0; position:relative; min-height:29px;} * html #menu-sub li { height:1px;} #menu-sub li a { display:block; height:30px; text-indent:-5000px; background-position:0 -1px; background-repeat:no-repeat; padding:0; margin:0; } #menu-sub li a:hover { background-position:0 -32px;} #menu-sub li a.current{ background-position:0 -63px;} #menu-sub li a:active { background-position:0 -63px;} #menu-sub li.double a { height:54px; } #menu-sub li.double a:hover { background-position:0 -55px;} #menu-sub li.double a.current { background-position:0 -109px;} #menu-sub li.double a:active { background-position:0 -109px;} #menu-sub ul { width:239px; margin:0 0 -1px 0px; position:relative; } #btn-5 a, #btn-5 a:visited { background-image:url(../img/btn-5.png);} #btn-6 a, #btn-6 a:visited { background-image:url(../img/btn-6.png);} #btn-6a a, #btn-6a a:visited { background-image:url(../img/btn-6a.png);} #btn-6b a, #btn-6b a:visited { background-image:url(../img/btn-6b.png);} #btn-6c a, #btn-6c a:visited { background-image:url(../img/btn-6c.png);} #btn-6d a, #btn-6d a:visited { background-image:url(../img/btn-6d.png);} #btn-6e a, #btn-6e a:visited { background-image:url(../img/btn-6e.png);} #btn-6f a, #btn-6f a:visited { background-image:url(../img/btn-6f.png);} #btn-7 a, #btn-7 a:visited { background-image:url(../img/btn-7.png);} #btn-7a a, #btn-7a a:visited { background-image:url(../img/btn-7a.png);} #btn-7b a, #btn-7b a:visited { background-image:url(../img/btn-7b.png);} #btn-7c a, #btn-7c a:visited { background-image:url(../img/btn-7c.png);} #btn-7d a, #btn-7d a:visited { background-image:url(../img/btn-7d.png);} #btn-7e a, #btn-7e a:visited { background-image:url(../img/btn-7e.png);} #btn-7f a, #btn-7f a:visited { background-image:url(../img/btn-7f.png);} #btn-8 a, #btn-8 a:visited { background-image:url(../img/btn-8.png);} .hide {display:none !important} /* Content ----------------------------------------------------------- */ #content-col {width:525px; margin:220px 110px 0 0; float:right; display:inline; z-index:1000; position:relative; font-size:109%; line-height:1.6em;} #content-col ul, #content-col ol {margin:1em 0;} * html #content-col ul {height:1px;} #content-col li { position:relative; background:transparent url(../img/bullet-li-brown.gif) no-repeat 0 8px; padding-left:8px; margin:.3em 0 .3em 0;} * html #content-col li {height:1px;} #content-col li.kop {padding-left:0; font-style:italic; background-image:none;} #content-col ul.txt li {padding-left:0; background-image:none;} #content-col img { position:relative; margin:0.5em 0.5em 0.5em 1em; float:right; display:inline;} td {border:1px solid #B1BBC4; background-color: #C1C9D0; padding:6px;} /* Vcard ----------------------------------------------------------- */ .vcard { margin:0 32px 0 0; position:relative; clear:both; line-height:30px; color:#fff; width:922px; padding:30px 10px 0 0; height:30px; text-align:right; background:url(../img/vcard-top-border.png) no-repeat 100% 30px; } .vcard a, .vcard a:hover { color:#fff; } .org {font-weight:bold;} .pd-r {padding-right:5px;} #payoff { width:156px; height:62px; background:url(../img/payoff.png) no-repeat 0 0; position:absolute; left:58px; bottom:30px; text-indent:-5000px !important; overflow:hidden; } /* Footer ----------------------------------------------------------- */ #footer {margin:0 auto 0 auto; padding:10px 0; height:12px; width:964px; color:#766d5e; font-size:100%; position:relative; background:url(../img/bg-base-content-bottom.png) no-repeat 0 0; text-align:left; clear:both;} #footer a { color:#766d5e; text-decoration:none; font-weight:bold; font-size:109%;} #footer a:hover { color:#ff6600;} #site-creators { float:right; display:inline; position:relative; margin-right:40px; font-size:9px; color:#766d5e;} #copyright {font-size:11px; position:relative; top:0px;} #site-creators a, #site-creators a:visited { position:relative; color:#766d5e;} #site-creators a:hover {} /* Standard extras ----------------------------------------------------------- */ .seo {text-indent:-5000px; margin:0; padding:0; line-height:0; overflow:hidden; height:0px;} .accessibility {position:absolute; left:-999em; } .clearer { clear:both; font-size:10px; line-height:10px; padding:0;} .float-l { float:left; margin-right:1em; display:inline;} .float-r { float:right; margin-left:1em; display:inline;} .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearfix {display:inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height:1%;} .clearfix {display: block;}