/* http://www.neuroticweb.com/recursos/3-columns-layout/index.php */ html { margin:0px; padding:0px; } body { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #162983; line-height: 1.1; } h1, h2, h3, h4 { margin: 0; } h1 { font-size:14px; line-height:10px; color:#D52C2F} h1 a { text-decoration: none; color:#D52C2F} } h2 { font-size:12px; line-height:11px; color:#D52C2F} p { font-size:11px; line-height: 1.1; } a { text-decoration: none; } a img { border: none; } #wrapper { text-align: left; margin: 0px auto; padding: 0px; border:0; width: 1024px; background: url("/path/to/your/background_cols.gif") repeat; } #header { position: relative; margin: 0 0 0 0; height: 310px; background: url('../images/act-topq8.jpg') no-repeat; } #header a{ color: #162983; text-decoration: none; } #fb{ position:absolute; top:30px; left:128px; } #mtb{ position:absolute; top:163px; left:95px; } #vl{ position:absolute; top:34px; left:240px; } #veiligheid{ position:absolute; top:290px; left:607px; } #act{ position:absolute; top:290px; left:678px; } #ar{ position:absolute; top:290px; left:759px; } #blok{ position:absolute; top:165px; left:385px; } #frisbee{ position:absolute; top:30px; left:520px; } #raften{ position:absolute; top:165px; left:638px; } #kickbiken{ position:absolute; top:64px; left:788px; } #menu{ position:absolute; top:15px; left:740px; } #container { } #side-l { float: left; position: relative; width: 514px; height: 250px; background: url(../images/linksq8.jpg) no-repeat; } .textl { padding: 25px 20px 0 190px; } #social { position: absolute; top: 161px; left: 51px; width: 110px; height: 80px; } #form { position: absolute; top: 10px; left: 190px; } #form2{ position: absolute; top: 100px; left: 190px; } #form3{ position: absolute; top: 100px; left: 290px; width: 162 px; } #button{ float: left; position:absolute; padding: 18px 0 0 0; top: 200px; left: 190px; } #boxlinks1{ float: left; position:absolute; padding: 10px 0 0 0; top: 105px; left: 190px; width: 99px; height: 133px; text-align: center; background: url(../images/arrangementbg.jpg) no-repeat; } #boxlinks2{ position:absolute; padding: 10px 0 0 0; top: 105px; left: 294px; width: 99px; height: 133px; text-align: center; background: url(../images/arrangementbg.jpg) no-repeat; } #boxlinks3{ float: left; position:absolute; padding: 10px 0 0 0; top: 105px; left: 398px; width: 99px; height: 133px; text-align: center; background: url(../images/arrangementbg.jpg) no-repeat; } #side-r { float: right; width: 162px; height: 250px; background: url(../images/act-rechtsq8.jpg) no-repeat; } #menu1 ul { margin: 0; padding: 5px 10px 0 0; list-style: none; line-height: normal; } #menu1 li { padding: 0 0 6px 0; } #menu1 a { padding-left: 15px; text-decoration: none; color: #162983; } #cont{ padding: 8px 0 0 15px; } #midden { float: left; position:relative; width: 33.95%; height: 250px; background: url(../images/middenq8.jpg) no-repeat; } #form4 { position: absolute; top: 30px; left: 20px; } #form5{ position: absolute; top: 30px; left: 130px; } #form6{ position: absolute; top: 80px; left: 20px; } .textm { padding: 25px 20px 0 20px; } .textmar { padding: 20px 20px 0 20px; } #box1{ float: left; position:absolute; padding: 10px 0 0 0; top: 105px; left: 20px; width: 99px; height: 133px; text-align: center; background: url(../images/arrangementbg.jpg) no-repeat; } #box2{ float: left; position:absolute; padding: 10px 0 0 0; top: 105px; left: 124px; width: 99px; height: 133px; text-align: center; background: url(../images/arrangementbg.jpg) no-repeat; } #box3{ float: left; position:absolute; padding: 10px 0 0 0; top: 105px; left: 228px; width: 99px; height: 133px; text-align: center; background: url(../images/arrangementbg.jpg) no-repeat; } #boxa{ float: left; position:absolute; padding: 10px 0 0 0; top: 40px; left: 20px; width: 99px; height: 99px; text-align: center; background: url(../images/arrangementbg-3kwart.jpg) no-repeat; } #boxb{ float: left; position:absolute; padding: 10px 0 0 0; top: 40px; left: 124px; width: 99px; height: 99px; text-align: center; background: url(../images/arrangementbg-3kwart.jpg) no-repeat; } #boxc{ float: left; position:absolute; padding: 10px 0 0 0; top: 40px; left: 228px; width: 99px; height: 99px; text-align: center; background: url(../images/arrangementbg-3kwart.jpg) no-repeat; } #boxd{ float: left; position:absolute; padding: 10px 0 0 0; top: 140px; left: 20px; width: 99px; height: 99px; text-align: center; background: url(../images/arrangementbg-3kwart.jpg) no-repeat; } #boxe{ float: left; position:absolute; padding: 10px 0 0 0; top: 140px; left: 124px; width: 99px; height: 99px; text-align: center; background: url(../images/arrangementbg-3kwart.jpg) no-repeat; } #boxf{ float: left; position:absolute; padding: 10px 0 0 0; top: 140px; left: 228px; width: 99px; height: 99px; text-align: center; background: url(../images/arrangementbg-3kwart.jpg) no-repeat; } #footer { position: relative; clear: both; height: 40px; background: url(../images/act-footerq8.jpg) no-repeat; } #footer a{ color: #162983; text-decoration: none; } #foto{ position:absolute; top:2px; left:179px; } #contact{ position:absolute; top:2px; left:263px; } #locatie{ position:absolute; top:2px; left:347px; } #cop{ position:absolute; top:6px; left:465px; }