body {
margin : 0;
padding : 0;
background-color : #fff;
background-image : url(../images/background_top.jpg);
background-repeat : repeat-x;
height : 100%;
}
a img {
border : 0;
text-decoration : none;
}
a {
outline : none;
color : #fff;
text-decoration : none;
}
*:focus {
outline : 0;
}
p {
font-family : Arial, Helvetica, sans-serif;
}
.p1 {
font-size : 15px;
color : #999;
line-height : 21px;
text-align : justify;
margin-top : 0;
padding-left : 7px;
padding-right : 8px;
}
.p1 a {
color : #e36900;
}
.p1 a:hover {
color : #e36900;
}
.p2 {
margin : 0;
font-size : 11px;
color : #e36900;
line-height : 19px;
margin-top : 0;
padding-left : 15px;
padding-right : 8px;
font-weight : bold;
}
.p3 {
margin : 0;
font-size : 11px;
color : #999;
line-height : 19px;
margin-top : 0;
padding-left : 15px;
padding-right : 8px;
}
.p3 a {
color : #999;
}
.p3 a:hover {
color : #666666;
}
.p4 {
font-size : 15px;
color : #e36900;
line-height : 21px;
margin-top : 0;
margin-bottom : 5px;
padding-left : 3px;
font-weight : bold;
}
.p5 {
font-size : 11px;
color : #999;
line-height : 18px;
margin-top : 10px;
padding-left : 3px;
padding-right : 8px;
margin-bottom : 10px;
}
.p5 a {
color : #e36900;
}
.p6 {
font-size : 15px;
color : #999;
text-align : left;
margin-top : 0;
padding-left : 7px;
padding-right : 8px;
}
.f {
margin : 4px;
font-size : 10px;
color : #ffffff;
text-align : center;
}
.f a {
color : #ffffff;
}
.f a:hover {
color : #bebebe;
}
#container {
margin : 0 auto;
min-height : 100%;
position : relative;
}
#wrapper {
margin : 0 auto;
width : 800px;
}
#header {
height : 153px;
width : 590px;
background-image : url(../images/logo.png);
margin-top : 130px;
margin-left : 175px;
}
#menu {
height : 34px;
width : 411px;
margin : 0 auto;
margin-top : 7px;
}
#content {
width : 800px;
margin-top : 30px;
}
#content_l {
float : left;
margin-right : 13px;
width : 180px;
height : auto;
}
#content_m {
float : left;
margin-right : 13px;
width : 411px;
height : auto;
}
#content_r {
float : left;
width : 180px;
height : auto;
}
#footer {
bottom : 0;
position : fixed;
width : 100%;
height : 20px;
background-color : #e36900;
}
#border {
width : 400px;
height : 1px;
background-color : #bebebe;
margin-bottom : 10px;
margin-top : 15px;
}
ul {
list-style : none;
margin : 0;
padding : 0;
}
#navMenu li {
float : left;
height : 34px;
}
a.nav_jurriaan, a.nav_jurriaan_a {
margin-right : 10px;
float : left;
width : 91px;
height : 34px;
background : url(../images/button_jurriaan.png);
}
a.nav_jurriaan:hover {
background : url(../images/button_jurriaan.png) 0% 34px;
}
a.nav_jurriaan_a {
background : url(../images/button_jurriaan.png) 0% 34px;
}
a.nav_portfolio, a.nav_portfolio_a {
margin-right : 10px;
float : left;
width : 108px;
height : 34px;
background : url(../images/button_portfolio.png);
}
a.nav_portfolio:hover {
background : url(../images/button_portfolio.png) 0% 34px;
}
a.nav_portfolio_a {
background : url(../images/button_portfolio.png) 0% 34px;
}
a.nav_diensten, a.nav_diensten_a {
margin-right : 10px;
float : left;
width : 94px;
height : 34px;
background : url(../images/button_diensten.png);
}
a.nav_diensten:hover {
background : url(../images/button_diensten.png) 0% 34px;
}
a.nav_diensten_a {
background : url(../images/button_diensten.png) 0% 34px;
}
a.nav_contact, a.nav_contact_a {
float : left;
width : 82px;
height : 34px;
background : url(../images/button_contact.png);
}
a.nav_contact:hover {
background : url(../images/button_contact.png) 0% 34px;
}
a.nav_contact_a {
background : url(../images/button_contact.png) 0% 34px;
}
.textarea {
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
width : 230px;
height : 70px;
border : 1px solid #999999;
color : #999999;
margin-top : 10px;
}
.textfield {
padding-left : 3px;
padding-right : 3px;
margin-top : 10px;
margin-bottom : -5px;
width : 230px;
border : 1px solid #999999;
color : #999999;
}
.submit {
color : #999999;
float : right;
margin-right : 157px;
margin-top : 8px;
margin-bottom : 27px;
}
.star {
float : right;
margin-right : 3px;
}