html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, em, img, strong, sub, sup, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, footer, header, hgroup, 
menu, nav, output, section, time {
margin: 0;
padding: 0;


}

body{
	padding-left: 10px;
}

table,tr,td,th{
border: 1px solid #000;
border-collapse: collapse;
width:115px;
}

th{

color:#00389a;

text-align:left;
}

input[type=text]::-ms-clear { display: none; }

.content-area{
/*width:684px;
height:540px;
margin-left:21px;
margin-top:27px;*/
width: auto;
height: auto;
margin: 0;
}


.body_text{
margin-top:20px;

color:#222222;

}

/*#thirdListItemInfo{
white-space: nowrap; 
}*/


.input-area{
margin-top:20px;


}




.content-area>#header-titel{
color:#00389a;

font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 700;
}

.content-area>#header-undertitel-contact{
margin-top:24px;
color:#222;


/*float:left;*/

}

.content-area>#header-start{
padding-top:41px;
color:#222;

;
}


.header-undertitel{
color:#222;

;
}

	.header-undertitel p + p {
		padding:0;
	}

.content-area>#header-undertitel-start{

color:#222;

;
}

.content-area>#header-undertitel-square{
padding-top:64px;
color:#222;

;
}

.content-area>#header-undertitel-time{
padding-top:64px;
color:#222;


}

.content-area>#header-undertitel-averageCost{
padding-top:64px;
color:#222;


}




.content-area>#header-logo{
float:right;

}



/*.content-area>.contact-form{
float:left;
width:850px;
height: 443px;

}*/

.your-details-area{

margin-left:10px;
margin-top:51px;

}



.inputBoxText{
width:auto;
}

	.inputBoxText + .inputBoxText {
		margin-top: 40px;
	}


	#input-postcode,
	#input-city {
		float: left;
		width: 49%;
	}

		#input-city {
			margin-left: 2%;
		}

		#form-country {
			clear: both;
		}


.inputBox{
width:144px;
/*height: 31px;*/
border-style: solid;
border-width: 2px;
border-color:#4d74b8;
background-color:#fff;
font-size:22px;
line-height: 1.4em;
color:#4d74b8;

text-align:right;
margin-top: 10px;
}

/************** Your Details Area ***************/
.your-deatils-area:after {
	content: '';
	display: block;
	clear: both;
}

label#form-email {
	padding: 0;
}
/*#your-details{

;
color:#00389a;
margin-left:10px;
margin-top:-42px;
float:left;

}


#form-name{


color:#222222;
margin-left:10px;
margin-top:64px;
}

#form-surname{


color:#222222;
margin-left:6px;
margin-top:64px;
}


#input-name{
margin-left:30px;
border-style: solid;
border-width: 1px;
border-color:#666666;
width:148px;

}

#input-surname{
margin-left:3px;
border-style: solid;
border-width: 1px;
border-color:#666666;
width:148px;
}


#radioGenderMr{
margin-left:80px;
}

#textGenderMr{


color:#222222;
}


#textGenderMrs{


color:#222222;
}*/
/************** END Your Details Area ***************/


/************** Company Details Area ***************/

/*.company-details-area{

margin-left:10px;
margin-top:51px;

}

.content-area>.contact-form>#contactForm>.company-details-area>#company-details-header{
;
color:#00389a;

}

.content-area>.contact-form>#contactForm>.company-details-area>#input-company{
border-style: solid;
border-width: 1px;
border-color:#666666;
margin-top:24px;
margin-left:5px;
width:148px;

}

.content-area>.contact-form>#contactForm>.company-details-area>#input-sector{
border-style: solid;
border-width: 1px;
border-color:#666666;
margin-left:17px;
width:148px;

}

.content-area>.contact-form>#contactForm>.company-details-area>#input-street{
border-style: solid;
border-width: 1px;
border-color:#666666;
margin-left:29px;
margin-top:9px;
width:148px;

}

.content-area>.contact-form>#contactForm>.company-details-area>#input-nr{
border-style: solid;
border-width: 1px;
border-color:#666666;
margin-left:40px;
margin-top:9px;
width:148px;
}


.content-area>.contact-form>#contactForm>.company-details-area>#input-postcode{
border-style: solid;
border-width: 1px;
border-color:#666666;
margin-left:9px;
margin-top:9px;
width:148px;

}

.content-area>.contact-form>#contactForm>.company-details-area>#input-city{
border-style: solid;
border-width: 1px;
border-color:#666666;
margin-left:41px;
margin-top:9px;
overflow: hidden;
width:148px;

}


.content-area>.contact-form>#contactForm>.company-details-area>#input-country{
border-style: solid;
border-width: 1px;
border-color:#666666;
margin-left:13px;
margin-top:9px;
width:148px;

}



.content-area>.contact-form>#contactForm>.company-details-area>#form-company{

color:#222222;

}

.content-area>.contact-form>#contactForm>.company-details-area>#form-sector{
margin-left:7px;

color:#222222;
}

.content-area>.contact-form>#contactForm>.company-details-area>#form-street{

color:#222222;
margin-top:9px;
}

.content-area>.contact-form>#contactForm>.company-details-area>#form-nr{
margin-left:7px;

color:#222222;
margin-top:9px;
}

.content-area>.contact-form>#contactForm>.company-details-area>#form-postcode{
margin-left:9px;

color:#222222;
margin-top:9px;
}

.content-area>.contact-form>#contactForm>.company-details-area>#form-city{

color:#222222;
margin-top:9px;
}

.content-area>.contact-form>#contactForm>.company-details-area>#form-country{
margin-left:7px;

color:#222222;
margin-top:9px;
}*/

/*******END of Company Details Area*********************/

/*******Preferred Contact Area *************************/
/*.preferred-contact-area{

margin-left:10px;
margin-top:51px;
width:684px;

}


.content-area>.contact-form>#contactForm>.preferred-contact-area>#preferred-contact-header{
;
color:#00389a;
float:left;
}

.content-area>.contact-form>#contactForm>.preferred-contact-area>#form-email{

color:#222222;
margin-top:9px;
}

.content-area>.contact-form>#contactForm>.preferred-contact-area>#form-phone{

color:#222222;
margin-top:9px;
margin-left:7px;
}

.content-area>.contact-form>#contactForm>.preferred-contact-area>#form-other{
margin-left:9px;

color:#222222;
margin-top:9px;
}


.content-area>.contact-form>#contactForm>.preferred-contact-area>#input-email{
border-style: solid;
border-width: 1px;
border-color:#666666;
margin-left:24px;
margin-top:9px;
width:148px

}

.content-area>.contact-form>#contactForm>.preferred-contact-area>#input-phone{
border-style: solid;
border-width: 1px;
border-color:#666666;
margin-left:18px;
margin-top:9px;
width:148px;

}


.content-area>.contact-form>#contactForm>.preferred-contact-area>#input-other{
border-style: solid;
border-width: 1px;
border-color:#666666;
margin-left:29px;
margin-top:9px;
width:148px;

}

#mandatoryText{


color:#222222;
margin-left:8px;
margin-top: 30px;

}*/

#mandatoryText {
	padding-bottom: 20px;
}
/************** END of Preferred Contact Area *****************************/






/************** Thanks Page ******************************/

.thanks{

font-size:18px;
color:#222222;
padding-top:45px;
display: inline-block;
}


.thanks_salutation{

font-size:18px;
color:#222222;
/*padding-top:27px;*/
display: inline-block;
}

.thanks-text{

font-size:16px;
color:#222222;
padding-top:27px;
}


.thanks-img{
padding-top:20px;
padding-left:9px;
}

/************** END Thanks Page ******************************/




#detailsSquareMeter,#squareSignTable,#detailsPrice,#detailsMonth,#detailsMonths,#detailsYear,#detailsYears,#detailsSpace,#detailsHours,#detailsCost,#detailsWorkforce,#detailsSpaceSecond,#detailsWorkforceSecond,#detailsTotal{
padding-left:5px;
}


#squareMeterValue, #costValue, #SpacePerMonth, #SpacePerYear, #WorkforceHoursValue, #WorkforceCostValue, #WorkforcePerMonth, #WorkforcePerYear, #TotalSpace, #TotalWorkspace, #internalPerYear, #internalPerMonth{

color:#222222;

}

h4#headerTextInfo {
	padding-bottom: 20px;
}



#listContainer ul li{
margin-left:0;
}

.body_text{
margin-top:20px;

color:#222222;

}

	.body_text p + p {
		padding-top: 0;
	}



#detailsBottomTextFourth{
font-weight:700;
;
}


.valueDetails{
padding-left:5px;
}

#checkIcon{
margin-left:13px;
margin-top:-37px;

}

/************** Buttons ******************************/
#detailsButton{
height: 39px;
border-style: solid;
border-width: 1px;
border-color:#4d74b8;
background-color:#00389a;
font-size:22px;
color:#fff;
margin-left:10px;
margin-top:17px;

}

.btnInfoDetails{
/*width:280px;
height: 39px;
border-style: solid;
border-width: 1px;
border-color:#4d74b8;
background-color:#00389a;
font-size:22px;
color:#fff;
margin-left:0px;*/
margin-top:50px;
}

.btnStart{
/*height: 39px;
border-style: solid;
border-width: 1px;
border-color:#4d74b8;
background-color:#00389a;
font-size:22px;
color:#fff;
margin-left:10px;*/
margin-top:45px;
}

.btnNextSquare{
/*height: 39px;
border-style: solid;
border-width: 1px;
border-color:#4d74b8;
background-color:#00389a;
font-size:22px;
color:#fff;*/
margin-top:50px;
}

#btnConsultancy{
/*height: 39px;
border-style: solid;
border-width: 1px;
border-color:#4d74b8;
background-color:#00389a;
font-size:22px;
color:#fff;
margin-left:0px;*/
margin-top:17px;
}
.content-area>.contact-form>#contactForm>#btnSend{
/*border-style: solid;
border-width: 1px;
border-color:#4d74b8;
background-color:#00389a;
font-size:22px;
color:#fff;
margin-left:10px;*/
margin-top:41px;
/**/

}

/************** END Buttons **************************/

/************** Blue Dotes in the Details Page ******/
#dot1{
width:15px;
height: 15px;
border-style: solid;
border-width: 2px;
border-color:#4d74b8;
margin-top:142px;
float:left;
}


#dot2{
width:15px;
height: 15px;
border-style: solid;
border-width: 2px;
border-color:#4d74b8;
background-color:#fff;
margin-left:6px;
margin-top:142px;
float:left;
}

#dot3{
width:15px;
height: 15px;
border-style: solid;
border-width: 2px;
border-color:#4d74b8;
background-color:#fff;
margin-left:6px;
margin-top:142px;
float:left;
}

#dot4{
width:15px;
height: 15px;
border-style: solid;
border-width: 2px;
border-color:#4d74b8;
background-color:#fff;
margin-left:6px;
margin-top:142px;
float:left;
}

#dot5{
width:15px;
height: 15px;
border-style: solid;
border-width: 2px;
border-color:#4d74b8;
background-color:#fff;
margin-left:6px;
margin-top:142px;
float:left;
}


/************** END Blue Dotes in the Details Page ******/



/************** Spaces *****************************/

.space_76{
height:76px;
}

.space_31{
height:31px;
}

.space_48{
height:30px;
}

.space_51{
height:30px;
}

.space_9{
height:9px;
}
/************** END Spaces *****************************/


/************** Table in Fancybox *****************************/

.valueDetails{
padding-left:5px;
}

.spaceTable{
width:770px;
height:59px;
margin-top:20px;

}

.workforceTable{
width:770px;
height:59px;

}
.totalTable{
width:415px;
height:59px;

}
.internalTable{
width:415px;
height:70px;
}
/************** END Table in Fancybox *****************************/


/************** Footer *****************************/
#footer-text{


color:#222222;
margin-top:183px;

}
/************** END Footer *************************/