/* --- Stylesheet 1869 () --------- */ 

@import url(http://fonts.googleapis.com/css?family=Merriweather&v1);


#wrapper { font-family: Arial, sans-serif; font-size: 14px; width: 1160px; position: relative; margin-right: 160px; }
#wrapper a { color: #666; text-decoration: none; }
#wrapper a:hover { text-decoration: underline; }

#left {	position: absolute; left: 30px; top: 0px; z-index: 200; width: 240px; }
#left .box { margin-bottom: 30px; font-size: 13px; font-family: Arial; }
#left .box.border { padding: 10px 15px; border: 1px solid #ccc; }
#left h3 { font-family: 'Merriweather'; font-weight: normal; font-size: 18px; margin: 5px 0px 12px 0px; }

#oezeiten .tag { font-size: 12px; margin: 0px 0px 5px 0px; }
#oezeiten .tage { width: 75px; font-weight: bold; }
#oezeiten .tag .nachmittag { display: block; margin-left: 75px; }
#oezeiten .tag .nachmittag .und { display: none; }
#logo { margin-top: 20px }


#sponsors {
	overflow: hidden;
	position: relative;
	margin-left: 310px;
	margin-top: 20px;
}

#sponsors .innerSponsors {
	margin: 15px;
}

#sponsors .innerSponsors .Bild {
	float: left;
	margin-right: 15px;
}

#inhalt { margin: 0px 0px 30px 310px; padding-top: 50px; width: 800px; }
#inhalt.motive { padding-top: 30px }
#inhalt a { color: #393 }

#inhalt h1 { font-size: 35px; line-height: 40px; font-family: 'Merriweather'; margin: 15px 0px; }
#inhalt h2 { font-size: 24px; line-height: 30px; color: #999; font-family: 'Merriweather'; font-weight: normal; margin: 10px 10% 10px 0px; }
#inhalt h3 { font-size: 18px; line-height: 24px; font-family: 'Merriweather'; }

#inhalt .Headlines h5 { font-size: 12px; color: #ccc; }
#inhalt .Headlines h5 a { color: #ccc; }

#TraminoInhalt h2 { font-size: 15px; color: #333; font-weight: bold; }
#TraminoArtikel { line-height: 130%; }

#TraminoArtikel .Files { margin: 0px 0px 0px 25px }
#TraminoArtikel .Files .File { margin: 0px 0px 20px 0px }

#nav { margin: 40px 0px 0px 20px; font-size: 18px !important; }
#nav ul { margin: 0px; padding: 0px; }
#nav li { list-style: none; padding: 0px; margin: 5px 0px; }
#nav a { color: #666;}
#nav a:hover { color: #000;}

.language { margin-top: 10px; font-size: 10px; }

#bg { position: fixed; top: 0px; right: 0px; bottom: 0px; width: 130px; }

#footer { color: #999; font-size: 12px; padding: 40px 0px 10px 300px;  }
#footer a { color: #999; }
#footer a:hover { color: #333; }
#footer .left { margin-right: 30px; float: left; }
#footer .right { margin-left: 30px; float: right; color: #ccc;  }
#footer .right a { color: #ccc;  }

#inhalt .T28 .spalte { width: 190px; }

#buchung {
	font-size: 13px;
}

#traminobox .body, #traminobox .body div  { padding: 0; width:750px; height:550px; }
.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; }


#fancybox-outer a { background-color: transperent; }

/* --- Stylesheet 1871 (optional) --------- */ 

.S1871 .S1313 #inhalt h1,.S1313 .Headline h1,.S1313 #inhalt h3,.S1313 .Headline h3 { color: #593900; }
.S1871 .S1313 #inhalt h2,.S1313 .Headline h2 { color: #393; opacity: 0.8; }
.S1871 .S1313 #left h3 { color: #393 }

/* --- Stylesheet 1872 (optional) --------- */ 

.S1872 .S1438 #inhalt h1,.S1438 .Headline h1,.S1438 #inhalt h3,.S1438 .Headline h3, .S1438 #inhalt a { color: #742829; }
.S1872 .S1438 #inhalt h2,.S1438 .Headline h2, .S1438 #inhalt .Headlines h5 a { color: #A7977B; }
.S1872 .S1438 #nav a { color: #742829; }
.S1872 .S1438 #left .box.border { border: 1px solid #A7977B; }
.S1872 .S1438 #left h3 { color: #722529; }

/* --- Stylesheet 1876 (optional) --------- */ 

.S1876 .S1458 #inhalt h1,.S1458 .Headline h1,.S1458 #inhalt h3,.S1458 .Headline h3, .S1458 #inhalt a { color: #953237; }
.S1876 .S1458 #inhalt h2,.S1458 .Headline h2,.S1458 #inhalt .Headlines h5 a { color: #999; }
.S1876 .S1458 #nav a { color: #953237; font-size: 25px;}
.S1876 .S1458 #left h3 { color: #953237; }

/* --- Stylesheet 1875 (optional) --------- */ 

.S1875 .S1455 #wrapper { color: #fff; }
.S1875 .S1455 #wrapper a { color: #fff; }
.S1875 .S1455 #inhalt h1 { text-shadow: 3px 3px 5px rgba(0,0,0,0.3); font-family: Amaranth, Arial; }
.S1875 .S1455 #inhalt h2 { color: #fff; opacity: 0.7; font-family: Amaranth, Arial; }
.S1875 .S1455 #inhalt h3 { font-family: Arial; }
.S1875 .S1455 #left h3 { font-family: Arial; }
.S1875 .S1455 #bg { box-shadow: -5px 5px 10px rgba(0,0,0,0.5); }

.S1875 .S1455 #nav { margin: 20px 0px 40px 40px }
.S1875 .S1455 #nav a { font-family: 'Amaranth'; font-size: 35px; text-shadow: 3px 3px 5px rgba(0,0,0,0.3); color: #fff; }

.S1875 .S1455 #nav .language, .S1455 #nav .language a {  font-size: 15px; }

/* --- Stylesheet 1870 (optional) --------- */ 

.S1870 .S1224 #wrapper { color: #fff; }
.S1870 .S1224 #wrapper a { color: #fff; }
.S1870 .S1224 #inhalt h1 { text-shadow: 3px 3px 5px rgba(0,0,0,0.3); }
.S1870 .S1224 #inhalt h2 { color: #fff; opacity: 0.7 }

.S1870 .S1224 #bg { box-shadow: -5px 5px 10px rgba(0,0,0,0.5); }

.S1870 .S1224 #nav { margin: 20px 0px 40px 40px }
.S1870 .S1224 #nav a { font-family: 'Merriweather'; font-size: 20px; text-shadow: 3px 3px 5px rgba(0,0,0,0.3); color: #ff4; }

/* --- Stylesheet 1873 (optional) --------- */ 

.S1873 .S1441 #inhalt h1 { color: #9A8870; }
.S1873 .S1441 .Headline h1 { color: #9A8870; }
.S1873 .S1441 #inhalt h3 { color: #9A8870; }
.S1873 .S1441 .Headline h3 { color: #9A8870; }
.S1873 .S1441 #inhalt h2 { color: #0D632A; opacity: 1; }
.S1873 .S1441 #inhalt a { color: #0D632A;}
.S1873 .S1441 .Headline h2 { color: #0D632A; opacity:1; }
.S1873 .S1441 #nav a { color: #9A8870; }
.S1873 .S1441 #left .box.border { border: 1px solid #9A8870; }
.S1873 .S1441 #left h3 { color: #9A8870 }

/* --- Stylesheet 1874 () --------- */ 

@media all and (max-width: 1245px) {
	#motive, #motive .motiv {
		width: 700px !important;
		height: 300px !important;
	}

	#motive .motiv img { width: 700px; height: auto; }
	#bg { width: 100px; }

	#wrapper { width:1100px; }
	#inhalt { width: 730px; }
}

.w1200 #motive, .w1200 #motive .motiv {
	width: 700px;
	height: 300px;
}

.w1200 #motive .motiv img { width: 700px; height: auto; }

.w1200 #bg { width: 100px; }

.w1200 #wrapper { width: 1100px; }
.w1200 #inhalt { width: 730px; }





@media all and (max-width: 1100px) {
	#motive, #motive .motiv {
		width: 600px !important;
		height: 250px !important;
	}

	#motive .motiv img { width: 600px !important; height: auto !important; }

	#bg { width: 80px; }

	#wrapper { width:1024px; }
	#inhalt { width: 630px; }


}



.w1024 #motive, .w1024 #motive .motiv {
	width: 600px;
	height: 250px;
}

.w1024 #motive .motiv img { width: 600px; height: auto; }

.w1024 #bg { width: 80px; }

.w1024 #wrapper { width:1024px; }
.w1024 #inhalt { width: 630px; }

/* --- Stylesheet 1877 (optional) --------- */ 

.S1877 .S1558 #inhalt h1,.S1558 .Headline h1,.S1558 #inhalt h3,.S1558 .Headline h3, { color: #000;  }
.S1877 .S1558 #inhalt a { color: #BACF27;  }
.S1877 .S1558 #inhalt h2,.S1558 .Headline h2, .S1558 #inhalt .Headlines h5 a { color: #999; }
.S1877 .S1558 #nav a { color: #666; }
.S1877 .S1558 #nav a:hover { color: #BACF27; }
.S1877 .S1558 #nav li.nav_aktiv a { color: #901E84; }
.S1877 .S1558 #left .box.border { border: 1px solid #666; }
.S1877 .S1558 #left h3 { color: #666; }

.S1877 .S1558 #left .box.bgcolor {
	background-color: #AA6AB9;
}

.S1877 .S1558 #left .box.bgcolor h3, .S1558 #left .box.bgcolor a {
	color: #FFF;
}

/* --- Stylesheet 1878 (optional) --------- */ 

.S1878 .S1633 #inhalt h1,.S1633 .Headline h1,.S1633 #inhalt h3,.S1633 .Headline h3, .S1633 #inhalt a { color: #742829; }
.S1878 .S1633 #inhalt h2,.S1633 .Headline h2, .S1633 #inhalt .Headlines h5 a { color: #0D632A; }
.S1878 .S1633 #nav a { color: #742829; }
.S1878 .S1633 #left .box.border { border: 1px solid #742829; }
.S1878 .S1633 #left h3 { color: #722529; }

/* --- Stylesheet 1879 (optional) --------- */ 

.S1879 .S1707 #wrapper { color: #fff; }
.S1879 .S1707 #wrapper a { color: #fff; }
.S1879 .S1707 #inhalt h1 { text-shadow: 3px 3px 5px rgba(0,0,0,0.3); }
.S1879 .S1707 #inhalt h2 { color: #FFFF00; opacity: 0.7 }

.S1879 .S1707 #bg { box-shadow: -5px 5px 10px rgba(0,0,0,0.5); }

.S1879 .S1707 #nav { margin: 20px 0px 40px 40px }
.S1879 .S1707 #nav a { font-size: 22px; text-shadow: 3px 3px 5px rgba(0,0,0,0.3); color: #E6E6E6; }

/* --- Stylesheet 1880 (optional) --------- */ 

.S1880 .S1720  #inhalt h1,.S1720 .Headline h1,.S1720 #inhalt h3,.S1720 .Headline h3, .S1720 #inhalt a { color: #BAA777; }
.S1880 .S1720  #inhalt h2,.S1720 .Headline h2,.S1720 #inhalt .Headlines h5 a { color: #999; }
.S1880 .S1720  #nav a { color: #999; font-size: 25px;}
.S1880 .S1720  #left h3 { color: #999; }