:root {
    --default: #fff;
    --on-default: #000;
    --inverted: #000;
    --on-inverted: #fff;
    --accent: #023859;
    --accent-hover: #026873;
    --accent-alt: #03A688;
    --accent-alt-hover: #04D98B;
    --accent-bright: #A7F25C;
}

/* Het standaard CSS van de Module */
BODY{
    background: url(../images/bg-light.png) #FFF;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    margin: 0 auto;
}

p{
	position: relative;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.clrL{
	clear: left;
}
#previewLink{
	display: none;
}
/* Standaard opzet module */
#sendOfferte{
	position: relative;
	float: left;
	clear: both;
	color: #FFF;
	font-weight: bold;
	margin-top: 10px;
	cursor: pointer;
	padding: 7px;
	background-color: #c90019;
	text-decoration: none;
}
.extraInfoTopView{
	position: relative;
	float: left;
	margin: 0 0 0 0px;
	font-weight: bold;
	display: none;
}

.extraInfoTopView2{
	position: relative;
	float: left;
	margin: 0;
	font-weight: bold;
	width: 450px;
	display: none;

}

#sendOfferte:hover{
	text-decoration: underline;
}

.errorMessageStyle{
	float: left;
	width: 375px;
	min-height: 17px;
	margin-top: 10px;
	padding: 8px 0px 5px 5px;
	background-color: orange;
	display:none;
}
#javaError{
	position: relative;
	background-color: orange;
	width: 100%;
	height: 30px;
	text-align: center;
	padding-top: 20px;
}
#mainContainer{
	position: relative;
	width: 980px;
	background-color: none;
	margin: auto;
	margin-top: -90px;
	display: none;
}
#topWallHolder{
	position: absolute;
	float: left;
	height: 8px;
	top: 0px;
	left: 0px;
	border-bottom: 1px solid black;
	width: 100%;
	background-color: #BBB;
	z-index: 2;
}
#moduleContainer{
	position: relative;
	float: left;
	clear: left;
	width: 600px;
	height: 735px;
}
#dataContainer{
	position: relative;
	float: left;
	width: 600px;
	margin-top: 120px;
	margin-bottom: 50px;
}
#logoContainer{
	position: relative;
	float: left;
	width: 1024px;
	height: 100px;
}

#uwPaneelWandImg{
	position: relative;
	float: left;
	margin-left: 40px;
	margin-top: 48px;
}
#paneelWandText{
	position: relative;
	float: left;
	margin-left: 10px;
	font-size: 25px;
	font-family: verdana;
	width: 230px;
	margin-top: 35px;
}
#logo{
	position: relative;
	float: left;
	width: 251px;
	height: 74px;
	margin-top: 26px;
}
#topViewWall{
	position: relative;
	float: left;
	width: 600px;
	margin-left: 10px;
	height: 200px;
	display: none;
	margin-top: 30px;
}

#companyData{
	position: relative;
	float: left;
	color: #ce001d;
	margin-left: 132px;
	font-size: 25px;
	width: 217px;
	margin-top: 10px;
	text-align: justify;
}

#companyData a{
	color: #ce001d;
}

.extendedColorCode{
	position: absolute;
	top: 10px;
	width: 98px;
	text-align: center;
	font-size: 11px;
}
#wallContainer{
	position: relative;
	float: left;
	width: 600px;
	height: 230px;
	margin-top: -2px;
	background-repeat: no-repeat;
}
#wallSurrounding{
	position:relative;
	float: left;
	border: 2px solid black;
	padding: 5px 15px 2px 15px;
	display: none;
	background-color: #f5e9d2;
}
#totalHeightMaster{
	position: relative;
	float: left;
	margin-left: 10px;
	display: none;
}
#totalWidthMaster{
	margin-top: 10px;
	float: left;
	clear: left;
	display: none;
} 
/* De wanden worden hier onder gestyled */
.wall{
	position: relative;
	float: left;
	width: 92px;
	height: 210px; 
	background-color: #f5e9d2;
	border: 1px solid black;
	display: none;
	margin-top: 7px;
	z-index: 2;
} 
.extraTextureWall{
	position: absolute;
	left: 15px;
	top: 6px;
	width: 92px;
	height: 220px;
	background-color: #000; 
	border: 1px solid black;
	display: none;
	z-index: 1;
}
#extraWall{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 210px;
	border-right: 1px solid black;
	width: 15px;
}

/*  De stappen van de module worden hier gestyled */
#stepContainer{
	position: relative;
	float: right;
	width: 400px;
	border: 1px solid gray;
	margin-left: -22px;
	margin-top: -2px;
	margin-bottom: 40px;
}
.stepHeader{
	position: relative;
	float: left;
	width: 390px;
	height: 30px;
	color: #FFF;
	font-size: 15px;
	padding-left: 10px;
	padding-top: 10px;
	cursor: pointer;
}
.stepContent{
	position: relative;
	float: left;
	width: 390px;
	min-height: 70px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-top: 10px;
}

/* De eerste stap word hier gestyle */
#firstStepContainer{
	position: relative;
	float: left;
	width: 100%;
	background-color: none;
}
#firstStepHeader{
	background-color: #BBB;
}
#submitDb{
	position: relative;
	float: left;
	clear: left;
	margin-top: 10px;
}
#wallWidth{
	position: relative;
	float: left;
	margin-top: 13px;
	clear: left;
}
#inputWallWidth{
	position: relative;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	width: 100px;
}
#wallHeight{
	position: relative;
	float: left;
	margin-top: 13px;
	margin-left: 10px;
}
#inputWallHeight{
	position: relative;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	width: 100px;
}
#submitMarges{
	position: relative;
	float: left;
	clear: left;
	margin-top: 10px;
}
#firstStepError{
	float: left;
	width: 250px;
	display: none;
	margin-left: 10px;
	margin-top: 14px;
	color: red;
}
.loader{
	position: relative;
	float: left;
	width: 300px;
	height: 26px;
	background-image: url(../images/laden.gif);
	padding-left: 46px;
	padding-top: 10px;
	background-repeat: no-repeat;
	display: none;
}
#firstStepLoader{
	margin-top: 25px;
}
.succes{
	position: relative;
	float: left;
	width: 300px;
	height: 25px;
	background-image: url(../images/check.png);
	padding-left: 46px;
	padding-top: 5px;
	background-repeat: no-repeat;
	display: none;
}
#firstStepSucces{
	margin-top: 25px;
}
.panelNumber{
	position: absolute;
	top: 192px;
	width: 98px;
	text-align: center;
	font-size: 11px;
}
#firstStepNotification{
	position: relative;
	float: left;
	display: none;
}
#oneNotification{
	position: relative;
	float: left;
}
#notificationNo{
	position: relative;
	float: left;
	margin-top: 10px;
}
#notificationYes{
	position: relative;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
}

/* De tweede stap staat hier onder uitgewerkt */
#secondStepContainer{
	position: relative;
	float: left;
	width: 100%;
	background-color: none;
}
#secondStepHeader{
	background-color: #AAA;
}
.smallTable{
	position: relative;
	float: left;
	width: 105px;
	height: 17px;
	padding-left: 5px;
	border: 1px solid #AAA;
	border-top: 0px;
	display: none;
	padding-top: 3px;
}
.bigTable{
	position: relative;
	float: left;
	width: 265px;
	display: none;
	height: 17px;
	padding-left: 5px;
	border: 1px solid #AAA;
	border-left: 0px;
	border-top: 0px;
	padding-top: 3px;
}
#sliderContainer{
	float: left;
	width: 380px;
	margin-top: 10px;
}
#dbSelected{
	margin-top: 10px;
}
.dbWaarden{
	float: left;
	width: 72px;
}
.dbRadio{
	position: absolute;
	top: 0px;
	left: 0px;
}
.dbLabel{
	position: absolute;
	left: 20px;
}
/* De derde stap word hier onder gestyled */
#thirdStepContainer{
	position: relative;
	float: left;
	width: 100%;
	background-color: none;
}
#thirdStepHeader{
	background-color: #999;
}
#thirdStepContent{
	
}
#colorPalet{
	position: relative;
	float: left;
	width: 390px;
	margin-top: 10px;
}
.paletColor{
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
	border: 1px solid #CCC;
	border-radius:5px;
	-moz-border-radius:5px;
	margin-bottom: 5px;
	margin-right: 10px;
	cursor: pointer;
}
#submitColor{
	float: left;
	clear: left;
	margin-top: 10px;
}
.colorLabel{
	position: relative;
	float: left;
	color: black;
	text-decoration: underline;
	margin-top: 23px;
	width: 130px;
}
.colorInput{
	position: relative;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	width: 200px;
}
#labelPaintingReady{
	position: relative;
	float: left;
	margin-top: 15px;
	margin-left: 10px;
}
#inputPaintingReady{
	position: relative;
	float: left;
	clear: left;
	margin-top: 17px;
}
#fourthStepContainerMinus{
	position: relative;
	float: left;
	width: 100%;
	background-color: none;
}
#fourthStepHeaderMinus{
	background-color: #888;
}
.profileImg{
	float: left;
	width: 185px;
	height: 185px;
	margin-top: 5px;
	cursor: pointer;
}
.fourMinusText{
	width: 185px;
	height: 10px;
	float: left;
	margin-right: 10px;
	margin-bottom: 7px;
}
#verticalProfile{
	margin-left: 10px;
}
.profileImg:hover{
	width: 175px;
	height: 175px;
	border: 5px solid #0d0a2d;
}
.profSelected{
	width: 175px;
	height: 175px;
	border: 5px solid #0d0a2d;
}
.s2Input{
	float: left;
	margin-top: 10px;
}

/* De vierde stap word hier gestyled */
#fourthStepContainer{
	position: relative;
	float: left;
	width: 100%;
	background-color: none;
}
#fourthStepHeader{
	background-color: #777;
}

.wallHangers{
	position: relative;
	float: left;
	margin-right: 40px;
	cursor: pointer;
	margin-top: 10px;
	max-width: 150px;
}
.wallHangers:hover{
	border: 5px solid #0d0a2d;
	margin-top: 0px;
	margin-right: 30px;
}
.wallHangerSelected{
	border: 5px solid #0d0a2d;
	margin-top: 0px;
	margin-right: 30px;
}
.marginLeft{
	margin-left: 30px;
}
.marginLeft:hover{
	margin-left: 25px;
	margin-right: 35px;
}

#wallHangersInfo{
	position: absolute;
	top: 184px;
	left: -250px;
	width: 240px;
	height: 300px;
	background-repeat: no-repeat;
	display: none;
	background-position: right top; 
	z-index: 100;
}
#panelHolder{
	position: relative;
	float: left;
	width: 230px;
	height: 161px;
	margin-top: -12px;
	margin-left: -130px;
	background-repeat: no-repeat;
	background-position: right bottom;
}
.bevesteging, .bevestegingBes, .bouwKundige{
	float: left;
	clear: left;
	margin: 5px 0px 0px 0px;
}
.bevestigingsLabel{
	position: relative;
	float: left;
	margin: 5px 0px 0px 5px;
}
.bouwkundigeLabel{
	position: relative;
	float: left;
	margin: 5px 0px 0px 2px;
}

#bevestegingBestek,#bevestegingOfferte,#BouwkundigeConstructionInput{
	float: left;
	width: 30px;
	margin: 2px 5px 5px 5px;
}
#BouwkundigeConstructionInput{
	width: 100px;
}
.defaultPanel{
	position: relative;
	width: 94px;
	height: 9px;
	margin-top: 78px;
	float: left;
	background-image: url(../images/ophanging/defaultPanel.jpg);
}

.singleOutsideLeftDoor{
	position: relative;
	width: 100px;
	height: 88px;
	float: left;
	background-image: url(../images/deuren/deur_buiten_li.jpg);
}

.singleOutsideRightDoor{
	position: relative;
	width: 100px;
	height: 88px;
	float: left;
	background-image: url(../images/deuren/deur_buiten_re.jpg);
}
.singleInsideLeftDoor{
	position: relative;
	width: 100px;
	height: 88px;
	float: left;
	margin-top: 78px;
	background-image: url(../images/deuren/deur_binnen_li.jpg);
}
.singleInsideRightDoor{
	position: relative;
	width: 100px;
	height: 88px;
	float: left;
	margin-top: 78px;
	background-image: url(../images/deuren/deur_binnen_re.jpg);
}
#submitPanel{
	clear: left;
	float: left;
	margin-top: 10px;
}

/* Stap 5 word hier gestyled*/
#fifthStepContainer{
	position: relative;
	float: left;
	width: 100%;
	background-color: none;
}
#fifthStepHeader{
	background-color: #555;
}
#fifthStepContent{
	
}
#fifthExplanation{
	position: relative;
	float: left;
	width: 390px;
}
#doorPlease{
	position: relative;
	float: left;
	margin-top: 10px;
}
#noDoor{
	position: relative;
	float: left;
	margin-top: 10px;
	margin-left: 30px;
}
#fifthStepContainer label{
	float: left;
	margin-top: 10px;
}
#numberOfdoors{
	position: relative;
	float: left;
	width: 50px;
	clear: left;
	display:none;
	margin-top: 10px;
}
#labelNumberOfDoors{
	float: left;
	clear: left;
	display:none;
}
#subStepFive{
	position: relative;
	float: left;
}

#subStepFive select{
	margin: 10px 10px 0px 0px;
}
.labelDoor{
	float: left;
	width: 400px;
	margin-top: 10px;
	font-weight: bold;
	
}
.turnPosition{
	margin-left: 85px;
}
.wichPanel{
	margin-left: 45px;
}
#submitDoor{
	position: relative;
	float: left;
	clear: both;
	margin-top: 10px;
}

.singleDoor{
	position: relative;
	float: left;
	width: 75px;
	height: 166px;
	margin-left: 11px;
	margin-top: 44px;
	background-image: url(../images/deuren/voorAanzicht/singleDoor.png);
}
.singleDoorWhite{
	position: relative;
	float: left;
	width: 75px;
	height: 166px;
	margin-left: 11px;
	margin-top: 44px;
	background-image: url(../images/deuren/voorAanzicht/singleDoorWhite.png);
}
.singleDoorMirror{
	position: relative;
	float: left;
	width: 75px;
	height: 166px;
	margin-left: 11px;
	margin-top: 44px;
	background-image: url(../images/deuren/voorAanzicht/singleDoorMirror.png);
}
.singleDoorMirrorWhite{
	position: relative;
	float: left;
	width: 75px;
	height: 166px;
	margin-left: 11px;
	margin-top: 44px;
	background-image: url(../images/deuren/voorAanzicht/singleDoorMirrorWhite.png);
}
.doubleDoorFront1{
	position: relative;
	float: left;
	width: 74px;
	height: 166px;
	margin-left: 24px;
	margin-top: 44px;
	background-image: url(../images/deuren/voorAanzicht/dubbeleL.png);
}
.doubleDoorFront2{
	position: relative;
	float: left;
	width: 75px;
	height: 166px;
	margin-left: -1px;
	margin-top: 44px;
	background-image: url(../images/deuren/voorAanzicht/dubbeleR.png);
}
.doubleDoorFront1White{
	position: relative;
	float: left;
	width: 74px;
	height: 166px;
	margin-left: 24px;
	margin-top: 44px;
	background-image: url(../images/deuren/voorAanzicht/dubbeleLWhite.png);
}
.doubleDoorFront2White{
	position: relative;
	float: left;
	width: 75px;
	height: 166px;
	margin-left: -1px;
	margin-top: 44px;
	background-image: url(../images/deuren/voorAanzicht/dubbeleRWhite.png);
}

.doubleDoorInside1{
	position: relative;
	float: left;
	width: 100px;
	height: 88px;
	margin-left: 0px;
	margin-top: 78px;
	background-image: url(../images/deuren/dubbel_deur_binnen1.jpg);
}
.doubleDoorInside2{
	position: relative;
	float: left;
	width: 100px;
	height: 88px;
	margin-left: 0px;
	margin-top: 78px;
	background-image: url(../images/deuren/dubbel_deur_binnen2.jpg);
}
.doubleDoorOutside1{
	position: relative;
	width: 100px;
	height: 88px;
	float: left;
	background-image: url(../images/deuren/dubbel_deur_buiten1.jpg);
}
.doubleDoorOutside2{
	position: relative;
	width: 100px;
	height: 88px;
	float: left;
	background-image: url(../images/deuren/dubbel_deur_buiten2.jpg);
}

/* Stap 6 word hier gestyled*/
#sixthStepContainer{
	position: relative;
	float: left;
	width: 100%;
	background-color: none;
}
#sixthStepContainerMinus{
	position: relative;
	float: left;
	width: 100%;
	background-color: none;
}
#sixthStepHeader{
	background-color: #444;
}
#sixthStepHeaderMinus{
	background-color: #666;
}

#sixthExplanation{
	position: relative;
	float: left;
	width: 390px;
}
#windowPlease{
	position: relative;
	float: left;
	margin-top: 10px;
}
#noWindow{
	position: relative;
	float: left;
	margin-top: 10px;
	margin-left: 30px;
}
#sixthStepContainer label{
	float: left;
	margin-top: 10px;
}
#numberOfWindows{
	position: relative;
	float: left;
	width: 50px;
	clear: left;
	display:none;
	margin-top: 10px;
}
#labelNumberOfWindows{
	float: left;
	clear: left;
	display:none;
}
#subStepSix{
	position: relative;
	float: left;
}

#subStepSix select{ 
	margin: 10px 10px 0px 0px;
}

#submitWindow{
	float: left;
	clear: both;
	margin-top: 10px;
}
.wichPanelWindow{
	float: left;
	margin-left: 38px;
}
.dropDownPanelSetupWindow {
	float: left;
}
.typeWindow{
	float: left;
	clear: left;
}
.labelWindow{
	float: left;
	width: 400px;
	margin-top: 10px;
	font-weight: bold;
	
}
.roundWindow{
	position: absolute;
	width: 47px;
	height: 46px;
	top: 62px;
	left: 26px;
	background-image: url(../images/deuren/voorAanzicht/roundWindow.png);
}
.squareWindow{
	position: absolute;
	width: 54px;
	height: 54px;
	top: 62px;
	left: 21px;
	background-image: url(../images/deuren/voorAanzicht/squareWindow.png);
}
.longWindow{
	position: absolute;
	width: 95px;
	height: 210px;
	top: 12px;
	left: 2px;
	background-image: url(../images/deuren/voorAanzicht/longWindow.png);
}

/* Stap 7 word hier onder gestyled */
#seventhStepContainer{
	position: relative;
	float: left;
	width: 100%;
	background-color: none;
}
#seventhStepHeader{
	background-color: #333;
}
#stepSevenError{
	display:none;
	float: left;
	width: 375px;
	height: 22px;
	margin-bottom: 10px;
	padding: 8px 0px 0px 5px;
	background-color: orange;
	display:none;
}
#labelDefault{
	position: relative;
	float: left;
	margin-top: 15px;
}
#railDefaultColor{
	position: relative;
	float: left;
	clear: left;
	margin-top: 15px;
}
#RalColorInput{
	position: relative;
	float: left;
	margin-top: 12px;
	width: 60px;
	margin-left: 10px;
}
#labelRal{
	position: relative;
	float: left;
	margin-top: 2px;
}
#railRalColor{
	position: relative;
	float: left;

}
#submitRailColor{
	position: relative;
	float: left;
	clear: both;
	margin-top: 10px;
}

/* Data container word hier onder gestyled */
.redTitle{
	position: relative;
	float: left;
	color: var(--accent-alt);
	font-size: 20px;
	margin-bottom: 15px;
}
.containerTitle{
	position: relative;
	float: left;
	width: 545px;
}
.smallTitle{
	position: relative;
	float: left;
	clear: left;
	width: 130px;
	height: 17px;
	padding-top: 3px;
	padding-left: 5px;
	font-size: 15px;
}
.smallData{
	position: relative;
	float: left;
	font-size: 15px;
	width: 450px;
	height: 17px;
	padding-top: 3px;
	padding-left: 10px;
}
.smallDataBig{
	position: relative;
	float: left;
	font-size: 15px;
	width: 435px;
	padding-top: 3px;
	padding-left: 10px;
}
.redButton{
	position: relative;
	float: right;
	clear: right;
	background-image: url(../images/btn_red.png);
	width: 227px;
	height: 31px;
	color: #FFF;
	margin-top: 20px;
	margin-right: 34px;
	font-size: 14px;
	padding-left: 45px;
	padding-top: 11px;
	background-repeat: no-repeat;
	cursor: pointer;
	text-decoration: none;
}
.resetButton{
	position: relative;
	float: right;
	clear:right;
	background-image: url(../images/btn_red.png);
	width: 227px;
	height: 31px;
	color: #FFF;
	font-size: 14px;
	padding-left: 45px;
	padding-top: 11px;
	background-repeat: no-repeat;
	cursor: pointer;
	text-decoration: none;
		margin-top: 20px;
	margin-right: 34px;
}
#comment{
	float: left;
	clear:left;
	width: 260px;
	height: 100px;
	margin-top: 10px;
	text-align: left;
	resize: none;
}


.redButton:hover{
	background-image: url(../images/btn_hover.png);
}
.redButtonError{
	position: relative;
	margin-top: 10px;
	float: right;
	clear:both;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	width: 258px;
	display: none;
	padding: 7px;
	background-color: orange;
	margin-right: 34px;
}
#offerteSucces{
	position: relative;
	margin: 10px 0 0 0;
	float: right;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	width: 300px;
	display: none;
	padding: 7px;
	padding-top: 3px;
	clear: right;
	background-color: green;	
}
/* De laatste configuraties worden hier uitgewerkt*/
#extraInfoBestek{
	position: relative;
	float: right;
	width: 304px;
	clear: right;
	margin-top: 10px;
	display: none;
}
#extraContentBestek{
	display: none;
	float: right;
	clear: right;
}
#submitBestek{
	float: left;
	clear: left;
	margin-top: 10px;
}

#submitOfferte{
	float: left;
	clear: left;
	margin-top: 10px;
}

#simulteClickBestek{
	display: none;
}
#bestekHiddenLink{
	position: relative;
	float: left;
	margin-top: 10px;
	clear: left;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	background-color: #c90019;
	padding: 7px;
	text-decoration: none;
}
#bestekHiddenLink:hover{
	text-decoration: underline;
}

#bestekToelichting{
	position: relative;
	margin-top: 20px;
	float: left;
	display: none;
}
#offerteContainer{
	position: relative;
	float: right;
	clear: right;
	display: none;
	margin-right: -4px;
}
.offerteInput, .bestekInput{
	position: relative;
	float: left;
	margin-top: 2px;
	clear: left;
}
.offerteLable{
	position: relative;
	float: left;
	margin-top: 5px;
	clear: left;
	margin-top: 20px;
	font-weight: bold;
}
.inputSpecial{
	float: left;
	clear: both;
	margin-left: 0px;
}
.inputSpecial2{
	float: left;
	clear: both;
	margin-left: 0px;
	margin-top: 10px;
}
#brandWerendLabel{
	margin-top: 20px;
}
#VerticaleProfielen1,#VerticaleProfielen3, #Brandvertragend1, #brandwerend1,#fase1, #man{
	position: relative;
	float: left;
	clear: left;
	margin-top: 10px;
	margin-left: 0px;
}
#VerticaleProfielen2,#VerticaleProfielen4, #Brandvertragend2,#brandwerend2, #brandwerend3, #fase2, #vrouw{
	position: relative;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
}
.Brandvertragend2{
	position: relative;
	float: left;
	margin-top: 10px;
	margin-left: 0px;
}

.radioInput{
	float: left;
	margin-top: 10px;
}
#postNumberInput,#zipCode,#lettersInput{
	width: 50px;
}
#postNumberInput{
	position: relative;
	float: left;
	margin-top: 2px;
	margin-left: 17px;
	width: 81px;
}
#placeName,#postAdressLabel,#surNameLabel{
	position: relative;
	float: left;
	margin-top: 5px;
	margin-left: 20px; 
	margin-top: 20px;
	font-weight: bold;
}
#placeName{
	margin-left: 32px;
}
#postAdressLabel{
	margin-left: 115px;
}
#postAdress{
	width: 156px;
}

#surNameInput,#place{
	float: left;
    margin-left: 17px;
    margin-top: 2px;
    width: 170px;
}

#Bevestigingsmiddelen, #Bouwkundigconstructie, #Ruimte,#Ruimte2,#Ruimte3,#companyName, #telephone, #email,#projectName ,#projectPlace,#etage,#BouwkundigeHeight,#BouwkundigeConstruction{
	width: 261px;
}

#pdfLink{
	display:none;name
}

.infoBevestigingImg{
	float: left;
	margin-left: 10px;
	margin-top: 17px;
	cursor: pointer;
}
#bevestInfoContainer{
	position: absolute;
	top: 0px;
	left: 120px;
	width: 350px;
	padding: 10px;
	font-weight: normal;
	z-index: 1000;
	background-color: #FFF;
	border: 1px solid #c90019;
}
/*css voor slideshow*/

#slideshow{
	width: 600px;
	height: 399px;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  z-index:-1;

  }
  
#db_bg{
	position: relative;
	float: left;
	width: 369px;
	height: 34px;
	background-image: url(../images/db-line.jpg);
}  

#imprint{
	width: 42px;
	height: 143px;
	position: absolute;
	left: 53px;
	top: 50px;
	z-index: 100;
}
.imgBev{
	position: relative;
	float: left;
	width: 185px;
	height: 179px;
	margin-right: 10px;
}
.imgBev:hover{
	position: relative;
	float: left;
	width: 175px;
	height: 169px;
	border: 5px solid #0d0a2d;
}
.imgBevSelected{
	position: relative;
	float: left;
	width: 175px;
	height: 169px;
	border: 5px solid #0d0a2d;
}
.bevTitle{
	width: 185px;
	height: 20px;
	float: left;
	margin-right: 10px;
}
#submitSixMinus{
	margin-top: 10px;
	float: left;
	clear: left;
}
#imgMainContainer{
	position: relative;
	float: left;
	clear: left;
	margin-top: 120px;
}
#imgStepFour{
	position: relative;
	float: left;
	clear: left;
	display: none;
	margin-right: 5px;
}
.imgStepFour{
	float: left;
	clear: left;
	margin-top: 5px;
}
#imgStepFive{
	position: relative;
	float: left;
	display: none;
	margin-right: 5px;
}
.imgStepFive{
	float: left;
	clear: left;
	margin-top: 5px;
}
#imgStepSix{
	position: relative;
	float: left;
	margin-right: 5px;
	display: none;
}
.imgStepSix{
	float: left;
	clear: left;
	margin-top: 5px;
}
.outRound,.outRound2{
	position: absolute;
	top: 10px;
	left: 5px;
	background-image: url(../images/buiten.png);
	width: 26px;
	height: 26px;
	display: none;
	z-index: 0;
}
.innerRound,.innerRound2{
	position: absolute;
	top: 10px;
	left: 5px;
	background-image: url(../images/binnen.png);
	width: 15px;
	height: 18px;
	color: #FFF;
	display: none;
	z-index: 1;
	padding: 2px 0px 0px 5px;
}
.innerRound2{
	cursor: pointer;
}
#roundImg1{
	top: 362px;
	left: 96px;
	z-index: 999;
	position: absolute;
}
#roundImg1_1{
	top: 365px;
	left: 99px;
	z-index: 9999;
	position: absolute;
}
#roundImg2{
	top: -10px;
	left: 102px;
	z-index: 999;
	position: absolute;
}
#roundImg2_2{
	top: -7px;
	left: 105px;
	z-index: 9999;
	position: absolute;
}
#roundImg3{
	top: -14px;
	left: -7px;
	z-index: 999;
	position: absolute;
}
#roundImg3_3{
	top: -11px;
	left: -4px;
	z-index: 9999;
	position: absolute;
}
.bigImg{
	margin-top: -200px;
	margin-left: 50px;
	display: none;
}
#loginContainer{
	position: relative;
	float: left;
	margin-top: -20px;
}
#loginContainer input{
	position: relative;
	float: left;
	clear: left;
}
#logoAhref{
	position: relative;
	float: left;
}
#errorMessageLogin{
	position: relative;
	float: right;
	width: 402px;
	display: none;
	color: #c90018;
	margin-top: 10px;
}
#userWelcome{
	position: relative;
	float: left;
	height: 50px;
	display: none;
	padding: 10px;
	margin-top: -40px;
}

#loginContainer{
	width: 406px;
	float: right;
	position: relative;
}
#userWelcome{
	width: 300px;
	float: right;
	position: relative;
}

#userWelcome p{
	text-align: right;
	float: right;
	clear: right;
}

#loginContainer p{
	float:left;
	position: relative;
	margin: 0 2px;
}

#loginContainer input{
	padding: 2px 5px;
}

#loginContainer input.nomarge{
	padding: 2px 10px;
	cursor: pointer;
}

#loginContainer p.nomarge{
	float:left;
	position: relative;
	margin: 0 0 0 3px;
}

#instellingen{
	margin: -38px 0 0 -150px;
	float: left;
}

#bevMM{
	float: left;
	position: relative;
	width: 50px;
	margin-top: 10px;
	display: none;
	clear: left;	
}
#bevP,#bevError{
	float: left;
	position: relative;
	width: 220px;
	margin-top: 20px;
	display: none;
	clear: both;
}
#bevError{ 
	background-color: orange;
	color: #000;
	height: 20px;
	padding-left: 10px;
	padding-top: 5px;
	width: 370px;
}
#bevLabel{
	position: relative;
	float: left;
	display: none;
	margin-top: 12px;
	margin-left: 10px;
}
#wallWidthArrow{
	position: relative;
	float: left;
	color: #FFF;
	margin-top: 5px;
	text-align: center;
	height: 30px;
	display: none;
}
#wallHeightArrow{
	position: relative;
	float: left;
	height: 220px;
	margin-left: 6px;
	margin-top: 10px;
	display: none;
	width: 1px;
}
#arrowLeft,#arrowRight{
	position: relative;
	float: left;
	width: 10px;
	height: 10px;
}
#arrowTop,#arrowTopOp{
	position: absolute;
	top: 10;
	width: 10px;
	height: 10px;
}
#arrowDown, #arrowDownOp{
	position: absolute;
	bottom: 0;
	width: 10px;
	height: 10px;
	margin-left: -1px;
}
#arrowRight{
	float: right;
	margin-top: -7px;
}
#wallWidthBg{
	position: absolute;
	background-color: #000;
	width: 100%;
	height: 3px;
    margin-left: 6px;
    margin-top: 4px;
}
#wallHeightBg,#wallHeightBgOp{
	position: absolute;
	background-color: #000;
	width: 3px;
	height: 208px;
    margin-left: 3px;
    margin-top: 6px;
}
#wallHeightBgOp{
	height: 26px;
}
#wallWidthP{
	position: relative;
	width: 100px;
	float: none;
	height: 10px;
	color: #000;
	margin: -2px auto auto auto;
	background-color: #FFF;
}
#wallHeightP,#wallHeightPOp{
	position: relative;
	width: 100px;
	float: none;
	height: 28px;
	color: #000;
	padding-top: 10px;
	margin: 95px auto auto auto;
	background-color: #FFF;
}
#wallHeightPOp{
	height: 16px;
    margin-top: 10px;
	padding: 0px 0px;
}