


/* ######## grid ######## */
.col3left{
  float:left;
  width:455px;
  padding-left:10px;
}
.col3right{
  float:left;
  width:455px;
  padding-left:5px;
}
.col2left{
  float:left;
  width:260px;
  padding-left:0px;
}
.col2right{
  float:left;
  width:354px;
  padding-left:6px;
}
.col1left{
  float:left;
  width:150px;
  padding-left:5px;
}
.col1right{
  float:left;
  width:150px;
  padding-left:5px;
}


/* ######## top ######## */
/* #### headline #### */
#top h2{
  font-size:20px;
  line-height:24px;
  font-weight:bold;
  background-color:#DFE9F3;
  padding:10px 10px 10px 10px;
}

#top .keyvisual{
	width:620px;
}

#top .introText{
	background-color:#DFE9F3;
	padding:16px 200px 16px 10px;
	font-weight:bold;
	font-size:12px;
	line-height:15px;
	color:#153B63;
}

/* #### topBoxGrey #### */
#top .topBoxGrey{
  padding:10px 0px 6px 10px;
}

/* #### headline normal #### */
.topBoxGrey .headline{
	float:left;
	font-size:14px;
	line-height:17px;
	padding:8px 10px 5px 0;
}

/* #### headline row #### */
.topBoxGrey .headlineNumberRow{
	float:left;
	padding:15px 0 6px 0;
}
.topBoxGrey.searchPageOnly .headline{
	padding:3px 10px 18px 0;
}
/* ## headline with number ## */
.topBoxGrey.searchPageOnly .headlineNumberRow{
	padding:55px 0 6px 0;
}
.headlineNumberRow .iconNumber{
	float:left;
	width:22px;
	padding:0 0 6px 0;
}
.topBoxGrey.searchPageOnly .iconNumber{
	padding:0 0 21px 0;
}
.headlineNumberRow .headlineNumber{
	float:left;
	font-size:12px;
	line-height:15px;
	font-weight:bold;
	padding:3px 10px 3px 5px;
}
.topBoxGrey.searchPageOnly .headlineNumber{
	padding:3px 10px 18px 5px;
}

/* #### text row #### */
.topBoxGrey .textRow{
	float:left;
	padding:0 0 5px 0;
}
.textRow .textBox{
	float:left;
	font-size:12px;
	line-height:15px;
	padding:0 10px 0 0;
}

/* #### button row #### */
.topBoxGrey .buttonRow{
	float:left;
	padding:0 0 0 0;
}

/* #### formfield row #### */
.topBoxGrey .formFieldRow{
	float:left;
	padding:0 0 9px 0;
}

.topBoxGrey .line{
    border-bottom:1px solid #b4c6d9;
    margin:0 0px 0 -10px;
    font-size:1px;
}
/* #### form error row #### */
.topBoxGrey .formErrorRow{
	float:left;
	height:63px;
	width:610px;
}
.formErrorRow .errorTextBox{
	float:left;
	font-size:12px;
	line-height:15px;
	font-weight:bold;
	color:#FB3C3C;
	padding:10px 0 0 0;
}

/* ## box first ## */
.topBoxGrey .boxFirst{
	float:left;
	width:147px;
}
.headlineNumberRow .boxFirst .headlineNumber{
	width:110px;
}
.formFieldRow .boxFirst .inputTextField{
	width:124px;
}
/* ## box second ## */
.topBoxGrey .boxSecond{
	float:left;
	width:337px;
}

.topBoxGrey .boxSecondSmall{
	float:left;
	width:174px;
}
.headlineNumberRow .boxSecond .headlineNumber{
	width:300px;
}
.formFieldRow .boxSecond .inputTextField{
	width:125px;
}
.boxSecond .boxColspan{
	float:left;
}
.boxSecond .boxColspan .textBox{
	width:160px;
	padding:0 6px 0 0;
}
.boxSecond .boxColspan .selectField{
	width:160px;
	margin:0 3px 0 0;
}
.boxSecondSmall .boxColspan .selectField{
	width:160px;
	margin:0 3px 0 0;
}
/* ## box third ## */
.topBoxGrey .boxThird{
	float:left;
	width:116px;
}
.headlineNumberRow .boxThird .headlineNumber{
	width:78px;
}
.findHintStartpage{
  font-size:12px;
  line-height:15px;
  font-weight:bold;
  margin-top:16px;
}

/* ######## form fields ######## */
input, textarea, label, select, option{
	margin:0;
	padding:0;
	font-family:Arial,Helvetica,sans-serif;
}
.inputButtonBlue{
	border:none;
	color:#ffffff;
	background-color:#6B89AE;
	font-size:12px;
	line-height:16px;
	padding:0px 5px 2px 5px;
}
.inputTextField{
	font-size:12px;
	line-height:15px;
	padding:0 2px 0 2px;
}
.selectField{
	font-size:12px;
	line-height:15px;
}
.textareaField{
	font-size:12px;
	line-height:15px;
	padding:0 2px 0 2px;
}


/* ######## subheadline ######## */
.subHeadlineTextGrey{
	font-size:12px;
	line-height:15px;
	font-weight:bold;
	color:#666666;
	padding:0 0 9px 0;
}


/* ######## box view item ######## */
.boxViewItem{
	float:left;
	margin:0 0 5px 0;
	background-color:#E2E4E6;
}
.boxViewItem.premium{
	background-color:#DCC644;
}

/* #### icon col #### */
.boxViewItem .iconCol{
	float:left;
	width:42px;
}

/* #### text col #### */
.boxViewItem .textCol{
	float:left;
	background-color:#F1F1F1;
	padding:6px 5px 6px 10px;
}
.boxViewItem .textCol:hover{
	background-color:#E2E4E6;
}
.boxViewItem.premium .textCol{
	background-color:#Fcec92;
}
.boxViewItem.premium .textCol:hover{
	background-color:#F1DE75;
}
.col2left .boxViewItem .textCol{
	width:203px;
}
.col3left .boxViewItem .textCol,
.col3right .boxViewItem .textCol{
	width:398px;
}
/* ## text box ## */
.col2left .boxViewItem .textCol .textBox{
	float:left;
	width:185px;
}
.col3left .boxViewItem .textCol .textBox{
	float:left;
	width:380px;
}
/* headline */
.boxViewItem .textCol .textBox .headline{
	font-size:14px;
	line-height:17px;
	font-weight:bold;
}
/* subheadline */
.boxViewItem .textCol .textBox .subHeadline{
	font-size:11px;
	line-height:17px;
	font-weight:bold;
}
/* text product */
.boxViewItem .textCol .textBox .textProduct{
	font-size:11px;
	line-height:15px;
	padding:6px 0 6px 0;
}
/* text address */
.boxViewItem .textCol .textBox .textAddress{
	font-size:11px;
	line-height:15px;
}
/* ## icon link ## */
.boxViewItem .textCol .iconLink{
	float:right;
	width:18px;
	padding:2px 0 0 0;
}


/* ######## box view item ######## */
.boxViewDetail{
	float:left;
	margin:0 0 5px 0;
	background-color:#E2E4E6;
}
.boxViewDetail.premium{
	background-color:#DCC644;
}

/* #### icon col #### */
.boxViewDetail .iconCol{
	float:left;
	width:42px;
}

/* #### text col #### */
.boxViewDetail .textCol{
	float:left;
	background-color:#F1F1F1;
}
.col2left .boxViewDetail .textCol{
	width:218px;
}
.col3left .boxViewDetail .textCol,
.col3right .boxViewDetail .textCol{
	width:413px;
}
/* ## box empty ## */
.boxViewDetail .boxEmpty{
	float:left;
	height:35px;
}
.col2left .boxViewDetail .boxEmpty{
	width:218px;
}
.col3left .boxViewDetail .boxEmpty{
	width:413px;
}
.boxViewDetail .textSectionBox{
	padding:6px 5px 6px 10px;
	border-bottom:1px solid #D9D9D9;
	margin:0 5px 0 0;
}
.col2left .boxViewDetail .textSectionBox{
	width:198px;
}
.col3left .boxViewDetail .textSectionBox,
.col3right .boxViewDetail .textSectionBox{
	width:393px;
}

/* headline */
.boxViewDetail .textSectionBox .headline{
	font-size:14px;
	line-height:17px;
	font-weight:bold;
	padding:9px 0 1px 0;
}
/* text address */
.boxViewDetail .textSectionBox .textAddress{
	font-size:11px;
	line-height:17px;
	padding:10px 0 0 0;
}
/* text product */
.boxViewDetail .textSectionBox .textProduct{
	font-size:11px;
	line-height:16px;
	font-weight:bold;
	padding:0 0 2px 0;
}
/* logo */
.boxViewDetail .textSectionBox .logo{
	padding:4px 0 5px 0;
}
/* text */
.boxViewDetail .textSectionBox .text{
	font-size:11px;
	line-height:17px;
}
/* link */
.boxViewDetail .textSectionBox .link a{
	float:left;
	padding:0 0 0 30px;
	font-size:12px;
	line-height:15px;
	font-weight:bold;
	text-indent:-30px;
}
/* form error text */
.boxViewDetail .textSectionBox .errorText{
	font-size:11px;
	line-height:15px;
	color:#FF0000;
}
/* form send */
.boxViewDetail .textSectionBox .sendText{
	font-size:11px;
	line-height:15px;
	color:green;
	display:none;
}
/* form field text */
.boxViewDetail .textSectionBox .formFieldRow{
	font-size:11px;
	line-height:15px;
	padding:3px 0 0 0;
}
.boxViewDetail .textSectionBox .formFieldRow .inputTextField,
.boxViewDetail .textSectionBox .formFieldRow .textareaField{
	width:188px;
	font-size:11px;
	line-height:14px;
	color:#153B63;
}


/* ######## search box ######## */
.searchBox{
	float:left;
	background-color:#DFE9F3;
	padding:12px 10px 12px 10px;
	display:none;
}
.col1right .searchBox{
	width:130px;
}
/* ## headline ## */
.searchBox .headline{
	font-size:14px;
	line-height:17px;
	font-weight:bold;
	padding:4px 0 6px 0;
}
/* ## textbox ## */
.searchBox .textbox{
	font-size:11px;
	line-height:15px;
	padding:4px 0 0 0;
}
/* ## form field row ## */
.searchBox .formFieldRow{
	padding:9px 0 0 0;
}
.searchBox .formFieldRow .inputTextField,
.searchBox .formFieldRow .textareaField{
	width:120px;
}
.searchBox .formFieldRow select{
	width:130px;
}

/* ######## googleMap ######## */
#mapList{
  width:354px;
  height:496px; 
  background-color:#e3e4e8;
}
#googleBox{
  display:none;
}

.googleMap{
	float:left;
}
.googleMapLegend{
	float:right;
	padding:4px 0 0 20px;
}
.googleMapLegend .icon{
	float:left;
}
.googleMapLegend .text{
	float:left;
	padding:3px 0 0 0;
}
#googleBubble
{
    width:200px;
}
#googleBubbleHeadline
{
    font-size:14px;
    font-weight:bold;
}
#googleBubbleProducts
{
    font-size:11px;
    padding:6px 0 0 0;
}
#googleBubbleLink
{
    font-size:11px;
    padding:6px 0 0 0;
    font-weight:bold;
}
#googleBubbleAddress
{
    font-size:11px;
    padding:6px 0 0 0;
}
#geoPaging
{
    margin-top:10px;
    vertical-align:middle;
    display:none;
}
#geoPaging a
{
    vertical-align:middle;
}
#geoPaging span
{
    vertical-align:top;
    font-size:12px;
    font-weight:bold;
}
