* {
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
}
img{ border: 0px;}
a {
	color: #000;
}
p,tr,td,table {
  border-collapse: collapse;
}

/* form validatie*/
label { width: 13em; float: left; }
#vsk input{margin-bottom: 3px;}
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
/*---------------*/

a:hover{
	text-decoration: none;
}
img{
  border: 0px;
}
#mainbody{
	background:#FFFFFF;
}
html, body, textarea, td {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
    font: normal 12px Verdana, sans-serif;
    color: #000;
    line-height: 16pt;
}
ul{
  margin: 0;
  padding: 20px;
  list-style-type: disc;
  line-height: 16pt;
}
ol{
  margin: 0;
  padding: 0;
  list-style-type: decimal;
  list-style-position: inside;
  line-height: 16pt;	
}
/* container */
.clear {
	clear: both;
}
#container {
	min-height: 100%;
	_height: 100%;
	width: 1000px;
	margin: 0 auto;
    background: url(/pict/container.png);
   	position: relative;
}
* html > #container {
	height: 100%;
}
#headerContainer1 {
	background:url(/pict/header1.jpg) no-repeat top left;
	float: left;
	height: 185px;
	width: 1000px;
}
#headerContainer2 {
	background:url(/pict/header2.jpg) no-repeat top left;
	float: left;
	height: 185px;
	width: 1000px;
}
#headerContainer3 {
	background:url(/pict/header3.jpg) no-repeat top left;
	float: left;
	height: 185px;
	width: 1000px;
}
#headerContainer4 {
	background:url(/pict/header4.jpg) no-repeat top left;
	float: left;
	height: 185px;
	width: 1000px;
}
#headerContainer5 {
	background:url(/pict/header5.jpg) no-repeat top left;
	float: left;
	height: 185px;
	width: 1000px;
}
#headerContainer6 {
	background:url(/pict/header6.jpg) no-repeat top left;
	float: left;
	height: 185px;
	width: 1000px;
}
#headerContainer7 {
	background:url(/pict/header7.jpg) no-repeat top left;
	float: left;
	height: 185px;
	width: 1000px;
}
#headerContainer8 {
	background:url(/pict/header8.jpg) no-repeat top left;
	float: left;
	height: 185px;
	width: 1000px;
}
#headerContainer9 {
	background:url(/pict/header9.jpg) no-repeat top left;
	float: left;
	height: 185px;
	width: 1000px;
}
#contentContainer{
    float: left;
    width: 1000px;

}
#menu{
	float:left;
	margin-left: 45px;
    _margin-left: 25px;
	width: 210px;
	* width: 210px;
    margin-bottom:75px;
}
#contentRight{
    float: right;
    width: 710px;
    *width: 690px;
    _width: 700px;
	padding: 5px 10px 0px 0px;
	*padding: 5px 30px 0px 0px;
	_padding: 5px 15px 0px 0px;
    margin-bottom:75px;
    vertical-align: top;
}
#footer {
    width: 1000px;
	position: absolute;
	bottom: 0px;
	_bottom: -1px;
    text-align: center;
 	height: 49px;
    padding: 0px;
	vertical-align: middle;
    background-image:url(/pict/footer.png); 
}
/* header */
#logo{
	position:absolute;
	width:270px;
	height:70px;
	cursor:hand;
	left:30px;
	top:65px;
}
#header_menu{
	position:absolute;
    height: 30px;
    left: 220px;
    width: 600px; 
	top: 58px;
	float:left;
}
/* footer */
#f_left{
   float: left;
   padding: 10px 0px 0px 270px;	
}
#f_right{
   float: right;
   padding: 10px 20px 0px 0px;
}
#f_right a{
	text-decoration: none;
}
#f_right a:hover{
	text-decoration: underline;
}
/* adminmenu */
#a_menu{
	float: right;
}
#a_menu ul{
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}
#a_menu li{
	display: inline;
	list-style-type: none;
}
#a_menu a{
    padding: 2px 5px 2px 5px;
	background: #dd0024;
	color: #fff;
	text-decoration: none;	
}
#a_menu a:hover{
	background: #444;
	color: #fff;
}
#a_menu span{
  background: #b1c2cc;
  padding: 2px 5px 2px 5px;
}
/* topmenu */
#t_menu{
	position:absolute;
    height: 30px;
    right: 20px;
    width: 100px; 
	top: 30px;
	float:right;
}
#t_menu a{
	text-decoration: none;	
}
#t_menu a:hover{
	text-decoration: none;	
}
/* mandje in de header*/
#t_mandje{
    background: #dd0024;
    color: #fff;	
	text-align: right;
	position:absolute;
    height: 20px;
    right: 40px;
    width: 360px; 
	top: 140px;
	float:right;	
}
#t_mandje a{
	color: #fff;
}
/* zoek */
#zoek{
	margin: 0px auto;
	text-align: center;
}
/* stat */
.s_titel{
	text-align: left;
	padding: 0px 0px 0px 5px;
}

/* log */
#log td{
  text-align: left;
  font: normal 0.7em Verdana, sans-serif;
  padding: 0px 2px 0px 0px;
}
.rijkleur{
  background: #dd0024;
}
/* log */
#log td{
  text-align: left;
  font: normal 0.7em Verdana, sans-serif;
  padding: 0px 2px 0px 0px;
}
.rij2{
  background: white;
}
/* nieuws */
#home_news{
  border: 1px solid #ccc;  
  float: left;
  width: 445px;    
}
#home_news .foto{
  float: left;   
  width: 130px;  
}
#home_news .text{
  float: right;
  width: 300px;
  height: 100px;   
}
#home_news .full_text{
  float: right;
  width: 425px;
  height: 100px;   
}
#home_news .artikel{
  float: left;
  padding: 5px;  
  border-bottom: 1px dashed #ccc;     
}
/* home ref */
#home_referentie{
  width: 240px;
  float: right; 
  border: 1px solid #ccc;   
}
#home_referentie img{
  width: 108px;
  margin: 4px;
}
#home_referentie a{
  padding-left: 4px ;
}
#title_ref, #home_news .nieuwskop, #home_groepen .titel, #home_banner .titel{
  font-weight: bold;    
  color: #fff;
  height: 26px;
  padding: 0 5px;	
  background: #dd0024;  
}
/* groepen*/
#home_groepen{
  margin-top: 5px;
  border: 1px solid #ccc;  
  float: left;
  width: 450px;  
}
#home_groepen a{
 display: block; 
 margin: 5px 0 0 5px;
}
#home_groepen .groep{
 float: left;
 width: 147px;
 height: 130px;
}
/* banner */
#home_banner {
  width: 240px;
  margin-top: 5px;
  border: 1px solid #ccc;  
  float: right;
}
#home_banner img{
 width: 238px;    
}
#home_banner .onder, #home_groepen .onder{
 text-align: right;
}
#home_banner .onder{
 margin-top: 10px;   
}
#home_banner .onder a, #home_groepen .onder a{
 color: #aaa;
 margin-right: 5px;
 font: normal 11px Verdana, sans-serif;
}


/* nieuws */

#n_container td{
  vertical-align: top;
}
#n_show{
  float: left;
  width: 450px;
  *width: 440px;
  padding: 0px 10px 0px 0px;  	
}
#n_list{
  float: right;
  width: 240px;	
}
#n_list table{
  border: 1px solid #ccc;	
}

#n_list td{
  font: normal 12px Verdana, sans-serif;
  line-height: 16pt; 	
  padding: 2px 5px;
  border-bottom: 1px dotted #000;	
}
#n_list a{
font-weight: bold;
}
.n_kop{
  font-weight: bold;
  color: #fff;	
  width: 220px;	
  background: #dd0024;
}
.n_liston{
  cursor: hand;	
  background: #fef7f8;
}
.n_listoff{
  background: #fff;
}
.n_menu{
  background: #fff;
  border-bottom: 1px solid #fff;
}

/* mandje */
#m_head td{
  background: #dd0024;
  color: #fff;
  font-weight: bold;
  padding: 0 5px;
}
#t_mandje{
  background: #dd0024;
  color: #fff;
  padding: 3px; 
}
/* faq */
#v_list table{
 width: 700px;	
}
#v_list .v_vraag{
 color: #dd0024;	
}

#v_edit td, #v_list td{
	vertical-align: top;
}
/* refpics */
#refpics img{
  width: 140px;
  height: 105px;
}
#refpics td{
  width: 145px;
  height: 110px;
}
/* offerte */
#offerte table{
  border: 1px solid black;
  margin-top: 10px;
  width: 650px;
}
#offerte td{
	padding-left: 5px;
}
#offerte input, textarea{
  border: 1px solid black;
}
#offerte .verplicht{
  border: 1px solid red;
}
/* admin:berichten*/
.bericht{
  width: 700px;
  background: #c4d7db;
  margin-bottom: 10px;
}
/**/

#mailgroepen{
  float: left;
  width: 300px;	
}
#mailgroepen ul, #adressen ul, #nieuwsbrieven ul, #verstuur ul{
  margin: 0;
  padding: 0;
  list-style-type: none; 
}
#adressen{
  float: right;
  width: 400px;	
}

