/* Kleiner Bildschirm & iPad quer; */
@media all and (min-width: 1000px) and (max-width: 1070px) {

		iframe { width: 100%; }

		#tp { padding: 0px; width: 100%; }
		#tpl { width: 25%; }

		#tpc { width: 60%; }
}

/* Kleiner Bildschirm & iPad hoch; */
@media all and (min-width: 768px) and (max-width: 999px) {



}


/* iPhone & Mobile */
@media all and (max-width: 767px) {

	/* Anpassungen für Partner-Detaileintrag */
	#tp .header { height: auto; }
	#tp .tpcontent {
		margin-left: 0px !important;
		float: left !important;
	}

	#tp #tpl { width: 90% !important; }

	#tpl .box { 
		width: 200px !important;
		float: left;
		margin-right: 20px;
	}

	#tp #tpc { width: 90% !important; }
	#tp #tpc .tpmatch { border: 0px solid #fff; }


	#tp #tpc .tpmatch .File.Bild img { width: 100% !important; height: auto !important; }

	#tpc .partner .Bild { float: none !important; }
	#tpc .partner .tpcontent { float: none !important; min-height: auto !important; }

	/* Anpassungen Partner-Detaileintrag Formulare */
	#tp #tpc .TraminoForm .Widget { width: 100% !important; }
	#tp #tpc .TraminoForm .Widget .Zeile .adresse_land select { width: 100% !important; }

	/* Bewertungen */
	#tp #rating #ratingform > div {
		width: 100% !important;
	}

	#tp #rating #ratingform input { width: 100% !important; }
	#tp #rating #ratingform textarea { width: 100% !important; }

	#tp #rating #ratingform .DatumWidget { width: 150px !important; }
	#tp #rating #ratingform .SpamstopWidget { margin-bottom: 20px; }
	#tp #rating #ratingform .SpamstopWidget > label { padding: 5px 0px; }
	#tp #rating #ratingform .SpamstopWidget > input { margin-top: 10px; width: auto !important; }

	#tp #rating #ratingform input[type=submit] { width: auto !important; }


}


@media all and (max-width: 767px) and (orientation:landscape) {
}#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 { height: 135px; }
#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 #ccc; font-size: 13px; }
#tpl .nav li.warenkorb { padding-left: 20px; background: url(//tramino.s3.amazonaws.com/tramino/gfx/icons/cart.png) 0px 2px no-repeat;}
#tpl .nav ul ul { padding-bottom: 5px; }
#tpl .nav li li { margin-left: 10px; border-bottom: 0px; border-top: 1px solid #ddd; font-size: 11px; }

body #tpl .nav a { display: block; color: #666; padding: 3px 0px;}
body #tpl .nav a:hover { display: block; color: #333; padding: 3px 0px; }
body #tpl .nav li.on a { color: #000; }
body #tpl .nav li.on li a { color: #666; }

#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 { height: 20px; margin-bottom: 15px; margin-right: 20px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}
#tpc .nav ul { display: block; list-style: none; margin: 0px; padding: 0px; font-size: 11px;  }
#tpc .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 { border-bottom: 1px solid #fff; }
body #tpc .nav a { display: block; height: 14px; color: #aaa; padding: 3px 10px; }
body #tpc .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 a {
	float: left;
	margin-right: 15px;
}

#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; }

#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; }



#tpc_pictures .pictures {
	float: left;
	margin: 0px 20px 10px 0px;
	width: 230px;
	font-size: 11px;
	height: 180px;
	cursor: pointer;
}

#fancybox-overlay {
	height: 0px !important;
	width: 0px !important;
}

/* Anpassung für iframe (responsive) */
#tp { padding-left: 0px !important; width: 100% !important; }
#tp .header { padding-left: 20px !important; }
#tpl { padding-left: 20px; width: 25% !important; }
#tpc { width: 60% !important; float: left !important; }