/* Farben definieren:
rot: #cc0000;
gelb: #ffcc33;
hintergrund: #ffedcc;
*/
html,
body
{
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #eee;
	font-family: trebuchet ms, arial, sans-serif;
	font-size: 95%;
	color: #9A3334;
}
header, section, article, footer, navi_oben, figure, aside
{
	display: block;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, p
{
	margin: .5em 0 1em 0;
	padding: 0;
}
a
{
	color: #9A3334;
}
a:hover
{
	color: #cc0000;
}
a img
{
	border: none;
}
.clearer
{
	clear: both;
}
.ie_hinweis
{
	width: 100%;
	height: auto;
	color: #000;
	border: 3px dashed #000;
	background: #00ff33;
}
.ie_hinweis p
{
	margin: 5px;
}
	#container
	{
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
	}
		#container_seite
		{
			max-width: 69em;
			min-width: 21em;
			height: 100%;
			margin: 0 auto;
		}
			#seite
			{
				width: 100%;
				min-height: 100%;
				padding:  0;
				border: 6px ridge gold;	/* groove = 3D-Effekt; ridge = 3D-Effekt; inset = 3D-Effekt; outset = 3D-Effekt */
				background: #ffedcc url(../bilder/background-seite.png) repeat-y; /* background-seite.png */
				background-size: 100% auto;
				position: relative;
			}
				#header
				{
					width: 100%;
					height: auto;
					margin: 0;
					padding: 0;
					border-bottom: 6px ridge gold;
					box-shadow: 0px 3px 5px #000;
					-webkit-box-shadow: 0px 3px 5px #000;
					-moz-box-shadow: 0px 3px 5px #000;
					-o-box-shadow: 0px 3px 5px #000;
					position: relative;
				}
					#header-logo
					{
						max-width: 100%;
						height: auto;
						margin-bottom: -6px;
					}
					#buchen
					{
						width: 150px;
						height: 30px;
						margin: 0;
						padding-top: 10px;
						background-color: #ffcc33;
						border: 2px solid #fff;
						border-radius: 5px;
						-webkit-border-radius: 5px;
						-moz-border-radius: 5px;
						-o-border-radius: 5px;
						position: absolute;
						top: 6%;
						right: 2%;
					}
					#buchen a
					{
						text-decoration: none;
						color: #cc0000;
					}
					#buchen a:hover
					{
						text-decoration: underline;
						color: #fff;
					}
						#pfeil
						{							
							width: 23px;
							height: 40px;
							margin-top: -10px;
							float: left;
						}
						.beschriftung
						{
							padding-left: 2%;
							font-size: 110%;
							font-weight: bold;
						}
					.finder_suche
					{
						clear: both;
						display: block;
						float: right;
						margin: 0;
						padding: 0;
						position: absolute;
						top: 27%;
						right: 2%;
					}
						.input-medium
						{
							height: 2em;
							border-radius: 5px;
							-webkit-border-radius: 5px;
							-moz-border-radius: 5px;
							-o-border-radius: 5px;
							background: #ffedcc;
						}
                                                .element-invisible{
                                                    display: none;
                                                }
				.tinynav 
				{ 
					display: none; 
				}
				.double 
				{ 
					display: none; 
				}
				#navi_oben
				{
					clear: both;
					width: 100%;
					height: 3em; /* wenn schmall dann 3em; */
					margin: 0;
					padding: 0;
					background: #ffcc33;
					border-bottom: 6px ridge gold;
					position: relative;
				}
				#navi_oben ul
				{
					margin: 0;
					padding: .25em 0 0 .5em;
					list-style-type: none;
				}
				#nav li
				{
					float: left;
					width: 6em; /* wenn schmal dann 3em; */
					padding: 0 .5em 0 1.5em;
					font-weight: bold;
					font-size: 100%;
				}
				#nav a 
				{
					display: block;
					padding: 0;
					text-decoration: none;	
					color: #cc0000;
				}
				#nav li.item-101
				{
					width: auto;
				}
				.item-101 a:hover
				{
					background-color: #ffff66;
					border-radius: 10px;
					-webkit-border-radius: 10px;
					-moz-border-radius: 10px;
					-o-border-radius: 10px;
				}
				.image-title
				{
					display: none;
				}
				#nav a:hover
				{
					color: #fff;
				}
				#nav ul
				{					
					position: absolute;
					left: -9999px;					
					/* border-top: 6px ridge gold; */
				}
				#nav ul a
				{
					color: #cc0000;
				}
				#nav li:hover > ul
				{
					left: auto;
					background-color: rgba(255,204,51,0.90);
					background: #FFCC33;
					box-shadow: 0px 3px 5px #000;
					-webkit-box-shadow: 0px 3px 5px #000;
					-moz-box-shadow: 0px 3px 5px #000;
					-o-box-shadow: 0px 3px 5px #000;
					border-radius: .2em;
					-webkit-border-radius: .2em;
					-moz-border-radius: .2em;
					-o-border-radius: .2em;
				}
					
				#nav li.item-126:hover > ul,#nav li.item-102:hover > ul,#nav li.item-111:hover > ul
				{
					top: 3em;
					margin-top: -1.5em;
					padding-top: 1.6em;
				}
				#navi_oben #nav li li
				{
					width: auto;
					float: none;
					margin: 0;
					padding: 0 .5em .3em .2em;
				}
				#navi_oben #nav li > li a:hover
				{
					color: #fff;
				}
				#container_content /* mit padding-bottom die H�he des Footers vom Inhalt abziehen */
				{
					width: 100%;
					min-height: 100%;
					padding-bottom: 2em;
					background: #ffedcc url(../bilder/ornament_var3.png) top right no-repeat;
					background-size: 80% auto;
					overflow: hidden;  /**/
				}
					figure#bildleiste
					{
						max-width: 36.5%; 
						min-height: 100%;
						float: left;
						padding-bottom: 20000px;
						margin-bottom: -20000px;
						background: #cc0000 url(../bilder/borduere-phone-quer.png) repeat-y;
						overflow: hidden;
					}
						.random-image_bild-links img
						{
							max-width: 100%;
							height: auto;
							overflow: hidden;
						}
					#inhalt 
					{
						max-width: 63%; 
						min-height: 100%;
						margin-bottom: -20000px;
						padding-bottom: 20000px;
						float: left !important; 
					}
						#wegweiser
						{
							margin-top: .5em;
							font-size: 75%;
						}
						#wegweiser-innen
						{
							width: 6em;
							height: 1.5em;
							padding-left: 1em;
							float: left;
						}
						.breadcrumb
						{
							width: 100%;
							margin: 0 0 0 -3em;
						}
						.breadcrumb li
						{
							width: auto;
							padding: .5em .2em 0 .2em;
							float: left;
							list-style: none;
						}
						.divider /* breadcrumb */
						{
							margin-left: .2em;
						}
						.newsbox
                                                {
							border: 1px solid #9A3334;
							border-radius: 1rem;
							-webkit-border-radius: 1rem;
							-moz-border-radius: 1rem;
							padding: 1rem;
						}
						article
						{
							margin-top: 2.5em;
							padding: 0 .5em .5em 1em;
							clear: left;
						}
						article div h1,h2,h3
						{
							margin: .5em 0 0em 0;
							font-size: 100%;
							font-weight: bold;
							color: #9A3334;
						}
						article div h1
						{
							font-size: 150%;
						}
                                                article div h2
						{
							font-size: 130%;
						}
                                                article div h3
						{
							font-size: 110%;
						}
						article p
						{
							color: #9A3334;
						}
						span.anmelden a
						{
							width: auto;
							margin-left: 2.5em;
							padding: .3em;
							background-color: #ffcc33;
							border-radius: 5px;
							-webkit-border-radius: 5px;
							-moz-border-radius: 5px;
							-o-border-radius: 5px;
							font-weight: bold;
							color: #cc0000;
							text-decoration: none;
						}
						span.anmelden a:hover
						{
							color: #fff;
							text-decoration: underline;
							cursor: pointer;
						}
						span.anmelden-rechts a
						{
							width: auto;
							margin-right: 2.5em;
							padding: .3em;
							background-color: #ffcc33;
							border-radius: 5px;
							-webkit-border-radius: 5px;
							-moz-border-radius: 5px;
							-o-border-radius: 5px;
							font-weight: bold;
							color: #cc0000;
							text-decoration: none;
							float: right;
						}
						span.anmelden-rechts a:hover
						{
							color: #fff;
							text-decoration: underline;
							cursor: pointer;
						}
						span.anmelden-links a
						{
							width: auto;
							padding: .3em;
							background-color: #ffcc33;
							border-radius: 5px;
							-webkit-border-radius: 5px;
							-moz-border-radius: 5px;
							-o-border-radius: 5px;
							font-weight: bold;
							color: #cc0000;
							text-decoration: none;
						}
						span.anmelden-links a:hover
						{
							color: #fff;
							text-decoration: underline;
							cursor: pointer;
						}
                        .readmore a.btn{
                          color:red;
                          font-weight: bold;
                          text-align: right;
                        }
                        .readmore a.btn:hover{
                            color:#cc0000;
                        }
                                                /************************************************/
                                                /*		All iframe Videos - makes them responsive		*/
                                                /************************************************/
                                               .video-box { 
                                                    position: relative; 
                                                    padding-bottom: 56.25%;
                                                    padding-top: 30px;
                                                    height: 0;
                                                    overflow: hidden;
                                                }

                                                .video-box iframe,.video-box object,.video-box embed { 
                                                    position: absolute;
                                                    top: 0;
                                                    left: 0;
                                                    width: 100%;
                                                    height: 100%;
                                                }
						/********************* Formular ****************************/
						.formular
						{
							max-width: 100%;							
							height: auto;
							margin-top: 1em;
							padding: 1em;
							background-color: rgba(255,204,102,0.65); /* #ffcc66; */
							border-radius: 20px;
							-webkit-border-radius: 20px;
							-moz-border-radius: 20px;
							-o-border-radius: 20px;
							border: 1px solid #000;
							overflow: auto;
						}
                                                .startfield{
                                                    display: none;
                                                    height: 0;
                                                }

						label
						{
							display: inline-block; 
							width_: 5.4em;
							height: 1.8em;
							clear: left;
						}
						label.ort
						{
							width: 2.4em;
							padding-left: 2em;
						}
						label.daten
						{
							width_: 10.5em;
						}
						label.kontakt-form
						{
							width: 9.7em;
							padding-left: .2em;
						}
						label.beschreibung
						{
							width: 12em;
						}
						input,.radio
						{
							background-color: wheat;
                          	color: #9A3334;
						}
						input
						{
                          	border-radius: 4px;
							border: 1px solid #F9F909;
                           	width: 95%;
						}
                        .radio
						{
                          width: 1em;
                        }
                        input#ergebnis{
                          width: 5em;
                        }
                        .inputtext_plz{
                          width: 4em;
                        }
                        select
						{
							border-radius: 4px;
							border: 1px solid #F9F909;
							width: 11em;
							margin: 0 0 .3em 0;
						}
						.kurse
						{
							float: left;
							padding: 0 2em 0 .2em;
						}
						.workshops
						{
							
						}
						.first
						{
							padding-right: -.2em;
							height: 1.8em;
							float: left;
						}

						.second
						{
							padding-right: 5em;
							float: right;	
							height: 1.8em;
						}
						.third
						{
							clear: both;
						}

						.auszeichnung
						{
							margin: 0;
							padding: 0;
							font-weight: bold;
							color: #cc0000;
							clear: left;
						}
						.klein
						{
							font-size: 85%;
						}
                                                textarea
                                                {
                                                    width: 95%;
                                                }

						.inputsubmit,.inputsubmit_lang{
                                                    background-color: #ffcc33;
                                                    border-radius: 5px;
                                                    -webkit-border-radius: 5px;
                                                    -moz-border-radius: 5px;
                                                    -o-border-radius: 5px;
                                                    border: 1px solid #fff;
                                                    color: #cc0000;
                                                    float: right;
                                                    font-size: 120%;
                                                    font-weight: bold;
                                                    margin-right: 1em;
                                                    width: 8.5em;                                                    
						}
                                                .inputsubmit_lang{
                                                    width: 14em;
                                                }
						.inputsubmit:hover,.inputsubmit_lang:hover
						{
							color: #fff;
							text-decoration: underline;
							border-color: #000;
							cursor: pointer;
						}
						.anzeige
						{
							max-width: 90%;							
							height: auto;
							margin-top: 1em;
							padding: 1em;
							background-color: #ffcc33;
							border-radius: 20px;
							-webkit-border-radius: 20px;
							-moz-border-radius: 20px;
							-o-border-radius: 20px;
							border: 2px dashed #cc0000;
							font-weight: bold;
							color: #fff;
						}
						.validate-msg
						{
							font-size: 95%;
							font-weight: bold;
							color: #9A3334;
							line-height: .9em;
						}
						/****************Ende Formular ************************/
						hr.clear-linie
						{
							clear: both;
							visibility: hidden;
						}
						.finder
						{
							margin-top: 2.5em;
							padding: 0 .5em .5em 1em;
							clear: left;
						}
				footer
				{
					
					width: 100%;
					height: 2em;
					margin: 0;
					padding-top: 0;
					font-weight: bold;
					font-size: 100%;
					background-color: #ffcc33;
					border-top: 6px ridge gold;
					position: absolute;
					bottom: 0;
					right: 0;
					
				}
				#menu_footer
				{
					width: auto;
					margin: 0;
					padding: 0;
				}
				#menu_footer li
				{
					margin: .2em 1em 0 .5em;
					float: right;
					list-style: none;
				}
				#menu_footer li a
				{
					text-decoration: none;
					color: #cc0000;
				}
				#menu_footer li a:hover
				{
					color: #fff;
				}
@media screen and (max-width: 1000px)
{
	#navi_oben
		{
			height: 3em;
		}
	#nav li
		{
			width: 4.5em;
			padding: 0 1em 0 1.5em;
		}
	#nav li:first-child
		{
			width: 1em;
			padding: 0 0 0 1.5em;
		}
	figure#bildleiste
			{
				background: #cc0000 url(../bilder/borduere-phone-quer.png) repeat-y;
			}
}
@media screen and (max-width: 860px)
{
	#mod-finder-searchform89
		{
			position: absolute;
			top: 70%;
			left: 2%;
		}
        #buchen
            {
                    width: 150px;
                    height: 30px;
                    margin: 0;
                    padding-top: 10px;
                    background-color: #ffcc33;
                    border: 2px solid #fff;
                    border-radius: 5px;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    -o-border-radius: 5px;
                    position: absolute;
                    top: 30%;
                    right: 2%;
            }
	#nav li
		{
			font-size: 90%;
		}
	figure#bildleiste
		{
			background: #cc0000 url(../bilder/borduere-phone-quer-2.png) repeat-y;
		}
}
@media screen and (max-width: 700px)
{
	#nav li
		{
			font-size: 85%;
		}
	.input-medium
		{
			height: 1em;
			background: rgba(255,237,204,0.65);
		}	
}
@media screen and (orientation:portrait) and (max-width: 600px)
{
	.tinynav 
		{ 
			display: block;
			width: 100%;
			background-color: #ffcc33;
			color: #9A3334;
			font-weight: bold;
			padding-top: .1em;
			z-index:9999;
		}
	#navi_oben
		{
			height: 1.5em;
		}
	#nav 
	{ 
		display: none 
	}
}				
@media screen and (max-width:480px)
{
	#seite, header, #navi_oben, footer
		{
			border: 0px;
		}
		#buchen
		{
			width: 150px;
			height: 23px;
			margin: 0;
			padding-top: 5px;
			background-color: #ffcc33;
			border: 2px solid #fff;
			border-radius: 5px;
			-webkit-border: 5px;
			-moz-border: 5px;
			-o-border: 5px;
			position: absolute;
			top: 90%;
			right: .5%;
			z-index: 4;
		}
			#pfeil
			{							
				width: 16.1px;
				height: 28px;
				margin-top: -5px;
				float: left;
			}
			.beschriftung
			{
				padding-left: 15px;
				font-size: 100%;							
				font-weight: bold;
			}
		#mod-finder-searchform89 /* hinzugef�gt f�r iPhone */
		{
			position: absolute;
			top: 2%;
			left: 2%;
		}
		.input-medium 
		{
			width: 100%;
		}
		.tinynav 
		{ 
			display: block;
			width: 50%;
		}
		#nav 
		{ 
			display: none 
		}
		figure#bildleiste
		{
			background: #cc0000 url(../bilder/borduere-phone.png) repeat-y;
		}	
}
@media screen and (orientation:landscape) and (max-width:480px) /* wurde ge�ndert */
{
	#seite, header, #navi_oben, footer
		{
			border: 0px;
		}
		#buchen
		{
			width: 150px;
			height: 23px;
			margin: 0;
			padding-top: 5px;
			background-color: #ffcc33;
			border: 2px solid #fff;
			border-radius: 5px;
			-webkit-border: 5px;
			-moz-border: 5px;
			-o-border: 5px;
			position: absolute;
			top: 90%;
			right: .5%;
			z-index: 4;
		}
			#pfeil
			{							
				width: 16.1px;
				height: 28px;
				margin-top: -5px;
				float: left;
			}
			.beschriftung
			{
				padding-left: 15px;
				font-size: 100%;							
				font-weight: bold;
			}
		#mod-finder-searchform89 /* hinzugef�gt f�r iPhone */
		{
			position: absolute;
			top: 2%;
			left: 2%;
		}
		.input-medium /* hinzugef�gt f�r iPhone */
		{
			width: 100%;
			background: rgba(255,237,204,0.65);
		}
		.tinynav 
		{ 
			display: block;
			width: 50%;
		}
		#nav 
		{ 
			display: none 
		}
		figure#bildleiste
		{
			background: #cc0000 url(../bilder/borduere-phone.png) repeat-y;
		}
}
@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)
{
	figure#bildleiste
			{
				background: #cc0000 url(../bilder/borduere-phone-quer.png) repeat-y;
			}
	#nav li:hover .double
	{
		display: inline;
	}
}