﻿/* CSS Rules that are common for the different versions of the site */

.input_white, .input_white2    {
	border: #8c8f97 1px solid;
	font-size: 10px;
	padding: 0 3px;
	background-color: #ffffff;
	color: #000000;
	font-family: Verdana,Arial, Helvetica,sans-serif;
}

.input_white2   {
	height: 14px;
	line-height:14px;
	vertical-align: bottom;
}

.input-button-gray
{
	border: #8c8f97 1px solid;
	font-size: 11px;
	vertical-align: middle;
	padding: 1px 5px 1px 5px;
	background-color:#efefef;
	color: #000000;
	font-family: Verdana,Arial, Helvetica,sans-serif;		
}

#adr-obj-search-go, #coord-search-go	{
	height: 16px;
	line-height: 13px;
	vertical-align: top;
}

.excl   {
	color: #FF0000;
	font-weight: bold;
	font-size: 11px;
}

a   {
    text-decoration:none;
    font:normal 10px Verdana,Sans-Serif;
    color:black;
}
a:hover {
    text-decoration:underline;
}
a.red  {
    color: red;
    display: block;
    font-size: 9px;
}
a.cyan  {
	font-weight: normal;
	color: #336699;
}
a.black-cyan	{
	text-decoration: none;
}
a.cyan a:visited    {
	color: #336699;
	text-decoration: none;
}
a.cyan a:hover, a.black-cyan:hover  {
	color: #336699;
	text-decoration: underline;
}

#footer 
{
	font: normal normal 10px Verdana; 
	padding-bottom: 20px;
}
.toRight    {
    float: right;
}

.horizontal-thin-banner
{
	margin: 10px 0px 10px 0px;
	text-align: center;
}

#mainframe-banner-table 
{
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
}

#mainframe	{
	width: 100%;
}
#spd-menu	{
	vertical-align: top;
	border-collapse: collapse;
	height:23px;
	border: 0;
}
#spd-menu .rollover-menu	{
	border:0;
}
#spd-logo   {
	display: block;
	width: 200px;
	height: 66px;
	margin: 15px 0px 0px 10px;
	border: 0px;
}
#opacity-group  {
    margin: 3px 3px 0 0;
    color: white;
    font-size: 9px;
}
#opacity-button {
    vertical-align: middle;
    cursor: pointer;
}
#news	{
	margin: 15px 30px 5px 30px;
}
.leftPanel	{
	float:left;
}
#mainframetable, search-news-table 
{
	width: 100%;
}
#lefttable, #mainframetable, search-news-table  
{
	border-collapse: collapse;
	border: 0;
}
#spd-content	{
	margin: 10px 0px 0px 30px;
	/*margin-left: 300px;*/
}
#banner-vertical
{
	margin-left: 10px;
}
#map-controls	
{
	margin-top: 10px;
	border-collapse:collapse;
	width: 600px;
}
#map-controls #map-type1, #map-type2	{
	width: 160px;
}
#to-spd	{
	width: 300px;
	vertical-align: middle;
	padding-left: 40px;
}

#map-controls .button-on a,#map-controls .button-off a, #map-controls .button-disabled	{
	padding-top:0;
	margin-bottom:0;
	line-height: 18px;
	vertical-align: bottom;
}
#map-controls .button-on a,#map-controls .button-off a:hover	{	
	vertical-align: bottom;
}

#upper-map{
	height: 21px;
}
#upper-map div	{
	float: left;
	height: 21px;
}

#zoom-container	{	/*specific properties*/
	width: 320px;
	/*top: 12px;*/
	left: -10px;
}
#scale-container	{
	height: 21px;
	line-height: 21px;
	vertical-align: middle;
	width: 110px;
}
#upper-map-border	{
	float: left;
}
#to-red-circle-container, #viewport-size-container, #print-container, #cookie-container	{
	margin: 0 5px;
}
#fehler	{
	display: block;
	width: 95px;
	height: 21px;
}
.withinSearchForm	{
	line-height: 18px !important;
	line-height: 20px;
}
#weather .small-panel-content	{
	padding: 2px;
}
#weather img	{
	float:left;
	padding-right: 4px;
}
#newss-title	{
	font-weight: bold;
	line-height: 16px;
	vertical-align: baseline;
}
#zoom-container	{		/*common properties*/
	position:relative;
	float:left;
	z-index: 1100;
	overflow: visible;
	cursor: pointer;
}
#zoom-sliderBar	{
	position:relative;
}
#zoom-slider	{
	position:absolute;
	z-index: 1101;
	left: 2px;
	top: 0px;
}
#zoomToolTip	{
	position: absolute;
	background: white;
	width: 140px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	text-align: center;
	display: block;
	border: 1px solid black;
	font-size: 13px;
	font-weight: normal;
	color: black;
}
.withinMap a	{
	color: #006400;
}
.outofMap a	{
	color: #C2691E;
}
#poi-list-control	{
	text-align: center;
}
#loading    {
    font: bold 12px Verdana;
	width: 400px;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
	color: green;
	position: absolute;
	left: 100px;
	top: 100px;
	background: #fff;
	z-index: 1002;
	border: 1px dashed black;
}
#loading img{
    vertical-align: middle;
    margin: 15px auto;
}
/*
*	SEARCH FORM
*/

#search-start   {
    border-width: 0;
    width: 0;
    height: 0;
}
#spd-search-form
{
   width:100%;
   height:65px;
}
#spd-search-form td
{
	padding:2px 2px 2px 4px;
	text-align:center;
	font:normal normal 10px Verdana,Sans-Serif;
	line-height:17px;
}
#adr-obj-search, #ac-switch {
	display:none;
}
#spd-search-form .input_white, #spd-search-form .input_white2	{
	padding: 0;
}
#city	{
	width: 207px;
}
#spd-search-form #search	{
	width: 240px;
}
#coord-search	
{
	height:60px;
	display:none;
}

#ac-switch td
{ 
	text-align:left;
	color:#666666;
	padding-top:0px;
	padding-bottom:0px;
}

#more-city-search {
	display:none;
}

#spd-search-form input
{
	vertical-align:middle;	    
}

/* menu items in the search form */
#spd-search-container-home,#spd-search-container
{
    width: 600px;
    margin-top: 10px;
}
#mainform.homeform	{
	position: relative;
}
#routing-news	{
	position: absolute;
	left: 220px;
	top: -24px;
}

#CountriesDDL, .CountriesDDL
{
	width: 42px;
}

#spd-search-menu    {
    margin-top: 0px !important;
    border-collapse:collapse;
    width:100%;
}
#spd-search-menu td {
    height:20px;
    vertical-align:bottom;
}

#spd-search-menu .button-off,#spd-search-menu .button-on,#spd-search-menu .button-disabled	{width: 200px;}

.button-off a, .button-disabled a {
	display: block;
    height: 18px;
    line-height: 18px;
    vertical-align: bottom;
	text-align: center;
}
.button-off a:hover	{
	height: 23px;
	text-decoration: none;
	font-weight: bold;
	line-height: 23px;
}

.button-on a {
	display:block;
    height: 23px;
    font-weight: bold;
    text-decoration:none;
    text-align: center;
    line-height: 23px;
}
.button-on a:hover
{
    text-decoration:none;
}
.button-disabled a   {
    color: gray;
    cursor: default;
}
.button-disabled a:hover  {
    text-decoration: none;
}

#dbahn-container	{
	margin: 31px 10px 0 0;
}

/*
 *  Overview
 */
#spd-overview-menu  {
    border-collapse:collapse;
    width: 203px;
}
#spd-overview-menu td   {
    vertical-align:bottom;
}
/*
 *  End of Overview
 */

/*
 *  Floating Controls
 */
.bgmaps-floating-citylist table tr td
{
    padding: 0 2px 0 2px;
}

.first-row
{
    background-color:#ddd;
}
/*
 *  End of Floating Controls
 */

/*
 *	Panel CSS
 */

.panel-nomargin	{
	margin: 0px 1px 2px 3px;
}

.panel	{
	margin: 5px 3px 5px 10px;
}
.addWidth	{
	width: 201px;
}
.addWidth203px{
	width: 204px;
}
.panel-title-bold	{
	margin-left: 5px;
	font-weight: bold;
	color: white;
	line-height: 20px;
}
.panel-title	{
	margin-left: 5px;
	color: white;
	line-height: 20px;
}
.panel-content	{
	height: 100%;
	padding: 5px;
	font-size: 9px;
}

.panel-content p {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
}

.no-padding
{
	padding: 0px !important;
}

.panel-copyright {
	margin: 0px 3px 5px 10px;
}

.small-panel	{
	margin: 1px 0;
	width: 202px;
	height: auto;
}
.small-panel-title	{
	background-color: #bfc9d1;
	height: 15px;
}
.small-panel-content{
	
}
.panelwhite	{
	margin: 8px 1px 0px 3px;
	text-align: center;
}
/*
 *  End of Panel CSS
 */	

#ec-logo	{
	margin: 20px 0px 20px 0px;
	text-align: center;
}

/*
 *  NearestList
 */
#sub-category-list	{
	background-color: transparent;
}
#sub-category-list ul	{
	background-color: #ADBCD1;
	margin-top: 10px;
}
#sub-category-list span	{
	margin-left: 2px;
}
#sub-category-list img, #sub-category-list div	{
	float: right;
	margin-right: 1px;
}
#sub-category-list a	{
	font: normal normal normal 9px Verdana;
	margin-left: 2px;	
}
#sub-category-list a:hover	{
	background-color: #D0DBDF;
}
#sub-category-list li	{
	background-color: #EFEFEF;
	padding-top: 2px;
} 
/*
 *  End of NearestList
 */

/*
 *  Slots
 */
.slot   {
    margin-bottom: 5px;
}
.slot .small-panel-title  {
    width: 202px;
    height: 25px;
    line-height: 25px;
    font-weight: bold;
    position: relative;
    background: #6b7c89;
}
.slot .small-panel-title .slot-button    {
    margin: 3px 3px !important;    
}
.slot .nearestList ul  {
    list-style: none none outside;
    margin-left: 3px;
}
.slot-button    {
    vertical-align: middle;
    cursor: pointer;
}
.small-panel-title a {
    font-weight: bold;
}
.slot .slot-logo    {
    float: right;
}
.slot-on .slot-button   {
    visibility: visible;
}
.subslot-list-row   {
    margin: 6px 1px;
    line-height: 12px;
}
.subslot-list-row ul    {
    list-style: none none outside;
    margin-left: 6px;
}
.subslot-list-row ul li, .slot .nearestList ul li {
    margin: 6px 0;
}
.slot .small-panel-title input, .subslot-list-row input   {
    vertical-align: middle;
}
.slot input[type=checkbox]  {
    padding:0;
    border-width:0;
}
.slot .nearestList
{
	margin-left: 7px;
}
.plus-button    {
    display: block;
    width: 11px;
    height: 11px;
    background: transparent url("../_img/plus.png") no-repeat scroll center center;
}
.minus-button    {
    display: block;
    width: 11px;
    height: 11px;
    background: transparent url("../_img/minus.png") no-repeat scroll center center;
}
/* Slot Hotels */
#slot-nearest-5 {
    margin-left: 13px;
}
#hrsbanner  {
    margin: 1px;
}

/*
 *  End of Slots
 */

/*Print/POI Info*/

#poi-attributes-table, #poi-photo-table
{
	 margin: 0px 20px 0px 40px;
}	

#poi-info-overview-img
{
	margin: 0px 15px 0px 15px;
	padding: 1px 1px 1px 1px;
	border: solid 1px #CCCCCC;
	width: 200px;
}

#poi-info-overview
{
	width: 230px;
	text-align: center;
}

#poi-info-map
{
    width: 400px;
    border-width: 0px;
    margin: 0px 0px 10px 0px;
    border-collapse: collapse;	    
}

.mertic-bar-black
{            
    width: 200px;
    background-color: Black;
    color: White;
    text-align: Center;
}

.mertic-bar-gray
{
    width: 200px;
    background-color: #EEEEEE;
    color: Black;
    text-align: Center;
}

.site-logo
{
	margin: 15px 15px 15px 35px;
	border: 0px;
}

.div-frame
{
	width: 760px;
	background-color: #FFFFFF;
}

.div-frame-grey
{
	width: 740px;
	border: solid 1px #CCCCCC;
	margin: 10px 10px 10px 10px;
}

.table-tabs
{
	border-width: 0;
	border-collapse: collapse;
	margin: 1px 1px 0px 0px;
	width: 739px;
	height: 23px;			
}
	
.tab-grey
{
	BORDER-LEFT: #cccccc 1px solid; 
	BORDER-BOTTOM: #cccccc 1px solid;
	BACKGROUND-COLOR: #EFEFEF;
	TEXT-ALIGN: right; 
	WIDTH: 509px;
}

.tab-white
{
	background-color: #FFFFFF;
	text-align: center;
	width: 250px;
}	

#tblAddress
{
	width: 736px;
	margin: 15px 2px 0px 2px;
}

#tblAddress td
{
	vertical-align: top;
}

.button-center
{
	margin: 20px 10px 20px 10px;
	text-align: center;
}

.margin-both-2
{
	margin: 0px 2px 0px 2px;
}

#tblMapPrint
{
	width: 100%;
	margin: 0px 2px 0px 2px;
}

#tblMapPrint td
{
	vertical-align: top;
}

/* End Print/POI Info */

/*
*	Fonts
*/

.black-title 	{
	font: normal normal bold 12px Verdana,Sans-Serif;
}

/*
* HR
*/
hr	{
	border: none; 
	height: 1px; 
	width: 100%;
	background-color: Gray;		
}

.hr-bottom-line	{
	border: none; 
	height: 1px; 
	width: 100%;
	background-color: Gray;
	margin: 7px 0px 7px 0px;
}

.hr-no-margin  {
	border: none; 
	height: 1px; 
	width: 100%;
	background-color: Gray;
	margin: 0px 0px 0px 0px;
}

.hr-margin-5
{
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
/*
*	Navigation Control
*/
.spd-nav	{
	position:absolute;
	z-index: 1001;
	margin: 3px;
}
#btn-moveupleft{
    background-image: url("../_img/navp/btn-moveupleft.png") !important;
    background-image: url("");
}
#btn-moveup{
    background-image: url("../_img/navp/btn-moveup.png") !important;
    background-image: url("");
}
#btn-moveupright{
    background-image: url("../_img/navp/btn-moveupright.png") !important;
    background-image: url("");
}
#btn-moveleft{
    background-image: url("../_img/navp/btn-moveleft.png") !important;
    background-image: url("");
}
#btn-moveright{
    background-image: url("../_img/navp/btn-moveright.png") !important;
    background-image: url("");
}
#btn-movedownleft{
    background-image: url("../_img/navp/btn-movedownleft.png") !important;
    background-image: url("");
}
#btn-movedown{
    background-image: url("../_img/navp/btn-movedown.png") !important;
    background-image: url("");
}
#btn-movedownright{
    background-image: url("../_img/navp/btn-movedownright.png") !important;
    background-image: url("");
}

.spd-nav:hover	{
	background-position: bottom left !important;
}


#nearest-select	{
	background: #ADBCD1;		
}
.line15
{
	line-height: 15px;
}

.blink	{
	margin-left: -3px;
	margin-top: -3px;
	border: 3px solid red;
}
.blStep1	{
	background-color: #00295a;
	opacity:0.75;
	-moz-opacity:0.75;
	filter:Alpha(opacity=75);
	z-index: 100;
}
.step2	{
	background-color: #ffffff;
	opacity:0.70;
	-moz-opacity:0.70;
	filter:Alpha(opacity=70);
}

.opacity80	{
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: Alpha(opacity=80);
}
.mapOpacity	{
	opacity:0.55;
	-moz-opacity:0.55;
	filter:Alpha(opacity=55);
}
.price-table    {
    margin: 10px 0;
}

@media print
{
	.noprint
	{
		display: none;
	}
}