@charset "utf-8";
* {
	border: 0px none;
	outline: 0;
	font-size: 100%;
	margin: 0;
	padding: 0;
}
body {
	font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	font-weight:normal;
	width: 100%;
	color:rgb(96,96,96);
	
	background-color:rgb(204,204,204);
	
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

ol, ul {
	list-style-type:none;
}

ul.text {
	list-style-image:url(../images/point.png);
	margin-bottom:1rem;
	list-style-position:outside;	
	margin-left:1rem;
}

ul.text li{
	font-size:0.8rem;
	line-height: 1.4rem;
	padding-left:0.5rem;
}

div { box-sizing:border-box;}

p {
	font-size:0.8rem;
	line-height:1.4rem;
	margin-bottom:1rem;
}

p:last-child {
	margin-bottom:0;
}

img {
	display:block;
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
 }

h1 {
	margin:0;
	font-size:1.6rem;
	margin-bottom:1rem;
	color:rgb(52,114,161);
	color:rgb(162,163,33);
	line-height:1.8rem;
	font-weight:normal;
}

h2 {
	margin:0;
	font-size:1.1rem;
	font-weight:normal;
	margin-bottom:0.5rem;
	color:rgb(162,163,33);
	color:rgba(0,0,0,1);

	letter-spacing:0px;
}

h3 {
	margin:0;
	margin-bottom:0.3rem;
	font-weight:normal;
	font-size:0.9rem;
	line-height:1.4rem;
	color:rgb(0,0,0);
	color:rgb(96,96,96);
	font-style:italic;
}
h4 {
	margin:0;
	margin-bottom:0rem;
	font-weight:700;
	font-size:0.8rem;
}


table {
	border-collapse:collapse;
}
a:link, a:visited {
	color:rgb(162,163,33);
	text-decoration:none;
}
a:hover {
	color:rgb(0,0,0);
	text-decoration:none;
}

input[type=button] {
	color:rgb(255,255,255);
	background-color:rgb(51,102,153);
/*	height:2.5em;
	line-height:2.5em; */
	padding:1em 1em 1em 1em;
	font-variant:small-caps;
}
input[type=button]:hover {
	color:rgb(255,255,255);
	background-color:rgb(153,0,51);
	padding-top:1.1em;
	padding-bottom:0.9em;
}
input[type=checkbox]{

}

/* ID */

#showbg {
	padding:0.3rem;
	color:rgba(255,255,255,.8);
	cursor:pointer;
	position:fixed;
	right:0.5rem;
	top:0.5rem;
}
#gostart {
	position:fixed;
	display:none;
	text-align:center;
	bottom:12px;
	right:12px;
}

#gostart a {
	color:rgba(255,255,255,0.8) !important;	
}


/* KLASSEN */
.bodybg {
	background-position:top;
	background-repeat:no-repeat;
	background-size:cover	
}

.navstick {
	position:fixed;
	top:0px;
	z-index:500;
	max-width:1080px;
}

.nojs {
	background:rgb(255,255,255);
	background:rgb(21,179,29);
	text-align:center;
	padding:12px;
	color:rgb(255,255,255)
}

.container {
	position: relative;
	overflow_X:hidden;
	max-width: 1080px;
	margin-top: 1rem;
	margin-right: auto;
	margin-left: auto;
	padding-bottom:0rem;
	margin-bottom:1rem;
	background-color: rgba(255,255,255,0.9);
}

.row {
	position:relative;
}

.margintop {
	margin-top:2rem;
}
.paddingtop {
	padding-top:2rem;
}
.marginbottom {
	margin-bottom:2rem;
}
.paddingbottom {
	padding-bottom:2rem;
}

.clearfix:before, .clearfix:after {
  content: " ";    
  display: block;    
  height: 0;    
  overflow: hidden;	
}
.clearfix:after {clear: both;}

.colwrapper {
	margin-left:2%;
	margin-right:2%;
	margin-left:2rem;
	margin-right:2rem;
}

.for {
	background:rgb(244,244,244);
	padding:1rem;
	min-height:85px;
	box-sizing:content-box;
}
.smalltext {
	font-size:0.8rem;
}
.col1, .col2, .col3, .col4, .col5, .col1-4, .col2-4, .col3-4 {
	float:left;
	margin-left:2%;
}
.col1 {
	width:15%;
}
.col2 {
	width:32%;
}
.col3 {
	width:49%;
}
.col4 {
	width:66%;
}
.col5 {
	width:83%;
}

.col1:first-child, .col2:first-child, .col3:first-child, .col4:first-child, .col5:first-child, .col1-4:first-child, .col2-4:first-child, .col3-4:first-child {
	margin-left:0;
}


.col1-4 {
	width:23.5%;
}
.col2-4 {
	width:49%;
}
.col3-4 {
	width:74.5%;
}

.logo {
	box-sizing:border-box;
	padding-top:2rem;
/*	padding-bottom:2rem; */
	margin-left:24px;
}

.wochentag {
	font-size:0.9rem;
}
.tag {
	font-size:1.7rem;
}
.monat {
	font-size:0.9rem;
}
.zeit {
	font-size:0.9rem;
}
.teas_veranstaltung {
	padding:6px 0px 6px 0px;
	color:rgb(96,96,96);
	margin-bottom:1rem;
	border-top:1px solid rgb(162,163,33);
	border-bottom:1px solid rgb(162,163,33);
}

.aktuell_veranstaltung {
	border-bottom:1px solid rgb(162,163,33);
	border-bottom:1px solid rgb(204,204,204);
	padding-bottom:2rem;
	cursor:pointer;
}

.aktuell_veranstaltung:last-child {border:none;}

.start_veranstaltung {
	padding:6px 0px 6px 0px;
	color:rgb(96,96,96);
	margin-bottom:1rem;
}

.bildunterschrift {
	font: 0.6rem 'Open Sans';
	text-align:right;
	padding-top:0.2rem;
}

.text_header {
	cursor:pointer;	
}
.text_header h2:after{
	font-size:0.8rem;
	content:" [mehr »]";
}

.center {
	text-align:center;
}
.justify {
	text-align:justify;
}

.reservierung {
	background-color:rgb(244,244,244);
	padding:1rem;	
}
select{
	font-family:'Open Sans', sans-serif;
	margin-bottom:0.5em;
	font-size:0.8rem;
	cursor:pointer;
}
option {
	cursor:pointer;
	padding:0.5rem;
}

input[type=text], textarea{
	font-family:'Open Sans', sans-serif;
	margin-bottom:0.5em;
	font-size:0.8rem;
	width:100%;
	vertical-align:top;
	resize:none;
	color:rgb(0,0,0);
	border-bottom:1px solid rgb(200,204,207);
	padding:0.5rem;
	background:rgb(255,255,255);
	box-sizing:border-box;
}

label {
	font-family:'Open Sans', sans-serif;
	font-size:0.8rem;
	margin-right:1em;
	text-align:left;
	padding-top:0.3em;
	box-sizing:border-box;
}

.btn {
	font-family:'Open Sans', sans-serif;
	display:inline-block;
	padding:0.5rem 1rem 0.5rem 1rem;
	text-align:center;
	cursor:pointer;
	color:rgb(0,0,0);
	color:rgb(255,255,255);
	font-size:0.8rem;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	
/*	transition: all .3s linear; */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,dedede+100 */
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #dedede 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#dedede 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f4f4f4 0%,#dedede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#baba27+0,a2a321+100 */
background: #baba27; /* Old browsers */
background: -moz-linear-gradient(top,  #baba27 0%, #a2a321 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #baba27 0%,#a2a321 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #baba27 0%,#a2a321 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#baba27', endColorstr='#a2a321',GradientType=0 ); /* IE6-9 */



}
.btn a {
	color:rgb(0,0,0);
	color:rgb(255,255,255);
	text-decoration:none;
}
.btn:hover {

	background-color:rgb(244,244,244);
	background:rgb(162,163,33);
}

.btnrot {
	font-family:'Open Sans', sans-serif;
	display:inline-block;
	padding:0.5rem 1rem 0.5rem 1rem;
	text-align:center;
	cursor:pointer;
	color:rgb(255,255,255);
	font-size:0.8rem;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	
	transition: all .3s linear;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bf0000+0,990000+100 */
background: #bf0000; /* Old browsers */
background: -moz-linear-gradient(top,  #bf0000 0%, #990000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #bf0000 0%,#990000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #bf0000 0%,#990000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf0000', endColorstr='#990000',GradientType=0 ); /* IE6-9 */


}
.btnrot a {
	color:rgb(255,255,255);
	text-decoration:none;
}
.btnrot:hover {
	background:rgb(153,0,0);
}

.nachschau, .vorschau {
	position:relative;
	color:rgb(255,255,255);padding:0 1rem 0 1rem;
	height:3rem;
	line-height:3rem;
	background:rgb(98,33,163);
	font-variant:small-caps;
	letter-spacing:2px;font-weight:300;	
}

.datewrapper {
	background:rgb(162,163,33);
/*	background:rgb(196,33,98); */

	padding:6px;
	padding-right:12px;
	color:rgb(255,255,255);	
	text-align:right;
	position:relative;
}
.datewrapper_X:before {
	position:absolute;
	content:" ";
	background:rgb(162,163,33);
	display:block;
	width:4rem;
	height:106px;
	top:0px;
	left:-4rem;
}

.datewrapper_v {
	background:rgb(204,204,204);	
}
.datewrapper_a {
	background:rgb(98,33,163);	
}
.absage {
	color:rgb(255,255,255);
	background-color:rgb(98,33,163);
	padding:0.8rem;
}

.absage_light {
	color:rgb(0,0,0);
	background-color:rgb(231,222,241);
	padding:1rem;
	display:inline-block;
}
.footer {
	font-family:'Open Sans', sans-serif;
	padding-top:1rem;
	padding-bottom:1rem;
}

.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.noborder {
	border:none;
}
.nodisplay {
	display:block;
}
.justdisplay {
	display:none;
}

.corner{
/*	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
*/
	border-radius: 0.6rem !important;
}
.cornertopleft{
	border-top-left-radius: 9px;
	border-top-left-radius: 0.6rem;
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
}
.cornertopright{
	border-top-right-radius: 9px;
	border-top-right-radius: 0.6rem;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
.cornerbottomright{
	border-bottom-right-radius: 9px;
	border-bottom-right-radius: 0.6rem;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}
.cornerbottomleft{
	border-bottom-left-radius: 9px;
	border-bottom-left-radius: 0.6rem;
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
}

.hinweiseintritt {
	margin-top:0rem;
	font-size:0.6rem;
	line-height:1rem;
	text-align:right;
}

.nlautoren {font-size:0.8rem;letter-spacing:1px;display:inline-block; margin-bottom:0.5rem; font-weight:300;background-color:rgb(124,28,72);color:rgb(255,255,255);padding:0.5rem;}

@media (max-width: 768px) {
	.hinweiseintritt {
		margin-top:1rem;
	}
	
	#ga {
		position:relative;
		display:block;
		top:-66px;
		height:66px;
		padding:0.5rem;
		background:	#778899;
		font-size:1rem;
	}

	#monat {margin-bottom:1rem; width:100%}
	#vort {margin:0 !important; width:100%}	
	
	h2 {margin-top:1rem}

	.container {
		width:100%;
	}

	.col1, .col2, .col3, .col4, .col5, .col1-4, .col2-4, .col3-4 {
		float:none;
		width:100%;
		margin-left:0;
		margin-top:0rem;
	}

	.marginbottom {margin-bottom:1rem;}

	.logo {
		box-sizing:border-box;
		margin-left:auto;
		margin-right:auto;
		float:none;
		padding-bottom:2rem;
	}
	.claim {
		float:none !important;
		margin:0;
		margin-bottom:1rem;
	}

	.footerbox {
		float:none;
		border:none;
	}
	.nodisplay {
		display:none;
	}
	.justdisplay {
		display:block;
	}
	
	label {text-align:left;width:100%;display:block}
	input[type=text], textarea{width:100%}
	
	#suche {width:85% !important;}
}

@media print {
	body {background:none !important}
	.noprint {display:none;}
 }