﻿/* Captcha controls */

#captcha{font-size: 10px;padding:6px;border:solid 1px #ccc;margin:12px 0;}
#captchaimagecontainer{margin-bottom:6px;float:left;width:50%;}
#captchaimagecontainer img.captchaimage{width:80%;}
#captchaimagecontainer input{margin-left:9px;}
#captchafieldcontainer{float:left;width:50%;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 : 35%;
	padding:6px;
}
.formmodcol2{
	width : 65%;
	padding:6px;
	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:99%;
}
.formmb{
	font-size: 11px;
	border: 1px solid #828282;
	width:99%;
	font-family:Verdana;
}
.formlb{
	font-size: 11px;
	border: 1px solid #828282;
	width:99%;
}
.formrb{
	margin-right:6px;
}
.formcb{
	margin-right:6px;
}
.formbtn{
	background-color : #eee;
	color : #000;
	border: 1px solid #000;
}
.formimgbtn{
}
.formcomment{

}
.formhr{
	height:1px;
	color:#000;
}

/* 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{}


/* 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:#000;margin-left:9px;text-decoration:underline;}
.voegtoeaanmandjecontainer a:hover{color:#000;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:#000;margin-left:9px;text-decoration:underline;}
.verstuuroffertecontainer a:hover{color:#000;margin-left:9px;text-decoration:none;}



/* 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{
	
}

/* Offerte overzicht 
-----------------------------------------------------------------------------*/

#offerteoverzicht{width:100%;}

.offerteitemomschrijving{font-weight:bold;}
.offerteitemdetails{list-style-type:square;}

table.shoppingcartdetails{
	border:none;
    border-collapse: collapse;
    width:100%;
	margin-bottom:24px;
}   
 
table.shoppingcartdetails tr td.headamount{
	background:#f08a00;
	padding:3px;
	border-bottom:solid 1px #ccc;
	text-align:center;
	color:#fff;
	font-weight:bold;
	width:100px;
}

table.shoppingcartdetails tr td.headnocontent{
	padding:3px;
}

table.shoppingcartdetails tr td.headbutton{
	padding:3px;
}

table.shoppingcartdetails tr td.foot{
	background:#ccc;
	padding:3px;
	border-bottom:solid 1px #ccc;
	color:#fff;
}

table.shoppingcartdetails tr td.footnocontent{
	padding:3px;
	border-bottom:none;
}

table.shoppingcartdetails tr td{
    padding: 6px;
    vertical-align:top;
    text-align:left;
	border-bottom:solid 1px #ccc;
}

table.shoppingcartdetails tr td.itemamount{
	background:#ccc;
	border-bottom:solid 1px #fff;
	text-align:center;
	color:#fff;
}

table.shoppingcartdetails tr td.itembutton{
	background:#fff;
	text-align:center;
	width:40px;
}