/* CSS Document */

/********************
* Grundeinstellungen:
********************/
body {
	font-size:				small;
	margin:					0;
	background-color:		#FFFFFF;
	color:					#666666;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	text-align:				center; /* Wird benötigt, damit "container" auch in IE 6 mittig angezeigt wird... */
}

#container {
	margin:					0 auto 50px auto;
	width:					841px;
	background-image:		url(../img/illu_ueberschrift.gif);
	background-repeat:		no-repeat;
	background-position:	top right;
	text-align:				left;
}

ul#navigation {
	margin:					70px 20px 0 0;
	padding: 0;
	border:					none;
	padding:				0;
	line-height:			0;
	font-size:				0;
	width:					160px;
	float:					left;
	list-style-type: none;
}

ul#navigation li a { display: block; width: 160px; background: url('../img/navi.jpg') no-repeat; }
ul#navigation li a span { display: none; }

ul#navigation li.top { background: url('../img/navi.jpg') no-repeat 0 0; width: 160px; height: 139px; }
ul#navigation li.bottom { background: url('../img/navi.jpg') no-repeat 0 -1061px; width: 160px; height: 46px; }

ul#navigation li#n1 a { background-position: 0 -139px; width: 160px; height: 41px; }
ul#navigation li#n1 a:hover, ul#navigation li#n1 a:active, ul#navigation li#n1 a.active { background-position: 0 -180px; }

ul#navigation li#n2 a { background-position: 0 -221px; width: 160px; height: 46px; }
ul#navigation li#n2 a:hover, ul#navigation li#n2 a:active, ul#navigation li#n2 a.active { background-position: 0 -267px; }

ul#navigation li#n3 a { background-position: 0 -313px; width: 160px; height: 58px; }
ul#navigation li#n3 a:hover, ul#navigation li#n3 a:active, ul#navigation li#n3 a.active { background-position: 0 -371px; }

ul#navigation li#n4 a { background-position: 0 -429px; width: 160px; height: 56px; }
ul#navigation li#n4 a:hover, ul#navigation li#n4 a:active, ul#navigation li#n4 a.active { background-position: 0 -485px; }

ul#navigation li#n5 a { background-position: 0 -541px; width: 160px; height: 57px; }
ul#navigation li#n5 a:hover, ul#navigation li#n5 a:active, ul#navigation li#n5 a.active { background-position: 0 -598px; }

ul#navigation li#n6 a { background-position: 0 -655px; width: 160px; height: 49px; }
ul#navigation li#n6 a:hover, ul#navigation li#n6 a:active, ul#navigation li#n6 a.active { background-position: 0 -704px; }

ul#navigation li#n7 a { background-position: 0 -753px; width: 160px; height: 54px; }
ul#navigation li#n7 a:hover, ul#navigation li#n7 a:active, ul#navigation li#n7 a.active { background-position: 0 -807px; }

ul#navigation li#n8 a { background-position: 0 -861px; width: 160px; height: 51px; }
ul#navigation li#n8 a:hover, ul#navigation li#n8 a:active, ul#navigation li#n8 a.active { background-position: 0 -912px; }

ul#navigation li#n9 a { background-position: 0 -963px; width: 160px; height: 49px; }
ul#navigation li#n9 a:hover, ul#navigation li#n9 a:active, ul#navigation li#n9 a.active { background-position: 0 -1012px; }

#inhalt {
	margin:					150px 0 50px 180px;
	width:					415px;
	line-height:			150%;
}

#inhalt_breit {
	margin:					150px 50px 50px 210px;
	width:					565px;
	line-height:			150%;
}

#rechte_spalte {
	margin:					200px 35px 50px 10px;
	font-size:				13px;
	color:					#666666;
	border:					none;
	padding-left: 25px;
	width:					176px;
	float:					right;
	background: url('../img/bg_right_column.gif') no-repeat;
}

#rechte_spalte h2 {
	margin: 0;
	margin-bottom: 20px;
	color: #859D57;
	font-size: 18px;
}
#rechte_spalte a {
	color: #859D57;
	font-weight: bold;
	text-decoration: underline;
}
#rechte_spalte a:hover {
	text-decoration: none;
}

#rechte_spalte .bn1 {
	display: block;
	margin: 25px 0 20px 25px;
}
#rechte_spalte .bn2 {
	display: block;
	margin: 10px 0 15px 70px;
}
#rechte_spalte input {
	border: 1px solid #859D57 !important;
}

#rechte_spalte .formButton {
	color: #859D57;
}

#rechte_spalte_warenkorb_ff {
	margin:					150px 35px 50px 600px;
	font-size:				x-small;
	color:					#FF6600;
	border:					none;
	padding:				0;
	width:					176px;
	float:					right;
/*	position:absolute;*/
}

#rechte_spalte_warenkorb_ie {
	margin:					170px 35px 50px -210px;
	font-size:				x-small;
	color:					#FF6600;
	border:					none;
	padding:				0;
	width:					176px;
	float:					right;
	z-index:				11;
}

.feste_position {
	position:				fixed;
	top:					90px;
	left:					inherit;
}

.hinweisbox {
	display:				block;
	margin:					0;
	border:					2px solid #A7062B;
	padding:				10px;
	background-color:		#FFCCBF;
}

/* Grafiken sollen immer ohne Rahmen dargestellt werden: */
img {
	margin:					0;
	border:					none;
	padding:				0;
}



/*****************
* Überschriften: *
******************/
h1, h2, h3 {
	font-weight:			bold;
	color:					#3399CC;
}

h1 {
	font-size:				large;
	margin:					28px 0 30px 0;
}

h2 {
	font-size:				medium;
}

h2.cms {
	margin:					50px 0 20px 0;
	padding:				10px 0 10px 10px;
	background-color:		#3399CC;
	color:					#000000;
	width:					100%;
}

h3 {
	font-size:				small;
}

#inhalt.foto_video {
	margin-top: 200px;
}
.foto_video h1 {
	font-size: 13px;
	margin: 0;
}
.foto_video p {
	margin-top: 0;
}



/************
* Tabellen: *
*************/
form table {
	width:					100%;
}

th {
	vertical-align:			top;
	text-align:				right;
}

th.mittig {
	vertical-align:			middle;
	text-align:				right;
}

.cms_button {
	background-color:		#CFE5FF;
	text-align:				center;
}

td {
	vertical-align:			top;
	text-align:				left;
}

td.hohe_zeilen {
	line-height:			25px;
}


/* Links: */
a:link {
	color:					#FF6600;
	text-decoration:		none;
}

a:visited {
	text-decoration:		none;
	color:					#FF6600;
}

a:hover {
	text-decoration:		underline;
	color:					#FF6600;
}

a:active {
	text-decoration:		none;
	color:					#FF6600;
}



/********************
* Formularelemente: *
*********************/
form {
	margin:					10px 0 20px 0;
}

input {
	margin:					5px 0 5px 0;
	vertical-align:			middle;
	font-size:				small;
}

textarea {
	vertical-align:			top;
}

.formButton {
	color:					#000000;
	margin:					5px 0 5px 0;
	padding:				1px 5px 1px 5px;
	border:					1px solid #000000;
	background-color:		#FFFFFF;
}

#ergebnismeldung {
	border:					1px solid #3399CC;
	margin:					20px 0 20px 0;
	padding:				10px 10px 10px 10px;
	display:				none;
}

#ergebnismeldung_2 {
	border:					1px solid #3399CC;
	margin:					20px 0 20px 0;
	padding:				10px 10px 10px 10px;
	display:				none;
}

.ergebnismeldung_3 {
	margin:					15px 0 0 0;
	display:				none;
	font-size:				x-small;
	color:					#990000;
}

.fehler {
	font-size:				x-small;
	color:					#990000;
}


/********
* Shop: *
*********/
/* Diese Klasse formatiert das PLUS-Symbol auf der "Shop"-Seite: */
.shop_button_schliessen {
	display:				none;
	vertical-align:			baseline;
}

/* Diese Klasse formatiert das MINUS-Symbol auf der "Shop"-Seite: */
.shop_button_oeffnen {
	display:				block;
	vertical-align:			baseline;
}

/* Diese Klasse formatiert den Weichen-Link auf der "Foto/Video"-Seite: */
.button_schliessen {
	display:				none;
	vertical-align:			baseline;
}

/* Diese Klasse formatiert Weichen-Link auf der "Foto/Video"-Seite: */
.button_oeffnen {
	display:				block;
	vertical-align:			baseline;
}

/* Diese Klasse enthält die zu Beginn "zusammengeklappten" Produktgruppen des Shops: */
.produktgruppe {
	display:				none;
	margin:					0 0 20px 20px;
}

/* Diese Klasse enthält die zu Beginn "zusammengeklappten" Bestellungen der Kunden: */
.bestellung {
	display:				none;
	margin:					0 0 20px 20px;
}

#bestellformular {
	display:				none;
}

/* Der Link zum eigentlichen Bestellformular ist zunächst unsichtbar: */
#bestlink {
	display:				none;
}

.produktgruppe_text {
	font-style:				normal;
}

.bestellung_details {
	font-style:				normal;
}

.produkt {
	margin:					10px 0 20px 0;
}

.produkt_img {
	margin:					10px 5px 5px 0;
	line-height:			100%;
}

.produkt2_img {
	margin:					10px 5px 5px 0;
	line-height:			100%;
	text-align:				center;
}

.produkt_titel {
	font-size:				medium;
	font-weight:			bold;
}

.produkt_text {
	margin:					10px 0 10px 0;
}

.produkt_preis {
}

.produkt_zusatzangaben {
	margin:					10px 0 10px 0;
}
/*
.produkt_preis:after {
	content:				" \20AC";
}
*/
#bestellung_text {
	padding:				20px 20px 20px 20px;
	border:					1px solid;
	text-align:				right;
}

/***************
* Neuigkeiten: *
****************/
.vorspann {
	margin:					0 0 20px 0;
}

#vorspann_neuigkeiten {
}

.neuigkeit {
	margin:					0 0 30px 0;
}

.neuigkeit_datum {
	margin:					0 20px 15px 0;
	float:					left;
}

.neuigkeit_titel {
	margin:					0 0 15px 0;
	font-weight:			bold;
	font-size:				large;
}

.neuigkeit_text {
	margin-bottom:			15px;
}

.konzert {
	margin:					0 0 10px 0;
}

.konzert_datum {
/*	color:					#FF6600;*/
	font-weight:			bold;
	margin-right: 15px;
}

.konzert_ort {
	font-weight:			bold;
}

.konzert_buehne {
	font-weight:			bold;
}

.konzert_uhrzeit {
	font-weight:			bold;
}

/*.konzert_uhrzeit:after {
	content:				" Uhr";
}*/

.konzert_kommentar {
	font-size:				x-small;
	color:					#666666;
}

.abspann {
	margin:					35px 0;
}



/*************
* Gästebuch: *
**************/
.gb_eintrag {
	margin:					30px 0 30px 0;
	font-size:				x-small;
	font-weight:			bold;
}

.gb_name {
	color:					#669900;
}

.gb_datum {
	color:					#669900;
}

.gb_email {
}

.gb_text {
	font-weight:			normal;
}

.gb_trenner {
	margin:					0;
	width:					300px;
	height:					1px;
	background-color:		#666666;
}

#gaestebuch_eintragen  {
	margin:					50px 0 50px 0;
}



/**************
* Link-Seite: *
***************/
.link {
	margin:					0 0 30px 0;
}

.link_titel {
	margin:					0 0 10px 0;
	font-weight:			bold;
}

.link_href {
	margin:					0 0 10px 0;
}

.link_text {
	margin:					0 0 10px 0;
}



/********************
* Foto+Video-Seite: *
*********************/
.fotobox {
	margin:					0 20px 20px 0;
	width:					70px;
	height:					70px;
}

#links_diaschau {
	margin:					20px 0 20px 0;
	text-align:				center;
	font-size:				80%;
}

.videobox {
	display:				inline;
	float:					left;
	margin-right:			10px;
	text-align:				center;
}

.videoscreen {
	width:					360px;
	height:					310px;
/*	border:					blue dotted 2px;*/
	overflow:				auto;
	float:					left;
}

.videos {
/*	width:					565px;*/
	width:					196px;
	height:					310px;
	border:					#FF6600 dotted 2px;
	overflow:				auto;
	float:					right;
}

.video {
	margin:					0;
	border-bottom:			black dotted 2px;
	padding:				8px;
	line-height:			100%;
	background-color:		#FFFFFF;
}

.videoaktiv {
	margin:					0;
	border-bottom:			black dotted 2px;
	padding:				8px;
	line-height:			100%;
	background-color:		#3399CC;
}

.videotitel {
	margin:					0 0 10px 0;
	font-size:				85%;
	font-weight:			bold;
/*	color:					#3399CC;*/
}

.videobeschreibung {
	margin:					5px 0 0 0;
	font-size:				80%;
}

.video a {
	margin:					0;
	font-size:				85%;
	font-weight:			bold;
}

.videoaktiv a {
	margin:					0;
	font-size:				85%;
	font-weight:			bold;
}

/* Spezielle Klassen und IDs: */
.tier {
	position:				absolute;
	height:					41px;
	width:					39px;
}

.foto_video .img1 {
	display: block;
	margin: 25px 95px 10px;
}

/* Hinweis-Texte, z.B. der Hinweis zum Download des Flash-Players... */
.hinweis {
	font-size:				x-small;
	color:					#666666;
}

.link_ausmalbild {
	display:				block;
	border:					1px solid #000;
	padding:				10px 5px;
	width:					182px;
	background:				url(../img/ausmalbilder.png) repeat-y top left;
	text-align:				center;
	font-weight:			bold;
}

#mukketiertv_inhalt h2 {
	margin-bottom: 0;
	margin-top: 2em;
}
#mukketiertv_inhalt p.datum {
	margin-top: 0;
}
#mukketiertv_inhalt td img {
	margin: 0 10px 10px 0;
}

#mukketiertv_inhalt td {
	vertical-align: top;
}
#mukketiertv_inhalt td p {
	margin: 0;
}
#mukketiertv_inhalt td p.show_video {
	margin-top: 1em;
}

#mukketiertv_inhalt ul {
  margin: 0;
	margin-top: 2em;
	list-style-type: none;
	padding: 0;
}
#mukketiertv_inhalt li hr {
	background: url('../img/trenner_horizontal.gif') no-repeat;
	width: 100%;
	height: 12px;
	border: 0;
}

#mukketiertv_inhalt .show_video a, #mukketiertv_inhalt .back_link a {
	color: #3399CC;
	text-decoration: underline;
	font-weight: bold;
}
#mukketiertv_inhalt .show_video a:hover, #mukketiertv_inhalt .back_link a:hover {
	text-decoration: none;
}
#mukketiertv_inhalt .back_link {
	margin-top: 100px;
}

#mukketiertv_inhalt .img1 {
	float: right;
}

#video_inhalt .youtube, #mukketiertv_inhalt .youtube {
	margin-top: 1em;
	background: url('../img/bg_video.jpg') no-repeat;
	width: 480px;
	height: 385px;
	padding: 26px 35px 37px 26px;
}

#video_inhalt h2 {
	margin-bottom: 0;
	margin-top: 1em;
	font-size: small;
}
#video_inhalt ul {
	margin-top: 2em;
	list-style-type: none;
	padding: 0;
}
#video_inhalt li p {
	margin: 0;
}
#video_inhalt h2 a {
	color: #3399CC;
	text-decoration: underline;
	font-weight: bold;
}

#video_inhalt h2 a:hover {
	text-decoration: none;
}

#video_inhalt hr {
	background: url('../img/trenner_horizontal.gif') no-repeat center 0;
	width: 100%;
	height: 12px;
	border: 0;
}

.btn_links a {
	display: block;
	width: 89px;
	height: 67px;
	background: url('../img/btn_links.gif') no-repeat 0 0;
}
.btn_links a:hover {
	background-position: 0 -67px;
}

.btn_links a span {
	display: none;
}