html, body { background-color: #ffffff; margin:0; padding: 0; height:100%; min-height:100%; background:url(../algemeen/img/bg.jpg) repeat; }
body { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 84%; line-height: 140%; text-align: center; }
html>body #outer { height:auto; } /*for mozilla as IE treats height as min-height anyway*/
#body10 { position:relative; left:0; top:0; width:950px; text-align:left; top: 20px; background:url(../algemeen/img/bg10.gif) repeat-y; height:auto; }
#body11 { position:relative; left:0; top:0; width:950px; text-align:left; top: 20px; background-image:url(../algemeen/img/bg11.gif); repeat-y; height:auto; }
#body21 { position:relative; left:0; top:0; width:950px; text-align:left; top: 20px; background-image:url(../algemeen/img/bg21.gif); repeat-y; height:auto; }
#header10 { position:relative; left:0; top:0; height:175px; padding:0; margin:0; width:950px; background-image:url(../algemeen/img/header10.gif); }
#header11 { position:relative; left:0; top:0; height:175px; padding:0; margin:0; width:950px; background-image:url(../algemeen/img/header11.gif); }
#header21 { position:relative; left:0; top:0; height:175px; padding:0; margin:0; width:950px; background-image:url(../algemeen/img/header21.gif); }
#outer { position:relative; clear:both; width:950px; margin:0 auto 0 auto; padding: 0; text-align:left; top:0px; }
#content10-l { position:relative; float:left; left:35px; top:0px; width:680px; margin:-110px 0 0 0; padding:0; height:auto; }
#content11-l { position:relative; float:left; left:35px; top:0px; width:305px; margin:-110px 0 0 0; padding:0; height:auto; }
#content21-l { position:relative; float:left; left:35px; top:0px; width:410px; margin:-110px 0 0 0; padding:0; height:auto; }
#content11-r { position:relative; float:left; left:105px; top:0px; width:305px; margin:-110px 0 0 0; padding:0; height:auto; }
#content21-r { position:relative; float:left; left:105px; top:0px; width:200px; margin:-110px 0 0 0; padding:0; height:auto; }
#footer10 { position:relative; left:0; top:20px; height:35px; padding:0; margin:0; width:950px; background:url(../algemeen/img/foot10.gif); }
#footer11 { position:relative; left:0; top:20px; height:35px; padding:0; margin:0; width:950px; background:url(../algemeen/img/foot11.gif); }
#footer21 { position:relative; left:0; top:20px; height:35px; padding:0; margin:0; width:950px; background:url(../algemeen/img/foot21.gif); }
/* #body-fout { position:relative; left:0; top:0; width:950px; text-align:left; background-image:url(../algemeen/fout/img/fout-bg1.gif); repeat-y; height:auto; }
#header1-fout { position:relative; left:0; top:0; height:270px; padding:0; margin:0; width:950px; background-image:url(../algemeen/fout/img/fout-kop1.gif); }
#footer1-fout { position:relative; left:0; top:0; height:115px; padding:0; margin:-1em 0 0 0; width:950px; background:url(../algemeen/fout/img/fout-bottom1.gif); }
#menu-fout { position:relative; float:left; clear:none; width: 90px; height:auto; text-align: left; top: 0px; left: 45px; margin-bottom:0px; padding: 0; font-size:120%; }
#menu-fout a:link { color: #000; text-decoration: none; }
#menu-fout a:visited { color: #000; text-decoration: none; }
#menu-fout a:active { color: #000; text-decoration: none; }
#menu-fout a:hover { font-weight:bold; color: #000; text-decoration: none; }
#menu-fout ul { list-style:none; padding:0; margin:0; }
#menu-fout li { list-style:none; height:25px; }*/
#menu { position:relative; float:left; clear:none; width: 200px; height:439px; text-align: left; top: 0px; left: 0px; margin-bottom:0px; padding: 0; }
#menu a:hover { background-position: left -20px; }
#menu ul { display:block; list-style:none; padding:0; margin:0; }
#menu li { float:left; list-style:none; height:auto; }
#menu span { display:none; }
#menu-home a { display:block; background:url(http://zwammerdamgroep.bovenwijs.nl/algemeen/menu/01-home.gif) no-repeat left top; height:20px; width:200px; }
#menu-activiteiten { display:block; background:url(http://zwammerdamgroep.bovenwijs.nl/algemeen/menu/02-activiteiten.gif) no-repeat left top; height:20px; width:200px; }
#menu-asfalteren a { display:block; background:url(http://zwammerdamgroep.bovenwijs.nl/algemeen/menu/0201-asfalteren.gif) no-repeat left top; height:19px; width:200px; }
#menu-asfalteren a:hover { background-position: left -19px; }
#menu-alternatieve_verhardingen a { display:block; background:url(http://zwammerdamgroep.bovenwijs.nl/algemeen/menu/0202-alternatieve_verhardingen.gif) no-repeat left top; height:19px; width:200px; }
#menu-alternatieve_verhardingen a:hover { background-position: left -19px; }
#menu-grond_en_rioolwerk a { display:block; background:url(http://zwammerdamgroep.bovenwijs.nl/algemeen/menu/0203-grond_en_rioolwerk.gif) no-repeat left top; height:19px; width:200px; }
#menu-grond_en_rioolwerk a:hover { background-position: left -19px; }
#menu-safegrip a { display:block; background:url(http://zwammerdamgroep.bovenwijs.nl/algemeen/menu/0204-safegrip.gif) no-repeat left top; height:19px; width:200px; }
#menu-safegrip a:hover { background-position: left -19px; }
#menu-kwaliteit { display:block; background:url(http://zwammerdamgroep.bovenwijs.nl/algemeen/menu/03-kwaliteit.gif) no-repeat left top; height:20px; width:200px; }
#menu-materieel a { display:block; background:url(http://zwammerdamgroep.bovenwijs.nl/algemeen/menu/0301-materieel.gif) no-repeat left top; height:19px; width:200px; }
#menu-materieel a:hover { background-position: left -19px; }
#menu-garantie_en_service a { display:block; background:url(http://zwammerdamgroep.bovenwijs.nl/algemeen/menu/0302-garantie_en_service.gif) no-repeat left top; height:19px; width:200px; }
#menu-garantie_en_service a:hover { background-position: left -19px; }
#menu-nieuws a { display:block; background:url(http://zwammerdamgroep.bovenwijs.nl/algemeen/menu/04-nieuws.gif) no-repeat left top; height:20px; width:200px; }
#menu-klanten a { display:block; background:url(http://zwammerdamgroep.bovenwijs.nl/algemeen/menu/05-klanten.gif) no-repeat left top; height:20px; width:200px; }
#menu-werken_bij_zwammerdam a { display:block; background:url(http://zwammerdamgroep.bovenwijs.nl/algemeen/menu/06-werken_bij_zwammerdam.gif) no-repeat left top; height:20px; width:200px; }
#menu-over_zwammerdam a { display:block; background:url(http://zwammerdamgroep.bovenwijs.nl/algemeen/menu/07-over_zwammerdam.gif) no-repeat left top; height:20px; width:200px; }
#menu-contact a { display:block; background:url(http://zwammerdamgroep.bovenwijs.nl/algemeen/menu/08-contact.gif) no-repeat left top; height:20px; width:200px; }
#menu-bottom { display:block; background:url(http://zwammerdamgroep.bovenwijs.nl/algemeen/menu/bottom.gif) no-repeat left top; height:165px; width:200px; }
p { margin-top: 0em; margin-bottom: 1em; }
h1 { position: relative; margin:0em 0 1em 0; padding:0; color: #005395; font-size:160%; font-weight: bold; line-height:1.2em}
h2 { position: relative; margin:1.75em 0 1em 0; padding:0; color: #bc2907; font-size:130%; font-weight: bold; line-height:1.2em;}
h3 { position: relative; margin:1.6em 0 0em 0; padding:0; color: #bc2907; font-size:100%; font-weight: bold; line-height:1.2em;}
h4 { position: relative; margin:0.6em 0 0 0; padding:0; color: #bc2907; font-size:100%; font-weight: normal; line-height:1.2em;}
h5 { position: relative; margin:0.6em 0 0 0; padding:0; color: #000000; font-size:100%; font-weight: bold; line-height:1.2em;}
h6 { position: relative; margin:0.6em 0 0 0; padding:0; color: #000000; font-size:100%; font-weight: normal; font-style:italic; line-height:1.2em;}
a:link, a:visited, a:active { color: #333333; text-decoration: underline; }
a.nodeco:link, a.nodeco:visited, a.nodeco:active { color: #000000; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }
a.nodeco:hover { color: #000000; text-decoration: underline; }
img { border: solid 1px #333; margin:0; padding:0px; }
img.left { float:left; margin:10px 20px 10px 0; }
img.right { float:right; margin:10px 0px 10px 20px; }
img.nomargin { float:left; margin:0; clear:both; }
img.noborder { border: none 0px #333; }
.imglcontainer { position:relative; float:left; clear:none; width:250px; height:auto; top:5px; left:0px; padding:0px; margin:30px 30px 25px 30px; }
.imgrcontainer { position:relative; float:right; clear:none; width:250px; height:auto; top:5px; left:0px; padding:0px; margin:30px 30px 25px 30px; }
.imgtopnul { margin:0 30px 25px 30px; }
ol { padding:0 0 0 22px; margin:0; }
ul { padding:0 0 0 16px; margin:0; }
li { list-style-position:outside; list-style-type:disc; color:#bc2907; }
li.ol { list-style-type:decimal; color:#bc2907; }
table { border:solid 1px #bc2907; padding:5px; border-collapse:collapse; margin:0 0 1em 0; }
td { vertical-align:top; border:solid 1px #b41d1c; padding:5px; border-collapse:collapse; }
td.bordernone { border: none; padding:0; }
td.tdblauw { border:solid 1px #005395; }
hr { height: 0; border: 0; border-top: 1px dashed #bc2907; }
.hrsolid { height: 0; border: 0; border-top: 1px solid #bc2907; }
.klein { font-size: 84%; line-height:130%; }
.onderschrift { font-size: 84%; line-height:130%; font-style:italic; margin-bottom:1em; }
.cursief { font-style:italic; }
.center { text-align:center; }
.right { text-align:right; }
.rood { color:#bc2907; }
.blauw { color:#005395; }
.wit { color:#fff; }
.zwart { color:#000; }
.tekstkleur { color:#333; }
.ondertitel-h1 { color:#bc2907; font-size:100%; font-weight:normal; margin-top:-1.6em; margin-bottom:1.6em; }
.ondertitel-h2 { color:#bc2907; font-size:100%; font-weight:normal; margin-top:-1.3em; margin-bottom:1.3em; }
.afstand-h1 { margin-top:2em; }
.bottom { margin-bottom:0; }
.afstandbottom { margin-bottom:1em }
.afstandtop { margin-top:1em; }
.afstandtopnul { margin-top:0; }
.marginnul { margin:0; }
.nodecoration { text-decoration:none; }
.clear { clear:both; }
.clearright { clear:right; }