@charset "utf-8";

/* CSS Document */
div#divHelp
{
	position: absolute;
	width: 540px;
	height: 250px;
	background-color: rgb( 188, 207, 143 );
	border: solid 1px rgb( 102, 102, 51 );
	z-index: 400;
	margin-top: 25px;
	margin-left: 100px;
}

div#divHelp div#divHelpHeader
{
	margin-top: 0px;
	margin-bottom: auto;
	background-color: rgb( 54, 54, 54 );
	height: 20px;
	color: white;
	padding-top: 4px;
}

div#divHelp div#divHelpText
{
	overflow: hidden;
	padding: 5px;
}

div#divHelp div#divHelpText div.offerteHelpTitle
{
	margin-top: 5px;
}

div#divHelp div#divHelpText div.offerteHelpText
{
	margin-left: 22px;
	margin-top: 8px;
	margin-bottom: 5px;
}

div#divHelp div#divHelpText div.offerteHelpText ul
{
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 10px;
}

div#divHelp div#divHelpShow
{
	position: absolute;
	bottom: 0px;
	height: 24px;
	width: 100%;
	border-top: dotted 1px rgb( 54, 54, 54 );
}

div#divHelp div#divHelpShow a,
div#divHelp div#divHelpShow a:visited,
div#divHelp div#divHelpShow a:link,  
div#divHelp div#divHelpShow a:active {
	font-size: 12px;
	color: rgb( 102, 102, 51 );
	text-decoration: none;
}

div#divHelp div#divHelpShow a:hover
{
	font-size: 12px;
	color: rgb( 54, 54, 54 );
}

/* General */
div#full {
	position: relative;
	width: 100%;
}

body {

    background: white;

    font: 12px sans-serif;

    margin: 0;

    padding: 0 20px;

	background-image: url(../images/bg_body.gif);

	background-repeat: repeat-y;

	background-position: center;

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

}

div#full {
	background-image: url(../images/bkContainer.jpg);
	background-repeat: repeat-y;
	background-position: top;
	width: 100%;
}

div#heading,

div#container {

    width: 927px;

}

div#footer {

    width: 913px;

}

div#footer div.footerlinks {

	margin-top: 8px;

}

div#footer div.footerlinks a {

	font-size: 9px;

	color: #999999;

	text-decoration: none;

}

div#footer div.footerlinks a:link, 

div#footer div.footerlinks a:visited, 

div#footer div.footerlinks a:active {

	font-size: 9px;

	color: #999999;

}

div#container {

    position: relative;

    margin: 0 auto;

}



/* Heading */

div#heading {

	margin: 0px auto -1px auto;

	height: 187px;

	background-color: rgb(188, 207, 143);

	border-bottom: 2px solid white;

	position: relative;

}

div#logo {

	position: absolute;

	top: 10px;

	margin-left: 75px;

}



/* Menus */

/* Topmenu */

div#menutop {

	position: absolute;

	font-size: 12px;

	font-weight: bold;

	color: white;

	padding: 3px 16px;

	margin: 15px;

	vertical-align: middle;

	right: 5px;

	top: 15px;

}

div#menutop a {

	font-size: 12px;

	font-family: "Times New Roman", Times, serif;

	color: white;

	font-weight: normal;

	text-decoration: none;

	font-variant: small-caps;

	margin-left: 15px;

}

div#menutop a:link, 

div#menutop a:visited, 

div#menutop a:active {

	color: white;

	text-decoration: none;

}

div#menutop a:hover {

	color: rgb(102, 102, 52);

}

/* Body */



/* Top */

div#top {

	height: 118px;

}

div#top div#picture {

	margin-left: 293px;

    background: silver;

	height: 118px;

	background-image: url(../images/bannerdefault.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

div#top div#title {

	position: absolute;

	color: white;

	left: 0px;

	width: 274px;

	background-color: rgb(102, 102, 51);

	padding-top: 78px;

	padding-right: 0px;

	padding-bottom: 14px;

	padding-left: 13px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 22px;

}

div#top div#line {

	position: absolute;

	background-image: url(../images/line03.jpg);

	margin-left: 289px;

	top: 0px;

	width: 2px;

	height: 118px;

	font-size: 0px;

}



/* Division */

div#division {

	position: relative;

	height: 5px;

	background-color: white;

}

div#division div#line01 {

	position: absolute;

	top: -1px;

	left: 0;

	width: 287px;

	height: 3px;

	border-bottom: 1px solid white;

	border-top: 1px solid white;

	background-color: rgb(77, 73, 72);

	font-size: 0px;

}

div#division div#line02 {

	position: absolute;

	top: -1px;

	margin-left: 293px;

	height: 3px;

	width: 634px;

	border-bottom: 1px solid white;

	border-top: 1px solid white;

	background-color: rgb(102, 102, 51);

	font-size: 0px;

}



/* Left */

div#left {

	top: 123px;

    bottom: 0;

    left: 0;

    width: 287px;

    background: white;

	min-height: 650px;

	float: left;

}

div#left div#leftTxt {

	left: 0;

	right: 0;

	background-image: url(../images/bg01.jpg);

	background-repeat:repeat-x;

	background-position:top;

	background-color: white;

	padding: 5px;

	min-height: 520px;

	height: auto !important;

	height: 520px;

}



/* Left-Right line */

div#lineLR {

	height: 522px;

	width: 2px;

	background-image: url(../images/line01.jpg);

	background-repeat: repeat-x;

	background-position: top;

	border-left: 2px solid white;

	border-right: 2px solid white;

	float: left;

}



/* Right */

div#right {

    background-color: white;

	float: right;

}

div#right div#content {

	padding: 5px;

    background: white;

	width: 624px;

}



/* News */

div.news {

	position: relative;

	background-image: url(../images/newssep.jpg);

	background-position: bottom;

	background-repeat: no-repeat;

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

	font-size: 14px;

	padding-bottom: 21px;

	margin-bottom: 10px;

	width: 624px;

}

div.news:first-line {

	font-variant: small-caps;

	font-size: 16px;

	color: rgb(102, 102, 51);

	font-weight: bold;

}

div.news div.more {

	position: absolute;

	text-align: right;

	height: auto;

	width: auto;

	bottom: 2px;

	right: 3px;

}

div.news a, 

div.news a:link, 

div.news a:visited, 

div.news a:active {

	color: rgb(102, 102, 51);

	text-decoration: none;

}

div.news a:hover {

	color: black;

	text-decoration: none;

}



/* Footer */

div#footer {

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

    margin: 0px auto 0px auto;

	padding: 7px;

	background: white;

	text-align: center;

}



/* Beschrijving */

/* Rechts */

div.beschrijving {

	background-image: url(../images/newssep.jpg);

	background-position: bottom;

	background-repeat: no-repeat;

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

	font-size: 14px;

	padding-bottom: 12px;

	margin-bottom: 3px;

	width: 98%;

}

div.beschrijving:first-line {

	font-variant: small-caps;

	font-size: 16px;

	color: rgb(102, 102, 51);

	font-weight: bold;

}

div.beschrijving a, 

div.beschrijving a:link, 

div.beschrijving a:visited, 

div.beschrijving a:active {

	color: rgb(102, 102, 51);

	text-decoration: none;

}

div.beschrijving a:hover {

	color: black;

	text-decoration: none;

}



/* Korte Beschrijving */

div.kortebeschrijving {

	position: relative;

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

	font-size: 14px;

	width: 245px;

	height: 110px;

	border: Gray 1px solid;

	text-align: left;

	padding: 7px;

	margin-top: 10px;

}

div.kortebeschrijving:first-line {

	font-variant: small-caps;

	font-size: 16px;

	color: rgb(102, 102, 51);

	font-weight: bold;

}

div.kortebeschrijving div.more {

	position: absolute;

	text-align: right;

	height: auto;

	width: auto;

	/*

	top: 105px;

	left: 205px;

	*/

	bottom: 2px;

	right: 5px;

}

div.kortebeschrijving a, 

div.kortebeschrijving a:link, 

div.kortebeschrijving a:visited, 

div.kortebeschrijving a:active {

	color: rgb(102, 102, 51);

	text-decoration: none;

}

div.kortebeschrijving a:hover {

	color: black;

	text-decoration: none;

}



/*TOEVOEGING WIM: ANKERPUNT DIV */

div.ankerpunt {

	position: relative;

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

	font-size: 14px;

	/*width: 245px;

	height: 110px;

	border: Gray 1px solid;*/

	text-align: left;

	/*padding: 7px;*/

	/*margin-top: 10px;*/

}

div.ankerpunt a, 

div.ankerpunt a:link, 

div.ankerpunt a:visited, 

div.ankerpunt a:active {

	color: rgb(102, 102, 51);

	text-decoration: none;

}

div.ankerpunt a:hover {

	color: black;

	text-decoration: none;

}



/*TOEVOEGING WIM langere kader in linker kolom*/

/* lange Beschrijving */

div.langebeschrijving {

	position: relative;

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

	font-size: 14px;

	width: 245px;

	height: 290px; /*110px*/

	border: Gray 1px solid;

	text-align: left;

	padding: 7px;

	margin-top: 10px;

}

div.langebeschrijving:first-line {

	font-variant: small-caps;

	font-size: 16px;

	color: rgb(102, 102, 51);

	font-weight: bold;

}

div.langebeschrijving a, 

div.langebeschrijving a:link, 

div.langebeschrijving a:visited, 

div.langebeschrijving a:active {

	color: rgb(102, 102, 51);

	text-decoration: none;

}

div.langebeschrijving a:hover {

	color: black;

	text-decoration: none;

}



/*TOEVOEGING WIM langere kader in linker kolom*/

/* Beschrijving automatisering */

div.autobeschrijving {

	position: relative;

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

	font-size: 14px;

	width: 245px;

	height: 415px; /*110px*/

	border: Gray 1px solid;

	text-align: left;

	padding: 7px;

	margin-top: 10px;

}

div.autobeschrijving:first-line {

	font-variant: small-caps;

	font-size: 16px;

	color: rgb(102, 102, 51);

	font-weight: bold;

}

div.autobeschrijving a, 

div.autobeschrijving a:link, 

div.autobeschrijving a:visited, 

div.autobeschrijving a:active {

	color: rgb(102, 102, 51);

	text-decoration: none;

}

div.autobeschrijving a:hover {

	color: black;

	text-decoration: none;

}



/* Calculatie */

div.help {

	margin: 10px 0px;

	padding: 7px;

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

	font-size: 14px;

	background-color: #CCCCCC;

	width: 245px;

	text-align: left;

}

div.calculatieInfo {

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

	font-size: 14px;

	width: 245px;

	border: Gray 1px solid;

	text-align: left;

	padding: 7px;

	margin-top: 10px;

}



div.calcultieOption {

	padding-left: 25px;

	font-size: 16px;

	color: rgb(102, 102, 51);

	font-weight: bold;

	background-position: 5px;

	background-repeat: no-repeat;

	cursor: pointer;

	padding-bottom: 5px;

	padding-top: 5px;

}

div.calcultieOptions {

	padding-top: 10px;

	margin-bottom: 10px;

	border: dotted 1px rgb(102, 102, 51);

}

div.calcultieOption.closed {

	background-image: url(../images/closed.gif);

}

div.calcultieOption.open {

	background-image: url(../images/open.gif);

	border-top: dotted 1px rgb(102, 102, 51);

	border-left: dotted 1px rgb(102, 102, 51);

	border-right: dotted 1px rgb(102, 102, 51);

	background-color: rgb(102, 102, 51);

	color: white;

}

div#calculatieExtra {}

div#calculatieExtra div.offerteExtraTitle {

	font-size: 13px;

	color: rgb(102, 102, 51);

	font-weight: bold;

	margin-top: 3px;

	margin-bottom: 3px;

}

div#calculatieExtra table tr td.offerteExtraTitle {

	font-size: 13px;

	color: rgb(102, 102, 51);

	font-weight: bold;

	margin-top: 3px;

	margin-bottom: 3px;

}



/* Drag and Drop */

div#dragsearch table#tbldrag {

	list-style-type: none;

	padding: 0px;

	margin: 0px;

	font-size: 13px;

	font-family: Arial, sans-serif;

}

div#dragsearch table#tbldrag tr {

	margin: 1px;

	padding: 0px;

}

div#divDrag {

	text-align: center;

	margin: 5px 0px;

}

div#divDrag div.droppable {

	width: 194px;

	height: 123px;

	border: dashed gray 1px;

	position: relative;

	text-align: center;

	font-style: italic;

	font-size: 15px;

	font-family: Arial, Helvetica, sans-serif;

	z-index: 1;

}

div#divDrag div.droppable img {

	width: 194px;

	height: 123px;

	position: absolute;

	top: 0px;

	left: 0px;

	cursor:pointer;

	behavior: url(css/hover.htc);

	border: gray solid 1px;

}

div#divDrag div.droppable.hoverclass123

{

	border:1px solid rgb(102, 102, 51);

}

div#dragsearch {

	position: relative;

	width: 622px;

	height: 250px;

	padding: 0px;

	margin: 0px;

	overflow: auto;

	text-align: left;

	z-index: 250;

	border-top: dotted 1px rgb(102, 102, 51);

	border-bottom: dotted 1px rgb(102, 102, 51);

}

div#dragsearch img {

	width: 147px;

	/* height: 123px; */

	cursor: pointer;

	behavior: url(css/hover.htc);

	float: left;

	margin: 0px;

	/* cursor: move; */

	border: white solid 1px;

}

div#dragsearch img:hover,
div#dragsearch img.hover,
div#divDrag div.droppable img:hover,
div#divDrag div.droppable img.hover {

	/*width: 194px;

	height: 123px;*/

	border: rgb(102, 102, 51) solid 1px;

}



/* Voorbeeld details */

table.exampleDetails {}

table.exampleDetails td.title {

	text-align: right;

	font-weight: bold;

}



/* Voorbeeld Description */

.exampleDesc {

	margin: 15px;

	font-size: 15px;

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

}



/* Voorbeeld sort/search */

form.exampleSearch {

	margin: 10px 15px;

	padding: 5px;

	font-size: 15px;

	border: #CCCCCC 1px solid;

}

form.exampleSearch div.title {

	font-weight: bold;

}

form.exampleSearch div.subtitle {

	margin-left: 15px;

	margin-top: 10px;

}

form.exampleSearch table.criteria {

	margin-left: 63px;

	margin-top: 8px;

	margin-bottom: 10px;

	width: 170px;

}

form.exampleSearch table.criteria th {

	font-weight: normal;

	text-align: left;

}



form.exampleSearch input#txtSearch {

	width: 146px;

}

/* Zoek knop */

form.exampleSearch input#butsearchinput {

	width: 60px;

}



/* Selecteren voorbeeld */

div#content div#search {

	width: 624px;

	height: 635px;

	padding: 0px;

	margin: 0px;

	overflow: auto;

	text-align: left;

	background-color: white;

}

div#content div#search img {

	width: 194px;

	height: 123px;

	cursor: pointer;

	border-style: none;

	border: none;

	behavior: url(css/hover.htc);

	float: left;

	margin: 1px;
	
	border: white solid 1px;
	
	background-image: url(../images/lightbox/loading.gif);
	background-position: 82px 51px;
	background-repeat: no-repeat;
}

div#content div#search img:hover,

div#content div#search img.hover {

	width: 194px;

	height: 123px;

	border: rgb(102, 102, 51) solid 1px;

}

div#content div#searchloading {

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	/* background-color: rgb(165, 181, 207); */
	/* background-color: rgb(188, 207, 143); */
	background-color: rgb(230, 230, 230);
	
	-moz-opacity: .3;

	opacity: .3;

	filter: alpha(opacity=30);

	z-index: 200;

}

div#content div#searchloading img {

	width: 32px;

	height: 32px;

	behavior: none;

	top: 10px;

	left: 10px;

	position: absolute;
	
	-moz-opacity: 1;

	opacity: 1;

	filter: alpha(opacity=100);
	
	display: none;
}



/* textSearch */

div#content div#textOfferteSummary
{
	float: right;
	margin-left: 15px;
}

div#content div#textSearch {

	padding: 0px;

	padding-right: 21px;

	text-align: left;

	color: Gray;

	margin-bottom: 3px;

	width: 80%;

}



#dbaseerror {

	text-align: center;

	background-color: white;

	position: absolute;

	top: 125px;

	width: 100%;

	padding-top: 30px;

	margin-top: -2px;

	font-weight: bold;

	min-height: 520px;

	height: auto !important;

	height: 520px;

	background-color: white;

	display: none;

}



div.sqlerrmsg {

	background-image: url(../images/warning.gif);

	background-repeat: no-repeat;

	background-position: 5px 5px;

	padding: 5px;

	padding-left: 50px;

	font-weight: bold;

	min-height: 35px;

	height: auto !important;

	height: 50px;

	border: 1px solid red;

}



div#kieslang {

	font: 12px sans-serif;

	font-weight: bold;

	top: 0px;

	z-index: 100;

	margin: 5px;

}

div#kieslang a {

	text-decoration: none;

}

div#kieslang div {

	margin-bottom: 2px;

}

div#languages {

	position: absolute;

	top: 5px;

	right: 0px;

}

/* FAQ */

div.faqcategorie {

	position: relative;

	margin-bottom: 18px;

	cursor: pointer;

	border-bottom: solid 1px dotted;

	font-size: 18px;

}



div.faqvraag {

	position: relative;

	margin-bottom: 3px;

	cursor: pointer;

	font-size: 15px;

	font-weight: bold;

}



div.faqvraag div.faqantwoord {

	margin-top: 3px;

	margin-bottom: 3px;

	padding-top: 3px;

	cursor: pointer;

	font-size: 13px;

	margin-top: 8px;

	margin-bottom: 16px;

	padding-left: 3px;

	font-weight: normal;

}



div.faqvragen {

	margin-left: 30px;

	margin-bottom: 8px;

	cursor: pointer;

}



/* sitemaps */

div.sitemaps {

	font-size: 13px;

	font-family: Arial, Helvetica, sans-serif;

}



div.sitemaps a {

	font-size: 13px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

	text-decoration: none;

	color: black;

}

div.sitemaps a:link, 

div.sitemaps a:visited, 

div.sitemaps a:active {

	text-decoration: none;

}

div.sitemaps a:hover {

	color: rgb(102, 102, 52);

}



/* Waarschuwingen */

div.Succes 

{

    padding: 7px;

    color: Green;

    margin-top: 15px;

	margin-bottom: 15px;

    text-align: left;

    border: Green 1px solid;

    background-color: rgb( 245, 245, 220);

    padding-left: 30px;

    background-image: url(../images/succes.gif);

    background-position: 4px 4px;   

    /* background-position: left; */

    background-repeat: no-repeat;

}



div.Failed 

{

    padding: 7px;

    color: Red;

    margin-top: 15px;

	margin-bottom: 15px;

    text-align: left;

    border: Red 1px solid;

    background-color: rgb( 245, 245, 220);

    padding-left: 30px;

    background-image: url(../images/failed.gif);

    background-position: 4px 4px;

    background-repeat: no-repeat;

}



div.Attention 

{

    padding: 7px;

    color: Orange;

    margin-top: 15px;

	margin-bottom: 15px;

    text-align: left;

    border: Orange 1px solid;

    background-color: rgb( 245, 245, 220);

    padding-left: 30px;

    background-image: url(../images/attention.gif);

    background-position: 6px 8px;

    background-repeat: no-repeat;

}



/* Offerte */

div.offertecategorie {

	font-size: 18px;

	margin-bottom: 8px;

	color: rgb(102, 102, 51);

}



div.offertecontenthelp {

	margin-bottom: 15px;

}



/* Stappenplan */

/* Titels ea. */

div.stappenplantitle {

	font-size: 18px;

	color: rgb(102, 102, 51);

	font-weight: bold;

	margin-bottom: 8px;

}

div.checkout_steps {

	margin-left: 10px;

}

div.checkout_steps div#step01,

div.checkout_steps div#step02,

div.checkout_steps div#step03,

div.checkout_steps div#step04 {

	padding: 2px;

}

input.backbutton {}

input.nextbutton {

	font-weight: bold;

}

span.mandatory {

	color: red;

	padding-left: 3px;

	font-weight: bold;

}