/*******************************************************************************
 *
 * Go-On style sheet template 
 * 
 * Welcome to the main template of Go-On websites! With this stylesheet it is
 * possible to create any layout you like based on the Go-On content management
 * system.      
 *
 ******************************************************************************/
 
 

/*******************************************************************************
 *
 * General layout defenitions
 *
 ******************************************************************************/
 
 
* {
  font-family: tahoma, arial, verdana;
  color: #555555;
}
  
body {
	line-height: 1.3;
}



body {
  
}

a {
	color: #e85802;
	text-decoration: none;

}

a img {
  border: 0px;	
}

a:hover {
	text-decoration: underline;
}


.page,
.footer,
.header {

  width: 900px;
  margin: 0 auto;
color: #333333;
  
}

.languages {
  position: absolute;
  right: 0px;
  top: 120px;
  width: 48px;
}



/*******************************************************************************
 *
 * Header
 *
 ******************************************************************************/ 
.header {

  
}

.pageEdit {
  display: none;
}
  
h1.pageTitle {
  display: none;
}


/*******************************************************************************
 *
 * Menu
 *
 ******************************************************************************/ 
/*******************************************************************************
 *
 * Menu
 *
 ******************************************************************************/ 
div.menu {

	clear:both;
 
	display:block;
	
}
  div.menu ul.menuItems {
  
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
    


    div.menu  .menuItem a {
 	
        display: block;
	width: 127px;
	height: 24px;
	float:left;

	background-image: url(/images/button.jpg);
	background-repeat:no-repeat;

        font-size: 12px;
        color: #000000;
        font-weight: bold;
        padding-left: 10px;
        padding-top: 10px;
        text-decoration: none;

    }

    div.menu .menuItemActive a, div.menu .menuItem a:hover {
      background-image: url(/images/buttonsel.jpg);

	color: #FFFFFF;
    }

    

  
  div#flashcontent {
	clear:both;
	border-top: 3px solid #fb8f11;
	border-bottom: 3px solid #fb8f11;
}
  

/*******************************************************************************
 *
 * Content
 *
 ******************************************************************************/ 


div.column-left {
  float: left;
  width: 420px;
margin-top: 7px;  
padding-right: 20px;
margin-bottom:40px;
}

div.column-right {
padding-left: 20px;
  float: right;
margin-top: 7px;  
  width: 420px;
margin-bottom:40px;
}


div.contentElement ul.images {
  width: 200px;
  float: right;
  
  list-style: none;
  
  margin: 0px;
  padding: 0px;
  
  margin-top: 30px;
}
  
  div.contentElement ul.images li.MImage {
    margin: 0px;
    padding: 0px;
  }


h2 {
  

	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;

	letter-spacing: -.05em;
	font-size: 20px;
	margin-top: 20px;  
	margin-bottom: 20px;  
	padding: 0;

  
}

h3 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;

	font-size: 18px;
	color: #444444;
}

h4 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;

	font-size: 13px;
	color: #444444;
}

div, p, span, label, input {
  font-size: 12px;
}


/*******************************************************************************
 *
 * Footer 
 *
 ******************************************************************************/  

.footer {
	clear: both;
	border-top: 1px dotted #AAAAAA;
  	font-size: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.footer .content {
	color: #777777;
	padding-top: 7px;
	padding-bottom: 10px;
	font-size: 10px;

}

.footer .content a {
	padding-left: 10px;
	padding-right: 10px;
	color: #e85802;
	text-decoration: none;
}

.footer .content a:hover {
	text-decoration: underline;
}



.footer .go-on-footer {
    float: right;
}

ul.list {
	list-style-position: outside;
	list-style-type: square;
	margin: 0;
	margin-left: 20px;
	margin-top: 10px;
	padding: 0;
}

ul.list li {
	padding-bottom: 3px;
}

ul.list_goedkoop {
	list-style-type: square;
	margin: 0;
	padding: 0;
	margin-top: 20px;
	

}

ul.list_goedkoop li {
	text-align: justify;
	padding-bottom: 25px;

	margin-left: 20px;
}

ul.list_goedkoop li div {
	height: 95px;
}



ul.list_referenties {
	list-style-type: square;
	margin: 0;
	padding: 0;
	margin-top: 20px;
	

}

ul.list_referenties li {
	text-align: justify;
	padding-bottom: 20px;

	margin-left: 20px;
}






/* Contact */


div.contact_left {
	display:block;
	float:left;
	width: 200px;
	color: #444444;

}

div.contact_right {
	display:block;
	float:right;
	width: 200px;
	color: #444444;

	
}
div.contact_right img,div.contact_left img  {
	margin-bottom: 20px;

}


div.contact_left div.description, div.contact_right div.description {
	height: 150px;
	display:block;

}

/*******************************************************************************
 *
 * FORM
 *
 ******************************************************************************/  



form.form_right {
	clear:both;

}
form.form_right div.item {
	width: 100px;
	color: #777777;
	padding-top: 6px;
	
}

form.form_right div.item input {
	margin-top: 2px;
	width: 150px;

}

form.form_right input.button {

	background-color: #FFFFFF;
	padding: 6px;
	width: 90px;

	font-weight: bold;
	margin-left: 70px;
	margin-top: 14px;

	border: 1px solid #fc8200;
	background-color: #ffdcb7;
}

form.form_right input {
	display:block;
	padding: 3px;
}

div.buttonrow {
	text-align:center;		
	padding: 10px;
	margin-top: 20px;
	background-color: #F8F8F8;
}


div.buttonrow .button_m {
	border: 1px solid #fb8d0d;
	background-color: #ffc37e;
	font-weight: bold;
	width: 140px;

}

form.frm {

}
form.frm input {
	padding: 3px;
	width: 200px;
	
}

form.frm table.table td {

}


form.frm div.alert  {
	color: red;
}
form.frm div.alert select, form.frm div.alert input,form.frm div.alert textarea {
	border-color:red;
}

form.frm table td {
	padding: 10px;
}

form.frm tr.title td,form.frm td.title {
	font-weight: bold;
	padding: 10px;
	padding-top: 25px;
	
}

form.frm textarea {
	width: 200px;
	height: 150px;
}

form.frm div.subtext {
	font-size: 9px; 
	color: #999999;
	padding-top: 10px;
}

/*******************************************************************************
 *
 * Boxen
 *
 ******************************************************************************/  



div.errorbox,div.infobox,div.okbox {
	font-size: 12px;
	margin-bottom: 15px;
	padding: 10px;

	padding-left: 70px;	
	background-position: 10px 10px;	
	background-repeat: no-repeat;	
	border: 1px solid #cdcdcd;
	background-color: #fefefe;
	height: auto;
	min-height: 46px;


}

/*\*/
* html div.errorbox {
	height: 46px;
}
/**/

/*\*/
* html div.infobox {
	height: 46px;
}
/**/

/*\*/
* html div.okbox {
	height: 46px;
}
/**/




div.errorbox {
	background-image: url(/images/icos/error.gif);
}

div.infobox {
	background-image: url(/images/icos/info.gif);

}

div.okbox {
	background-image: url(/images/icos/ok.gif);
}

/*******************************************************************************
 *
 * Werkwijze
 *
 ******************************************************************************/  


div.werkwijze_module {
/*	height: 70px;*/
	display:block;
	margin-top: 20px;
	text-align: justify;
}

div.werkwijze_module img {
	float:left;
	margin-bottom: 30px;
	margin-right: 10px;
}

div.werkwijze_module .title {
	font-weight: bold;
	padding-bottom: 8px;
	
}

div.titlets {
	font-weight: bold;
	display:inline;
	color: #444444;
}

div.alinea {
	text-align: justify;
	padding-bottom: 20px;
}



div.bestel_column_l {
	float: left;
	width: 200px;
	margin-top: 7px;  
	padding-right: 20px;
	margin-bottom:40px;
}

div.bestel_column_r {
	float: right;
	margin-top: 7px;  
	padding-left: 20px;
	margin-bottom:40px;
	width: 640px;
	
}

div.bestel_step {
	font-weight: bold;
	padding: 10px;
	background-color: #F8F8F8;


	background-position: bottom;
	background-repeat:no-repeat;
	margin-bottom: 5px;
}

div.bestel_step_active {
	padding: 9px;
	border: 1px solid #fb8f11;
}

div.bestel_step_done {
	background-color: #FFFFFF;
	background-image: url(/images/icos/check.gif);
	background-position: 90% 50%;
	background-repeat:no-repeat;
	background-color: #F8F8F8;
}


div.bestel_box {
	width: 237px;
	margin: 5px;
	margin-left: 5px;
	background-color: #F9F9F9;
	padding: 15px;
	float:left;
	margin-top: 20px;

}

div.bestel_box1  {
	width: 290px;
	margin: 5px;
	margin-left: 5px;
	background-color: #F9F9F9;
	padding: 15px;
	float:left;
	margin-top: 20px;

}


div.bestel_box1 form,div.bestel_box1 .okbox {

	margin-top: 30px;
}
div.bestel_box1 form input,div.bestel_box1 form textarea  {
	width: 150px;

}

div.bestel_box1 table td {
	font-size: 11px;
	padding: 3px;
}



div.bestel_box img,div.bestel_box1 img {
	margin-bottom: 110px;
	margin-right: 7px;
	float:left;
}

div.bestel_box .uitleg {
	height: 100px;
}

div.bestel_box .large {
	font-size: 18px;
	color: #e85802;
	font-weight:bold;
}

div.bestel_box .largelink {
	font-size: 16px;
	font-weight:bold;
}
.phonenumber {
	float:right;
	width: 200px;

}


.logo {
	float:left;
}


a.teaser_more {
	border: 1px solid #fb8d0d;
	background-color: #ffc37e;
	font-weight: bold;
	padding: 4px;
	float:right;
	margin-top: 10px;
	color: #333333;
	text-decoration:none;
}

a.teaser_more:hover {	
	text-decoration:none;
	color: #333333;
	background-color: #FFFFFF;
}