body {
background:url(images/body.jpg) repeat-y;
background-position: center;
height: 100%;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:center;
margin: 0px auto;
padding: 0px;
}
html {
height:100%;
}
div#container {
width: 799px;
height: auto !important;
height: 100%;
margin: 0px auto;
padding: 0px;
text-align:left;
}
div#header {
float:left;
width: 799px;
height: 171px;
background:url(images/top.jpg) no-repeat;
}
div#header h1{
display:none;
}
div#header div#flags {
width: 22px;
height: 50px;
float:right;
padding: 0 5px 0 0;
}
div#header div#flags img {
margin: 5px 0 0 0;
border: 0;
}
div#menu {
width: 799px;
padding: 0 0 0 5px;
text-align:center;
}
div#menu ul{
margin: 0px;
padding: 0px;
list-style:none;
}
div#menu li{
float:left;
padding: 0 0 5px 8px;
}
div#menu li a{
display:block;
background:url(images/li_bg.jpg) no-repeat;
width: 79px;
height: 20px;
line-height: 20px;
color: #fff;
text-decoration:none;
}
div#menu li a:hover{
background:url(images/li_bg_hover.jpg) no-repeat;
}
/*ACTIEF MENU*/
body.home div#menu li.home a {
background:url(images/li_bg_hover.jpg) no-repeat;
}
body.profiel div#menu li.profiel a {
background:url(images/li_bg_hover.jpg) no-repeat;
}
body.onderdelen div#menu li.onderdelen a {
background:url(images/li_bg_hover.jpg) no-repeat;
}
body.occassions div#menu li.occassions a {
background:url(images/li_bg_hover.jpg) no-repeat;
}
body.nieuws div#menu li.nieuws a {
background:url(images/li_bg_hover.jpg) no-repeat;
}
body.installatie div#menu li.installatie a {
background:url(images/li_bg_hover.jpg) no-repeat;
}
body.contact div#menu li.contact a {
background:url(images/li_bg_hover.jpg) no-repeat;
}
body.vacatures div#menu li.vacatures a {
background:url(images/li_bg_hover.jpg) no-repeat;
}
body.historie div#menu li.historie a {
background:url(images/li_bg_hover.jpg) no-repeat;
}
body.airco div#menu li.airco a {
background:url(images/li_bg_hover.jpg) no-repeat;
}
/*EINDE*/
body.onderdelen div#inter table {
border: 1px solid #ccc;
}
body.onderdelen div#inter table tr {
background: #f0f0f0;
}
body.onderdelen div#inter table td{
padding:4px;
width: 33%;
}
body.onderdelen div#inter table img{
border: 0px;
}
body.vacatures div#inter img {
float:right;
}
body.occassions div#inter table {
border: 1px solid #ccc;
}
body.occassions div#inter table tr {
background: #f0f0f0;
}
body.occassions div#inter table td{
padding:4px;
width: 33%;
}
body.occassions div#inter table img{
border: 0px;
}
body.installatie div#inter table {
border: 1px solid #ccc;
}
body.installatie div#inter table tr {
background: #f0f0f0;
}
body.installatie div#inter table td{
padding:4px;
width: 33%;
}
body.installatie div#inter table img{
border: 0px;
}
div#totem {
width: 209px;
float:right;
padding: 15px 10px 0 0;
}
div#totem img {
margin: 10px 0px 0px 0;
border:0px;
}
div#totem h4{
margin: 0px;
background:url(images/totem_h4.jpg) no-repeat;
width:209px;
height: 20px;
font-size: 12px;
line-height: 20px;
color: #0067b1;
text-align:center;
}
div#totem p.content{
padding: 5px 0px 5px 0px;
background:url(images/totem_p.jpg) repeat-y;
width:209px;
height: 100%;
margin: 0px;
color: #fff;
font-style:italic;
text-align:center;
}
div#totem p.end{
background:url(images/totem_p_end.jpg) repeat-y;
width: 209px;
height:20px;
margin:0px;
}
div#inter { 
float:left;
padding: 15px 0px 15px 20px;
width: 540px;
}
div#inter img {
border: none;
}
div#inter div.home_img img{
margin: 10px 20px 0px 0px;
border: 0px;
}
div#inter h2{
color:#0067b1;
font-size: 18px;
margin-top:0px;
}
div#inter h3{
color:#ef4035;
font-size: 15px;
}
div#inter a{
color:#0067b1;
text-decoration:none;
}
div#inter a:hover {
color: #ef4035;
text-decoration:underline;
}
div#inter.contact table {
width: 300px;
}
div#inter.contact td {
width: 50%;
}
div#footer {
float:left;
background:url(images/footer1.jpg) repeat-x;
width: 789px;
height: 15px;
color: #fff;
text-align:right;
font-size: 10px;
padding: 5px;
}