﻿/* Captcha controls */

#captcha{font-size: 10px;padding:6px;border:solid 1px #ccc;margin:12px 12px 12px 12px;}
#captchaimagecontainer{margin-bottom:6px;float:left;width:35%;}
#captchaimagecontainer img.captchaimage{width:80%;}
#captchaimagecontainer input{margin-left:9px;}
#captchafieldcontainer{float:left;width:60%;padding:6px;}
#captchafieldcontainer input{
	font-family: Verdana, Arial, Sans-serif, Helvetica;
	font-size: 10px;
	border: 1px solid #828282;
	background: #fff;
	width:100px;
}

/* Container tabel */

table.formmodtable{width:100%;padding:6px 0;}

.formmodcol1{
	/* font-style:italic; */
	/* text-align:right; */
	width : 20%;
	padding:3px;
}
.formmodcol2{
	width : 80%;
	padding:3px;
	text-align: left;
}

/* specifieke veldtypes */

.formtitle{
	margin: 24px 0;
	padding: 0 0 3px 0;
	font-size:14px;
	font-weight:bold;
	border-bottom: dotted 1px #ccc;
	display:block;
}
.formtb{
	font-size: 11px;
	border: 1px solid #828282;
	width:50%;
}
.formmb{
	font-size: 11px;
	border: 1px solid #828282;
	width:50%;
	font-family:Verdana;
}
.formlb{
	font-size: 11px;
	border: 1px solid #828282;
	width:50%;
}
.formrb{
	margin-right:6px;
}
.formcb{
	margin-right:6px;
}
.formbtn{
	background-color : #eee;
	color : #000;
	border: 1px solid #000;
}
.formimgbtn{
}
.formcomment{

}
.formhr{
	height:1px;
	color:#fff;
}

/* Container die submit button bevat */

.btnsubmitcontainer{}
#btnsubmitcontainercol1{
	float:left;
	font-style:italic;
	text-align:right;
	width : 35%;
}
#btnsubmitcontainercol2{
	float:left;
	width : 50%;
	padding:0 6px;
	text-align: left;
}

/* Container die image submit button bevat */

.imgbtnsubmitcontainer{}
#imgbtnsubmitcontainercol1{}
#imgbtnsubmitcontainercol2{}

/* symbool verplicht veld */

.veldverplicht{margin:0 3px;color:Red;font-style:normal;}

/* pop up venster info listitem */


#formspopupbody{
	/* font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; */
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida, Helvetica, Verdana, Arial, Sans-serif;
	text-align:left;
	font-size:13px;
	line-height:1.5;
	background:#000;
	color:#fff;
}
#formspopupcontent{
	
}


/* Extra's 
-----------------------------------------------------------------------------*/

/* Offerte form */

#formcontainer{clear:both;width:800px;margin-top:18px;}
#formtabcontainer{background:url(../images/General/ContainerOfferteFormTopBackground.jpg) no-repeat right bottom;}
#formtab{height:38px;float:left;background:url(../images/General/ContainerOfferteFormTopTab2.jpg) no-repeat right bottom;padding-right:12px;}
#formtabtitle{height:38px;background:url(../images/General/ContainerOfferteFormTopTab1.jpg) no-repeat left bottom;line-height:38px;padding:0 12px;color:#8ae5ff;font-weight:bold;}
#formcontentcontainer{background:url(../images/General/ContainerOfferteFormBottomBackground2.jpg) no-repeat right bottom;}
#formcontent{background:url(../images/General/ContainerOfferteFormBottomBackground1.jpg) no-repeat left bottom;padding:15px 15px 15px 15px;color:#fff;}

/* Container die voeg toe aan mandje buttons bevat */

.voegtoeaanmandjecontainer{text-align:right;padding:12px 24px 0 0;}
.voegtoeaanmandjecontainer a:link,
.voegtoeaanmandjecontainer a:active,
.voegtoeaanmandjecontainer a:visited{color:#fff;margin-left:9px;text-decoration:underline;}
.voegtoeaanmandjecontainer a:hover{color:#fff;margin-left:9px;text-decoration:none;}

/* Container die verstuur offerte buttons bevat */

.verstuuroffertecontainer{text-align:right;padding:12px 24px 0 0;}
.verstuuroffertecontainer a:link,
.verstuuroffertecontainer a:active,
.verstuuroffertecontainer a:visited{color:#fff;margin-left:9px;text-decoration:underline;}
.verstuuroffertecontainer a:hover{color:#fff;margin-left:9px;text-decoration:none;}

