/* --- Stylesheet 1598 () --------- */ 

#left {
	position: absolute;
	left: 20px; top: 20px;
	width: 250px;
}

#nav2 { margin: 0px 0px 40px -10px; font-size: 14px; line-height: 16px;}
#nav2 ul { list-style-type: none; margin: 0px; padding: 0px; }
#nav2 ul a { display: block; padding: 0px 0px 0px 15px; }
#nav2 ul li { margin-bottom: 4px; }
#nav2 ul li.nav_aktiv > a { display: block; padding: 0px 0px 0px 15px; background: url(//tramino.s3.amazonaws.com/s/hotel-oberstdorf/395067/arrow.png) 5px 5px no-repeat; }
#nav2 ul a:hover { background: url(//tramino.s3.amazonaws.com/s/hotel-oberstdorf/395068/arrow1.png) 5px 5px no-repeat !important; }
#nav2 ul ul { display: none; margin: 8px 0px 10px 15px; font-size: 12px; line-height: 14px; }
#nav2 ul li.nav_aktiv ul { display: block; }

#left h4 {
	margin: 20px 0px 5px 0px;
	font-size: 11px;
	color: #777;
	font-family: "Maven Pro", sans-serif;
	text-transform: uppercase;
	font-weight: normal;
}


#left .box { position: relative; }
#left .box {  margin-left: -30px; width: 270px; }
#left .box .inner { background-color: #fff; padding: 20px 20px 25px 30px; }
#left .box h3 { font-size: 16px; line-height: 19px;margin: 0px 0px 5px 0px; }
#left .box .text { font-size: 13px; line-height: 15px; }
#left .box .shadow { width: 250px; height: 10px; background-image: url(//tramino.s3.amazonaws.com/s/hotel-oberstdorf/392600/shadow-left-250.png) }

#left iframe {
	width: 240px;
	height: 180px;
}

#left .box a.button {
	position: absolute;
	right: 15px;
	bottom: 20px;
	display: block;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	color: #fff !important;
	padding: 3px 12px;
	border-radius: 12px;
	background-color: #DF2D20;
}
#left .box a:hover.button {
	background-color: #BF0D00;
}




#left .von_hier {
	margin: 30px 0px 20px 0px;
	padding: 110px 50px 20px 0px;
	padding: 0px 45px 20px 75px;
	background: url(//tramino.s3.amazonaws.com/s/hotel-oberstdorf/394940/von-hier2.png) 0px 0px no-repeat;
	font-size: 12px;
	line-height: 14px;
	color: #709D45;
}

#left .hundert_allgaeu p { margin: 0px; }

.TraminoMemoryButton {
	cursor: pointer; padding: 2px 10px 2px 23px;
	font-size: 11px; color: #777;
	background: url(//tramino.s3.amazonaws.com/tramino/gfx/entypo/folder-30.png) no-repeat 0px 0px;
}

/* --- Stylesheet 1890 () --------- */ 

#fixedcart { z-index: 1000; width: 315px; }
#fixedcart.fixed { position: fixed;  top: 140px; width: 315px; }

#left #MiniCart { background-color: #ffffff !important; width: 270px; padding: 10px 15px 10px 30px; }
#left #MiniCart .pos { border-bottom: 1px solid #ddd; padding-bottom: 4px; padding-right: 0px; }
#left #MiniCart .name { font-size: 12px; line-height: 14px; color: #000; font-weight: bold; }
#left #MiniCart .name .class_name { font-size: 12px; display: block; color: #777; }
#left #MiniCart .price { color: #000; }
#left #MiniCart .remove { left: -23px; color: #fff; background-color: #ccc; padding: 0px 2px 1px 4px; height: 14px; font-size: 16px; line-height: 12px; border-radius: 10px; }
#left #MiniCart .checkout { margin: 8px 0px; text-align: right; font-size: 11px; text-transform: uppercase;  }
#left #MiniCart .checkout a { font-weight: bold; background-color: #509727; color: #fff;  padding: 3px 10px; border-radius: 10px;}
#left #MiniCart .checkout a:hover { text-decoration: none;  }

/* --- Stylesheet 2785 () --------- */ 

@media all and (min-width: 1000px) and (max-width: 1250px) {
	#left { width: 210px; }
	#left .box { width: 240px; }
	#left .box img { width: 240px; height: auto; }
	#left .box .shadow { width: 240px; }

}