/*		------	layout	------		*/
html {
padding:0px;
margin:0px;
}

body{
margin:0px;
padding:0;
background: #fff url(../i/bg.jpg) top repeat-x;
text-align: center;
font-family: Arial, sans-serif;
font-size:12px;
color:#000;
}

.large{
background: #fff url(../i/bg_admin.jpg) top repeat-x;
}

.offerte{
background: #fff;
}

#container{
margin:0px auto;
width: 1020px;
padding:0px;
text-align:left;
}

.space{
clear:both;
}

#header{
position:relative;
width:1000px;
height:247px;
background: #fff url(../i/header.jpg) top no-repeat;
margin:0;
}

#header_offerte{
position:relative;
width:600px;
height:147px;
background: #fff url(../i/header_offerte.jpg) top no-repeat;
margin:0;
}

#menu{
position:absolute;
margin: 182px 0px 0px 13px;
width:740px;
height:31px;
text-align:left;
}

.menu1 {
padding:0px;
margin:0px;
list-style:none; 
height:31px; 
 }

.menu1 li {
margin:0;
float:left;}

.menu1 li a {
display:block; 
float:left; 
height:31px; 
font-size:12px;
width:123px; 
line-height:31px; 
color:#fff; 
text-decoration:none; 
text-align:center; 
padding:0px; 
margin:0px; 
background: url(../i/knop.jpg) left no-repeat;
}

.menu1 li a:hover, .menu1 li a.select{
color:#fff; 
background:url(../i/knop_select.jpg) right no-repeat;
}

#links{
width:257px;
height:700px;
float:left;
}

#usb{
width:257px;
height:326px;
text-align:center;
}

.artikel{
width:150px;
margin: 0 0 5px 0;
padding-left:50px;
}

.artikel a{
text-decoration:none;
border:0;
}

.thumb_relatie{
width:100px;
border:1px solid #000;
margin:0 0 5px 0;
float:left;
}

.thumb_relatie a{
text-decoration:none;
}

.zoom{
width:25px;
float:left;
border:none;
}
.zoom a{
text-decoration:none;
border:0;
}

.thumb_content{
width:80px;
border:1px solid #000;
margin:10px 15px 0px 0;
float:right;
}

.thumb_content a{
text-decoration:none;
}


.logoos{
width:100px;
border:1px solid #000;
margin:0 3px 3px 3px;
}

.logoos a{
text-decoration:none;
}

#spaar_punten{
width:257px;
height:324px;
}

#midden{
margin:0 0px 0 0;
width:494px;
text-align: left;
height:700px;
background: url(../i/bg_content.jpg) top repeat-y;
float:left;
}


#content{
margin:0 0px 0 0;
width:490px;
text-align: left;
height:316px;
background-image: url(../i/h_lijn.jpg);
background-repeat:no-repeat;
background-position: 100% 100%;
}

/* for Internet Explorer */
/*\*/
* html #content {
height:326px;
}
/**/

*:first-child+html #content {
height:326px;
}

.lijn_onder{
background-image: url(../i/h_lijn.jpg);
background-repeat:no-repeat;
background-position: 100% 100%;
}

#uitgelicht{
margin: 0px 0 0 0;
width:494px;
text-align: left;
height:362px;
background-image: url(../i/h_lijn.jpg);
background-repeat:no-repeat;
background-position: 100% 100%;
}

#rechts{
width:257px;
height:700px;
float:left;
}

#catalogus{
width:257px;
height:326px;
text-align:center;
}

#bel_mij{
width:257px;
height:324px;
}

#bel_mij p{
padding: 5px 3px 0 15px;
}

h1{
font-size:15px;
color:#000;
padding: 0 3px 0 15px;
}

#midden h1{
font-size:15px;
color:#c32e3e;
padding: 0 3px 0 15px;
}

#content h1, #spaar_punten h1, #bel_mij h1{
font-size:15px;
color:#c32e3e;
padding: 0 3px 0 15px;
}

#usb h1, #catalogus h1, #uitgelicht h1{
font-size:15px;
color:#000;
padding: 0 3px 0 15px;
}

#usb a, #catalogus a, #usb img, #catalogus img{
border:none;
}


.red{
color:#c32e3e;
font-weight:bold;
}

.black{
color:#000;
font-weight:bold;
}

p{
padding: 0 10px 0 15px;
}

.linkblok{
font-size:15px;
color:#000;
text-decoration:none;
font-weight:bold;
display:block;
border:0;
}

fieldset{border:0;margin:0;padding:0;}

/* for Internet Explorer */
/*\*/
* html fieldset {
margin:0px 0 0 10px;
}
/**/

*:first-child+html fieldset {
margin:0px 0 0 10px;
}


fieldset.catalogus{width:300px;border:0;margin:0 0 0 -20px;padding:0;}


/* for Internet Explorer */
/*\*/
* html fieldset.catalogus {
width:257px;
margin:0px 0 0 10px;
}
/**/

*:first-child+html fieldset.catalogus {
margin:0px 0 0 10px;
width:257px;
}

<!-- bel form -->

ul.form{list-style:none;padding:0;margin:0 auto;width:250px;border:0;}
ul.form li{list-style:none;padding:2px 0;height:25px;}
.form_head{height:20px;width:250px;color:#c32e3e;text-align:left;font-size:14px;font-weight:bold;border-bottom:0 !important;}
ul.form li label{display:block;float:left;width:60px;}

.required{display:block;font-size:10px;color:#5b6170;width:60px;float:left;clear:left;}

ul.form li input, ul.form li select, ul.form li textarea{width:180px;background-color:#fff;border:1px solid #000;padding-left:3px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
ul.form li.submit{text-align:right;border:0;}


ul.form li.submit input{background:transparent url(../i/bel_knop.jpg) left no-repeat;
border:0 none;
cursor:pointer;
display:block;
height:27px;
width:147px;
overflow:hidden;
text-indent:-4000px;
float:right;}


#comment{width:250px;background-color:#ccc;border:2px solid #ccc;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
ul.form li textarea{height:90px;width:340px;}
ul.form li.comment .required, ul.form li.comment label{width:60px;}
li.comments{height:130px !important;}
.valid{border:2px solid #c32e3e !important;}
.invalid{border:2px solid #c32e3e !important;}


<!-- invulform -->

ul.form2{list-style:none;padding:0;margin:0px;width:400px;border:0;}
ul.form2 li{list-style:none;padding:2px 0;height:35px;}
.form_head2{height:20px;width:400px;color:#c32e3e;text-align:left;font-size:14px;font-weight:bold;border-bottom:0 !important;}


ul.form2 li label{display:block;float:left;width:110px;padding:2px 0;}

ul.form2 li input, ul.form2 li select, ul.form2 li textarea{width:250px;background-color:#fff;border:1px solid #000;padding-left:3px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
ul.form2 li.submit{text-align:right;border:0;}


ul.form2 li.submit2 input{background:transparent url(../i/knop_versturen.jpg) left no-repeat;
border:0 none;
cursor:pointer;
display:block;
height:27px;
width:200px;
overflow:hidden;
text-indent:-4000px;
float:right;}

ul.form2 li textarea{height:90px;width:250px;}
ul.form2 li.comment .required, ul.form2 li.comment label{width:120px;}

<!-- form catalogus -->

ul.form3{list-style:none;padding:0;margin:0px;width:250px;border:0;}
ul.form3 li{list-style:none;padding:2px 0;height:35px;margin:0;}
.form_head3{height:20px;width:250px;margin:0;color:#c32e3e;text-align:left;font-size:14px;font-weight:bold;border-bottom:0 !important;}

ul.form3 li label{display:block;float:left;width:70px;padding:2px 0;}

ul.form3 li input, ul.form3 li select, ul.form3 li textarea{width:170px;background-color:#fff;border:1px solid #000;padding-left:3px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
ul.form2 li.submit{text-align:right;border:0;}


ul.form3 li.submit2 input{background:transparent url(../i/knop_versturen.jpg) left no-repeat;
border:0 none;
cursor:pointer;
display:block;
height:27px;
width:150px;
overflow:hidden;
text-indent:-4000px;
float:right;}

ul.form3 li textarea{height:90px;width:170px;}
ul.form3 li.comment .required, ul.form2 li.comment label{width:70px;}


#uitgelicht .promitem{
width:85px;
height:110px;
margin-left:10px;
float:left;
}

.afb{
width:83px;
height:83px;
border:1px solid #999999;
overflow:hidden;
margin: 0 0 5px 0;
}

.afb img{
width:83px;
}

#uitgelicht .promitem a{
text-decoration:none;
border:0;
}

.promitem img{
border:none;
}
