/*
 * copyright (c) xmachina GmbH
 * 
 * Author: U. Schumacher (ute.schumacher@xmachina.de)
 * 
 * POI-Finder-Styles  
 */
 
* { 
	font-family: Arial, Helvetica, sans-serif;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
}

FORM { padding: 0; margin: 0; }

DIV#contentHome {
	width: 545px;
}

#POIFinder { line-height: 140%; }


.headline {
	background: #FFFFFF url(../images/h1_icon.gif) 0 0 no-repeat;
	padding-left: 60px;
}

H1 {
	background: #FFFFFF url(../images/h1_border.gif) 0 0 repeat-x;
	font-size: 10px;
	color: #EF6314;
	line-height: 50px;
	text-transform: uppercase;
}

H1 .inner { 
	background: transparent url(../images/h1_border.gif) left bottom repeat-x;
	vertical-align: middle;
	height: 50px;
}

A:link, A:visited, A:active { 
	color: #E66023; 
	text-decoration: underline;
}


P.welcomeText { 
	font-size: 16px;
	color: #336699;
	line-height: 150% !important;
	margin: 25px 0;
}

P.welcomeText .orange { color: #EF6314; }


/* Strukturierung */
.row { clear: both; overflow: hidden; }
.col { float: left; width: 50%; }

* html .last { width: 49% !important; }
*+html .last { width: 49% !important; }

.threeCols DIV.col { width: 33%; }

.padding_10 { padding-right: 10px; }

.last .padding_10 { padding-right: 0px; }



/* Box - Allgemein */
.boxOuter {
	background: transparent url(../images/box/box_content.gif) 0 4px repeat-x;
}

.boxTop {
	background: transparent url(../images/box/box_top.gif) left top no-repeat;
}


.boxContent {
	background: transparent url(../images/box/box_footer.gif) left bottom no-repeat;
	height: 400px;
	padding: 10px;
}

* html .boxTop { zoom: 1; }


/* Google-Maps */
.boxHeader {
	background: transparent url(../images/search_icon.gif) 0 0 no-repeat;
	padding-left: 46px;
	height: 37px;
	line-height: 30px;
	color: #336699;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

#poiMapPanel {
	height: 312px;
	width: 100%;
	border: 1px solid #999999;
	background-color: #FFFFFF;
}

#poiSearchPanel {
	position: relative;
	padding: 18px 0;
}

* html #poiSearchPanel { padding-bottom: 8px; }

#poiSearchPanel #location {
	background: transparent url(../images/search_textfield_bg.gif) 0 0 no-repeat;
	width: 371px;
	height: 20px;
	padding: 2px 4px 0 4px;
	border: none !important;
}

#poiSearchButton {
	position: absolute;
	right: 0;
	background-color: #D4D0C8;
	color: #000000;
	font-size: 12px;
}

* html #poiSearchButton {
	width: 140px;
	margin-right: 10px;
}


/* Result-Header */
#searchResultsHeader {
	background: transparent url(../images/resultheader_footer.gif) left bottom no-repeat;
	padding-bottom: 4px;
	margin-top: 30px;
	width: 547px;
}

.searchResultsHeaderTop {
	background: transparent url(../images/resultheader_top.gif) left top no-repeat;
	padding-top: 4px;
}

.searchResultsHeaderContent {
	background: transparent url(../images/resultheader_content.gif) left top repeat-y;
	padding: 10px;
	color: #EF6314;
	font-size: 16px;
}

.searchTerm { font-weight: bold; }



/* Result-Rows */
#poiResultPanel {
	margin-top: 30px;
}

.poiPanel {
	overflow: hidden;
	background: transparent url(../images/row_border.gif) left bottom repeat-x;
	padding-bottom: 20px;
	margin-bottom: 20px;
	cursor: pointer;
}

.poiPanel .name {
	background: transparent url(../images/single_icon.gif) left top no-repeat;
	padding-left: 40px;
	line-height: 50px;
	font-size: 16px;
	font-weight: bold;
	color: #336699;
}

.poiPanel .line { clear: both; float: left; width: 99%; }

.poiPanel .label { 
	display: table-cell; 
	float: left; 
	width: 50px; 
}


.section {
	background: transparent url(../images/section_border.gif) left 10px repeat-x;
	margin-top: 15px;
}

.section .title { 
	font-size: 10px;
	font-weight: bold;
	color: #85A3C2;
	text-transform: uppercase;
	background-color: #FFFFFF;
	padding-right: 10px;
}

.section .institutionName { 
	font-size: 12px; 
	font-weight: bold;
	color: #336699;
	clear: both;
	overflow: hidden;
	margin-top: 10px;
}

.section .institutionName SPAN { display: table-cell; vertical-align: top; }
.section .institutionName SPAN.types { white-space: nowrap; padding-right: 10px; } 

* html .section .institutionName SPAN { float: left; display: inline-block; }

/*.section DIV.row { margin: 10px 0; }*/


#therapyTypes { clear: both; }
#therapyTypes .col SPAN { 
	background: transparent url(../images/therapy_types_blue.gif) left 5px no-repeat; 
	padding-left: 14px;
	display: block;
}
#therapyTypes .col SPAN.green {  background-image:  url(../images/therapy_types_green.gif); }
#therapyTypes .col SPAN.grey   { background-image:  url(../images/therapy_types_grey.gif); }
#therapyTypes .col SPAN.orange { background-image:  url(../images/therapy_types_orange.gif); }
#therapyTypes .col SPAN.yellow { background-image:  url(../images/therapy_types_yellow.gif); }

#moreResultsPanel {
	cursor: pointer;
	color: #CC6600;
	font-weight: bold;
}

.poiSelected {
	/*background-color: #f2f2f2;*/
}


.box { padding: 10px; }

.error STRONG { color: #CC0000; }




/******************************/
/* Clearing - do not modify */
/**************************/

.floatholder { overflow:hidden; }

.clerasil { display: inline-block; }

.clerasil:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.clerasil { display: block; }
/* Floating clearen - Ende */