body {

background-image: url("gfx/img/bg.jpg");
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #757575;
margin: 10px 0px 0px 0px;
padding: 0px;

}

#sitemap {

position: absolute;
width: 400px;
left: 50%;
padding: 0px;
margin: 0px 0px 0px -200px;

}

.sitemap {

background-color: #fff;
width: 400px;
border-collapse: collapse;
margin: 0px;
padding: 0px;

}

.sitemap a:link { text-decoration: underline;color: #e07802; font-weight: bold; }
.sitemap a:active { text-decoration: underline;color: #e07802; font-weight: bold; }
.sitemap a:visited { text-decoration: underline;color: #e07802; font-weight: bold; }
.sitemap a:hover { text-decoration: underline; color: #000000; font-weight: bold; }

#klanten_overview {

float: left;
width: 660px;
margin: 0px 0px 0px 40px;
padding: 0px 0px 0px 0px;

}

.klant {

float: left;
width: 200px;
height: 30px;
margin: 0px;
padding: 0px 20px 0px 0px;

}

.klant a:link { text-decoration: underline;color: #e07802; font-weight: bold; }
.klant a:active { text-decoration: underline;color: #e07802; font-weight: bold; }
.klant a:visited { text-decoration: underline;color: #e07802; font-weight: bold; }
.klant a:hover { text-decoration: underline; color: #000000; font-weight: bold; }

#contactform_bg {

width: 690px;
height: 370px;
background-color: #f1edee;
background-image: url("gfx/img/back-contact.jpg");
background-position: bottom;
background-repeat: no-repeat;
margin: 0px;
padding: 5px 0px 0px 8px;

}

#offerte_form {

border-collapse: collapse;
width: 700px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}

.offerte_optie {

width: 95px;
height: 25px;
margin: 0px;
padding: 0px 0px 0px 25px;

}

.offerte_optie_b {

width: 285px;
height: 25px;
margin: 0px;
padding: 0px 0px 0px 25px;

}

.offerte_input {

width: 170px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #444;

}

.url_input {

width: 145px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #444;

}

.offerte_textarea {

width: 303px;
height: 60px;
line-height: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #444;

}

.oplage {

width: 50px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #444;

}

.offerte_select {

width: 174px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #444;

}

.offerte_inputcell {

width: 170px;
height: 25px;
margin: 0px;
padding: 0px 10px 0px 20px;

}

.contact_form {

border-collapse: collapse;
width: 380px;
padding: 0px;
margin: 0px;

}

.form1 {

color: #e07802;
width: 120px;
height: 30px;
margin: 0px;
padding: 0px;

}

.form2 {

width: 260px;
height: 30px;
margin: 0px;
padding: 0px;

}

.input {

width: 260px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #444;

}

.textarea {

width: 260px;
height: 110px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #444;

}

.submit {

width: 120px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #444;

}

li {

line-height: 16px;

}

#afbeelding {

display: block;
margin: 0px;
padding: 0px 0px 0px 8px;

}

.input_text {

width: 100px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #757575;

}

.input_submit {

width: 70px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #444;

}

#container {

position: absolute;
background-image: url("gfx/img/con_bg.jpg");
background-repeat: repeat-y;
width: 950px;
left: 50%;
margin: 0px 0px 0px -475px;
padding: 0px;

}

#Tabel_01 {
background-color: #fff;
}

.head {

height: 27px;
margin: 10px 0px 8px 8px;
padding: 0px 0px 0px 0px;

}

.content_head {

height: 27px;
margin: 10px 0px 0px 18px;
padding: 0px 0px 0px 0px;

}

.content_head_r {

height: 27px;
margin: 10px 0px 0px 15px;
padding: 0px 0px 0px 0px;

}

#r_content {

width: 219px;
margin: 0px 0px 0px 15px;
padding: 0px;

}

.rw_img {

margin: 0px;
padding: 0px;

}

.r_copy {

margin: 0px;
padding: 0px 0px 5px 0px;

}

.r_copy a:link { text-decoration: underline;color: #e07802; font-weight: bold; }
.r_copy a:active { text-decoration: underline;color: #e07802; font-weight: bold; }
.r_copy a:visited { text-decoration: underline;color: #e07802; font-weight: bold; }
.r_copy a:hover { text-decoration: underline; color: #000000; font-weight: bold; } 

.rw_titel {

width: 219px;
font-weight: bold;
color: #e07802;
margin: 0px;
text-align: center;
padding: 5px 0px 5px 0px;

}

.contentcopy {

margin: 0px 0px 0px 0px;
padding: 18px 16px 18px 18px;

}

.copy {

line-height: 16px;
margin: 0px;
padding: 10px 0px 0px 0px;

}

.copy a:link { text-decoration: underline;color: #e07802; font-weight: bold; }
.copy a:active { text-decoration: underline;color: #e07802; font-weight: bold; }
.copy a:visited { text-decoration: underline;color: #e07802; font-weight: bold; }
.copy a:hover { text-decoration: underline; color: #000000; font-weight: bold; }

.portfolio_copy {

float: left;
width: 500px;
margin: 0px;
padding: 0px;

}

.portfolio_img {

float: left;
width: 200px;
margin: 0px;
padding: 0px;

}

.lefticon {

text-align: right;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 18px;

}

.l_head_bg {

background-image: url("gfx/img/head_bg.jpg");
background-repeat: no-repeat;
background-position: right;
background-color: #878787;
width: 195px;
height: 27px;
margin: 0px;
padding: 0px 0px 0px 10px;

}

h1 {

font-weight: normal;
font-family: "Helvetica", Arial;
text-transform: uppercase;
font-size: 16px;
color: #e07802;
margin: 0px;
padding: 0px 0px 0px 0px;

}

h2 {

font-weight: normal;
letter-spacing: 1px;
font-family: "Helvetica", Arial;
text-transform: uppercase;
font-size: 16px;
color: #fff;
margin: 0px;
padding: 5px 0px 0px 7px;

}

#left {

float: left;
width: 215px;
margin: 0px;
padding: 0px;

}

#sdot_border {

background-image: url("gfx/img/dot.gif");
background-repeat: repeat-x;
background-position: bottom;
margin: 0px 0px 0px 0px;
padding: 0px 0px 1px 0px;

}

#diensten {

width: 451px;
height: 189px;
background-image: url("gfx/img/fp_bg.jpg");
background-repeat: repeat-x;
margin: 0px 0px 10px 18px;
padding: 0px;

}

#diensten .webdesign {

float: left;
text-align: center;
height: 189px;
width: 149px;
background-image: url("gfx/img/verdot.gif");
background-repeat: repeat-y;
background-position: right;
margin: 0px;
padding: 0px 1px 0px 0px;

}

.diensten_copy {

line-height: 16px;
padding: 5px 10px 5px 10px;
margin: 0px;

}

.dienst {

padding: 0px 0px 0px 0px;
margin: 0px;

}

.dienst a:link { text-decoration: underline;color: #e07802; font-weight: bold; }
.dienst a:active { text-decoration: underline;color: #e07802; font-weight: bold; }
.dienst a:visited { text-decoration: underline;color: #e07802; font-weight: bold; }
.dienst a:hover { text-decoration: underline; color: #000000; font-weight: bold; }

#diensten .drukwerk {

float: left;
text-align: center;
height: 189px;
width: 151px;
margin: 0px;
padding: 0px 0px 0px 0px;

}

#diensten .hosting {

float: left;
text-align: center;
height: 189px;
width: 149px;
background-image: url("gfx/img/verdot.gif");
background-repeat: repeat-y;
background-position: left;
margin: 0px;
padding: 0px 0px 0px 1px;

}

#diensten .button {

margin: 7px 0px 0px 0px;
padding: 0px;

}

#actie {

width: 451px;
height: 189px;
margin: 10px 0px 20px 18px;
padding: 0px;

}

#actie .screenshot {

float: left;
width: 130px;
margin: 0px 20px 0px 0px;
padding: 0px;

}

#actie #actie_copy {

float: left;
width: 301px;
margin: 0px;
padding: 0px;

}

#actie_copy .titel {

color: #010000;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px;

}

#actie_copy .copy {

line-height: 16px;
margin: 0px;
padding: 5px 0px 5px 0px;

}

#actie_copy .link {

color: #e07802;
margin: 0px;
padding: 0px;

}

.link a:link { text-decoration: underline;color: #e07802; font-weight: bold; }
.link a:active { text-decoration: underline;color: #e07802; font-weight: bold; }
.link a:visited { text-decoration: underline;color: #e07802; font-weight: bold; }
.link a:hover { text-decoration: underline; color: #000000; font-weight: bold; }

.nws {

width: 195px;
border-collapse: collapse;
margin: 0px 5px 0px 8px;
padding: 0px 0px 0px 0px;

}

.nws .datum {

text-align: left;
color: #e07802;
margin: 0px;
padding: 0px 0px 5px 0px;

}

.nws .headline {

text-align: left;
color: #010000;
margin: 0px;
padding: 0px 0px 1px 0px;

}

.nws .copy {

text-align: left;
line-height: 15px;
margin: 0px;
padding: 0px 0px 5px 0px;

}

.nws .ext {

text-align: left;
color: #e07802;
margin: 0px;
padding: 0px 0px 20px 0px;

}

.ext a:link { text-decoration: underline;color: #e07802; font-weight: bold; }
.ext a:active { text-decoration: underline;color: #e07802; font-weight: bold; }
.ext a:visited { text-decoration: underline;color: #e07802; font-weight: bold; }
.ext a:hover { text-decoration: underline; color: #000000; font-weight: bold; }

.xtra {

width: 214px;
border-collapse: collapse;
background-color: #ee7f01;
margin: 4px 0px 0px 0px;
padding: px 0px 0px 0px;

}

.xtra .name {

color: #fff;
width: 87px;
height: 25px;
margin: 0px;
padding: 0px 0px 0px 10px;

}

.copyright {

width: 215px;
text-align: center;
margin: 0px;
padding: 8px 0px 8px 0px;

}

#fpcontent {

float: left;
width: 485px;
margin: 0px;
padding: 0px;

}

#content {

float: left;
width: 725px;
margin: 0px;
padding: 0px;

}

#right {

float: left;
background-image: url("gfx/img/verdot.gif");
background-repeat: repeat-y;
background-position: left;
width: 240px;
margin: 0px;
padding: 0px;

}

.nws_overview {

line-height: 16px;
border-collapse: collapse;
margin: 10px 10px 0px 10px;
padding: 0px;	

}

.nws_overview .datum {

margin: 0px;
padding: 0px;	

}

.nws_overview .overviewheadline {

color: #e07802;
margin: 0px;
padding: 0px;	

}

.overviewheadline a:link { text-decoration: underline;color: #e07802; font-weight: bold; }
.overviewheadline a:active { text-decoration: underline;color: #e07802; font-weight: bold; }
.overviewheadline a:visited { text-decoration: underline;color: #e07802; font-weight: bold; }
.overviewheadline a:hover { text-decoration: underline; color: #000000; font-weight: bold; }

#footer {

padding: 0px;
margin: 0px 0px 0px 0px;

}

#header {

padding: 0px;
margin: 0px 0px 0px 0px;

}