<style>
html, body, p, h1, h2, h3, h4, h5, h6, form, fieldset, input, blockquote, cite, pre, hr, th, tr, td,  {
margin:0px;
padding:0px;
}
html{
background:  url(../graphics/stripe40.png) repeat;

}

th, dt, h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
hr {
visibility:hidden;
}

em {
font-style:normal;
font-weight:bold;
}
.clear {
clear:both;
font-size:0pt;
height:0pt;
line-height:0pt;
}
#head-w {
background:  url(../graphics/bgbodygrad.png) repeat-x;
text-align:center;
margin: 0 auto;
width:800px;




}
#body-w {
 background: url(../graphics/bgbodygrad.png) repeat-x;
 margin: 0 auto;
text-align:center;
width:800px;

}

#foot-w {
background: #222;
margin: 0 auto;
text-align:center;
width:800px;


}
#intro {


margin:0pt auto;
text-align:left;
width:800px;
}
#id {

background:#333 url(../graphics/logo6fix.png) no-repeat scroll 0px 5pt;
font-size:0pt;
height:100px;
line-height:0pt;
margin:0pt auto;
text-align:right;

width:800px;
}
h1{
display:none;	
}
#col-w {
background:#333;
margin:0pt auto;
width:800px;
border-bottom: #999 1px solid;
}

#col-w-screen {
width:100%;
background:#333;
border-bottom: 8px solid #151515;
border-top:8px solid #222;




}


#leftcol {

float:left;
padding: 400px 20px 20px 20px;
text-align:left;
width:360px;

}
#leftcol h3{
padding:5px 10px 5px 10px;

color:#e2edaa;
background: #141414;



}

#rightcol {


float:left;
padding:20px;
text-align:left;
width:340px;
}




img.left {
background-color:#FFFFFF;
border:2px solid #CCCCBB;
float:left;
margin:0pt 20px 15px 0pt;
padding:5px;
}


#foot {

margin:0pt auto;
padding:20px 0px 10px 0pt;
text-align:right;
width:800px;
}
body {
margin:0px auto;
padding:0px;
width:800px;
border:1px solid #333;
background:  url(../graphics/bgbodygrad.png) repeat-x;
color:#fff;
font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;
font-size:78%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.6em;
}

#home #col-w-screen{
  background: url(../foto/1.jpg) no-repeat;
}
#trouwpak #col-w-screen{
  background: url(../foto/2.jpg) no-repeat;
}
#werkwijze #col-w-screen{
  background: url(../foto/3.jpg) no-repeat;
}

#col-w-screen h3{
  color: #999;
}

#levertijd #col-w-screen{
  background: url(../foto/4.jpg) no-repeat;
}
#prijzen #col-w-screen{
  background: url(../foto/5.jpg) no-repeat;
}

#prijzen #col-w-screen ul {

  font-size:1.1em;
  list-style: disc;

  }
#prijzen #col-w-screen li{
    display:block;
    color: #fff;
    line-height:16px;



}


#afspraak #col-w-screen{
  background: url(../foto/6.jpg) no-repeat;
}



#intro h1 {
font-family:Georgia,serif;
font-size:180%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5em;
padding:5px 200px 5px 20px;
text-align:center;
}
h2 {
color:#e3e2e7;
font-size:140%;
margin:20px 0pt 0pt;
}

h3 {
color:#554433;
font-size:95%;
font-weight:bold;
margin:10px 0pt;
}

p {
margin:0pt 0pt 1.5em;
}


#foot p {
padding-right: 5px;
color:#999999;
font-size:80%;
line-height:1em;
}
#foot ul, li{
padding-right: 5px;
color:#999999;
font-size:90%;
line-height:1.2em;
display:inline;
}

#foot p.contact {
padding-right: 5px;
color:#FFFFFF;
}
#foot p.contact em {
padding-right: 5px;
color:#e9f9b;
}


a {
color:#909090;

text-decoration:none;
}
a:visited {
border-bottom:1px dashed #dffcee;
color:#edfcf5;
}

#nav {
background: #222 url(../graphics/bgbodygrad.png) repeat-x;

font-family: "Tahoma", "Garamond", "sans-serif";
border-bottom: #666 1px solid;
margin:0pt auto;
width:800px;

margin:0pt auto;
padding:6px 0pt;
text-align:center;


}
#nav ul {
padding:0px;
margin:0pt 0pt 0pt 20px;
list-style: none;
}
#nav li {
text-transform:capitalize;
display:inline;
font-size:1em;
font-weight:bold;
margin:0pt 1.5em 0pt 0pt;
padding: 8px;

}
#nav ul li a {
padding:8px;

color:#fff;
}
#nav ul li a:visited {
border:0pt none;
}
#nav ul li a:hover {
padding:8px;
border-bottom:3px solid #cecece;
background: #999;
}


.cssform p{
width: 200px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 100px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -100px; /*width of left column*/
width: 80px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}



/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}



