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;
}
h4 {
margin: 0;
}
h3 {
margin: 0;
}
h2 {
margin: 0;
}
h1 {
margin: 0;
}
h1 {
font-size:14px;
padding: 0 0 5px 0;
line-height:10px;
color:#D52C2F}
h1 a {
text-decoration: none;
color:#D52C2F}
}
h2 {
font-size:12px;
margin: 0;
padding: 0;
line-height:11px;
color:#D52C2F}
p {
font-size:11px;
line-height: 1.1;
margin:0px;
padding:10px 0 0 0;
}
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: 280px;
background: url('../images/top.jpg') no-repeat;
}
#header a{
color: #162983;
text-decoration: none;
}
#individueel{
position:absolute;
top:266px;
left:41px;
}
#groepen{
position:absolute;
top:266px;
left:126px;
}
#home{
position:absolute;
top:266px;
left:224px;
}
#locatie{
position:absolute;
top:266px;
left:300px;
}
#over{
position:absolute;
top:266px;
left:661px;
}
#contact1{
position:absolute;
top:266px;
left:737px;
}
#menu{
position:absolute;
top:15px;
left:820px;
}
#container {
}
#side-l {
float: left;
position: relative;
width: 190px;
height: 300px;
background: url(../images/links.jpg) no-repeat;
}
.text-l {
padding: 20px 10px 0 45px;
}
#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: 190px;
height: 300px;
background: url(../images/rechts.jpg) no-repeat;
}
#menu-1 ul {
margin: 0;
padding: 10px 10px 0 0;
list-style: none;
line-height: normal;
}
#menu-1 li {
padding: 0 0 4px 0;
font-weight: bold;
}
#menu-1 a {
padding-left: 0px;
text-decoration: none;
color: #162983;
}
#menu-2 ul {
margin: 0;
padding: 0px 10px 0 0;
list-style: none;
line-height: normal;
}
#menu-2 li {
padding: 0 0 6px 0;
font-weight: bold;
}
#menu-2 a {
padding-left: 0px;
text-decoration: none;
color: #162983;
}
#cont{
padding: 20px 0 0 15px;
}
#midden {
float: left;
position:relative;
width: 62.89%;
height: 300px;
background: url(../images/midden.jpg) no-repeat;
}
#form {
position: absolute;
top: 10px;
left: 5px;
}
#form2{
position: absolute;
top: 42px;
left: 5px;
}
#form3{
position: absolute;
top: 40px;
left: 105px;
width: 162 px;
}
#form4 {
position: absolute;
top: 185px;
left: 5px;
}
#form5{
position: absolute;
top: 185px;
left: 55px;
}
#form6{
position: absolute;
top: 10px;
left: 5px;
}
#form7 {
position: absolute;
top: 190px;
left: 160px;
}
#form8 {
position: absolute;
top: 185px;
left: 210px;
}
.text-r {
padding: 20px 10px 0 10px;
}
.text-r1 {
padding: 40px 10px 0 10px;
}
#box1{
float: left;
position:absolute;
left: 0px;
width: 80px;
height: 133px;
}
#box2{
position:absolute;
left: 85px;
width: 20px;
height: 133px;
text-align: center;
}
#box3{
position:absolute;
left: 115px;
width: 20px;
height: 133px;
}
#box4{
position:absolute;
left: 145px;
width: 20px;
height: 133px;
}
#box5{
position:absolute;
left: 175px;
width: 20px;
height: 133px;
text-align: center;
}
#box6{
position:absolute;
left: 205px;
width: 20px;
height: 133px;
text-align: center;
}
#box7{
position:absolute;
left: 235px;
width: 20px;
height: 133px;
text-align: center;
}
#box8{
position:absolute;
left: 265px;
width: 20px;
height: 133px;
text-align: center;
}
#box9{
position:absolute;
left: 295px;
width: 20px;
height: 133px;
text-align: center;
}
#box10{
position:absolute;
left: 325px;
width: 20px;
height: 133px;
text-align: center;
}
#boxtext{
position:absolute;
padding: 5px 0 0 0;
top: 190px;
left: 30px;
width: 200px;
height: 133px;
text-align: center;
}
#box-vl-1{
position:absolute;
line-height:19px;
top: 28px;
width: 70px;
height: 225px;
}
#box-vl-2{
position:absolute;
line-height:19px;
top: 28px;
left: 80px;
width: 225px;
height: 225px;
}
#box-vl-3{
position:absolute;
line-height:19px;
left: 164px;
width: 225px;
height: 225px;
}
#boxm1{
position:absolute;
padding: 5px 0 0 0;
top: 35px;
left: 30px;
width: 220px;
height: 133px;
text-align: left;
}
#boxbasis1{
position:absolute;
padding: 5px 0 0 0;
top: 15px;
left: 35px;
width: 285px;
height: 133px;
text-align: left;
}
#boxbasis2{
position:absolute;
padding: 5px 0 0 0;
top: 15px;
left: 332px;
width: 275px;
height: 133px;
text-align: left;
}
#boxsum-1{
position:absolute;
padding: 5px 0 0 0;
font-weight: bold;
top: 155px;
left: 5px;
width: 140px;
height: 60px;
text-align: left;
}
#boxsum-2{
position:absolute;
padding: 5px 0 0 0;
top: 155px;
left: 150px;
width: 140px;
height: 133px;
text-align: left;
}
#boxind-1{
position:absolute;
padding: 5px 0 0 0;
top: 15px;
left: 35px;
width: 225px;
height: 133px;
text-align: left;
}
#boxind-2{
position:absolute;
padding: 5px 0 0 0;
top: 15px;
left: 272px;
width: 235px;
height: 133px;
text-align: left;
}
#button-1{
float: left;
position:absolute;
padding: 10px 0 0 0;
top: 220px;
left: 60px;
}
#button-2{
float: left;
position:absolute;
padding: 10px 0 0 0;
top: 220px;
left: 350px;
}
#button-3{
float: left;
position:absolute;
padding: 10px 0 0 0;
top: 240px;
left: 5px;
}
#button-4{
float: left;
position:absolute;
padding: 10px 0 0 0;
top: 240px;
left: 150px;
}
#foto-1{
float: left;
position:absolute;
padding: 10px 0 0 0;
top: 150px;
left: 5px;
}
#foto-2{
float: left;
position:absolute;
padding: 10px 0 0 0;
top: 150px;
left: 5px;
}
.text-1 {
padding: 15px 10px 0 10px;
}
#boxprijzen-1{
position:absolute;
padding: 5px 0 0 0;
top: 15px;
left: 35px;
width: 285px;
height: 133px;
text-align: left;
}
#boxprijzen-2{
position:absolute;
padding: 5px 0 0 0;
top: 15px;
left: 360px;
width: 285px;
height: 133px;
text-align: left;
}
#prtext{
float: left;
position:absolute;
top: 187px;
left: 5px;
width: 580px;
height: 54px;
text-align: left;
}
#prijs-1{
float: left;
position:absolute;
left: 5px;
width: 115px;
height: 133px;
text-align: left;
}
#prijs-2{
position:absolute;
left: 115px;
width: 45px;
height: 133px;
text-align: center;
}
#prijs-3{
position:absolute;
left: 160px;
width: 40px;
height: 133px;
text-align: center;
}
#prijs-4{
position:absolute;
left: 200px;
width: 40px;
height: 133px;
text-align: center;
}
#prijs-5{
position:absolute;
left: 240px;
width: 40px;
height: 133px;
text-align: center;
}
#prijsr-1{
float: left;
position:absolute;
left: 5px;
width: 115px;
height: 133px;
text-align: left;
}
#prijsr-2{
position:absolute;
left: 115px;
width: 45px;
height: 133px;
text-align: center;
}
#prijsr-3{
position:absolute;
left: 160px;
width: 40px;
height: 133px;
text-align: center;
}
#prijsr-4{
position:absolute;
left: 200px;
width: 40px;
height: 133px;
text-align: center;
}
#footer {
position: relative;
clear: both;
height: 40px;
background: url(../images/footer.jpg) no-repeat;
}
#footer a{
color: #162983;
text-decoration: none;
}
#contact{
position:absolute;
top:5px;
left:263px;
}
#cop{
position:absolute;
top:3px;
left:465px;
}