@font-face {
   font-family: hexenwald;
   src: url('../fonts/matter.eot');
}
/* dann f�r alle anderen Browser */

@font-face {
   font-family: hexenwald;
   src: url('../fonts/matter.ttf') format('truetype');
}

body {
	background-color:#00499f;
	color:#6e6e6e;
	margin: 0px;
	padding: 0px;
	font-family:Arial;
	font-size:14px;
}
#frame {
	width: 930px;
	left: 50%;
	margin: 0px;
	margin-left: -465px;
	padding:0px;
	position: absolute;
	background-color: #FFF;
}
#top {
	position: fixed;
	top:0px;
	height: 30px;
	width: 930px;
	z-index: 100;
	background-color: rgba(0, 73, 159, 0.5);
	/*
	position: absolute;
	left:0px;
	width: 100%;
	*/
}





#menu {
	background-image: url(../images/menuback.png);
	height: 87px;
	width: 930px;
	z-index: 100;
	position: fixed;
	top: 30px;
	/*
	position: absolute;
	left:0px;
	width: 100%;
	*/
}
#welcome, #news {
	position:absolute;
	left:10px;
	top:200px;
	width:300px;
	text-shadow: 0 0 3px #fff, 0 0 5px #fff;
}
#news {
	display:none;
}
#configurator {
	position:absolute;
	right:50px;
	top:140px;
	width:144px;
}
#back {
	background-image: url(../images/back.jpg);
	top: 0px;
	height: 406px;
	width: 930px;
	max-width:100%;
	padding-top:200px;
	/*padding-left:10px;*/
}

#blende {
	position:absolute;
	background-image: url(../images/blende.png);
	margin-top: -158px;
	height: 320px;
	width: 930px;
	max-width:100%;
	z-index:10;
}

#main {
	width:100%;
	position:relative;
	margin-top:-120px;
	overflow:hidden;
	float:left;
	z-index:20;
}

#sidebarL {
	position:relative;
	float:left;
	left:100%;
	top:30px;
	margin-left:-100%;
	width:215px;
	/*margin-top: -230px;*/
	background:url(../images/sidebarL_back.png) top left repeat-y;
	background-color:#fcc;
	z-index:20;
	
	
	margin-bottom: -5000px;
    padding-bottom: 5000px;
}

#content {
	position:relative;
	z-index:30;
	left:100%;
	top:30px;
	
}
.content1col {
	width: 914px;
	margin-left:-100%;
	padding:8px;
}
.content1col #contentTop {
	background-color: #eff2f8;
	border-radius: 20px 20px 0 0;
	height: 18px;
}
.content1col #contentInner {
	padding-bottom:30px;

	background-color: #fff;
	background-image: url("../images/contentInner_back.png");
	background-repeat: repeat-x;
	margin-bottom: -5000px;
	min-height: 500px;
	padding-bottom: 5060px;
	padding-left: 20px;
	padding-right: 179px;
	width: 715px;
}
.content2col {
	position:relative;
	margin-left:-930px;	/*-735px;*/
	width: 720px;
	float:left;
}
.content2col #contentTop {
	height:18px;
	background:url(../images/contentTop_back.png) no-repeat;
}
.content2col #contentInner {
	background-color:#fff;
	background-image:url(../images/contentInner_back.png);
	background-repeat:repeat-x;
	min-height:500px;
	/*margin-top:-22px;*/
	padding-left:20px;
	width:699px;   /*520px;*/

	/*margin-bottom: -5000px;
    padding-bottom: 5060px;*/


}

.home .content2col {
	width: 650px;
}
.home .content2col #contentInner {
	width: 630px;
}
.home .content2col #contentTop {
	height:18px;
	background:none;
	background-color: #ECF0F7;
	border-radius: 18px 18px 0px 0px;
}

.content3col {
	width: 550px;
}

/*#sidebarR {
	float:left;
	width:190px;
	margin-top: -230px;
}*/

#sidebarR {
	/*float:right;
	width:144px;
	min-height:100px;
	overflow:hidden;
	margin-left:10px;
	margin-right:20px;
	margin-top:-20px;*/
	position:absolute;
	right:20px;
	top:30px;
	width:144px;
	overflow:hidden;
}

.home #sidebarR {
	width: 270px;
	height: 100%;
	right: 0;
}

.home #sidebarR h3 {
	margin-top: 0px;
	margin-left: 2px;
	margin-bottom: 5px;
}

.home #sidebarR .moduletable {
	position: relative;
	height: 100%;
	background-color: #ECF0F7;
	border-radius: 18px;
	padding: 10px;
}

.home #sidebarR .ffp-feed-posts-items {
	padding: 0;
}
.home #sidebarR .ffp-feed-posts-item {
	padding: 10px;
}

/*.home .fb-face {
	margin-left: 0px;
}
.home .fbwall-Track {
	border-radius: 5px;
}*/

.sidebarImg {
	width: 144px;
}

#footer {
	clear:both;
	background-image: url(../images/footerback.png);
	background-repeat: repeat-x;
	height: 260px;
	width: 930px;
	max-width:100%;
	bottom: 0px;
	font-size:10px;
}
#footer table {
	padding:3px 8px 0px 8px;
}
#footer table td{
	width:33%;
	font-size:11px;
	color:#95b3d7;
}
#footer table td p, #footer table td p a {
	margin:0px;
	padding:0px;
	color:#95b3d7;
}

.clearer {
	display:block;
	clear:both;
}

.wrapper {
	border:none;
}

hr {
	color:#6e6e6e;
	background-color:#6e6e6e;
	border:none;
	height:2px;
}

/*div.articlebuttons {
	display:none;
}

ul.actions {	
	position:absolute;
	/*top:-498px;
	left:150px;*/
/*	top:10px;
	left:50%;
	margin-top:0px;
	margin-left:100px;
	z-index:10000;
	float:left;
}*/
/*ul.actions li {
	list-style:none;
	float:left;
}*/

/*================================================
Headers and Paragraphs
*/
a, a:link, a:visited, a:focus, a:active, a:hover {
	text-decoration:none;
	color:#00499f;
	font-weight:bold;
	background:none;
	padding-left:0px;
}
p a[href], p a[href]:link, p a[href]:visited, p a[href]:focus, p a[href]:active, p a[href]:hover {
	text-decoration:none;
	color:#00499f;
	font-weight:bold;
	background: url(../images/link.png) center left no-repeat;
	padding-left:10px;
}

p.link {
	color:#00499f;
	font-weight:bold;
	background: url(../images/link.png) center left no-repeat;
	padding-left:10px;
}

h2 {
	font-size:18pt;
	color:#00499f;
	margin:0px;
	margin-bottom:0.5em;
}
h3 {
	font-size:12pt;
	font-weight:bold;
	color:#00499f;
	margin-bottom:0px;
}
h4 {
	font-size:8pt;
	font-weight:bold;
	color:#00499f;
	margin-bottom:0px;
}
h5 {
	font-size:12px;
	font-weight:bold;
	color:#6e6e6e;
	margin-bottom:0px;
}
p {
	font-size:8pt;
	color:#6e6e6e;
	margin:0px;
	margin-bottom:0.5em;
}
#content p {
	font-size:12px;
	font-weight:normal;
	text-align:justify;
}
.orangeTable {
	background-color:#ffd4aa;
	max-width: 100% !important;
	display: block;
}
.orangeTable td {
	width:50%;
	vertical-align:top;
}
.orangeTable td ul li p {
	text-align:left !important;
}

.blueTable {
	background-color:#d6e5ff;
	border-spacing:0px;
}
.blueTable td {
	padding:5px;
}
.blueTable tr>td {
	width:400px;
	padding-left:15px;
	
}
.blueTable tr>td+td {
	width:100px;
	text-align:center;
}
.blueTable tr.head td {
	border-bottom:1px solid #00499f;
	font-weight:bold;
	padding-left:5px;
}
.blueTable tr:hover td {
	background-color:#d6e5ff;
}

#content ul {
	margin:0px;
	padding-left:15px;
}


/*================================================
Colors
*/

.blue {
	color:#00499f;
}
.grey {
	color:#6e6e6e;
}
.orange {
	color:#ff7100;
}
.orangeLight {
	background-color:#ffd4aa;
}
.white {
	color:#fff;
}
a.white, a.white:link, a.white:focus, a.white:hover, a.white:visited, a.white:active {
	color:#fff;
	font-weight:bold;
}
a.orange, a.orange:link, a.orange:focus, a.orange:hover, a.orange:visited, a.orange:active {
	color:#FF6600 !important;
	font-weight:bold;
}

.error {
	color:#f00;
	font-weight:bold !important;
}

/*================================================
Menu images
*/

/* Die beiden Hexenwald-Menuebilder liegen NICHT im Template, sondern im
   Joomla-Bilderordner /images/menu/. In Joomla 3 lag diese Datei unter
   templates/skigiesing/css/, von dort waren es drei Ebenen bis zur Wurzel.
   Ab Joomla 4 liegt sie unter media/templates/site/skigiesing/css/ –
   deshalb jetzt fuenf Ebenen. Bewusst relativ statt /images/..., damit die
   Installation in einem Unterverzeichnis weiterhin funktioniert. */
a.menu_hexenwald {
	width:153px;
	height:87px;
	display:block;
	background:url(../../../../../images/menu/menu_hexenwald_norm.png) center no-repeat;
}
a.menu_hexenwald:hover {
	background-image:url(../../../../../images/menu/menu_hexenwald_sel.png);
}

div#homemaxiCK ul.maximenuck li.maximenuck > a img {
	margin-top: 10px;
}


/*================================================
SidebarL Menu
*/

#sidebarL h3 {
	font-size:12pt;
	font-weight:bold;
	color:#00499f;
	height:35px;
	background:url(../images/sidebarL_header.png) bottom no-repeat;
	padding-top:10px;
	padding-left:40px;
}
#sidebarL ul {
	list-style:none;
	font-size:10pt;
	font-weight:bold;
	color:#6e6e6e;
}
#sidebarL ul span.separator {
	color:#00499f;
}
#sidebarL li {
	padding:4px 0px;
}
#sidebarL ul li a, #sidebarL ul li a:visited, #sidebarL ul li a:active {
	text-decoration:none;
	color:#6e6e6e;
}
#sidebarL ul li.active {
	background:url(../images/sidebarL_sel.png) left no-repeat;
	padding:7px 0px;
}
#sidebarL ul li.active a, #sidebarL ul li.active a:visited, #sidebarL ul li.active a:active {
	text-decoration:none;
	color:#00499f;
}
#sidebarL ul li a.hidden {
	visibility:hidden;
}
#postIt {
	position:absolute;
	left:290px;
	top:-25px;
	width:285px;
	height:118px;
	background:url(../images/postIt_blue.png) no-repeat;
	padding:30px 20px 5px 8px;
}
#postItMargin {
	height:50px;
}
/*================================================
Columns
*/

.cols-1
{
        display: block;
        float: none !important;
        margin: 0 !important;
}

.cols-2 .column-1
{
        width:46%;
        float:left;
}

.cols-2 .column-2
{
        width:46%;
        float:right;
        margin:0;
        margin-left:10px;
}

.cols-3 .column-1
{
        float:left;
        width:295px;
        padding:0px;
        /*padding:0px 5px;*/
        /*margin-right:4%;*/

}
.cols-3 .column-2
{
        float:left;
        width:295px;
        margin-left:0;
        padding:0px 0px 0px 10px;
        /*padding:0px 5px*/
}
.cols-3 .column-3
{
        float:right;
        width:295px;
        padding:0px;
        /*padding:0px 5px*/
}

.items-row
{
        overflow:hidden;
        margin-bottom:10px !important;
}

.column-1,
.column-2,
.column-3
{
        padding:10px 5px
}

.column-2
{
        width:55%;
        margin-left:40%;
}

.column-3
{
        width:30%
}

div.item:hover {
	/*background-color:#ff7b00;*/
}

.moduletabletopnews h3 {
	font-size:14px;
	color:#00499f;
	margin-bottom:5px;
}
.newsflash-titletopnews {
	font-size:14px;
	color:#00499f;
	padding-top:10px;
	margin-bottom:0px;
	border-top:2px solid #ff7b00;
	width:100px;
	overflow:visible;
}
.newsflashtopnews p {
	margin-top:0px;
	color:#00499f;
	margin-bottom:10px;
}

.intro {
	width:290px;
	height:113px;
	padding:5px;
}
.intro .imgborder {
	float:left;
	margin-right:10px;
}

.intro h2 {
	font-size:8pt;
	font-weight:bold;
	color:#00499f;
	margin:0px;	
}
.intro h2.hexenwald {
	font-family:hexenwald;
}

.intro p {
	font-size:8pt;
	font-weight:normal !important;
	text-align:left !important;
}
.intro p.link {
	color:#00499f;
	font-weight:bold !important;
	background: url(../images/link.png) center left no-repeat;
	padding-left:10px;
}
.introText {
	height:105px;
	float:left;
	width:138px;
}

.introOrange:hover {
	background:url(../images/startback_orange.png) top left no-repeat;
}

.introOrange:hover h2 {
	/*color:#fff;*/
}
.introOrange:hover h2.hexenwald, .introOrange:hover h2.hexenwald span {
	color:#fff;
}
.introOrange:hover p {
	color:#fff;
}

.introBlue:hover {
	background:url(../images/startback_blue.png) top left no-repeat;
}

.introBlue:hover h2 {
	/*color:#fff;*/
}
.introBlue:hover h2.hexenwald, .introOrange:hover h2.hexenwald span {
	color:#fff;
}
.introBlue:hover p {
	color:#fff;
}




/*================================================
Image Borders
*/

.article_img {
	display: flex;
	gap: 10px;
}

.article_img img {
	padding: 10px;
	border: 1px solid #C7DAF2;
	box-shadow: 2px 2px 3px #aaa;
	width: 235px;
	height: 176px;
	object-fit: cover;
}
/* Korrekturen für JCE-Editor */
.mceVisualBlocks div.article_img:not([class*="mce-"]):not([class*="wf-"]):not([data-mce-type])::before {
	position:absolute;
}
.mceVisualBlocks div.article_img:not([class*="mce-"]):not([class*="wf-"]):not([data-mce-type]) img {
	padding-right:10px;
}



div.imgborder {
	display:table !important;
	display:inline;
	margin-left:0px;
}
div.imgborder>div {
	position:relative;
	/*background-color:#f00;*/
	background-image:url(../images/imgborder_top.png);
	background-position:top right;
	background-repeat:no-repeat;
	top:-5px;
	left:5px;
}
div.imgborder>div>div {
	position:relative;
	/*background-color:#0f0;*/
	background-image:url(../images/imgborder_right.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	top:10px;
}
div.imgborder>div>div>div {
	position:relative;
	/*background-color:#00f;*/
	background-image:url(../images/imgborder_bottom.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	left:-10px;
	top:0px;
}
div.imgborder>div>div>div>div {
	position:relative;
	/*background-color:#0ff;*/
	background-image:url(../images/imgborder_left.png);
	background-position:top left;
	background-repeat:no-repeat;
	top:-10px;
	left:0px;
}
div.imgborder img {
	position:relative;
	left:5px;
	top:5px;
	padding:10px;
	background-color:#fff;
	border:1px solid #c7daf2;
}


/*================================================
IE
*/
a img {
	border:none;
}


/*================================================
Quick-Finder
*/
#quickfinder {
	width:690px;
	background:none;
}

.qf_videoback {
	width:321px;
	height:122px;
	background:url(../images/qf_videoback.png) top left no-repeat;
	clear:both;
}
.qf_videoback .qf_video {
	margin-top:2px;
	margin-left:4px;
	width:160px;
	height:114px;
	background:url(../images/qf_videonav.png) bottom left no-repeat;
	float:left;
}
.qf_videoback .qf_videotitle {
	top:2px;
	left:164px;
	width:114px;
	height:114px;
	padding-left:10px;
	float:left;
}
.qf_videoback .qf_videopiste {
	margin-top:-78px;
	margin-right:-30px;
	float:right;
	width:114px;
	height:47px;
	
	color:#fff;
	/*text-align:center;
	vertical-align:middle;*/
	
	-webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: tb-rl;


}
.qf_videoback .qf_videopiste td {
	width:114px;
	height:47px;
	vertical-align:middle;
	text-align:center;
}

#qf_table td {
	width:50%;
	padding-bottom:25px;
}
#qf_table td+td {
	vertical-align:bottom;
	padding-left:10px;
}


/*================================================
Topmenu
*/

ul.menutopmenu {
	float:right;
	position:relative;
	top:-5px;
	padding-right:30px;
	margin: 14px 0 !important; /*bootstrap überschreiben*/
	line-height:14px !important; /*bootstrap überschreiben*/
}

ul.menutopmenu li {
	display:block;
	vertical-align:middle;
	float:left;
	list-style:none;
	text-decoration:none;
	color:#fff;
	font-size:10px;
	margin-left:10px;
	line-height:inherit !important; /*bootstrap überschreiben*/
}

ul.menutopmenu li a .image-title {
	position:relative;
	top:-5px;
}

ul.menutopmenu li a img {
	vertical-align: baseline;
}

ul.menutopmenu li a, ul.menutopmenu li a:link, ul.menutopmenu li a:focus, ul.menutopmenu li a:hover, ul.menutopmenu li a:active, ul.menutopmenu li a:visited {
	text-decoration:none;
	color:#fff;
	vertical-align:middle;
	background:none;
}

/*================================================
Footermenu
*/

ul.menufootermenu {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

ul.menufootermenu li {
	display:block;
	border-bottom: 1px solid #004195;
	margin-right:20px;
	text-decoration:none;
	color:#95b3d7;
	font-size:11px;
	padding: 4px 0px;
}

ul.menufootermenu li a, ul.menufootermenu li a:link, ul.menufootermenu li a:focus, ul.menufootermenu li a:hover, ul.menufootermenu li a:active, ul.menufootermenu li a:visited {
	text-decoration:none;
	color:#fff;
	vertical-align:middle;
	background: url(../images/link_white.png) center left no-repeat;
	padding-left:10px;
	list-style-type:none;
	font-weight:normal;
}

/*================================================
Kursliste
*/
div#kursliste {
	background-color:#d6e5ff;
	margin-bottom:0px;
	width:520px;
	max-width: 100%;
}
div#kursliste #kurstabelle {
	width:100%;
	display: table;
}
div#kursliste #kurstabelle .kl_row {
	display: table-row;
}
div#kursliste #kurstabelle .kl_row div {
	display: table-cell;
}

div#kursliste #kurstabelle .kl_row div {
	border-bottom:1px solid #fff;
	padding:0px;
	font-size:12px;
	color:#6e6e6e;
	text-align:left;
	vertical-align: middle;
}
div#kursliste #kurstabelle .kl_row .header {
	font-weight:bold;
	color:#00499f;
	font-size:12px;
	text-align:left;
}
div#kursliste #kurstabelle .kl_kursreihe {
	/*width:auto;*/
}
div#kursliste #kurstabelle .kl_termin {
	/*width:115px;*/
}
div#kursliste #kurstabelle .kl_preise {
	width:80px;
	text-align:right;
	padding-right:15px;
}
div#kursliste #kurstabelle .kl_buchung{
	width:100px;
}
div#kursliste #kurstabelle .kl_buchung p {
	margin: 0.25em 0;
}
div#kursliste #kurstabelle .kl_sel {
	background-color:#ffd4aa;
}
/*div#kursliste table {
	width:100%;
}
div#kursliste table th {
	font-weight:bold;
	color:#00499f;
	font-size:12px;
	text-align:left;
}
div#kursliste table td {
	border-bottom:1px solid #fff;
	padding:0px;
	font-size:12px;
	color:#6e6e6e;
	text-align:left;
}
div#kursliste table th.kl_preise, div#kursliste table td.kl_preise {
	width:80px;
	text-align:right;
	padding-right:15px;
}
div#kursliste table th.kl_buchung, div#kursliste table td.kl_buchung{
	width:100px;
}
div#kursliste table td.kl_sel {
	background-color:#ffd4aa;
}*/
div.Leistungen {
	margin-top:0px;
	background-color:#d6e5ff;
	width:516px;
	max-width: 100%;
	font-weight:normal;
	font-size:8pt;
	color:#6e6e6e;
	padding:2px;
}

/*================================================
Anmeldung
*/

#scriptMessage {
	padding:10px 10px 10px 10px;
	width:680px;
	
}
#scriptBlocker {
	position:absolute;
	background-color:#ccc;
	color:#f00;
	font-size:18px;
	font-weight:bold;
	width:680px;
	height:100%;
	padding:10px 10px 10px 10px;
	border-radius: 15px;
	opacity:0.8;
	z-index:20000;
}
#scriptMessage h2, #scriptMessage p {
	color:#f00;
	font-weight:bold;
}



fieldset.formFieldset {
	position:relative;
	border:none;
	width:670px;
}
div.formCaption2 {
	margin-top:15px;
}
input.rsform-button, input.rsform-submit-button, .rsform-button-prev {
	margin-right:15px;
}

.rsform-block-header .formCaption, .rsform-block-headerpage1 .formCaption, .rsform-block-headerpage2 .formCaption, .rsform-block-headerpage3 .formCaption, .rsform-block-headerpage4 .formCaption, .rsform-block-headerpage5 .formCaption {
	width:0px;
}

.rsform-block-leih-material br {
	clear: both;
}

.rsform-block-message .formCaption {
	margin-bottom:5px;
}

.formRequired {
	color: red;
}

label.disabled {
	color:#C0C0C0;
}

#anmeldeForm.formResponsive select {
	width: auto;
}

/*Newsletteranmeldung-Formular*/
.formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="number"], .formResponsive input[type="email"], .formResponsive input[type="tel"], .formResponsive input[type="url"], .formResponsive input[type="password"], .formResponsive select {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}
.formResponsive select, .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="number"], .formResponsive input[type="email"], .formResponsive input[type="tel"], .formResponsive input[type="url"], .formResponsive input[type="password"] {
	display: inline-block;
	height: 18px;
	padding: 4px;
	margin-bottom: 9px;
	font-size: 13px;
	line-height: 18px;
	color: #555555;
	box-sizing: content-box;
}
.formResponsive textarea:focus, .formResponsive input[type="text"]:focus, .formResponsive input[type="number"]:focus, .formResponsive input[type="email"]:focus, .formResponsive input[type="tel"]:focus, .formResponsive input[type="url"]:focus, .formResponsive input[type="password"]:focus, .formResponsive select:focus {
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
.formResponsive input[type="button"], .formResponsive button[type="button"], .formResponsive input[type="submit"], .formResponsive button[type="submit"], .formResponsive input[type="reset"], .formResponsive button[type="reset"] {
	display: inline-block;
	*display: inline;
	padding: 4px 10px 4px;
	margin-bottom: 0;
	*margin-left: .3em;
	font-size: 13px;
	line-height: 18px;
	*line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #cccccc;
	*border: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	*zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

	background-color: #0074cc;
	*background-color: #0055cc;
	background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
	background-image: -o-linear-gradient(top, #0088cc, #0055cc);
	background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
	background-image: linear-gradient(top, #0088cc, #0055cc);
	background-repeat: repeat-x;
	border-color: #0055cc #0055cc #003580;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.formResponsive input[type="submit"]:hover {
	background-color: #0055cc;
	*background-color: #004ab3;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-ms-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}
.formResponsive td {
	padding: 5px 0;
	vertical-align: top;
}
.formResponsive td label {
	margin-top: 6px;
	display: inline-block;
}
.formResponsive .nlError {
	margin-top: -6px;
	color: red;
	margin-bottom: 9px;
	display: none;
}
.formResponsive .nlError.hasError {
	display: block;
}


.summaryCaption {
	width:150px;
	float:left;
	display:block;
	margin-top:5px;
}
.summaryBody {
	display:block;
	float:left;
	margin-top:5px;
}
.summaryClr {
	clear:both;
	display:block;
}

.formResponsive select {
	width: auto;
}
.formResponsive select, .formResponsive input[type="file"] {
	height: 18px;
	line-height: 18px;
}
.formResponsive .formHorizontal .rsform-block {
	margin-bottom: 10px;
}
.formResponsive .formHorizontal p.formDescription {
	display: none;
}

/*================================================
Kiga-Anmeldung (Interessentenliste)
*/

.field-jform_kiga_id, .field-jform_uid {
	display: none;	/*Auswahl für Kindergarten-Nr und UID ausblenden*/
}
.field-jform_kursklasse {
	padding-bottom: 150px;
}
#toolbar-kigakiditem\.save {
	/*übernommen aus .btn-success*/
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	background-color: #5bb75b;
	*background-color: #51a351;
	background-image: -moz-linear-gradient(top,#62c462,#51a351);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));
	background-image: -webkit-linear-gradient(top,#62c462,#51a351);
	background-image: -o-linear-gradient(top,#62c462,#51a351);
	background-image: linear-gradient(to bottom,#62c462,#51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

}
#toolbar-kigakiditem\.save:hover, #toolbar-kigakiditem\.save:focus, #toolbar-kigakiditem\.save:active {
	color: #fff;
	background-color: #51a351;
}


/*================================================
Teammitglieder
*/
.teamMember {
	display:inline-block;
	width:130px;
	margin:16px;
	text-align:center;
	vertical-align:top;
}
#jcemediabox-popup-closelink {
	font-size:12px;
	width:100px;
}

/*================================================
Haltesstellen
*/
#tbl_haltestellen {
	width:670px;
}
#tbl_haltestellen th {
	padding-top:1em;
}
#tbl_haltestellen td {
	vertical-align:top;
	/*padding-top:1em;*/
}

.tbl_halt_nr, #tbl_haltestellen tr>th, #tbl_haltestellen tr>td {
	text-align:center;
	
}
.tbl_halt_img, #tbl_haltestellen th+th, #tbl_haltestellen td+td {
	padding-top:0px;
}
.tbl_halt_stelle, #tbl_haltestellen th+th+th, #tbl_haltestellen td+td+td {
	text-align:left;
	padding-right:15px;
	padding-top:1em;
}
th.tbl_halt_zeit1, td.tbl_halt_zeit1, #tbl_haltestellen th+th+th+th, #tbl_haltestellen td+td+td+td {
	text-align:center;
}
th.tbl_halt_zeit2, td.tbl_halt_zeit2, #tbl_haltestellen th+th+th+th+th, #tbl_haltestellen td+td+td+td+td {
	text-align:center;
	padding-right:0px;
}


/*================================================
Sitemap
*/
ul.level_0 {
	padding:0px !important;
	margin:0px !important;
}
ul.level_0 li {
	font-size:20px;
	font-weight:bold;
	padding-top:15px;
	list-style-type:none;
}
ul.level_1 {
	padding:0px 0px 0px 20px !important;
	margin:0px !important;
}
div#maximenuck97 ul.maximenuck li.level1 > a span.titreck-title, div#maximenuck97 ul.maximenuck li.level1 > span.separator span.titreck-title {
	font-size: 18px;
}
div.maximenuckh ul.maximenuck li div.floatck {
	left: auto; /*Sonst wird ohne Animation ausgeblendet*/
}

div#maximenuck97 ul.maximenuck li.level1.maxiFancybackground {
	padding: 0;
}


ul.level_1 li {
	font-size:14px;
	font-weight:bold;
	padding:0px;
	list-style-type:none;
}


.inviterefer .inputbox { /*.RecommendInputbox {*/
	border: 1px solid #DADADA;
	background: #fff url(../images/bg-input.gif) repeat-x;
	padding: 3px;
}
.inviterefer .inputbox:focus { /*.RecommendInputbox:focus*/
	border: 1px solid #B8E6FF;
}
.inviterefer #dm_button { /*.RecommendButton {*/
	background: #0B5198 url(../images/bg-button.gif) repeat-x;
	border: solid 1px #329ACA;
	color: #fefefe;
	cursor: pointer;
}





@media (max-width:929px){
	#frame {
		margin: 0;
		width: 100%;
		left: 0;
	}

	a.menu_hexenwald {
		width:auto;
		height:auto;
		padding-top:14px !important;
		padding-bottom:0px !important;
	}

	#menu {
		display: none;
	}

	#back {
		display:none;
	}
	.home #back {
		display: block;
	}
	#main {
		margin-top: 0;
	}
	.home #main {
		margin-top: -120px;
	}

	#configurator {
		top: 20px;
		right: 20px;
	}

	#content {
		position:relative;
		z-index:30;
		left:0%;
		top:30px;
		box-sizing: border-box;

	}
	.content1col {
		width: 100%;
		margin-left:0;
		padding:8px;
	}
	.content1col #contentInner {
		width: 100%;
		box-sizing: border-box;
	}
	.content2col {
		margin-left: 0;
	}

	.home .content2col {
		width: 100%;
		padding-right: 280px;
	}
	.home .content2col #contentInner {
		box-sizing: border-box;
		width: 100%;
	}


	.column-1, .column-2, .column-3 {
		padding: 0 5px;
	}
	.cols-2 .column-1 {
		width: 100%;
	}
	.cols-2 .column-2 {
		float: left;
		margin: 0;
	}

	.formResponsive select, .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="number"], .formResponsive input[type="email"], .formResponsive input[type="tel"], .formResponsive input[type="url"], .formResponsive input[type="password"] {
		margin-bottom: 0;
	}
	.formResponsive .formHorizontal .rsform-block {
		margin-bottom: 5px;
	}

}

@media (max-width: 713px) {
	#sidebarR {
		display: none;
	}
	.home #sidebarR {
		display: block;
	}
	.content1col #contentInner {
		padding-left: 10px;
		padding-right: 10px;
	}
	.home .content2col #contentInner {
		padding-left: 5px;
	}

}

/**
==================================
Anpassung für Startseite
==================================
 */
@media (max-width: 589px) {
	.home #sidebarR {
		display: block;
		position: relative;
		padding-top: 30px;
		width: 100%;
		right: 0;
		top: 0;
	}

	.home .content2col {
		padding-right:10px;
	}

	.home .content2col #contentInner {
		margin-bottom: 0;
		padding-bottom: 0;
	}

}

@media (max-width: 350px) {
	.formResponsive select, .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="number"], .formResponsive input[type="email"], .formResponsive input[type="tel"], .formResponsive input[type="url"], .formResponsive input[type="password"] {
		width: 95%;
	}
	.formResponsive input[type="submit"] {
		margin-top: 20px;
	}
}

@media (max-width: 554px) {
	#postIt {
		display: none;
	}
	th, td {
		display: table-row;
	}
	div#kursliste #kurstabelle {
		width:100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	div#kursliste #kurstabelle .kl_row {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
	}
	div#kursliste #kurstabelle .kl_row div {
		display: inline-block;
	}

	div#kursliste #kurstabelle .kl_row div {
		border-bottom:1px solid #fff;
		padding:0px;
		font-size:12px;
		color:#6e6e6e;
		text-align:left;
		vertical-align: middle;
	}
	div#kursliste #kurstabelle .kl_row .header {
		font-weight:bold;
		color:#00499f;
		font-size:12px;
		text-align:left;
	}
	div#kursliste #kurstabelle .kl_row .kl_kursreihe {
		width:75%;
		order:0;
		border-bottom:none;
		padding-top: 5px;
	}
	div#kursliste #kurstabelle .kl_row .kl_termin {
		flex: 1 auto;
		order: 2;
	}
	div#kursliste #kurstabelle .kl_row .kl_preise {
		width:25%;
		text-align:right;
		padding-right:5px;
		box-sizing: border-box;
		order: 1;
		border-bottom:none;
		padding-top: 5px;
	}
	div#kursliste #kurstabelle .kl_row .kl_buchung{
		order: 3;
		text-align:right;
		padding-right:5px;
	}
	div#kursliste #kurstabelle .kl_row .kl_buchung p{
		text-align:right;
		/*padding-right:5px;*/
	}
}