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

#navigation {
	position: relative;
	width: 1240px;
	font-size: 18px;
	font-family: Arial;
	height: 80px;
}

#logo {
	position: absolute;
	top: 0px;
	left: 20px;
	z-index: 100;
	width: 230px;
	height: 80px;
	background-color: #F80000;
}

#logo img { position: absolute; left: 0px; top: 0px; display: block; }
#logo div { text-transform: uppercase; color: #fff; font-size: 17px; font-family: Georgia; text-align: center; padding: 15px 0px; }
#logo div span { font-size: 27px; }

#slogan { position: absolute; left: 280px; top: 60px; font-size: 13px; font-family: Arial; color: #aaa; z-index: -1; }

#nav2 { position: absolute;  right: 5px; top: 0px; font-size: 11px; font-family: Arial; color: #bbb;  }
#nav2 a { display: block; float: left; padding: 10px 0px 4px 15px; color: #ccc; text-decoration: none; }
#nav2 a:hover { color: #000; }

#search {
	position: absolute;
	top: 40px;
	right: 0px;
}

#search form { margin: 0px; }

#search input[type=text] {
	width: 150px;
	display: inline-block;
	margin-right: 10px;
	font-size: 14px;
	line-height: 17px;
	font-family: Arial;
}

input[type=submit].button {
	font-family: Arial;
	font-size: 14px;
	color: #222;
	width: 90px;
	padding: 3px 15px 4px 15px;
	border: 1px solid #bbb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background: -moz-linear-gradient(top,  #fff,  #eee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
}

input[type=submit]:active.button {
	background: #dddddd;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff));
	background: -moz-linear-gradient(top,  #ddd,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd', endColorstr='#fff');
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd', endColorstr='#fff');
}


#nav {
	padding-left: 260px;
}

#nav a {
	color: #000;
	font-weight: 100;
	text-decoration: none;
	display: block;
	line-height: 18px;
}

#nav ul {
	position: relative;
	height: 25px;
	margin: 0px;
	padding: 35px 0px 0px 20px;
}

#nav ul li {
	display: block;
	padding: 0px 17px 8px 0px;
	margin: 0px;
	list-style: none;
	float: left;
}



#nav ul li a:hover { border-bottom: 2px solid #666; padding-bottom: 2px; xcolor: #000; }
#nav ul li li.nav_offen a { border-bottom: 1px solid #999; padding-bottom: 1px; }
#nav ul li li.nav_aktiv a { border-bottom: 2px solid #ccc; padding-bottom: 1px; }

#nav ul li:hover ul { display: block; z-index: 1000; }
#nav ul li.aktiv2 ul { display: block; z-index: 1000; }

#nav ul ul  {
	display: none;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 48px;
	height: 19px;
	padding: 12px 0px 0px 20px;
}

#nav ul li.aktiv2 a {
	color: #666;
}

#nav ul ul a {
	line-height: 17px; color: #666;
}


#nav ul li.nav_aktiv ul { display: block; z-index: 1 }

#nav ul ul li {
	float: left;
	padding: 0px 16px 5px 0px;
	background-color: #fff;
}

#nav ul ul li a {
	color: #666;
	font-size: 13px;
	line-height: 15px;
	font-weight: 100;
}



#nav li.nav__wandern a:hover { color: #5B5; border-color: #5B5 !important; }
#nav li.nav__skifahren a:hover { color: #39C; border-color: #39C !important; }
#nav li.nav__erholung a:hover { color: #C83; border-color: #C83 !important; }
#nav li.nav__erlebnis a:hover { color: #F60; border-color: #F60 !important; }
#nav li.nav__natur a:hover { color: #695; border-color: #695 !important; }
#nav li.nav__dorf a:hover { color: #6A491F; border-color: #6A491F !important; }
#nav li.nav__urlaub a:hover { color: #3762A0; border-color: #3762A0 !important; }
#nav li.nav__blog a:hover { color: #FF9900; border-color: #FF9900 !important; }


#nav li:hover.nav__wandern a { color: #5B5;  }
#nav li:hover.nav__skifahren a { color: #39C; }
#nav li:hover.nav__erholung a { color: #C83; }
#nav li:hover.nav__erlebnis a { color: #F60;  }
#nav li:hover.nav__natur a { color: #695; }
#nav li:hover.nav__dorf a { color: #6A491F; }
#nav li:hover.nav__urlaub a { color: #3762A0; }
#nav li:hover.nav__blog a { color: #FF9900; }

#nav li.nav_aktiv.nav__wandern a { color: #5B5;  }
#nav li.nav_aktiv.nav__skifahren a { color: #39C; }
#nav li.nav_aktiv.nav__erholung a { color: #C83; }
#nav li.nav_aktiv.nav__erlebnis a { color: #F60;  }
#nav li.nav_aktiv.nav__natur a { color: #695; }
#nav li.nav_aktiv.nav__dorf a { color: #6A491F; }
#nav li.nav_aktiv.nav__urlaub a { color: #3762A0; }
#nav li.nav_aktiv.nav__blog a { color: #FF9900; }

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

#motive { margin: 20px 0px 20px 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; }

#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 .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: 1000px; 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; }

#trefferliste { padding: 0px !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;
}

/* --- Stylesheet 517 () --------- */ 

#footer {
	position: relative;
	border-top: 1px solid #ccc;
	padding: 20px 0px 35px 0px;
	width: 1220px;
	margin: 50px 0px 20px 20px;
	font-size: 13px;
	line-height: 125%;
	color: #999;
}

#footer a { color: #866; text-decoration: none; }
#footer a:hover { color: #b20; }
#footer h5 { margin: 0px 0px 10px 0px; color: #999; font-size: 10px; text-transform: uppercase;  }
#footer ul { margin: 0px; padding: 0px; }
#footer li { margin: 0px; padding: 0px; list-style: none;}
#footer .left { margin-right: 20px; margin }
#footer .right { margin-left: 15px; }
#footer .copyright { position: absolute; right: 0px; bottom: 5px; font-size: 11px; }

/* --- 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; }

/* --- 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; }