﻿/* 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 {
    border-top: 1px solid black;
	padding: 5px 2px;
	font: normal normal 10px Verdana;
}
.toRight {
    float: right;
}
.horizontal-thin-banner {
	margin: 10px 0px 10px 0px;
	text-align: center;
}
#mainframe-banner-table {
	width: 100%;
	empty-cells: hide;
	border-collapse: collapse;
}
#mainframe {
	width: 100%;
}
#spd-menu {
	height: 23px;
	border: 0;
	vertical-align: top;
	border-collapse: collapse;
}
#spd-menu .rollover-menu {
	border: 0;
}
#spd-logo {
	display: block;
	width: 200px;
	height: 66px;
	margin: 15px 0px 0px 5px;
	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 {
	width: 100%;
}
#lefttable, #mainframetable, #search-news-table {
	border-collapse: collapse;
	border: 0;
}
img {
	border: none;
}
/*
#fehler	{	
	width: 95px;
	height: 21px;
	display: inline-block;
	background: transparent url("../_img/fehler.png") no-repeat;
}
#fehler:hover {
	background: transparent url("../_img/fehler_on.png") no-repeat;
}*/
#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, #map-type3 {
	width: 110px;
}

#to-spd	{
/*	width: 300px; */
	vertical-align: middle;
	padding-left: 30px;
}
#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 {
	line-height: 21px;
    width: 100%;
	display: inline-block;
}
.upper-map div	{
	height: 21px;
	float: left;
}
#zoom-container	{	/*specific properties*/
	width: 375px;
	/*top: 12px;*/
	left: -10px;
}
#scale-container {
	line-height: 21px;
	vertical-align: middle;
	width: 110px;
}
#upper-map-border {
	margin-right: 5px;
	float: left;
}
#tools-container img {
	margin-right: 5px;
}
ul.menu-container {
	z-index: 2000;
	padding: 0 3px 2px 4px;
	font: 10px Verdana;	
	position: absolute;
	list-style-type: none;
	background-color: White;
	border-color: #003366;
    border-style: solid;
    border-width: 0 1px 1px;
}
ul.menu-container li {
	padding-top: 1px;
}
ul.menu-container li:first-child {
	padding-bottom: 2px;
	vertical-align: top;
}
ul.menu-container li img {	
	cursor: pointer;
	vertical-align: middle;
}
.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: 69px;
}
#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 {
	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;	    
}

/* routing search form */
#spd-search-form-routing 
{
	width:100%;
	border-top: solid 5px #003366;
	border-left: solid 1px #7F9DB9;
    border-right: solid 1px #7F9DB9;
    border-bottom: solid 1px #7F9DB9;
}
/*
#spd-search-form-routing .first_row td	{
	border-top: solid 5px #003366;
}
*/
#spd-search-form-routing  td	{
	padding: 3px;
}
/* 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: 300px;}

.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 {
	margin-top: 5px;
    border-collapse: collapse;
    width: 100%;
}
#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
 */


/*
 * Orientation control
 */
#orientation-container {
	z-index:1001;
	position:absolute;
	top:30px;
	left:10px;
	background-color: White;
	opacity:0.7;
	filter:Alpha(opacity=70);

}

#orientation-container input {
	width:60px;
	cursor:pointer;
}
/*
 *  End of Orientation Control
 */

/*
 *	Panel CSS
 */
.panel-nomargin {
	margin: 0px 3px 2px 3px;
}
.panel	{
	margin: 5px 3px 5px 10px;
}
.addWidth	{
	width: 201px;
}
.addWidth200px{
	width: 200px;
}
.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;	
	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  {
    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;
}
/* Red Circle */
.rc-container {
	white-space: nowrap;
	position: absolute;
	margin-left: -55px; /* tail x offset */
}
div.rc-tooltip img.rc-tooltip-close {	
	float: right;
	cursor: pointer;
	margin-right: -16px;
}
div.rc-tooltip-desc, div.rc-greenzone {
	position: relative;
	z-index: 200;
	overflow: hidden;
	padding: 5px 20px 5px 10px;
	margin-right: 20px;
	border-style: solid;
	border-color: #0658B2;	
	background: url('../_files/rc/bg.png') repeat;
}
div.rc-tooltip-desc {
	border-width: 2px 2px 0px 2px;
}
div.rc-tooltip div.rc-tooltip-title {
	height: 12px;
	font-weight: bold;
}
div.rc-tooltip div.rc-tooltip-desc div {
	margin-bottom: 3px;
}/*
div.rc-tooltip a {
	display: inline-block;
}*/
div.rc-greenzone {
	height: 28px;
	padding-right: 40px !important;
	white-space: normal !important;
	vertical-align: middle;
	border-width: 1px 2px 0px 2px;
}
div.rc-greenzone span {	
	white-space: nowrap !important;
}
div.rc-greenzone img {
	position: absolute;
	right: 5px;
}
.rc-tooltip-tail {
	z-index: 5;
	left: 0px;
	position: absolute;	
}
.tooltip-shadow {
	height: 50%;
	width: 110%;
	bottom: 21px;
	margin-left: 10px;
	position: absolute;
}
.tooltip-shadow-tail {
	position: relative;
	z-index: 1;
}
div.rc-tooltip-tail-repeat {
	margin-right: 20px;
	margin-left: 53px;
	border-top: 2px solid #3399CC;
}
#rc {
	width: 69px;
	height: 69px;
	left: 18px;
	bottom: -30px;
	position: absolute;
	z-index: 3;
}
/*soundmanager fix*/
#sm2-container {
	 bottom: 0px;
}
/**/
@media print
{
	.noprint
	{
		display: none;
	}
}