/* --- Stylesheet 1592 () --------- */ 

body { margin: 0px; background-color: #F1EEE3; }

#body { font-family: "Maven Pro", sans-serif; font-size: 14px; line-height: 18px; }

#body a { color: #DF2D20; text-decoration: none; }
#body h3 { font-size: 20px; color: #DF2D20; line-height: 24px; font-weight: normal; font-family: "Signika Negative", sans-serif; }


#canvas { position: relative; margin-left: 130px; max-width: 1820px; }


#content { position: relative; margin-right: 30px; }



#inhalt { background-color: #E4E2D7; margin: 20px 0px; padding: 0px; position: relative; }
#inhalt2 { padding: 20px 0px 20px 340px; min-height: 1100px; }

#inhalt3 { margin-top: -20px; padding: 100px 0px 20px 0px;  }

#context { position: relative; }
#context h5 { margin: 0px 0px 7px 0px; color: #999; text-transform: uppercase; font-size: 11px; font-weight: 400; }
#context .tags { position: absolute; left: 20px; top: 0px; width: 250px; }
#context .similar { padding: 0px 30px 20px 280px; }
#context .similar .rubrik { color: #666; }



#TraminoArtikel { padding-top: 40px;  }
#TraminoArtikel .TraminoTextile { margin-right: 330px; max-width: 600px; }
#TraminoArtikel .TraminoTextile h2 { 
	font-size: 22px; 
	line-height: 110%; 
	margin: 10px 0px 10px 0px; 
	color: #DF2D20;
	font-weight: normal;
	font-family: "Signika Negative", sans-serif;
}

#TraminoInhalt h2 { 
	font-size: 22px; 
	line-height: 110%; 
	margin: 10px 0px 10px 0px;
	color: #DF2D20;
	font-weight: normal; 
	font-family: "Signika Negative", sans-serif;
}


#inhalt .Headlines_off {
	position: absolute;
	top: -100px; left: 305px; width: 500px;
	background-color: #fff;
	padding: 20px 35px 20px 30px;
}

#inhalt .Headlines {
	position: relative;
	margin: -150px 0px 30px 0px;
	width: 350px;
	background-color: #fff;
	padding: 20px 35px 20px 25px;
}


#inhalt .Headlines h5 { font-size: 13px; margin: 0px 0px 15px 0px; color: #999; }
#inhalt .Headlines h5 a { color: #999; }

#inhalt .Headlines h1 { 
	font-size: 26px;
	line-height: 110%;
	margin: 7px 0px 7px 0px;
	color: #DF2D20;
	font-weight: normal;
	font-family: "Signika Negative", sans-serif;
}

#inhalt .Headlines .autor { margin-bottom: 5px; height: auto !important; }
#inhalt .Headlines .autor img { position: absolute; top: 20px; right: 0px; }

#inhalt .Headlines h2 {
	font-size: 16px;
	line-height: 19px;
	margin: 0px;
	font-weight: normal;
}

#TraminoArtikel .Files { margin-top: 0px; margin-right: -10px; }
#TraminoArtikel .Files .File { font-size: 12px; line-height: 15px; margin-bottom: 20px; }
#TraminoArtikel .Files .File .Name {
	margin-top: 0px;
	padding-top: 4px;
	background: url(//tramino.s3.amazonaws.com/s/hotel-oberstdorf/390390/shadow-right-250.png) top right no-repeat;
}
#TraminoArtikel .Files .File_1 { display: none; }

#inhalt2.noimages #TraminoArtikel .Files { display: none; width: 0px !important; }
#inhalt2.noimages #TraminoArtikel .TraminoTextile { margin-right: 30px; max-width: 1000px !important; }

#Tramino2412 h1 {
	font-size: 30px;
	line-height: 34px;
}

.TraminoTextile strong { font-weight: 700 !important; }
.TraminoTextile table { border: 0px solid #000; }
.TraminoTextile table th { border: 0px solid #ccc; }
.TraminoTextile table td { padding-top: 5px; padding-bottom: 5px; border: 0px solid #ccc; border-top: 1px solid #999; }

#detailbooking .step { background-color: transparent !important; }
#ShopProdukte { background-color: transparent !important; }


#FacebookConnect .button { background-color: #fff; }

.T318 { max-width: 1000px; margin: 0px auto; }


/* --- Stylesheet 2565 () --------- */ 

#body.Mandant_112 .off h3 { font-family: 'Yanone Kaffeesatz', sans-serif; color: #3B694C; font-size: 25px !important; }
#body.Mandant_112 h3 { color: #3B694C; }
#body.Mandant_112 a { color: #3B694C; }
#body.Mandant_112 #nav ul li li a { color: #3B694C !important; }
.Mandant_112 #TraminoArtikel .TraminoTextile h2 { font-family: 'Yanone Kaffeesatz', sans-serif; color: #3B694C; }
.Mandant_112 #TraminoInhalt h2 { font-family: 'Yanone Kaffeesatz', sans-serif; color: #3B694C; }
.Mandant_112 #inhalt .Headlines h1 { font-family: 'Yanone Kaffeesatz', sans-serif; color: #3B694C; font-size: 45px; line-height: 40px; }

.Mandant_112 #content .T1233 .text h1 { font-family: 'Yanone Kaffeesatz', sans-serif; color: #3B694C; font-size: 32px; line-height: 30px; }
.Mandant_112 #content .T1240 .text h1 { font-family: 'Yanone Kaffeesatz', sans-serif; color: #3B694C; font-size: 32px; line-height: 30px; }

.Mandant_112 #logo { background-image: url(//tramino.s3.amazonaws.com/s/oberstdorf-resort/582002/or-logo.png); }
.Mandant_112 #folder { background-image: url(//tramino.s3.amazonaws.com/s/oberstdorf-resort/582001/textur.jpg); }

.Mandant_112 #TraminoInhalt .T1241 .text h2 { color: #3B694C; }
.Mandant_112 #TraminoInhalt .T1545 .item h1 a { color: #3B694C !important; }

/* --- Stylesheet 1887 () --------- */ 

#body.Mandant_105 .off h3 { font-family: "Alex Brush", sans-serif; color: #3B694C; font-size: 25px !important; }
#body.Mandant_105 h3 { color: #3B694C; }
#body.Mandant_105 a { color: #3B694C;  }
#body.Mandant_105 #nav ul li li a { color: #3B694C !important; }
.Mandant_105 #TraminoArtikel .TraminoTextile h2 { font-family: "Alex Brush", sans-serif; color: #3B694C; }
.Mandant_105 #TraminoInhalt h2 { font-family: "Alex Brush", sans-serif; color: #3B694C; }
.Mandant_105 #inhalt .Headlines h1 { font-family: "Alex Brush", sans-serif; color: #3B694C; font-size: 50px; line-height: 40px; }

.Mandant_105 #content .T1233 .text h1 { font-family: "Alex Brush", sans-serif; color: #3B694C; font-size: 40px; line-height: 30px; }
.Mandant_105 #content .T1240 .text h1 { font-family: "Alex Brush", sans-serif; color: #3B694C; font-size: 40px; line-height: 30px; }

.Mandant_105 #logo { background-image: url(//tramino.s3.amazonaws.com/s/hotel-oberstdorf/540170/hob-logo.png); }
.Mandant_105 #folder { background-image: url(//tramino.s3.amazonaws.com/s/hotel-oberstdorf/540171/hob-textur.jpg); }

.Mandant_105 #TraminoInhalt .T1241 .text h2 { color: #3B694C; }
.Mandant_105 #TraminoInhalt .T1545 .item h1 a { color: #3B694C !important; }

.xMandant_105 #quickbooking input[type=submit] { background-color: #3B694C !important; }


/* --- Stylesheet 1687 () --------- */ 

#body.Mandant_111 h3 { font-family: "Courgette", sans-serif; color: #6C453E; }
#body.Mandant_111 a { color: #6C453E; }
.Mandant_111 #TraminoArtikel .TraminoTextile h2 { font-family: "Courgette", sans-serif; color: #6C453E; }
.Mandant_111 #TraminoInhalt h2 { font-family: "Courgette", sans-serif; color: #6C453E; }
.Mandant_111 #inhalt .Headlines h1 { font-family: "Courgette", sans-serif; color: #6C453E; font-size: 30px; }

.Mandant_111 .T1233 h1 { font-family: "Courgette", sans-serif; color: #6C453E;}
.Mandant_111 .T1240 .text h1 { font-family: "Courgette", sans-serif !important; color: #6C453E !important; }

.Mandant_111 .T1256 h1 { font-family: "Courgette", sans-serif; color: #6C453E;}
.Mandant_111 .T1256 .text h1 { font-family: "Courgette", sans-serif !important; color: #6C453E !important; }
.Mandant_111 .T1256 .text .inner {
	padding: 20px 20px 30px;
	font-size: 14px;
	line-height: 125%;
}

.Mandant_111 #TraminoInhalt .T1545 .item h1 a { color: #6C453E !important; }

.Mandant_111 #logo { background-image: url(//tramino.s3.amazonaws.com/s/wannenkopfhuette/519116/whb-logo.png); }
.Mandant_111 #folder { background-image: url(//tramino.s3.amazonaws.com/s/wannenkopfhuette/519113/whb-textur2.jpg); }

/* --- Stylesheet 1939 () --------- */ 

#body.Mandant_12862 .off h3 { font-family: "Vidaloka", sans-serif; color: #3B694C; font-size: 25px !important; }
#body.Mandant_12862 h3 { color: #3B694C; }
#body.Mandant_12862 a { color: #3B694C  }
#body.Mandant_12862 #nav ul li li a { color: #3B694C !important; }
.Mandant_12862 #TraminoArtikel .TraminoTextile h2 { font-family: "Vidaloka", sans-serif; color: #3B694C; }
.Mandant_12862 #TraminoInhalt h2 { font-family: "Vidaloka", sans-serif; color: #3B694C; }
.Mandant_12862 #inhalt .Headlines h1 { font-family: "Vidaloka", sans-serif; color: #3B694C; font-size: 50px; line-height: 45px; margin: 0px 0px 10px 0px; }
.Mandant_12862 #unterseite .rubrik .text h1 { font-family: "Vidaloka", sans-serif; color: #3B694C; font-size: 30px; line-height: 35px; margin-bottom: 10px; }

.Mandant_12862 #content .T1233 .text h1 { font-family: "Vidaloka", sans-serif; color: #3B694C; font-size: 40px; line-height: 35px; }
.Mandant_12862 #content .T1240 .text h1 { font-family: "Vidaloka", sans-serif; color: #3B694C; font-size: 40px; line-height: 35px; }
.Mandant_12862 #TraminoInhalt .T1545 .item h1 a { font-family: "Vidaloka", sans-serif; color: #3B694C; }
.Mandant_12862 #content .T1256 .text h1 { font-family: "Vidaloka", sans-serif; color: #3B694C; }
.Mandant_12862 #TraminoInhalt .T1241 .text h2 { font-family: "Vidaloka", sans-serif; color: #3B694C; }
.Mandant_12862 .T1271 .news h3 { font-family: "Vidaloka", sans-serif; }
#body.Mandant_12862 h3 { font-family: "Vidaloka", sans-serif; }

.Mandant_12862 #logo { background-image: url(//tramino.s3.amazonaws.com/s/hotel-tannhof/679237/tannhof.png); padding: 5px 5px; }
.Mandant_12862 #folder { background-image: url(//tramino.s3.amazonaws.com/s/hotel-tannhof/679104/hintergrundholz.jpg); }

.Mandant_12862 #TraminoInhalt .T1241 .text h2 { color: #3B694C; }
.Mandant_12862 #TraminoInhalt .T1545 .item h1 a { color: #3B694C !important; }

.xMandant_12862 #quickbooking input[type=submit] { background-color: #3B694C !important; }

/* --- Stylesheet 1956 () --------- */ 

#body.Mandant_137 .off h3 { font-family: "Oregano", sans-serif; color: #3B694C; font-size: 25px !important; }
#body.Mandant_137 h3 { color: #3B694C; }
#body.Mandant_137 a { color: #3B694C;  }
#body.Mandant_137 #nav ul li li a { color: #3B694C !important; }
.Mandant_137 #TraminoArtikel .TraminoTextile h2 { font-family: "Oregano", sans-serif; color: #3B694C; }
.Mandant_137 #TraminoInhalt h2 { font-family: "Oregano", sans-serif; color: #3B694C; }
.Mandant_137 #inhalt .Headlines h1 { font-family: "Oregano", sans-serif; color: #3B694C; font-size: 60px; line-height: 65px; margin: 0px 0px 10px 0px; }
.Mandant_137 #unterseite .rubrik .text h1 { font-family: "Oregano", sans-serif; color: #3B694C; font-size: 30px; line-height: 35px; margin-bottom: 10px; }

.Mandant_137 #content .T1233 .text h1 { font-family: "Oregano", sans-serif; color: #3B694C; font-size: 40px; line-height: 30px;}
.Mandant_137 #content .T1240 .text h1 { font-family: "Oregano", sans-serif; color: #3B694C; font-size: 40px; line-height: 30px;}

.Mandant_137 #logo { background-image: url(//tramino.s3.amazonaws.com/s/sonnenhof/668747/sonnenhof-logo.png); }
.Mandant_137 #folder { background-image: url(//tramino.s3.amazonaws.com/s/sonnenhof/602346/sh-textur5.jpg); }
.Mandant_137 #off_folder { background-image: url(//tramino.s3.amazonaws.com/s/sonnenhof/561332/bg-so.jpg); }

.Mandant_137 #TraminoInhalt .T1241 .text h2 { color: #3B694C; }
.Mandant_137 #TraminoInhalt .T1545 .item h1 a { color: #3B694C !important; }

.xMandant_137 #quickbooking input[type=submit] { background-color: #3B694C !important; }

/* --- Stylesheet 2985 () --------- */ 

.Mandant_14479 #logo { background-image: url(//tramino.s3.amazonaws.com/s/alpe-oberstdorf/610694/logo-ao.png); }
.Mandant_14479 #folder { background-image: url(//tramino.s3.amazonaws.com/s/alpe-oberstdorf/643424/layoutstreifen-homepage-100x1500.jpg); }

/* --- Stylesheet 2989 () --------- */ 

#body.Mandant_14495 .off h3 { font-family: 'Permanent Marker', sans-serif; color: #CC0000; font-size: 25px !important; }
#body.Mandant_14495 h3 { color: #CC0000; }
#body.Mandant_14495 a { color: #CC0000;  }
#body.Mandant_14495 #nav ul li li a { color: #CC0000 !important; }

.Mandant_14495 #TraminoArtikel .TraminoTextile h2 { font-family: 'Permanent Marker', sans-serif; color: #CC0000; }
.Mandant_14495 #TraminoInhalt h2 { font-family: 'Permanent Marker', sans-serif; color: #CC0000; }
.Mandant_14495 #inhalt .Headlines h1 { font-family: 'Permanent Marker', sans-serif; color: #CC0000; font-size: 45px; line-height: 50px; }

.Mandant_14495 #content .T1233 .text h1 { font-family: 'Permanent Marker', sans-serif; color: #CC0000; font-size: 32px; line-height: 30px; }
.Mandant_14495 #content .T1256 .text h1 { font-family: 'Permanent Marker', sans-serif; color: #CC0000; }
.Mandant_14495 #content .T1240 .text h1 { font-family: 'Permanent Marker', sans-serif; color: #CC0000; font-size: 32px; line-height: 30px; }

.Mandant_14495 #logo { background-image: url(//tramino.s3.amazonaws.com/s/oberstdorf-hostel/639005/logo-oh-new.png); }
.Mandant_14495 #folder { background-image: url(//tramino.s3.amazonaws.com/s/oberstdorf-hostel/628457/titelbild.jpg); }

.Mandant_14495 #TraminoInhalt .T1241 .text h2 { color: #CC0000; }
.Mandant_14495 #TraminoInhalt .T1545 .item h1 a { color: #CC0000 !important; }

/* --- Stylesheet 2734 () --------- */ 

@media all and (min-width: 1251px) and (max-width: 1400px) {
	#inhalt .Headlines { width: 500px; }
	#TraminoArtikel .TraminoTextile { max-width: 500px; }
}

@media all and (min-width: 1401px) and (max-width: 1600px) {
	#inhalt .Headlines { width: 550px; }
	#TraminoArtikel .TraminoTextile { max-width: 600px; }
}


@media all and (min-width: 1601px)  {
	#inhalt .Headlines { width: 750px;}
	#TraminoArtikel .TraminoTextile { max-width: 800px; }
}

/* --- Stylesheet 2705 () --------- */ 

@media all and (min-width: 1000px) and (max-width: 1250px) {
	#inhalt3 { margin-top:-10px; }
	#inhalt2 { padding-left: 280px; }

	#TraminoArtikel .Files { margin-top: 160px; width: 250px;	}
	#TraminoArtikel .Files .File img { width: 250px; height: auto; }

	#TraminoArtikel .TraminoTextile { margin-right: 280px; }

	iframe { width: 500px; height: 375px; }
}

/* --- Stylesheet 2706 () --------- */ 

@media all and (min-width: 768px) and (max-width: 999px) {
	#canvas { margin-left: 30px; }


	#left { display: none; }
	#inhalt2 { padding: 20px 0px 20px 20px; }

	#TraminoArtikel .Files { margin-top: 70px; width: 200px; }
	#TraminoArtikel .Files .File img { width: 200px; height: auto; }

	#TraminoArtikel .TraminoTextile { margin-right: 220px; }

	iframe { width: 500px; height: 375px; }

	/* Anpassung detailpopup Produkte Anhang */
	.T955 .detailpopup { max-width: 200px !important; }
}

/* --- Stylesheet 2707 () --------- */ 

@media all and (max-width: 767px) {
	body { -webkit-text-size-adjust: 100%; }
	#canvas { margin-left: 0px; }
	#content { margin-left: 30px; }
	#inhalt3 {
		padding-top: 60px;
	}

	#left { display: none; }
	#inhalt2 { padding: 20px 0px 20px 20px; }

	#TraminoArtikel .Headlines {
		margin: -60px 0px 0px -20px;
		padding-left: 5%;
		padding-right: 5%;
		width: 90%;

	}

	#inhalt  .tablewrap {
		width: 220px !important;
		height: auto;
		overflow: hidden;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}

	#inhalt .Headlines h1 { font-size: 21px; }
	#inhalt .Headlines h2 { font-size: 14px;}

	.Mandant_12862 #inhalt .Headlines h1 { font-size: 25px; line-height: 110%; }

	.Mandant_137 #inhalt .Headlines h1 { font-size: 30px; line-height: 110%; }
	.Mandant_14495 #inhalt .Headlines h1 { font-size: 30px; line-height: 110%;  }

	#context .tags {
		position: static;
		margin: 0 0 20px 10%;
		width: 90%;
	}

	#context .similar {
		padding: 0 0 20px 20px;
	}

	#context .similar span { display: block; }
	#context .similar a { font-size: 13px; }

	#TraminoArtikel .Files { display: none; }

	#TraminoArtikel .TraminoTextile { margin-right: 0px; }

	/* Formulare */
	.TraminoForm { width: 95%; }
	.TraminoForm .group, .TraminoForm .group .element { width: 100% !important; }
	.TraminoForm .group .element .input .Zeile .Feld {
		float: none !important;
	}

	.TraminoForm .group .element .input .Zeile .Feld select {
		width: 100% !important;
	}

	.TraminoForm .group .element .input .Zeile .Feld input {
		width: 100% !important;
	}

	.AdresseWidget .Feld { padding: 0px !important; }


	/* Anhang Bilder */

	.T101 #lightroom .file { width: 100px; height: 100px; }
	.T101 #lightroom .bild {
		background-color: #FFF;
		width: 100px !important;
		height: 75px !important;
	}
	.T101 #lightroom .bild img {
		width: 100px !important;
		height: auto !important;
	}

	#fancybox-left, #fancybox-right { display: block !important; visibility: visible !important; }

	#fancybox-left span {
		left: 20px !important;
	}

	#fancybox-right span {
		left: auto !important;
		right: 20px !important;
	}

	iframe { width: 200px; height: 175px; }

	/* Anhang Bild */

	.T166 img {
		width: 90% !important;
		height: auto !important;
	}

	/* Anpassung detailpopup Produkte Anhang */
	.T955 .detailpopup { max-width: 200px !important; }

}