body, html {
	width: 100%;
	height: 100%;
}

body #content {
	width: 100%;
	height: 100%;
}

body #content #map_wrapper {
	/*width:100%;
	height:90%;*/
    width: 992px;
    height: 618px;
	position:absolute;
}

body #addrsearch_form {
	position: absolute;
	height: 20px;
	right: 0;
	top: 20px;
	margin-right: 20px;
}

#logo {
	position: absolute;
	left: 10px;
	top: 10px;
}

div.restologos img {
	float: left;
}

div.restologos a {
	float: left;
}

div.restoguides a {
	float: left;
}

div.infoBox {
    background-color:#FFF;
    padding:4px;
    min-width:40px;
    max-width:210px;
    border: 1px solid rgb(227, 227, 227);
}

/******************************************************
	Reset Browser Style
*******************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	font-weight:normal; 
	font-style:normal; 
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th { 
	 text-align:left; 
}
fieldset,img {  
	border:0; 
}
hr {
	border:0;
	margin:0;
	padding:0;
}
img { display:block; border:0 }
area { border:0 }



/******************************************************
	MySwitzerland Style
*******************************************************/

body{
	font-family: Arial, sans-serif;
	font-size:13px;
	line-height:20px;
	color:#666;
	background:#FFF
	/*width:1024px;
	height:695px;*/
}
#google_map_container {
	width:992px;
	height:676px;/*618px;*/
	padding:0px 15px 0px 15px;
	margin:0 auto;	
	overflow:hidden;
}

#google_map_container #content {
position:relative;
}
#google_map_container #google_map_header {
height:58px;
}
#google_map_search {
    margin-top: 20px;
    float:right;
	width:275px;
	height:21px;
    padding: 0px 0px 0px 30px;
	background: url(/img/layout/google_map/bg_search.png) no-repeat;
	border:none;
}
.set_value {
	color:#999
}
.onfocus,
.set_value.onfocus
{
	color:#333
}

#google_map {position:relative;}
#map {z-index:0;}

#tool_box {
	position:absolute;
    right: 4px;
    top: 32px;
	width:298px;
	z-index:50;
    background: url(/img/layout/google_map/shadow_tool_box_middle.png) repeat-y;
	padding:0 7px;
}
.shadow_bottom {
	position:absolute;
	width:322px;
	height:17px;
	background: url(/map/images/icons/shadow_tool_box_bottom.png) no-repeat;
	left:0px
}
/******************************************************

	Fonts
*******************************************************/

h1, h2, h3 {
	font-family: Arial, sans-serif;
	/*color:#3d7d7d*/
	color:#da202c
    /*color:#BCA87A;*/
}

a, a:hover, a:active {
	text-decoration:none;
	color:#333333;
}
a:active {
	color:#000;
}
a:hover{
	color:#DA202C;
	/*color:#333333;*/
}
a.extern,
a.intern,
.intern a,
.extern a,
#sitemap a,
.download,
.add_to_cart{
	background:url(/map/images/icons/arrows.png) no-repeat left 5px ;
	padding-left:11px;
	display:block;
}
a.extern.bold,
a.intern.bold,
.intern.bold a,
.extern.bold a
 {
	font-weight:bold
}

/******************************************************
	box
	
	"box_block" is box wrapper and add border around
	"box" is each box element

*******************************************************/

.box {
	clear:both;
}
.box h3{
	position:relative;
}
.box h3.title,
.box.open h3.title{
	border-bottom:solid 1px #E3E3E3;
	border-top:solid 1px #E3E3E3;
	border-left:solid 1px #FFF;
	padding:7px 9px 8px 8px;
	font-size:15px;
	line-height:17px;
	color:#333333;
	font-weight:bold;
	background:url(/map/images/icons/bg_toggleable.png) repeat-x left 0  #F2F2F2;
	
}
.box h3.title.result,
.box.closed h3.title.result{
	padding:7px 9px 8px 40px;
}

.result_icon {
	background:url(/map/images/icons/star_small.png) repeat-x left 0;
	width:15px;
	height:20px;
	position:absolute;
	left:16px;
	top:5px;
}
.box .box_content {
    padding:4px 7px 0px 6px;
    /*border-left:solid 1px #fff;*/
	border-left:none;
	border-top:1px solid #E3E3E3;
}

/******************************************************
	toggleable elements
	
	exmpl - class="box toggleable open"
	no toggleable  		- always open
	toggleable + open   -  initially open
	toggleable + closed  - closed, set by jquery
	if js inactive, all box are open.
	In the beginning jquery read 'toggleable' class and add class="closed" to the box

*******************************************************/

.toggleable h3 {
	cursor:pointer
}

/* - + icon */
.icon_switch,
.box.open .category_box.closed .icon_switch{
	width:14px;
	height:14px;
	background:url(/map/images/icons/icon_switch.gif) -50px 0;
	display:block;
	overflow:hidden;
	position:absolute;
	top:9px;
	right:13px;
}
.box h3.title .icon_switch {
	right:20px;
}
.box.open .category_box .icon_switch,
.box.open .category_box.closed .icon_switch{
	right:13px;
}
/*  toggleable open */
.box.open .icon_switch,
.category_box.open .icon_switch{
	background-position: 0 0
}
.box.open h3.title:hover{
	background-position: 0 -50px;
	color:#000;
}
.result_counter {
	font-weight:normal
}
.box.open h3.title:hover .icon_switch,
.category_box.open h3:hover .icon_switch{
	background-position: 0 -50px
}

/*  toggleable closed */

.box.closed h3.title {
	background: #F0F0F0;
	color:#999;
}
.box.closed h3.title:hover {
	background:url(/map/images/icons/bg_toggleable.png) repeat-x left 0 #F0F0F0;
	color:#333;
}
.box.closed h3.title:hover .icon_switch,
.box.open .category_box.closed h3:hover .icon_switch{
	background-position:-50px -50px
}

/* toogle_content is wrapper 
 added by jquery
 needed for ie 7
*/
.toggle_content {
	position:relative;
	zoom:1
}

/*  category_box */

.box .category_box.first h3,
.box .category_box.first h3:hover{
	border-top: none
}
.box .category_box h3,
.box .category_box h3:hover{
	
	font-size:13px;
	color:#999;
	padding:5px 9px 6px 33px;
	font-weight:bold;
	border-top:solid 1px #E3E3E3;
	width:242px;
	background-position:8px 9px;
	background-repeat:no-repeat;
}
.box .category_box h3:hover {
	color:#333;
}
.category_01 {
	background-image:url(/map/images/icons/marker_purple.png);
}
.category_02 {
	background-image:url(/map/images/icons/marker_blue.png);
}
.category_03 {
	background-image:url(/map/images/icons/marker_green.png);
}
.category_04 {
	background-image:url(/map/images/icons/marker_yellow.png);
}
.category_05 {
	background-image:url(/map/images/icons/marker_orange.png);
}
.category_06 {
	background-image:url(/map/images/icons/marker_red.png);
}
.category_07 {
	background-image:url(/map/images/icons/marker_yellow.png);
}
.category_08 {
	background-image:url(/map/images/icons/marker_blue.png);
}
.category_09 {
	background-image:url(/map/images/icons/marker_green.png);
}
.category_10 {
	background-image:url(/map/images/icons/marker_yellow.png);
}
.category_11 {
	background-image:url(/map/images/icons/marker_orange.png);
}
.category_12 {
	background-image:url(/map/images/icons/marker_red.png);
}
.category_13 {
	background-image:url(/map/images/icons/marker_purple.png);
}
.category_14 {
	background-image:url(/map/images/icons/marker_blue.png);
}
.category_15 {
	background-image:url(/map/images/icons/marker_green.png);
}
.box .category_box .box_content {
	border-left:none;
	border-top:1px solid #E3E3E3;
	padding:8px 7px 9px 6px;    
}



/* ----------------------------------------------------
 	formular
------------------------------------------------------*/

.checked,
input:checked{
	color:#333;
	font-weight:bold;
}
ul input[type=radio]{
	width:14px;
	height:14px;
	margin:0 12px 0 0;
}
ul input[type=checkbox]{
	width:14px;
	height:14px;
	float:left;
	display:block;
	margin:2px 12px 0 0
}
ul label {
	font-size:13px;
	color:#999999;
	font-weight:bold;
	text-shadow:1px 1px 0px #FFFFFF;
	cursor:pointer
}
ul label:hover {
	color:#333;
}
ul label.checked{
	color:#333;
	font-weight:bold;
}

/* Custom */
.checkbox_tree ul  {
	margin-left:12px;
}

/* ----------------------------------------------------
 	link_to_input
------------------------------------------------------*/

.link_to_input li {
	/*padding:3px 0 2px 0;*/
	padding:2px 0 1px 0;
	clear: both;
}
.link_to_input li,
.link_to_input label,
.link_to_input a{
	font-size:13px;
	color:#999999;
	font-weight:bold;
}
.link_to_input label:hover,
.link_to_input a:hover{
	color:#333;
}


/* ----------------------------------------------------
 	markers
------------------------------------------------------*/
.marker,
.marker_result{
	width:29px;
	height:35px;
	background-position:left -47px;
	position:absolute;
	cursor:pointer;
	background-repeat:no-repeat;
}
.marker_result {
	background-position:left -117px;
}

/******************************************************
	Teaser Elements
	
	default -  1 col width
	image is full width
	grey color 
	
*******************************************************/
.teaser_wrapper {
	background:url(/map/images/icons/shadow_teaser.png) left bottom no-repeat;
	padding:0 4px 11px 4px;
	position:absolute;
}
.teaser_wrapper .is-cluster {
	width:auto;
	background-position: right bottom;
}

.teaser {
	width:210px;
	height:280px;
	/*width:200px;*/
    /*height:265px;*/
    /*
	border:solid 1px #E3E3E3;
	padding:4px;
	background:url(/img/layout/bg_teaser.png) 0 -275px repeat-x #fff;
	position:relative
	*/
	overflow:hidden;
}

.teaser.col1.extended {
    overflow: hidden;
    height: 275px;
    padding: 0;
    width: 210px;
}

.teaser_cluster {
	overflow:auto;
	height:285px;	
	/*height:275px;*/
}
.teaser_img {
	overflow:hidden;
	/*height:110px;
	width:200px;*/
	height:120px;
	border:1px solid #B8B19F;
}
.teaser_img img {
	width:220px;
	min-height: 120px;
}
.teaser_text {
	margin-top:10px;
	height:140px;
	cursor:pointer;
}
.teaser_text h2{
    /*
	font-size:14px;
	line-height:16px;
	margin-bottom:5px;
	text-transform:uppercase;
    */

	font-size:21px;
	line-height:24px;
    margin-bottom:8px;
	text-shadow:1px 1px 0px #FFFFFF;
}
.teaser_text p {
	padding:0;
	color:#727272;
	font-size:12px;
	line-height:14px;
}
p.category { 
	color:#333;
	display:none;
}
.teaser_text ul .summery {
	margin-top:12px;
}
.teaser a {
	display:block;
}

.summery {
	font-weight:bold;
}

/* special modification for Sospo and Wispo */
.teaser_text.sospo p.txt, 
.teaser_text.wispo p.txt 
{
	color:#000000;
}

.teaser_text.sospo .teaser_scroll, 
.teaser_text.wispo .teaser_scroll 
{
	overflow: auto;
}

.teaser_text.sospo .teaser_scroll.one-line, 
.teaser_text.wispo .teaser_scroll.one-line 
{
	height:210px;
}

.teaser_text.sospo .teaser_scroll.two-lines, 
.teaser_text.wispo .teaser_scroll.two-lines 
{
	height:185px;
}

.teaser_text.sospo .teaser_scroll.three-lines, 
.teaser_text.wispo .teaser_scroll.three-lines 
{
	height:165px;
}

.teaser_text.sospo p.txt a:hover,
.teaser_text.wispo p.txt a:hover {
	color:#000000;
}


/******************************************************
	Teaser Elements with special offer
	
	default -  1 col width
	padding - around the element
	green color 
	
*******************************************************/

.teaser.col1.campaign {
	background:url(/img/layout/bg_teaser_campaign.png)  repeat-x 0 0;
}
.teaser.campaign:hover {
	background-position: 0 -275px;
}

.teaser.col1.campaign .teaser_img {
	width:200px;
}

p.campaign_title { 
	color:#DA202C;
	font-weight:bold;
	text-shadow:1px 1px 0px #FFFFFF
}
.label_top {
	background:url(/img/layout/label_top.png) no-repeat
}
.label_recommended {
	background:url(/img/layout/label_recommended.png) no-repeat
}
.label_best_value {
	background:url(/img/layout/label_best_value.png) no-repeat
}
.label_top,
.label_recommended,
.label_best_value {
	position:absolute;
	width:72px;
	height:49px;
	color:#DA202C;
	font-size:13px;
	line-height:24px
}

.badge_book_now {
	background:url(/img/custom/badge_book_now_sml.png) no-repeat left top;
	width:76px;
	height:75px;
	position:absolute;
	right:10px;
	top:10px;
}
.badge_book_now:hover {
	background-position:-80px 0px
}

/******************************************************
	add to favorit element in teaser
*******************************************************/

a.to_favorite {
	width:28px;
	height:28px; 
	position:absolute; 
	right:0; top:4px; 
	display:none; 
	z-index:150;
	background:url(/img/layout/icon_favorite.png) no-repeat
}
a.to_favorite:hover {
	background-position: 0 -50px
}
a.to_favorite:active {
	background-position: 0 -100px
}

.teaser.col1.campaign a.to_favorite {
	right:4px; 
}
.teaser:hover .to_favorite {
	display:block;
}
/******************************************************
	video
*******************************************************/

a.video {
	position:relative;
	display:block;
	z-index:1
}
span.player {
	position:absolute;
	left:80px;
	top:30px;
	width:49px;
	height:49px;
	z-index:10;
	background:url(/img/layout/icon_play.png) no-repeat;
}
.video_info {
	width:130px;
	height:50px;
	position:absolute;
	left:3px;
	bottom:0;
	color:#333
}
 .star_rating {
	position: absolute;
	width:65px;
	height:31px;
	bottom:0;
	right:0;
	z-index:100
}
/******************************************************
	plugin jQuery UI Stars v3.0.1
*******************************************************/

.star_rating .rating_alt_text {
	display:none;
}
/*!
 * jQuery UI Stars v3.0.1
 * http://plugins.jquery.com/project/Star_Rating_widget
 *
 * Copyright (c) 2010 Marek "Orkan" Zajac (orkans@gmail.com)
 * Dual licensed under the MIT and GPL licenses.
 * http://docs.jquery.com/License
 *
 * $Rev: 164 $
 * $Date:: 2010-05-01 #$
 * $Build: 35 (2010-05-01)
 *
 */
.ui-stars-star,
.ui-stars-cancel {
  float: left;
  display: block;
  overflow: hidden;
  text-indent: -999em;
  cursor: pointer;
  margin-top:3px;
  height:20px
}
.ui-stars-star a,
.ui-stars-cancel a {
  width: 16px;
  height: 15px;
  display: block;
  background: url(/img/layout/rating_stars.png) no-repeat 0 0;
}
.ui-stars-star a {
  background-position: 0 0px;
}
.ui-stars-star-on a {
  background-position: 0 -30px;
}
.ui-stars-star-hover a {
  background-position: 0 -60px;
}
/*
.ui-stars-cancel-hover a {
  background-position: 0 -16px;
}
*/
.ui-stars-star-disabled,
.ui-stars-star-disabled a,
.ui-stars-cancel-disabled a {
  cursor: default !important;
}
/******************************************************
	tooltip
*******************************************************/

.tooltip{
    position:absolute;
    z-index:800;
    left:-9999px;
    background: url(/img/layout/bg_tooltip_right.png) top right no-repeat transparent;
	padding-right:7px;
	display:none;
}
.tooltip p{
   background: url(/img/layout/bg_tooltip.png) top left no-repeat transparent;
    padding:9px 20px 28px 20px;
    color:#333;
	font-size:13px;
	line-height:18px;
	font-weight:bold;
	white-space:nowrap;
}
.tooltip.to_left{
    background: url(/img/layout/bg_tooltip_to_left.png) top left no-repeat transparent;
	padding:0 0 0 11px;
}
.tooltip.to_left p{
    background: url(/img/layout/bg_tooltip_to_left_right.png) top right no-repeat transparent;
	padding:9px 31px 28px 9px;
}

/******************************************************
	Hotel ranking
*******************************************************/

.ranking img{
	display:inline;
	vertical-align:top;
}
.ranking{
	margin:2px 0 0 5px;
	overflow:hidden;
	display:inline-block;
	height:20px;
	width:0px; /* hide if there is no star number link .star1 or .star2 */
}

.ranking.star1{
	width:11px;
}
.ranking.star2 {
	width:25px;
}
.ranking.star3 {
	width:39px;
}
.ranking.star4 {
	width:53px;
}
.ranking.star5 {
	width:67px;
}
.icon_swiss_quality {
	display:inline;
	vertical-align:top
}



/******************************************************
	clear float element
*******************************************************/
.box_content:after,
.button:after,
.box .button:after,
.toggleable_content:after,
.show_all:after,
.star_rating:after,
.teaser_text:after
{
	content: ".";
    display: block;
    height: 0;
	font-size: 0;
    clear: both;
    visibility: hidden;
}

/* ie float clear hack */
.box_content,
.button,
.box .button,
.toggleable_content,
.show_all,
.star_rating,
.teaser_text
{
	zoom:1
}


/******************************************************
	Print Style
*******************************************************/

@media print {
	.toggle_content {
		display:block !important;
	}
	.icon_switch {
		background-position:0 0 !important;
	}

}

/*****************************************************
  Placeholder
******************************************************/
/* native support for safari and chrome */
::-webkit-input-placeholder {color: #999;} 

/* native support for firefox */
:-moz-placeholder {color: #999;} 

/* EnablePlaceholder. Use the class specified in the "withPlaceholderClass" option, that is "placeholder" by default */
.placeholder {color: #999;} /* fallback solution by enablePlaceholder */

/* special case of IE */
#google_map_search .placeholder .ie {padding-top:2px !important;}