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;
font-size: 14px;

}

body{
background-image: url(../images/bg.png);
background-repeat:repeat-x;
}

table,tr,td,th{
border: 1px solid #000;
border-collapse: collapse;
width:115px;
}

th{
font-size:14px;
color:#00389a;
font-family:arial;
text-align:left;
}

input[type=text]::-ms-clear { display: none; }

.content-area{
width:684px;
height:540px;
margin-left:21px;
margin-top:27px;

}


.body_text{
margin-top:20px;
font-size:12px;
color:#222222;
font-family:arial;	
}

#thirdListItemInfo{
white-space: nowrap; 
}


.input-area{
margin-top:20px;
font-family: Arial;
font-size: 14px;
}




.content-area>#header-titel{
color:#00389a;
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 700;
float:left;

}

.content-area>#header-undertitel-contact{
margin-top:24px;
color:#222;
font-family:Arial;
font-size:12px;
float:left;

}

.content-area>#header-start{
padding-top:41px;
color:#222;
font-family:Arial;
font-size:14px;
}


.header-undertitel{
color:#222;
font-family:Arial;
font-size:14px;
}

.content-area>#header-undertitel-start{

padding-top:41px;
color:#222;
font-family:Arial;
font-size:14px;
}

.content-area>#header-undertitel-square{
padding-top:64px;
color:#222;
font-family:Arial;
font-size:14px;
}

.content-area>#header-undertitel-time{
padding-top:64px;
color:#222;
font-family:Arial;
font-size:12px;
}

.content-area>#header-undertitel-averageCost{
padding-top:64px;
color:#222;
font-family:Arial;
font-size:12px;
}




.content-area>#header-logo{
float:right;

}



.content-area>.contact-form{
float:left;
width:850px;
height: 443px;

}

.your-details-area{
font-family:arial;
margin-left:10px;
margin-top:51px;

}



.inputBoxText{
margin-top:20px;
font-size:14px;
width:550px;
}



.inputBox{
width:144px;
height: 31px;
border-style: solid;
border-width: 2px;
border-color:#4d74b8;
background-color:#fff;
font-size:22px;
color:#4d74b8;
font-family:arial;	
text-align:right;
}

/************** Your Details Area ***************/
#your-details{
font-family:arial;
font-size:14px;
color:#00389a;
margin-left:10px;
margin-top:-42px;
float:left;

}


#form-name{
font-family:arial;
font-size:12px;
color:#222222;
margin-left:10px;
margin-top:64px;
}

#form-surname{
font-family:arial;
font-size:12px;
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{
font-family:arial;
font-size:12px;
color:#222222;
}


#textGenderMrs{
font-family:arial;
font-size:12px;
color:#222222;
}
/************** END Your Details Area ***************/


/************** Company Details Area ***************/

.company-details-area{
font-family:arial;
margin-left:10px;
margin-top:51px;

}

.content-area>.contact-form>#contactForm>.company-details-area>#company-details-header{
font-size:14px;
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{
font-size:12px;
color:#222222;

}

.content-area>.contact-form>#contactForm>.company-details-area>#form-sector{
margin-left:7px;
font-size:12px;
color:#222222;
}

.content-area>.contact-form>#contactForm>.company-details-area>#form-street{
font-size:12px;
color:#222222;
margin-top:9px;
}

.content-area>.contact-form>#contactForm>.company-details-area>#form-nr{
margin-left:7px;
font-size:12px;
color:#222222;
margin-top:9px;
}

.content-area>.contact-form>#contactForm>.company-details-area>#form-postcode{
margin-left:9px;
font-size:12px;
color:#222222;
margin-top:9px;
}

.content-area>.contact-form>#contactForm>.company-details-area>#form-city{
font-size:12px;
color:#222222;
margin-top:9px;
}

.content-area>.contact-form>#contactForm>.company-details-area>#form-country{
margin-left:7px;
font-size:12px;
color:#222222;
margin-top:9px;
}

/*******END of Company Details Area*********************/

/*******Preferred Contact Area *************************/
.preferred-contact-area{
font-family:arial;
margin-left:10px;
margin-top:51px;
width:684px;

}


.content-area>.contact-form>#contactForm>.preferred-contact-area>#preferred-contact-header{
font-size:14px;
color:#00389a;
float:left;
}

.content-area>.contact-form>#contactForm>.preferred-contact-area>#form-email{
font-size:12px;
color:#222222;
margin-top:9px;
}

.content-area>.contact-form>#contactForm>.preferred-contact-area>#form-phone{
font-size:12px;
color:#222222;
margin-top:9px;
margin-left:7px;
}

.content-area>.contact-form>#contactForm>.preferred-contact-area>#form-other{
margin-left:9px;
font-size:12px;
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{
font-family:arial;
font-size:12px;
color:#222222;
margin-left:8px;
margin-top: 30px;

}

/************** END of Preferred Contact Area *****************************/






/************** Thanks Page ******************************/

.thanks{
font-family:arial;
font-size:18px;
color:#222222;
padding-top:45px;
}


.thanks_salutation{
font-family:arial;
font-size:18px;
color:#222222;
padding-top:27px;
}

.thanks-text{
font-family:arial;
font-size:12px;
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{
font-size:12px;
color:#222222;
font-family:arial;	
}





#listContainer ul li{
padding: .9em 0em;
margin-left:15px;

}


.body_text{
margin-top:20px;
font-size:12px;
color:#222222;
font-family:arial;	
}



#detailsBottomTextFourth{
font-weight:700;
font-size:14px;
}


.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;
font-family:arial;
}

.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:17px;
font-family:arial;
}

.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:61px;
font-family:arial;

}

.btnNextSquare{
height: 39px;
border-style: solid;
border-width: 1px;
border-color:#4d74b8;
background-color:#00389a;
font-size:22px;
color:#fff;
margin-top:17px;
font-family:arial;
}

#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;
font-family:arial;
}
.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;
font-family:arial;

}

/************** 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:48px;
}

.space_51{
height:51px;
}

.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{
font-family:arial;
font-size:12px;
color:#222222;
margin-top:183px;

}
/************** END Footer *************************/