/* --- Stylesheet 1427 () --------- */ 

#tp { background-color: #fff; padding: 20px 0px 20px 25px; width: 705px; min-height: 700px; color: #666; font-family: Arial; font-size: 13px;  }
#tp.frameless { width: 500px; padding: 0px; }

body #tp a { font-family: Arial; text-decoration: none; border: 0px; padding: 0px; color: #666; background-color: transparent; font-weight: normal; }
body #tp a:hover { font-family: Arial; text-decoration: none; border: 0px; padding: 0px; color: #000; background-color: transparent; font-weight: normal; }

#tp .header { min-height: 135px; height:auto !important; }
#tp .header .Bild { float: left; width: 180px; height: 135px; overflow: hidden; background-color: #f4f4f4; }
#tp .header .tpcontent { margin-left: 205px; margin-right: 5px; }
#tp .header h5 { color: #666; font-size: 13px; font-weight: normal; font-family: Arial; margin: 0px 0px; }
#tp .header h1 { color: #000; font-size: 31px; line-height: 31px; font-weight: normal; font-family: Arial; margin: 8px 0px 5px 0px;}
#tp .header p { color: #333; font-size: 15px; line-height: 120%; font-family: Arial; margin: 0px 10px 0px 0px;  }

#tpl { float: left; margin-top: 35px; width: 180px;  }
#tpl .box { border-top: 1px solid #ccc; margin-bottom: 20px;}
#tpl .box .adresse { margin-top: 10px;}
#tpl .nav.box  { margin-bottom: 20px; }
#tpl .nav ul { list-style: none; margin: 0px; padding: 0px; }
#tpl .nav li { padding: 0px; border-bottom: 1px solid #A8A088; font-size: 13px; }

#tpl .box.nav {
	background:#C3B999;
	border-top: 1px solid #A8A088;
	border-left: 1px solid #A8A088;
	border-right: 1px solid #A8A088;
}

body #tpl .nav a { display: block; color: #333 !important; padding: 5px 0px 5px 5px !important;}
body #tpl .nav li.on { color:#fff; background:#8F805A; }
body #tpl .nav li.on a { color: #fff !important; }

body #tpc .nav li.on {
	background:#FFF;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-top: 1px solid #aaa;
	margin-right:5px;
}

body #tpc .nav li.off {
	background:#C2AA6A;
	color:#fff !important;
	border-color: #fff !important;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	margin-right:5px;
}

body #tpc .nav li.off a { color: #fff !important; }
body #tpc .nav li.off a:hover { color: #fff !important; }

body #tpc .nav li.off:hover {
	background: #EF7F01 !important;
	color:#fff !important;
}


body #tpl .nav li:hover, body #tpl .nav li a:hover {
	background: #F93 !important;
}


body #tpl .nav .ratingline {
	width:50px;
	display:inline-block;
	height:6px;
	background:#fff url(http://tramino.s3.amazonaws.com/s/oberstaufen/131847/rating-icons.png) 0 -28px;
	margin-left:5px;
	border: 2px solid #fff;
}

body #tpl .nav.ratingline span {
	background:#fff url(http://tramino.s3.amazonaws.com/s/oberstaufen/131847/rating-icons.png) 0 -36px;
	height:6px;
	display:inline-block;
	white-space: nowrap;
}


#tpl .box .oeffnungszeiten { margin-top: 10px; }
#tpl .box .oeffnungszeiten .tage { width: 6em; }

#tp .price { margin: 10px 0px 0px 0px; }
#tp .price .right { margin-left: 10px; }

#tp .buttons { height: 20px; }
#tp .buttons .button { text-transform: uppercase; font-size: 11px; }
#tp .buttons .button.right { display: block; float: right; margin-left: 10px; }
body #tp .buttons .button a { display: block; color: #fff; background-color: #aaa; padding: 2px 8px;  }
body #tp .buttons .button a:hover { display: block; color: #fff; background-color: #555; padding: 2px 8px;  }
#tp .tpmatch .buttons  { margin-top: 10px; }

#tp .Widget { display: inline-block; margin: 5px 3px 5px 0px; }
#tp .Widget .Widget { display: block; margin: 0px; }
#tp .StarsWidget { margin: 3px 15px 3px 0px; }
#tp .Widget label { display: block; font-size: 11px; color: #666; padding: 0 0 1px 9px; }
#tp .Widget.TextAreaWidget { display: block; }

#tp .preis { display: block !important; font-family: Arial; font-size: 18px !important; line-height: 110%; font-weight: normal; color: #963; }

#tpc, #tpm { float:right; margin-left:25px; padding-top:15px; width:500px; }
#tpc .nav, #tpsp .nav { height: 20px; margin-bottom: 15px; margin-right: 20px; border-bottom: 1px solid #ccc;}
#tpc .nav ul, #tpsp .nav ul { display: block; list-style: none; margin: 0px; padding: 0px; font-size: 11px;  }
#tpc .nav li, #tpsp .nav li { height: 19px; float: left; padding: 0px; text-transform: uppercase; border-right: 1px solid #ccc; border-top: 1px solid #ccc;  }
#tpc .nav li.on, #tpsp .nav li.on { border-bottom: 1px solid #fff; }
body #tpc .nav a, body #tpsp .nav a  { display: block; height: 14px; color: #aaa; padding: 3px 10px; }
body #tpc .nav_off a:hover, body #tpsp .nav_off a:hover { display: block; background-color: #aaa; color: #fff; padding: 3px 10px; }

#tpm .nav { height: 20px; margin-bottom: 15px; margin-right: 20px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}
#tpm .nav ul { display: block; list-style: none; margin: 0px; padding: 0px; font-size: 11px;  }
#tpm .nav li { height: 19px; float: left; padding: 0px; text-transform: uppercase; border-right: 1px solid #ccc; border-top: 1px solid #ccc;  }
#tpm .nav li.on { border-bottom: 1px solid #fff; }
body #tpm .nav a { display: block; height: 14px; color: #aaa; padding: 3px 10px; }
body #tpm .nav_off a:hover { display: block; background-color: #aaa; color: #fff; padding: 3px 10px; }


#tpc .bilder { height: 112px; overflow: hidden; margin-bottom: 20px; }
#tpc .bilder .Bild { float: left; width: 150px; margin-right: 15px; }

#tpc .tags { font-size: 12px !important; }
#tpc .tags .tag { float: left; width: 160px; margin-right: 5px; padding: 1px 0px; overflow:hidden; }

#tpc .tpmatch { margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc; margin-bottom: 10px; margin-right: 20px;}
#tpc .tpmatch2 { margin-bottom: 16px; padding-top: 15px; border-top: 1px solid #ccc; margin-right: 20px;}

#tpc h2 { font-family: Arial; font-size: 25px; font-weight: normal; margin: 9px 0px; color: #333; }
#tpc h4 { font-family: Arial; font-size: 14px; font-weight: normal; margin: 5px 0px; color: #000; }
#tpc table th { font-weight: 100 }

#tpc h5 { font-family: Arial; font-size: 12px; font-weight: normal; margin: 3px 0px; color: #999 }
#tpc h3 { font-family: Arial; font-size: 18px; font-weight: normal; margin: 5px 0px; color: #393 }
body #tpc h3 a { font-size: 18px; line-height: 110%; color: #393; border-bottom: 1px dotted #ccc; }
body #tpc h3 a:visited { color: #393; }
body #tpc h3 a:hover { font-size: 18px; line-height: 110%; color: #161; }

#tpc .text { margin: 5px 10px 5px 0px; font-size: 13px; }
#tpc .text .links { text-align: right; margin: 5px 0px; height: 25px; }
#tpc .text .links a { line-height: 110%; color: #393; border: 1px solid #ccc; display: block; float: right; padding: 2px 10px;  margin-left: 10px; }
#tpc .text .links a:visited { color: #393;  }
#tpc .text .links a:hover { line-height: 110%; color: #161; border: 1px solid #161; }

#tpc .tpmatch2.text p { margin-top: 0px; margin-bottom: 25px;  }


#tpc .person .Bild { float: left; width: 90px; height: 120px; overflow: hidden; background-color: #ddd; }
#tpc .person > .tpcontent { min-height: 130px; margin-left: 110px; }

#tpc .partner .Bild { float: left; width: 150px; height: 112px; overflow: hidden; background-color: #ddd; }
#tpc .partner > .tpcontent { min-height: 130px; margin-left: 170px; }



#tp a.detailbutton {
	padding: 5px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:; 5px;
	background: #C2AA6A;
	cursor:pointer;
	color:#fff !important;
	text-decoration:none;
	font-size:15px;
}

#tp a.detailbutton:hover {
	padding: 5px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:; 5px;
	background: #EF7F01;
	cursor:pointer;
	color:#fff !important;
	text-decoration:none;
	font-size:15px;
}

input[type="submit"]#FDsubmit {
	color:#fff !important;
	background:#EF7F01 !important;
	padding:5px 12px !important;
	margin-top:10px !important;
	border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	display:inline-block;
	cursor:pointer;
	font-size: 13px !important;
	border:1px solid #EEE !important;
}

input[type="submit"]#FDsubmit:hover, input[type="submit"]#FDsubmit.hovered {
	border:1px solid #EF7F01 !important;
}

input[type="submit"]#FDsubmit.loading {
	background: transparent url(http://tramino.s3.amazonaws.com/gfx/loading.gif) center center no-repeat !important;
	font-size: 0px !important;
	line-height: 20px;
	border:0px solid #EEE !important;
}

#tp .mehrprodukte { display:none; }

#tp .BigPictureprev:hover, #tp .BigPicturenext:hover { border-color: transparent #EF7F01 !important; }

body #tpc h3 a:hover {color: #EF7F01 !important; }