/* --- Stylesheet 510 () --------- */ 

.left { float:left; }
.right { float:right; }
.clear { clear:both; }
#TraminoSuchbox_form img { padding-left:5px; }
#TraminoSuchbox_form select { width:95px; margin-top:10px; }
#ui-datepicker-div { z-index: 1000; }

.banner { margin: 10px 10px 10px 20px; height: 100px; overflow: hidden; }
.banner .b1 { float: left; margin-right: 10px; }
.banner .b2 { float: left; margin-right: 10px; }
.banner .b3 { float: left; margin-right: 0px; }

/* --- Stylesheet 509 () --------- */ 

#motive { margin: 20px 0px 10px 20px; width: 1220px; }

#motive .col {
	float: left;
	overflow: hidden;
	height: 350px;
}

#motive .col1 { width: 500px; margin-right: 10px; background-color: #ddd;  }
#motive .col2 {	width: 400px; margin-right: 10px; background-color: #ddd; }
#motive .col3 {	width: 300px; background-color: #ddd; position: relative; }

#motive .col3 .badged {
	position: absolute;
	right: 30px;
	bottom: 20px;
}

#motive .Bild { margin-right: 0px }
#motive .Bild img { width: 100%; height: auto; }

/* --- Stylesheet 511 () --------- */ 

.thema { position: relative; margin: 30px 0px 0px 20px; width: 1220px; font-size: 13px;  }

.thema a { text-decoration: none; color: #bbb; }
.thema a:hover { text-decoration: none; border-bottom: 1px solid #666 }

.thema .nav { height: 30px }
.thema .nav h2 { position: absolute; background-color: #555; margin: 0px; padding: 6px 15px 10px 15px;  }
.thema .nav h2 { font-size: 12px; color: #fff; font-weight: bold; text-transform: uppercase; }
.thema .nav ul { height: 21px; padding: 0px 0px 0px 173px; margin: 0px; border-bottom: 1px solid #ccc; }
.thema .nav ul li { height: 21px; float: left; list-style: none; margin: 0px 20px 0px 0px; padding: 0px;  }
.thema .nav ul li a { color: #999; display: block; padding: 4px 0px; font-size: 13px; line-height: 13px;}
.thema .nav ul li a:hover { color: #666; padding-bottom: 4px; border-bottom: 2px solid #666 }

.thema .info { position: relative; float: right; width: 270px; font-size: 13px; }
.thema .info { padding: 20px 15px 12px 15px; margin: 12px 0px 0px 0px; }
.thema .info { border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.thema .info.raw { width: 300px; padding: 0px 0px 12px 0px; }
.thema .info.raw .link { margin-right: 13px; margin-left: 13px; }
.thema .info.raw .name { margin-left: 13px; }
.thema .info.facebook { border: 0px; }
.thema .info.buchung form { color: #aaa; font-size: 11px; font-weight: bold; }

.thema .info h2 { position: absolute; top: -8px; left: 15px; background-color: #bbb; margin: 0px; padding: 4px 10px 4px 10px;  }
.thema .info h2 { font-size: 10px; line-height: 10px; color: #fff; font-weight: bold; text-transform: uppercase; }
.thema .info .name { color: #999; font-size: 12px; margin: 7px 0px; }

.thema .info dl { margin: 0px; }
.thema .info dt { margin: 0px; float: left; width: 50px; color: #999; font-weight: bold; }
.thema .info dd { margin: 0px 0px 4px 60px; color: #333; }

.thema .info dl.next { margin-top: 10px; border-top: 1px solid #ccc; padding-top: 10px; }

.thema .info.termine dt { width: 35px; }
.thema .info.termine dd { margin-left: 45px; }
.thema .info.termine dd a { color: #333; }

.thema .info.buchung dl { border-top: 1px solid #ccc; margin-top: 15px; padding-top: 10px; }
.thema .info.buchung dt { width: 60px; font-weight: normal; }
.thema .info.buchung dd { margin-left: 65px; font-weight: normal; }
.thema .info.buchung dd a { color: #335; }

.thema .info.noborder {
	border: 0px !important;
	margin-top: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-right: 0px;
}

.thema .socialmedia a {
	display:block;
	float:left;
	height: 32px !important;
	width: 32px !important;
	background-image: url(http://tramino.s3.amazonaws.com/s/oberstdorf/536378/social-icons-new2.png);
	background-repeat:no-repeat;
	margin: 0px 7px 0px 0px;
}
.thema .socialmedia a:hover { border: 0px; }

.thema .socialmedia a.facebook { background-position: 0px 0px; }
.thema .socialmedia a.twitter { background-position: -32px 0px; }
.thema .socialmedia a.youtube { background-position: -64px 0px; }
.thema .socialmedia a.panoramio { background-position: -96px 0px; }
.thema .socialmedia a.flickr { background-position: -128px 0px; }
.thema .socialmedia a.googleplus { background-position: -320px 0px; }


.thema .socialmedia a.facebook:hover { background-position: 0px -32px; }
.thema .socialmedia a.twitter:hover { background-position: -32px -32px; }
.thema .socialmedia a.youtube:hover { background-position: -64px -32px; }
.thema .socialmedia a.panoramio:hover { background-position: -96px -32px; }
.thema .socialmedia a.flickr:hover { background-position: -128px -32px; }
.thema .socialmedia a.googleplus:hover { background-position: -320px -32px; }

.thema .info .text { margin-top: 8px; line-height: 125%; }
.thema .info .link { margin: 10px 0px 0px 0px; text-align: right; }
.thema .info .link a { color: #669; }
.thema .info .link span { float: left; color: #aaa;  }

.thema .artikel { margin: 15px 20px 0px 0px; width: 380px; float: left;  }
.thema .artikel .Bild { float: left; background-color: #ddd; }
.thema .artikel h3 { margin: 5px 0px 0px 120px; color: #666; font-weight: 100; font-size: 15px; line-height: 125%; }
.thema .artikel h3 a:hover { text-decoration: none; border-bottom-width: 2px; }
.thema .artikel .autor { margin: 3px 0px 0px 120px; color: #aaa; font-size: 11px; line-height: 115%; }
.thema .artikel .autor a { color: #999 !important; }
.thema .artikel .autor a:hover { text-decoration: underline; color: #333; border-width: 0px; }
.thema .artikel p { margin: 5px 0px 0px 120px; color: #444; font-size: 13px; line-height: 125%;}

.thema .artikel .extra { margin: 2px 0px 0px 120px; font-size: 12px; }

.thema .artikel.first  { margin-left: 0px; width: 490px; min-height: 220px; }
.thema .artikel.first h3 { margin-left: 170px;  font-size: 20px;}
.thema .artikel.first p { margin-left: 170px; font-size: 17px; min-height: 100px; }
.thema .artikel.first .autor { margin-left: 170px; font-size: 12px; }

.thema .artikel.first .extra { margin: 15px 20px 0px 170px; font-size: 15px; border-top: 1px solid #ccc; padding: 10px 0px 0px 0px; }
.thema .artikel.first .extra div { margin: 4px 0px; }

.thema .artikel.first .extra.comments { margin-left: 100px; margin-right: 10px; }
.thema .artikel.first .extra.comments .comment { font-size: 12px; line-height: 125%; color: #666; margin-bottom: 8px;  }
.thema .artikel.first .extra.comments .comment .Bild { margin: 0px 20px 10px 0px; }
.thema .artikel.first .extra.comments .comment h5 { font-size: 12px; color: #333; margin: 0px 0px 2px 70px; font-weight: normal; }
.thema .artikel.first .extra.comments .comment .text { margin: 0px 0px 0px 70px; }

/* --- Stylesheet 521 () --------- */ 

.thema.urlaub .nav h2 { background-color: #3762A0; }
.thema.urlaub .nav ul li a:hover { color: #3762A0; border-color: #3762A0; }
.thema.urlaub .artikel h3 { color: #3762A0; }
.thema.urlaub .artikel a { color: #3762A0; }
.thema.urlaub .artikel a:hover { border-color: #3762A0; }
.thema.urlaub .info h2 { background-color: #3762A0; }
.thema.urlaub .info .link a { color: #3762A0; }
.thema.urlaub .info .link a:hover { border-color: #3762A0; }

.thema.erlebnis .nav h2 { background-color: #F60; }
.thema.erlebnis .nav ul li a:hover { color: #F60; border-color: #F60; }
.thema.erlebnis .artikel h3 { color: #F60; }
.thema.erlebnis .artikel a { color: #F60 !important; }
.thema.erlebnis .artikel a:hover { border-color: #F60 !important; }
.thema.erlebnis .info h2 { background-color: #F60; }
.thema.erlebnis .info .link a { color: #F60; }
.thema.erlebnis .info .link a:hover { border-color: #F60; }

.thema.blog .nav h2 { background-color: #FF9900; }
.thema.blog .nav ul li a:hover { color: #FF9900; border-color: #FF9900; }
.thema.blog .artikel h3 { color: #FF9900; }
.thema.blog .artikel a { color: #FF9900; }
.thema.blog .artikel a:hover { border-color: #FF9900; }
.thema.blog .info .link a { color: #FF9900; }
.thema.blog .info .link a:hover { border-color: #FF9900; }

.thema.wandern .nav h2 { background-color: #5B5; }
.thema.wandern .nav ul li a:hover { color: #5B5; border-color: #5B5; }
.thema.wandern .artikel h3 { color: #5B5; }
.thema.wandern .artikel a { color: #5B5; }
.thema.wandern .artikel a:hover { border-color: #5B5; }
.thema.wandern .info h2 { background-color: #5B5; }
.thema.wandern .info .link a { color: #5B5; }
.thema.wandern .info .link a:hover { border-color: #5B5; }

.thema.erholung .nav h2 { background-color: #C83; }
.thema.erholung .nav ul li a:hover { color: #C83; border-color: #C83; }
.thema.erholung .artikel h3 { color: #C83; }
.thema.erholung .artikel a { color: #C83; }
.thema.erholung .artikel a:hover { border-color: #C83; }
.thema.erholung .info h2 { background-color: #C83; }
.thema.erholung .info .link a { color: #C83; }
.thema.erholung .info .link a:hover { border-color: #C83; }

.thema.natur .nav h2 { background-color: #695; }
.thema.natur .nav ul li a:hover { color: #695; border-color: #695; }
.thema.natur .artikel h3 { color: #695; }
.thema.natur .artikel a { color: #695; }
.thema.natur .artikel a:hover { border-color: #695; }
.thema.natur .info h2 { background-color: #695; }
.thema.natur .info .link a { color: #695; }
.thema.natur .info .link a:hover { border-color: #695; }

.thema.dorf .nav h2 { background-color: #6A491F; }
.thema.dorf .nav ul li a:hover { color: #6A491F; border-color: #6A491F; }
.thema.dorf .artikel h3 { color: #6A491F; }
.thema.dorf .artikel a { color: #6A491F; }
.thema.dorf .artikel a:hover { border-color: #6A491F; }
.thema.dorf .info h2 { background-color: #6A491F; }
.thema.dorf .info .link a { color: #6A491F; }
.thema.dorf .info .link a:hover { border-color: #6A491F; }

.thema.skifahren .nav h2 { background-color: #39C; }
.thema.skifahren .nav ul li a:hover { color: #39C; border-color: #39C; }
.thema.skifahren .artikel h3 { color: #39C; }
.thema.skifahren .artikel a { color: #39C; }
.thema.skifahren .artikel a:hover { border-color: #39C; }
.thema.skifahren .info h2 { background-color: #39C; }
.thema.skifahren .info .link a { color: #39C; }
.thema.skifahren .info .link a:hover { border-color: #3762A0; }

/* --- Stylesheet 512 () --------- */ 

#content { width: 1260px; position: relative; }

#inhalt { margin: 30px 20px 30px 275px; min-height: 1600px; position:relative; }
#content.full #inhalt { margin: 50px 20px 30px 50px; }

#TraminoArtikel { color: #333; }
#TraminoArtikel a { text-decoration: none; line-height: 100%; border-bottom: 1px solid #999; }
#TraminoArtikel a:hover { color: #f33; border-bottom: 1px solid #f33; }

#TraminoArtikel .Headlines h5 { color: #aaa; font-size: 12px; font-weight: normal; margin: 0px; padding: 0px; }
#TraminoArtikel .Headlines h5 a { color: #bbb; border-bottom: 0px; }
#TraminoArtikel .Headlines h5 a:hover { color: #666; }

#TraminoArtikel .TraminoTextile { color: #555; margin-right: 15px; }
#TraminoArtikel .TraminoTextile strong { color: #333; font-weight: bold;  }

.TraminoTextile table { border-width: 0px; font-size: 14px; }
.TraminoTextile table th { color: #333; font-weight: bold; border: 0px; padding: 15px 25px 6px 0px; }
.TraminoTextile table td { border-width: 1px 0px 0px 0px;  padding: 5px 35px 5px 0px; border-color: #999; }

#inhalt h1 {
	font-family: "Georgia", serif;
	font-weight: 100;
	font-size: 40px;
	color: #333;
	color: #5A7E47;
	line-height: 43px;
	margin: 10px 0px 15px 0px;
}

#inhalt h2 {
	color: #000;
	font-weight: 400;
	font-size: 21px;
	line-height: 26px;
	margin: 15px 50px 25px 0px;
}

#TraminoArtikel h3 { font-weight: normal; color: #000; font-size: 20px; }

#inhalt a { color: #5A7E47 }

#TraminoArtikel .Files { margin: 20px 0px 20px 30px; }
#TraminoArtikel .Files .File { margin: 0px 0px 20px 0px; }
#TraminoArtikel .Files .File .Name { text-align: right; color: #999; font-size: 13px; }
#TraminoRubrik #TraminoArtikel .Files .File_1 { display: none; }




#TraminoArtikel {
	margin: 0px 0px 50px 0px;
	font-size: 16px;
	line-height: 21px;
}

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


.TraminoVorlage {
	margin: 0px 0px 20px 0px;
	position:relative;
}

.T49 .ObjektFree {  border: 1px solid #ccc; }
.T49 .Objekt.Zusatzeintrag { background-color: #eee; border: 2px solid #999; }

.T98  { border: 2px solid #ccc; background-color: #eee; padding: 5px 20px 10px 20px; margin: 20px 0px 30px 0px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

#inhalt .T324 .termin { background-color: #ddd; padding: 10px 15px; margin-bottom: 15px; margin-left: 60px; }
#inhalt .T324 .termin.divider { border: 0px solid #999; padding: 0px; margin: 0px; }
#inhalt .T324 .termin .termindatum { left: -70px; }
#inhalt .T324 .termin .terminheader { margin-left: 0px !important; }
#inhalt .T324 .termin .terminort { margin-left: 0px !important; }
#inhalt .T324 .termin .termincontent { padding-left: 0px; }

.trefferliste { padding: 0px !important; }
.trefferliste .match { height: 290px !important; }


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

#leftbar .box { width: 230px; font-size: 13px; color: #888; margin-bottom: 25px; }
#leftbar .box h4 { border-top: 1px solid #ccc; padding-top: 8px; font-size: 13px; color: #666; margin: 8px 0px; }
#leftbar .box h4 span { float: right; color: #aaa; font-weight: normal; }
#leftbar .box p { margin: 0px; }
#leftbar .box .Bild.left { float: left; margin: 0px 15px 15px 0px; }
#leftbar .box .link { text-align: right; margin: 10px 0px 0px 10px; }
#leftbar .box .link a { text-decoration: none; color: #5A7E47;  }

#leftbar .box .menu a { display: block; border-top: 1px solid #eee; padding: 4px 0px ; color: #5A7E47; line-height: 16px; font-size: 13px; text-decoration: none; }
#leftbar .box .menu a:hover { color: #000; }

#leftbar .box.border { border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px; width: 210px; }
#leftbar .box.border h4 { border: 0px; padding: 0px; margin: 0px 0px 8px 0px; }


#banner .Bild { margin-bottom: 15px; }

#TraminoCommentForm .feld .input textarea {
	font-size: 1.1em;
}


#socialbar { position: absolute; top: 0px; left: 670px; z-index: 10; }
#socialbar a { text-decoration: none; cursor: pointer; }
#socialbar a .button {
	float: left;
	background-color: #BBB;
	color: #FFF;
	font-size: 10px;
	text-transform: uppercase;
	padding: 3px 6px 3px 19px;
	margin-right: 10px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
#socialbar a .button:hover { color: #333; }

#socialbar a .button.print { background: url(http://tramino.s3.amazonaws.com/s/oberstdorf/67175/print.jpg) 4px 5px no-repeat #BBB;  }
#socialbar a .button.fb { background: url(http://tramino.s3.amazonaws.com/s/oberstdorf/67176/fb.jpg) 3px 2px no-repeat #BBB;  }

.wsb_infobox a.button { background:#fff; }


.Rubrik_22158 #detailbooking .dbmatch .text.info {
	float: left;
	margin: 0px 0px 15px 10px;
	width: 300px;
}

.Rubrik_22158 #detailbooking .dbmatch .rates {
	float: right;
	width: 300px;
}

#MiniCart {
	border: 1px solid #ccc;
	border-top: 0px solid #ccc;
	width: 299px;
	left: 939px;
	box-shadow: 0px 0px 8px #999;
}

#body.Rubrik_3218 .Files .File_1 { display: none; }

/* --- Stylesheet 520 () --------- */ 

#body.w1024 #navigation { width: 980px !important; }
#body.w1024 #slogan {left: 275px; top: 63px; font-size: 12px; }
#body.w1024 #nav ul { padding-left: 15px; padding-top: 40px; }
#body.w1024 #nav ul li a { font-size: 15px }
#body.w1024 #nav ul ul { padding: 15px 0px 0px 15px; }
#body.w1024 #nav ul ul li a { font-size: 12px }
#body.w1024 #search { top: 32px; }
#body.w1024 #search input[type=text] { width: 100px; font-size: 13px; }
#body.w1024 input[type=submit].button { font-size: 13px; width: 70px;padding: 3px 5px 4px 5px !important; }

#body.w1024 #motive { width: 980px !important; }
#body.w1024 #motive .col { height: 270px; }
#body.w1024 #motive .col1 { width: 390px;  }
#body.w1024 #motive .col2 { width: 315px; }
#body.w1024 #motive .col3 { width: 240px;  }

#body.w1024 .thema { width: 965px !important; }
#body.w1024 .thema .nav ul { padding-left: 153px; }
#body.w1024 .thema .nav ul li { margin-right: 15px;  }
#body.w1024 .thema .nav ul li a { font-size: 12px; }
#body.w1024 .thema .artikel { width: 300px; }
#body.w1024 .thema .artikel h3 { font-size: 14px; }
#body.w1024 .thema .artikel p {  font-size: 12px; }
#body.w1024 .thema .artikel.first { width: 380px; }
#body.w1024 .thema .artikel.first .teaser img { width: 130px; height: 130px; }
#body.w1024 .thema .artikel.first h3 { margin-left: 150px; font-size: 18px;}
#body.w1024 .thema .artikel.first .autor { margin-left: 150px; font-size: 11px; }
#body.w1024 .thema .artikel.first p { margin-left: 150px; font-size: 15px; }
#body.w1024 .thema .artikel.first .extra { margin-left: 150px; font-size: 13px;  }
#body.w1024 .thema .artikel.first .extra.comments { margin-left: 80px; }
#body.w1024 .thema .info { width: 210px; font-size: 12px; }
#body.w1024 .thema .info dt { height: 1.2em; overflow: hidden;  }
#body.w1024 .thema .info dd { height: 1.2em; overflow: hidden;  }
#body.w1024 .thema .info.raw { width: 240px; }
#body.w1024 .thema .info.map img { width: 240px; height: auto; }
#body.w1024 .thema .info.video object { height: 135px; }
#body.w1024 .thema .info.video embed { height: 135px; }
#body.w1024 .thema .info .name { font-size: 11px; }

#body.w1024 #content { width: 1005px; }
#body.w1024 #TraminoArtikel .Files { width: 240px !important; }
#body.w1024 #TraminoArtikel .Files .File img { width: 240px !important; height: auto !important; }

#body.w1024 #footer { width: 960px !important; font-size: 12px; }
#body.w1024 #footer .logo { width: 130px; }

#body.w1024 .banner  { height: 77px }
#body.w1024 .banner .b1 img { width: 390px }
#body.w1024 .banner .b2 img { width: 315px }
#body.w1024 .banner .b3 img { width: 240px }

/* --- Stylesheet 522 () --------- */ 

#body.w1152 #navigation { width: 1115px !important; }
#body.w1152 #search { top: 40px; }
#body.w1152 #search input[type=text] { width: 120px; font-size: 13px; }
#body.w1152 input[type=submit].button { font-size: 13px; width: 70px;padding: 3px 5px 4px 5px !important; }

#body.w1152 #motive { width: 1100px !important; }
#body.w1152 #motive .col { height: 310px; }
#body.w1152 #motive .col1 { width: 445px;  }
#body.w1152 #motive .col2 { width: 360px; }
#body.w1152 #motive .col3 { width: 270px;  }

#body.w1152 .thema { width: 1095px !important; }
#body.w1152 .thema .artikel { width: 340px; }
#body.w1152 .thema .artikel.first { width: 435px; }
#body.w1152 .thema .artikel.first h3 { font-size: 19px;}
#body.w1152 .thema .artikel.first p { font-size: 16px; }
#body.w1152 .thema .artikel.first .extra { font-size: 14px;  }
#body.w1152 .thema .info { width: 240px; }
#body.w1152 .thema .info.raw { width: 270px; }
#body.w1152 .thema .info.map img { width: 270px; height: auto; }
#body.w1152 .thema .info.video object { height: 150px; }
#body.w1152 .thema .info.video embed { height: 150px; }

#body.w1152 #content { width: 1135px; }
#body.w1152 #TraminoArtikel .Files { width: 270px !important; }
#body.w1152 #TraminoArtikel .Files .File img { width: 270px !important;  height: auto !important; }

#body.w1152 #footer { width: 1095px !important; }

#body.w1152 .banner  { height: 90px }
#body.w1152 .banner .b1 img { width: 445px }
#body.w1152 .banner .b2 img { width: 360px }
#body.w1152 .banner .b3 img { width: 270px }

/* --- Stylesheet 1309 (optional) --------- */ 

.S1309 #TraminoArtikel .Files .File_1 { display: none }