@import url(../_default/main.css);
@import url(Head.css);
@import url(searchBox.css);
@import url(footer.css);
@import url(Accordion.css);
@import url(InfoBox.css);


body {
	margin: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #333333;
}

#SplashScreen {
	position:absolute;
	top:0px;
	bottom:	0px;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 9999;
	background-color: white;
}


#geoMain {
	position:absolute;
	top:0px;
	bottom:	0px;
	right: 0;
	left: 0;
}


#sideAccordion .fixed, #sideAccordion .scrollable {
	background-color: transparent;
}


#customerLogo {
	position: absolute;
	bottom: 15px;
	right: 270px;
	display:block;
	overflow: hidden;
}

#mapDiv {
	background-color: white !important;
}


#sideDiv {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 0;
	overflow: hidden;
}


#sideToggle {
	background-color: transparent;
	position: relative;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 164px;
	display: block;
}

a.close {
	background: url(http://ecmaps.de/config/_xPortal_v4/images/sideToggle-close_de.png);
	width: 30px;
	height: 164px;
}
a.open {
	background: url(http://ecmaps.de/config/_xPortal_v4/images/sideToggle-open_de.png);
	width: 30px;
	height: 164px;	
}
.hide {display:none !important; }
.show {display:block !important; }

#sideInfoDiv {
	display: none;
	width: 750px;
	height: 450px;;
}
#sideTogglePane {
	background-color: transparent;
	position: absolute;
	top: 120px;
	right: 0;
	width: 30px;
	display: block;
}

#sideInfoToggle {
	background-color: transparent;
	position: relative;
	display: block;
	top: 10px;
	right: 0px;
	width: 30px;
	height: 37px;
	background: url(http://ecmaps.de/config/_xPortal_v4/images/sideToggle-info_de.png);
}

#sideTourenToggle {
	background-color: transparent;
	position: relative;
	display: block;
	top: 10px;
	right: 0px;
	width: 30px;
	height: 107px;
	background: url(http://ecmaps.de/config/_xPortal_v4/images/sideToggle-touren_de.png);
}

#sideMerkzettelToggle {
	background-color: transparent;
	position: relative;
	display: block;
	top: 10px;
	right: 0px;
	width: 30px;
	height: 78px;
	background: url(http://ecmaps.de/config/_xPortal_v4/images/sideToggle-merkliste_de.png);
}



#impressum {
	background-color: white;
	position: relative;
	width: 750px;
	height: 450px;
}
img.socMedia {
	cursor:pointer;
	cursor:hand;
	}

img.gallery {
	width: 280px;
	height: 210px;
	border: 1px solid gray;
	margin-top: 15px;	
}

img.providerIcon { }

img.pinThumb {
	width: 60px;
	height: 40px;
}

ul.resultList li img {
	width: 60px;
	height: 40px;
}
ul.resultList li img.detail_icon {
	width: 13px;
	height: 13px;
	float: none;
}

ul.resultList li div.imageBox{
	padding-left: 7px;
	padding-top: 8px;
	display: block;
	float: left;
	position:relative;
	width: 60px;
	height: 40px;
	width: 70px;
	height: 55px;
	background: url("../../images/api/unclutter-topbg-expanded.png");
}
ul.resultList li div.titleBlock{
	display: block;
	float: left;
	position:relative;
	width: 165px;
	padding-left: 5px;
}
	
ul.resultList li div.ratingBlock {
		height: 12px;
		width: 250px;
		white-space: nowrap;
}

ul.resultList li div.imageBox img.pinThumb{
	z-index: 90;
}
ul.resultList li .category {
	margin-left: 0px !important;
}
ul.resultList li div.imageBox img.PinImage{
	display: block;
	float: left;
	position:relative;
	left: 42px;
	top: -18px;
}
ul.resultList li img.trustLogo {
		padding-top: 3px;
		width: 82px;
		height: 11px;
}

ul.resultList li img.starrating {
		float: none;
		width: auto;
		height: 9px;
		border: 0;
}

.topBlock {
	position: relative;
	display: block;
	clear: both;
	padding-left: 2px;
	top: 0px;
	right: 0px;
	width:250px;
	margin-left: 5px;
	margin-top: 3px;
}

.extendedBlock {
	position: relative;
		font-size: 82%;
	display: block;
	clear: both;
	padding-left: 2px;
	top: 0px;
	right: 0px;
	width:250px;
	margin-left: 5px;
	margin-top: 3px;
}

.pintext {
	position: relative;
	font-size: 82%;
	display: block;
	clear: both;
	padding-left: 2px;
	top: 0px;
	right: 0px;
	width:250px;
	margin-left: 5px;
	margin-top: 10px;
	padding-top: 10px;
}

.rating {
	background-color: transparent;
	background-repeat: no-repeat !important;
	background-position: center right !important;
	position: relative;
	display: block;
	clear: both;
	padding: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	top: 0px;
	right: 0px;
	width: 250px;
	line-height: 15px;
	height: 18px;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
	border: thin solid gray;
	font-size: 82%;
}
.rating_0, .rating_undefined { background: url(http://ecmaps.de/config/_xPortal_v4/images/rating/rating_0.gif);	}
.rating_1{ background: url(http://ecmaps.de/config/_xPortal_v4/images/rating/rating_1.gif);	}
.rating_2{ background: url(http://ecmaps.de/config/_xPortal_v4/images/rating/rating_2.gif);	}
.rating_3{ background: url(http://ecmaps.de/config/_xPortal_v4/images/rating/rating_3.gif);	}	
.rating_4{ background: url(http://ecmaps.de/config/_xPortal_v4/images/rating/rating_4.gif);	}
.rating_5{ background: url(http://ecmaps.de/config/_xPortal_v4/images/rating/rating_5.gif);	}

.filterDropDown {
  width: 260px;
}

.EULogo {
	background: url(http://ecmaps.de/config/_xPortal_v4/images/foerderlogo.png) !important;
	width: 144px !important;
	height: 37px !important;
	bottom: 25px !important;
}

/* Content Dialog */
#ContentDialog {
	top: 0px;
	right: -2000px;
	width: 800px;
	bottom: 0px;
	position: absolute;	
	background-color: white;
	z-index: 9999;
	}
#ContentHead {
	width: 792px;
	height: 30px;
	border: thin solid gray;
	margin: 4px;
	postion: relative;
	float: left;
	}
#ContentCloser {
	width: 75px;
	height: 100%;
	position: relative;
	float: right;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	line-height: 30px;
	font-size: 13px;
	font-weight: bold;
	cursor:pointer; cursor:hand;
	}
#ContentDialogMain {
	position: absolute;
	top: 40px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	display: block;
}
#ContentDialogMainFrame {
	position: absolute;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	border: 0px;
}

/*Details */
.powered_by {
	font-size: 12px;
}
/*Details ende */

#extendedInfoSidePanel ul.simpletabs-tabs {
	left: 58px !important;
	right: auto !important;
}
#extendedInfoSidePanel ul.simpletabs-tabs li.active a, #extendedInfoSidePanel ul.simpletabs-tabs li.active:hover a, #extendedInfoSidePanel ul.simpletabs-tabs li.active, #extendedInfoSidePanel ul.simpletabs-tabs li.active:hover {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 13px !important;
}
#extendedInfoSidePanelCloser {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 13px !important;
}

#extendedInfoSidePanel ul.simpletabs-tabs li a 
{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 13px !important;
}

/* Content Dialog Ende */




@media screen and (min-height: 1px){  
	.media, .extendedBlock, .rating   {display: none;}
	#geoHeaderPane   {display: none;}
	}
@media screen and (min-height: 480px){  
   #geoHeaderPane  {display: block;}
   }
	
@media screen and (min-height: 550px){  
	.media  {display: none;}
	.extendedBlock, .rating  {display: block;}
	#geoHeaderPane  {display: block;}
}


@media screen and (min-height: 800px){  
	.media, .extendedBlock {display: block;}
}