/* -------------------------------------------------
Version : 1.0
Author : Tremani
E-mail : info@tremani.nl
Website : http://tremani.nl
Client : http://betonwerkdverkade.nl/
---------------------------------------------------- */
html, body, h1, h2, h3, h4, h5, h6, blockquote, pre, code, p, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, div, span, table, tr, th, td { margin:0; padding:0; background-color:transparent;}
html, body { height:100%; text-align:center; }
body { font:69%/1.5em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#555; }
body { background:#a7a9ac url(../img/bg-verloop.png) repeat-x left top;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, li, fieldset, address { margin:16px 0 16px 0; }
h1, h2, h3, h4, h5, h6 { font-family:Verdana, Arial, Helvetica, sans-serif; }
img {border:0;}
/* ---- If sifr doesnt work check the added sifr styles in the print CSS file --- */
h1 {font-size:135%; margin-top:0em; width:100%; line-height:26px; color:#000000; text-transform:uppercase; letter-spacing:2px; background-color:transparent;}
h2 {font-size:135%; color:#ef0012; margin-bottom:-16px; line-height:20px; background-color:transparent;}
#content-wrapper h2 a,
#content-wrapper h2 a {color:#ef0012;}
h3 {font-size:100%; margin-bottom:-16px; color:#ef0012; background-color:transparent;}
h4 {font-size:100%; margin-bottom:-16px; color:#000; background-color:transparent;}
h5 {font-size:100%; margin-bottom:-16px; background-color:transparent;}
h6 {font-size:100%; margin-bottom:-16px; font-weight:normal; color:#ef0012; background-color:transparent; }
a { background:transparent; text-decoration:none; }
a:hover { background:transparent; }
a:visited {background:transparent; }
a:active { }
#content-wrapper a { color:#000; background:transparent;}
#content-wrapper a:hover { border-bottom:1px solid #717274; background:transparent;}
#content-wrapper a:visited { text-decoration:none; background:transparent; }
#content-wrapper a:active { color:#000; background:transparent;}
a.more { font-weight:bold; background:transparent;}
ul {margin:1.8em 0 1.5em 0; padding:0; list-style:none; position:relative;}
ul li {position:relative; background:transparent url(../img/bullet-li.png) no-repeat 0 8px; padding-left:8px; margin:.3em 0 .3em 0;}
ul.bullet-red li {background:transparent url(../img/bullet-li-red.png) no-repeat 0 8px;}
ul.bullet-black li {background:transparent url(../img/bullet-li-black.png) no-repeat 0 8px;}
.colour1 {color:#ef0012; background:transparent;}
.colour2 {color:#a7a9ac; background:transparent;}
sub {position:relative; margin-bottom:-15px; padding:0; line-height:7px;}
.underline { text-decoration:underline; }
.strong { font-weight:bold; }
.width-400 { width:400px; }
.al-cen { text-align:center; }
/* SITE SPECIFIC ______________________________________
_______________________________________________________ */
#outer-wrapper { min-height:100%; width:949px; margin:0 auto; background:transparent url(../img/bg-content.png) repeat-y 105px 0; text-align:left; }
body > #outer-wrapper { position:relative; }/* ---- Possible prob in ie7 check it --- */
*:first-child+html #outer-wrapper { position:static; }/* ---- Possible prob in ie7 check it --- */
#inner-wrapper { position:relative; min-height:100%; width:949px; background:transparent;}/* ---- This extra div is necessary, IE6 bug with links when position:relative; used --- */
* html #outer-wrapper { height:100%; background:#FFFFFF; }
#content-wrapper { position:relative; margin:0 auto auto 105px; width:690px; background:#fff; padding-left:85px;/* border:1px solid green;*/ }
.text #content-wrapper { width:550px; padding-left:225px; padding-bottom:36px; }
* html .text #content-wrapper { width:550px; padding-left:225px; padding-bottom:36px; /*border:1px solid pink;*/ }
#img-wrapper {/*position:relative; margin:0 0 76px 0;*/ padding-bottom:25px; }
#img-info { background:#ef0012; color:#fff; padding:18px 68px 18px 18px; width:234px; height:70px; position:relative; display:inline; float:right; margin-top:-110px; margin-right:-18px; right:-18px; }
#img-info {height /*\**/: 75px\9; padding-top /*\**/: 18px\9; margin-top /*\**/:0px\9; top /*\**/: -115px\9; } /* ---- ie8 hack --- */
* html #img-info {margin-top:-147px; }
*:first-child+html #img-info {margin-top:-133px; top : 0px; height:70px; }
#img-info h3 {padding:0; margin:0 0 -16px 0; color:#fff; }
#img-info p {padding:0; }
#header {position:relative; height:161px; width:934px; background:#fff url(../img/header-bovenbalk.png) repeat-x 0 0; }
#header-logo {position:absolute; top:56px; left:18px; height:87px; width:264px; background:#fff url(../img/logo.png) no-repeat 0 0;}
#header-image {position:absolute; top:0; right:0px; height:151px; width:744px; background:#fff url(../img/header2.jpg) no-repeat 0 0;}
#col-1 { position:relative; float:left; width:170px; margin:25px 0 0 0; padding:0 0 1px 0; text-align:right; z-index:10; }
#col-2 { position:relative; float:right; width:500px; margin:25px 0 25px 0; padding:0 0 1px 0; z-index:100;}
.projectfoto {float:right; margin-right:-40px; margin-top:-50px; position:relative;}
*:first-child+html .projectfoto {margin-top:-50px;}
* html . projectfoto {margin-top:-20px;}
.uitvoering {font-weight:bold;}
#content-wrapper a.imagelink {position:relative; z-index:10000; display:block;}
#content-wrapper a.imagelink:hover { border-bottom:none; }
a.projecten {text-decoration:none; color:#ef0012;}
.terug { text-align:right;}
.bullet {margin-left:5px}
#footer {position:relative; padding:0; width:50%; height:18px; margin-top:-18px; background:#000; text-align:left; /*border:1px solid pink;*/ }
* html #footer {position:relative; padding:0; width:100%; height:18px; margin-top:-18px; background:transparent; /*border:1px solid pink;*/ }
*:first-child+html #footer {position:relative; padding:0; width:100%; height:18px; margin-top:-18px; background:transparent; text-align:left;} /* This hack for ie7 is the only option that works in a dynamic setting */
#footer-inner {position:absolute; padding-left:100px; top:0; right:-460px; width:816px; height:18px; line-height:18px; color:#a7a9ac; font-size:9px; font-weight:bold; letter-spacing:1px; background:#000 url(../img/footer.png) no-repeat 100% 0; }
* html #footer-inner {position:absolute; padding-left:0; top:0; right:auto; left:0; background:#000; width:50%; }
*:first-child+html #footer-inner {position:absolute; padding-left:0; top:0; right:auto; left:0; background:#000; width:50%; }
* html #footer-inner-inner { position:absolute; padding-left:100px; top:0; right:-460px; width:816px; height:18px; background:#000 url(../img/footer.png) no-repeat 100% 0;}
*:first-child+html #footer-inner-inner { position:absolute; padding-left:100px; top:0; right:-460px; width:816px; height:18px; background:#000 url(../img/footer.png) no-repeat 100% 0;}
#footer-inner span {font-weight:bold; background:transparent;}
#footer-inner a {color:#a7a9ac; font-weight:bold; background:transparent; }
#footer-inner a:hover {color:#fff; background:transparent;}
#logoLinks {position:absolute; width:87px; height:65px; bottom:20px; left:-1px; margin:0; /*border:10px solid red;*/ }
ul {}
#logoLinks li {width:87px; height:30px; position:relative;}
#logoLinks li a {width:87px; height:30px; position:absolute; top:0; left:0; text-indent:-9999px; }
#logoLinks li a:hover {background-position:0 -30px !important; }
#logoLinks li#demo a{background:transparent url(../img/logo-demo.png) no-repeat 0 0;}
#logoLinks li#vca a{background:transparent url(../img/logo-vca.png) no-repeat 0 0;}
#logoLinks li#demo, #logoLinks li#vca { display:none; }
.home #logoLinks li#vca { display:block; margin-top:-120px;}
#logoLinks li#rftr { height:60px; }
#logoLinks li#rftr a { height:60px; background:transparent url(../img/logo-rideftroses.png) no-repeat 0 0;}
#footer-inner #logoLinks li#rftr a:hover { background-position:0 0 !important; }
dl { width:100%; }
dt { float:left; width:30%; }
dd { display:block; }
body.contact dl { margin:0; display:block; margin-bottom:20px; }
body.contact dt { width:60px; }
body.contact dd { width:200px; }
table { border-collapse:collapse; }
table td { padding:4px 4px; }
body.contact td.no-border { border:none; }
body.contact td { padding:1px 9px 1px 1px; border-bottom:solid #e5e5e5 1px; }
body.contact th { padding:1px 9px 1px 1px; border-bottom:solid #e5e5e5 1px; font-weight:bold; }
body.overbeton table { margin:15px 0; }
body.overbeton table td { border:solid gray 1px;}
table td p { margin:0; padding:0; }
body.laadlos table { border:none; }
dl.breed { width:100%; }
dl.breed dt { width:50%; }
dl.breed dd { width:50%; float:left; }
table.projectentabel { width:440px; }
table td.data { width:40%; }
table td.descr { width:40%; }
img.photo { margin:10px 0; }
/* Main Nav ----------------------------------------------------------- */
#mainnav {position:absolute; top:143px; left:0; width:282px; background:transparent url(../img/bg-mainnav.png) repeat-y 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; }
/*#mainnav {float:left; top:143px; left:0; width:282px; background:transparent url(../img/bg-mainnav.png) repeat-y 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; }*/
#mainnav ul {padding:13px 0; width:264px; margin:18px 0 18px 18px; list-style:none; background:#ef0012; }
#mainnav ul li a,
#mainnav ul li a:visited {
margin:0; padding:1px 0 1px 0px; width:260px; font-size:11px; height:22px;
color:#d1d3d4; line-height:24px; font-weight:bold; display:block; text-indent:-3999px;
background-repeat:no-repeat; background-position:18px 4px; overflow:hidden;
}
* html #mainnav ul li a:visited {height:24px;}
#mainnav ul li a:hover,
#mainnav ul li.current a { color:#fff; background-position:18px -20px !important; }
#mainnav ul li a:active { background-position:18px -44px !important; }
* html #mainnav ul li.current a { color:#fff; }
#mainnav #btn-1, #mainnav #btn-1 a, #mainnav #btn-1 a:active { background-image:url(../img/btn-homepage.png); }
#mainnav #btn-2, #mainnav #btn-2 a, #mainnav #btn-2 a:active { background-image:url(../img/btn-organisatie.png); }
#mainnav #btn-3, #mainnav #btn-3 a, #mainnav #btn-3 a:active { background-image:url(../img/btn-betonprojecten-tuinbouw.png); }
#mainnav #btn-4, #mainnav #btn-4 a, #mainnav #btn-4 a:active { background-image:url(../img/btn-betonprojecten-aannemer.png); }
#mainnav #btn-5, #mainnav #btn-5 a, #mainnav #btn-5 a:active { background-image:url(../img/btn-betonwerk_boomkwekerij.png); }
#mainnav #btn-6, #mainnav #btn-6 a, #mainnav #btn-6 a:active { background-image:url(../img/btn-projecten.png); }
#mainnav #btn-7, #mainnav #btn-7 a, #mainnav #btn-7 a:active { background-image:url(../img/btn-over-beton.png); }
#mainnav #btn-8, #mainnav #btn-8 a, #mainnav #btn-8 a:active { background-image:url(../img/btn-contact.png); }
/*#mainnav #btn-5, #mainnav #btn-5 a, #mainnav #btn-5 a:active { background-image:url(../img/btn-projecten.png); }
#mainnav #btn-6, #mainnav #btn-6 a, #mainnav #btn-6 a:active { background-image:url(../img/btn-over-beton.png); }
#mainnav #btn-7, #mainnav #btn-7 a, #mainnav #btn-7 a:active { background-image:url(../img/btn-vacatures.png); }
#mainnav #btn-8, #mainnav #btn-8 a, #mainnav #btn-8 a:active { background-image:url(../img/btn-contact.png); }*/
#outer-wrapper #mainnav ul li {margin:8px 0; padding:0; width:260px; min-height:24px; background-position:18px -20px;}
/* subnav ----------------------------------------------------------- */
#mainnav ul#subnav { padding:0; margin:0px 0 10px 0; padding-top:2px; width:264px; position:relative; }
#mainnav ul#subnav li { padding:0px 0; margin:0; font-size:11px; min-height:18px; line-height:18px; position:relative; }
#mainnav ul#subnav li a,
#mainnav ul#subnav li a:visited {position:relative; display:block; width:217px; font-weight:bold; padding:0px 2px 0px 45px; background:none; min-height:18px; line-height:18px; color:#d1d3d4; text-indent:0px; }
* html #mainnav ul#subnav li a {height:18px;}
#mainnav ul#subnav li a:hover,
#mainnav ul#subnav li.current a { position:relative; background:transparent url(../img/bullet-subnav.png) no-repeat 35px center !important; color:#fff !important; }
#mainnav ul#subnav li a:active { color:#d1d3d4 !important; }
/* Standard extras ----------------------------------------------------------- */
.seo {position:absolute; left:-5000px; top:-5000px}
.usability {text-indent:-5000px; }
#header > .usability {height:1px; width:1px; min-height:1px; min-width:1px; text-indent:0; font-size:1px; color:#fff; line-height:1px; overflow:hidden; background-color:transparent;}/*fix ff-mac render bug*/
#header a#gohome, #header a:visited#gohome {position:absolute; top:0; left:0; height:130px; width:400px; text-indent:-9999px; overflow:hidden; background-color:transparent; }
.clearer { clear:both;}
.float-l { float:left; margin-right:1em; display:inline;}
.float-r { float:right; margin-left:1em; display:inline;}
/*=:project
scalable Inman Flash Replacement (sIFR) version 3.
=:file
Copyright:2006 Mark Wubben.
Author:Mark Wubben,
=:history
* IFR:Shaun Inman
* sIFR 1:Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2:Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
=:license
This software is licensed and provided under the CC-GNU LGPL.
See
*/
/*---- sIFR ---*/
.sIFR-flash {visibility:visible !important; margin:0; padding:0;}
.sIFR-unloading .sIFR-flash {visibility:hidden !important;}
.sIFR-replaced, .sIFR-ignore { visibility:visible !important;}
.sIFR-alternate {position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;}
.sIFR-replaced div.sIFR-fixfocus {margin:0pt; padding:0pt; overflow:auto; letter-spacing:0px; float:none;}
.sIFR-dummy {width:0px; height:0px; margin-left:42px; z-index:0;}
/*---- Header styling ---*/
.sIFR-active h1 {
visibility:hidden;
font-family:Verdana;
line-height:1em;
text-align:left;
font-size:16px;
margin-bottom:-12px;
}
*:first-child+html.sIFR-active h2 {margin-bottom:-18px;}
* html.sIFR-active h2 {margin-bottom:-18px;}
.sIFR-active h2 {
visibility:hidden;
font-family:Verdana;
line-height:1em;
text-align:left;
font-size:16px;
margin-bottom:-23px;
}
/*
.sIFR-active #mainnav ul li.current ul#subnav {margin:0; padding:5px 0 0 0;}
.sIFR-active #mainnav ul li.current li,
.sIFR-active #mainnav ul li li {background:none; }
.sIFR-active #mainnav ul li.current {background:#ef0012 url(../img/bullet-mainnav-current.png) no-repeat 20px 13px; }
.sIFR-active #mainnav ul li:hover {background:#ef0012 url(../img/bullet-mainnav-current.png) no-repeat 20px 13px; }
.sIFR-active #mainnav ul { padding:4px 0 18px 0; }
.sIFR-active #mainnav ul li {width:229px; background:#ef0012 url(../img/bullet-mainnav.png) no-repeat 20px 13px; }
*/
*:first-child+html.sIFR-active span.mysifr {margin-bottom:0; }
.sIFR-active span.mysifr {
visibility:hidden;
font-family:Verdana;
line-height:1em;
text-align:left;
padding:9px 0 1px 35px;
width:220px;
display:block;
margin-bottom:-9px;
}