/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
/*html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}*/
/*font:inherit durch folgendes ersetzt wegen IE Bug: font-weight:inherit;font-style:inherit;font-family:inherit;*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/*form reset*/
button,textarea,select,input{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-background-clip: padding;-moz-background-clip: padding;background-clip:padding-box;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;background-color:#fff;color:#000;outline:0;margin:0;padding:0;text-align:left;font-size:100%;height:2em;vertical-align:middle;}/*-webkit-appearance:none; weg, da sonst in chrome nicht ordentlich*/
button,input{line-height: normal;}
button[disabled],input[disabled]{cursor: default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;height:13px;width:13px;}/*webkit-appearance wegen chrome, sonst nicht oder nur kaum sichtbar*/
textarea{overflow: auto;vertical-align:top;}
input{line-height: normal !important;}/*wegen FF bug*/
form{position: relative;}
form,select,input,textarea,submit,input[type="submit"],button{margin:0;padding:0;}
select,input,textarea{padding:0.5em;}
option{margin:0;padding:0 3px;/*line-height: normal !important;*/}
input[type="submit"],button{padding:0.5em;} /* !important;*/

/*
Klassennamen ausschließen (nicht class):
div:not(.classXXX) {
	font-weight: bold;
}
*/
/*
resetting box-sizing:
content-box: Default. The width and height properties (and min/max properties) includes only the content. Border, padding, or margin are not included
border-box: The width and height properties (and min/max properties) includes content, padding and border, but not the margin
initial: Sets this property to its default value.
inherit: Inherits this property from its parent element
*/
html {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box; /* Opera/IE 8+ */
	/* height: 100%; */
}
*, *:before, *:after {
	box-sizing: inherit;
}
img { 
	box-sizing: content-box;
	color:#1A181D;
	/* #lazyLoad */
	opacity: 1;
	transition: opacity 0.3s;
}

img[data-src] {
	/* #lazyLoad */
	opacity: 0;
}

/* enable for debugging - speziell BoxLayout auf Mobilgeräten [nicht löschen!] */
/*
* {
	color: rgba(200, 200, 200, 0.4) !important;
	border-color: rgba(0, 0, 0, 0.3) !important;
	outline-color: rgba(0, 0, 255, 0.3) !important;
	background: rgba(0, 0, 0, 0.07) !important;
}
*/



/****************************/
/* BODY & SEITE (zentriert) */
/****************************/

html {
	-webkit-text-size-adjust: none;	/* iphone, Achtung: betrifft auch Safari und Co! Damit bei Safari auf Mac die Schriftgröße auch passt . Kann aber sein dass FontSize A A A dann nicht auf Safari geht.*/
}

body { 
	min-width: 320px; 
	height: 100%;/*wegen bg*/
	margin: 0 auto 0 auto; 	padding: 0;
	text-align: center;  /*IE*/
	color: #1A181D;
	scroll-behavior: smooth; /* vgl. smoothscroll.js */
	background:url(../pic/back/default.jpg) no-repeat center top;
/*	-webkit-background-size: contain !important;
	-moz-background-size: contain !important;
	-o-background-size: contain !important;*/
/*	background-size: contain !important;*/
}
body.backStart {
	background:url(../pic/back/default.jpg) no-repeat center top;
}
body.backKloster {
	background:url(../pic/back/kloster.jpg) no-repeat center top;
/*	-webkit-background-size: cover !important;
	-moz-background-size: cover  !important;
	-o-background-size: cover  !important;*/
/*	background-size: cover  !important;*/
}
body.backGaeste {
	background:url(../pic/back/gaeste.jpg) no-repeat center top;
/*	background-size: contain !important;*/
}
body.backKultur {
	background:url(../pic/back/kultur.jpg) no-repeat center top;
/*	background-size: contain !important;*/
}
body.backWirtschaft {
	background:url(../pic/back/wirtschaft.jpg) no-repeat center top;
/*	background-size: contain !important;*/
}
body.backKontakt {
	background:url(../pic/back/kontakt.jpg) no-repeat center top;
/*	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;*/
/*	background-size: cover !important;*/
}
body.backNeuigkeiten {
	background:url(../pic/back/neuigkeiten.jpg) no-repeat center top;
/*	background-size: contain !important;*/
}
body.backTermine {
	background:url(../pic/back/termine.jpg) no-repeat center top;
/*	background-size: contain !important;*/
}

body, input, textarea, button { /* Schriftfamilie dezidiert angeben! v.a. wegen textarea!*/
	font-family:"Open Sans",Arial,Helvetica, sans-serif;
}

body, body.fontswitchNormal {
	font-size: 62.5%; line-height:1em;
}
body.fontswitchBig { 
	font-size: 70%; line-height:1.1em;
}
body.fontswitchBiggest { 
	font-size: 80%; line-height:1.2em;
}


body#tinymce { /*iframebody*/
	padding: 5px; /*wichtig für randabstand im eingabetextfeld!*/
}


/*
	padding darf bei border-box bei #seite nie prozentuell angegeben werden. am besten padding: 0 und dann padding über #seitencontent steuern
	#seite sollte nur die volle breite des inhalts inkl. dem "virtuellen und unsichtbaren" rand zum gerät hin enthalten.
*/
#seite {
	clear:both; width:100%;
	max-width: 1120px; min-width: 320px;
	min-height:200px;
	margin: 0px auto 0 auto;
	/*padding:0 5.3571429%  0 5.3571429% ;*/
	padding:0 60px 0 60px;
	background: rgba(255, 255, 255, 0.75)	/*padding: vgl. global_mediaqueries.css, % nicht möglich da auf Fenstergröße bezogen  */
}

#seite #seitencontent {

	float:left;
	width: 100%; /*max-width:1120px;*/
	margin: 0; padding:0;
	border:0px none;
}


/*wrapper*/
/*box zentrieren/div zentrieren -> <div class="wrapCenter1"><div class="wrapCenter2">[zentrierter content]</div></div>*/
.wrapCenter1 {position: absolute; left: 50%;}
.wrapCenter2 {position: relative; left: -50%;}





/*******************/
/* Allgemeines*     /
/*******************/

h1, #colInhalt.ganzeBreite>h2, #colInhalt.ganzeBreite .contentGrau>h2 {
	margin: 0px 0 14px 0;
	padding: 0;

	font-family:"Times New Roman";
	font-size: 3.6em;
	font-weight: 600;
	line-height: 1em;

	letter-spacing:0.03em;
}
	
	.loopOhneAbstand h1 {
		margin-bottom:10px;
	}

	.halb h1 {
		font-size:3em;
	}



	h1 span {
		display:block;
		clear:both;
		color:#0f6b38;

		font-size:0.57em;
	}

	.halb h1 span {
		font-size:0.6em;
	}

	h1 a:link, h1 a:visited {
		float:right; font-size:18px; padding-top:5px;
		color:#1A181D; text-decoration:underline;
	}
	h1 a:hover, h1 a:active {
		color:#000;
	}
	h1 a:after {
		content: " >";
	}

	#colInhalt.ganzeBreite>h1 {
		/* auf Startseite und Übersichtsseiten: mittig */
		margin-bottom: 0px;
		text-align: center;
	}
		#colInhalt.ganzeBreite>h1:after {
			content: "\A" url(../pic/hrSymbol.png);
			white-space:pre;
		}


	#colGanzeBreite .loopOhneAbstand h1, 
	#colGanzeBreite .loopMitAbstand h1
	{
		text-align:left;
	}

	#produktdetail h1,
	.loopOhneAbstand h1,
	.loopMitAbstand h1
	{
		clear: left; /* nötig für kurztextige Textbausteine wegen Umbruch, Problem wenn */
		width: 100%;
		/* text-transform:uppercase; */
		text-align:left;
	}
	#colInhalt.ganzeBreite>h2, #colInhalt.ganzeBreite .contentGrau>h2, #colInhalt.ganzeBreite .contentGrau>h3, .contentGrau .loopOhneAbstand.halb>h1 {
		text-align: center;
	}


	.contentGrau {
		/* geht über das padding der Seite bis raus an den Rand, Inhalt muss dann über margins+padding repositioniert werden */
		clear:both; display:block;
		/*height:auto;*/
		width: 112%; 			 /* 1120:1000 */
		margin-left: -6%;		/* 60:1000 */
		margin-right: -6%;
		padding:1em 6% 1em 6%;	/* 60:1000 */
		color:#1A181D;
		background: rgba(0, 0, 0, 0.075);	

	}
		.contentGrau:after {/*so gilt containerhöhe auch bei sNav, aber megamenu geht trotzdem wichtig für höhe, aber achtung, nicht beim megamenu*/
			clear: both;
			content: "";
			display: block;
			line-height: 0;
			height: 0;
		}



#abPreis {
	display:inline;
	float:right;
	width:auto; min-width:159px;
	padding:0 1% 0 1%;

	background:#47c0ec;
	color:#daf2fb;
}	

h2, .loopStartBoxes h2, .loopListe h2, h2.lead, p.lead, h2.loopLead, #colInhalt.ganzeBreite>h2.lead {
	margin:0 auto 16px auto; 	
	font-size:1.8em;
	font-family: "Open Sans"; font-weight:600;
	line-height:1.3333em; /* 18:24 */
/*	color: #ededed;*/
}

	h2 {
		margin-top:30px;
		font-family: "Times New Roman";
		font-size:2.4em; line-height:1.2em;
	}


	#tinymce h2, #tinymce h3, #tinymce p { 
		color:#1A181D;
	}


	/* Lead */
	h2.lead, p.lead, h2.loopLead
	#tinymce h2.lead, #tinymce p.lead,
	.loopText h2, .loopStartBoxes h2 {
		border:none; min-height:inherit;
	}
	h2.lead, p.lead,
	#tinymce h2.lead, #tinymce p.lead,
	.textbaustein div.loopText p { /*'neu1234 nochNach0799ZuMigrieren vollflaechenclick*/

	}	
	.loopStartBoxes h2.loopLead {
		clear:both; margin-bottom:35px;
		display:block !important;
		background:none; text-align:center;
		font-size:1.8em;
	}

	.halb h2 {
		font-size:1.8em;
	}


	.loopContainer h2, 
	dl h2 {
		margin: 0;
		clear: none;
	}
	h2.anmeldeformular { /*angehängte formulare*/
		margin-top: 25px;
	}

	h2 a:link, h2 a:visited {
		text-decoration: none;
		/* float:right; vgl. klimaneutrales webhosting */
	}

	h2 a.rechts:link, h2 a.rechts:visited {
		text-decoration: none;
		float:right;
	}


	/*focus wegen ie10 - back weg*/
	h2 a:hover, h2 a:active {
		text-decoration: underline;
	}

	.loopListe li div.loopText h2 {
		clear:left;
		margin:0; padding:0;
 		font-weight:600;
		line-height:1.33em;
	}

	.tiere .loopListe li div.loopText {
		display:none;
	}

	a:link h2, a:visited h2 {

	}

	a:hover h2, a:active h2 {
		color:#000;
	}


	h2.crossMarketing {
		margin-top:50px;
	}



	/* h2 in start-text-bausteinen bzw. in loopStartBoxes allgemein */
	.loopStartBoxes h2,
	.loopStartBoxes .loopListe li div.loopText h2 {
		/* 12px + 316px + 12px */
		width: 100%; min-height:40px;
		padding:10px 0 6px 0; margin:0px;
		display:block;
		white-space:normal;
		text-decoration:none; text-align:center;
		
		letter-spacing:normal; /* #Abstand-Vermeidung aufheben */
		font-size:1.8em; /* 18:24 */

		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;

	}

	.loopStartBoxes p, .loopStartBoxes p {

		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;

	}



	/* h2 zentrieren als position:absolute */
	.centerAbsoluteTitel {
		width:100%; clear:both; margin-top: -35px; 
		position: relative; z-index: 1;
	}

		.loopStartBoxes a:link h2, .loopStartBoxes a:visited h2
		{
			background-color: #1A181D;
			color:#fff;		
		}

		.loopStartBoxes a:hover h2, .loopStartBoxes a:active h2
		{
			color:#ffcc00;		
			background-color:#1A181D;
		}



h3, h4 {
	margin:0 0 16px 0;
	font-size:1.8em; line-height:1.3333em;
	font-weight:600;
	color:#1A181D;
}

	h3.datum, h3.date {
		margin:0 0 16px 0;
		padding:0;
		font-size:1.8em; line-height:1.3333em;
		font-weight:600; 
/*		color:#f7a92e;*/
		display:inline-block;
	}

h4 {
	margin-bottom:0px;
}


h5 {
	font-size:1.4em; margin-bottom:5px;
}

	/*Navigations-h5 (navLeft und verlinkte Überschriften in Teaser)*/
	h5 a {
		/*font-size: 13px; line-height:15px;*/
	}

	h5 a:link, h5 a:visited {
		text-decoration: none;
/*		color: #0f6b38;*/
	}

	h5 a:hover, h5 a:active {
		text-decoration: none;
		color: #1A181D;
	}

.hrSymbol {
	clear: both;
	margin: 30px 0 30px 0;
	height: 30px; border: 0 none;
	background: url(../pic/hrSymbol.png) no-repeat center center;
}

dl {
	width: 100%; 
	margin: 0 0 20px 0;
	float: left;
}

	dt {
		margin: 0 0 3px 0;
		clear: left;
		background-color:#f6e1ba; overflow:auto;
		/*font-size: 1.2em; font-weight: bold;*/
	}

	
	dt a:link, dt a:visited {
		text-decoration: none;
		color:#324249;
	}

	dd {
		width: 79.899497%; /* 318px bezogen auf 398px */
		margin: 0 0 20px 0;
		float: left;
	}

	dt .picPreview {
		width: 17.085427%; /* 68/398 */
		margin: 3px 2.5125628% 20px 0; /* 10px */
		float: left; 
		border: 0;
		
	}
	

	
	img.picPreview.feedImg { /*extern eingebundene rss feeds*/
		width: 68px;
	}
	
p {
	margin: 0 auto 25px auto; padding: 0;
	font-size:1.8em;
	line-height:1.3333em; 
	/* clear:left; verträgt sich nicht mit Kontaktformular */
}

	p.abstand {
		font-size: 1px; line-height: 0.3em;
		clear: left;
	}

	p.negativAbstand {
		margin-top:-24px;
	}

	p.negativAbstand {
		margin-top:-24px;
	}


	p.abstandgross {
		height: 30px;
	}	

	.loopContainer p, 
	dd p {
		margin-bottom: 3px;
		/*font-size: 1.1em; line-height: 1.4em;*/
	}
	
	#colRight p, 
	#colLeft p {
	}

	#colRight p.mehr, 
	#colLeft p.mehr {
		display:none;
	}


	#colDynPage p {
		/* clear:left; verträgt sich nicht mit Kontaktformular */
	}
		
	.teaserBox p { /*teaserbox*/
	    padding: 5px 10px 22px 0;
	}

	.picDetailInternP, 
	.picDetailContainerP, 
	#colRight .picDetailContainerP { 
		display: block;
		margin: 0 0 10px 0; 
		padding: 0 0 5px 0;
		/*font-size: 1em; line-height: 1.2em;*/
		font-weight: normal; 
	}	
	.picDetailContainerMini { /*um Minibilder*/
	} 

	p.erweiterteSuche {
		height: 1.7em;
		margin: -3px 0 0 0; 
		padding: 0;
		 
		font-weight: bold;
		
		background: #BFBEBE;
		background-image: url(../pic/erweitertesuche.gif);
	}

	p.erweiterteSuche img {
		position: absolute;
		margin-top: 0.1em;
		margin-left: 15.3em; 
	}

	p.produkttabelle, p.highlight, ul.highlight, .mehr {
		clear:left;
		/*	background: url(../pic/trenn_senkrecht.png) no-repeat top left; */
		line-height:1.6em;
	}

blockquote {
	max-width:400px;
	margin-left:auto; margin-right:auto; padding:15px;
	margin-bottom:30px;
	text-align:center;
	font-weight:600; color:#6e6e6e;

	background: #eee;
	border: 1px solid #DDD;
	background: -moz-linear-gradient(top, #EEE, #FFF);    
	background: -webkit-linear-gradient(top, #eee, #fff);
	background: -ms-linear-gradient(top, #eee, #fff);
	background: -o-linear-gradient(top, #eee, #fff);
	box-shadow: 1px 2px 4px rgba(0,0,0, .2);


}
	blockquote p {
		margin-bottom:0;
	}

	blockquote.boxZitat {
		background: url(../pic/back_blockquote.png) no-repeat center 0;
	}

	blockquote.boxGrau {
		background:#ececeb;
	}

	blockquote.boxGruen {
		background:#e1edcd;
	}

	blockquote.boxGelb {
		background:#fdca40;
		color:#625300;
	}

	blockquote.boxOrange {
		background:#ffb386;
		color:#403128;
	}






/* "normale" Links */
a:link {
	color: #000;
}
a:visited {
	color: #1A181D;
}
a:hover {
	color: #ffcc00;
}
a:active {
	color: #ffcc00;
}

	/*+++++++++++++++++++++++++++
	Zeichen/Grafiken, die hinter internen/externen mehr-Links angefügt werden
	Hexadezimalzeichen möglich z.B. BB -> \00BB
	Grafiken möglich url()
	Statischer Text möglich " "
	++++++++++++++++++++++++++++*/
	.mehr a:after {
	}
	
	/*'iCalendar*/
	.mehr.outlook a:after {
		/* content: " \00BB"; */
	}	
	
	.mehr a[target="_blank"]:after {
		/* content: " \00BB" ; */
	}
	
	#colDetailPage .mehr a:after,
	#tinymce .mehr a:after { /*damit auf Detailseiten dokUrls keine Linkzeichen erhalten*/
		/*content: "";*/
	}
	
	.mehr a[class="dokicon"]:after, 
	.mehr a[class *="dokicon"]:after { /*damit bei Links, denen bereits dokimages ("icon") zugeordnet sind, keine Zeichen hinzugefügt werden bzw eine der zugeordneten Klassen dokicon lautet*/
		content: "";
	}

	.mehr > a:link, .mehr > a:visited,
	.zurueck > a:link, .zurueck > a:visited {
		/* padding-left: 15px; */
		text-decoration: underline;
		margin-bottom:10px;
	}
	/*'iCalendar und linke/rechteSpalten mehr-links*/
	.mehr.outlook a:link, .mehr.outlook a:visited, .mehr.outlook a:hover, .mehr.outlook a:active,
	#colRight .mehr a:link, #colRight .mehr a:visited,
	#colLeft .mehr a:link, #colLeft .mehr a:visited	 {
		padding-left: 0;
	}

	.zurueck a:link, .zurueck a:visited {
		padding-left: 11px;
		background-image: url(../pic/zurueck_pfeil.gif); background-position: left; background-repeat:no-repeat;
	}
	.mehr a:hover, .mehr a:active,
	.zurueck a:hover, .zurueck a:active	{
		text-decoration: underline;
	}

a.pfeil, 
#colRight a.pfeil {
	padding-left: 15px;
	font-weight: bold;
	text-decoration:underline;
	/*font-size: 1.1em;*/ 
	/*background-image:url(../pic/mehr_pfeil.gif); background-position: left; background-repeat:no-repeat;*/
}

.erweiterteSuche a:link, .erweiterteSuche a:visited {
	display: block;
	padding: 3px 0 0 10px;
	text-decoration: none;
	color: #FFF; 
}

.erweiterteSuche a:hover, .erweiterteSuche a:active {
	color: #1A181D;
}

img {
	margin: 0; 
	padding: 0; 
	border: 0 none;
}

img.icon {
	/* position: relative; top:5px; */
	margin: 2px 0 2px 0; 
	padding: 0 0 0 5px;
	vertical-align: middle;
}



/* Listen */
/*styles nur in untercontainern wie zb colInhalt definieren, wegen tinymce*/
ul {}
ol {}

#colInhalt div.mehr ul { /*404*/
	list-style: none;
	list-style-type: none;
	/*font-size: 14px; line-height: 1.4em;*/
}

#colGanzeBreite ul, 
#colInhalt ul,
#colGanzeBreite ol, 
#colInhalt ol
{ /*wichtig: clearboth darf nicht bei tinymce sein! #tinymceX ul*/
  /* clear: both; */ /*wichtig für umbruch falls liste direkt nach h1 innerhalb einer textbausteinloop zB auf der Startseite vorkommt; */
}

ul li {} /*angaben nur in bestimmten untercontainern, sonst zeigt es im tinymce falsche styles!*/	
ul ul {} /*angaben nur in bestimmten untercontainern, sonst zeigt es im tinymce falsche styles!*/
ol {}    /*angaben nur in bestimmten untercontainern, sonst zeigt es im tinymce falsche styles!*/
ol li {} /*angaben nur in bestimmten untercontainern, sonst zeigt es im tinymce falsche styles!*/


#colInhalt ul.loopListe li {
	background: rgba(226,226,226,0.80); padding: 16px 16px 16px 16px;
}
	
#colInhalt ol,
#tinymce ol {
/*
	margin: 8px 0 15px 30px;
	padding-left: 0;
*/
}
#colInhalt ol li,
#tinymce ol li {
	/*
	margin: 0;
	padding-left: 0px;
	/*font-size: 1.25em; line-height: 1.3em;*/
}

#colGanzeBreite p strong, #colGanzeBreite ul strong, #colGanzeBreite ol strong,
#colInhalt p strong, #colInhalt ul strong, #colInhalt ol strong, .formAnweisung strong
{
/* Auswirkung auf Links
	color:#464040;
*/
}

/*Aufzählung/Verzeichnis der Subseiten auf Dynpage-Übersichtsseiten*/
#colInhalt ul.subsiteEnumeration,
#tinymce ul.subsiteEnumeration {
	margin-top: 16px;
}
#colInhalt ul.subsiteEnumeration li a,
#tinymce ul.subsiteEnumeration li a {
	font-weight: bold;
}
#colInhalt ul.subsiteEnumeration li a:link, #colInhalt ul.subsiteEnumeration li a:active,
#tinymce ul.subsiteEnumeration li a:link, #tinymce ul.subsiteEnumeration li a:active {
	color: #006666; /*evtl weg*/
}
#colInhalt ul.subsiteEnumeration li a:hover, #colInhalt ul.subsiteEnumeration li a:visited,
#tinymce ul.subsiteEnumeration li a:hover, #tinymce ul.subsiteEnumeration li a:visited {
	color: #003399; /*evtl weg*/
}

sub, sup {
	line-height: 0;
}
ul sup, ol sup {
	font-size: 0.6em; 
	vertical-align: super;
}

/* Clear */
.clr {
	clear: both; 
	line-height:1px;
}
.clrLeft {
	clear: left;
}
.clrRight {
	clear: right;
}
.clrBothPlain {
	clear: both;
}


strong {
	font-weight: bold;
	color: #4c4950;
}
em {
	font-style: italic;
}

.grauFett, 
.textHi, 
.textError {
	font-weight: bold;
	color: #171717;
} 

.textError {
	color: #C00404;
}	

#metaNavigation {
	position: absolute;
	margin-left: -10000px;
}

/*
hinweis, damit ein element die HÖHE der inneren elemente nimmt, kann man statt overflow: visible auch folgendes machen.
angenommen sitepart ist das element, das sich die höhe nicht nimmt, weil es zb gefloatet ist. dann...
*/
.sitepart {
	/*...*/
	}
	.sitepart:after {/*so gilt containerhöhe auch bei sNav, aber megamenu geht trotzdem wichtig für höhe, aber achtung, nicht beim megamenu*/
		clear: both;
		content: "";
		display: block;
		line-height: 0;
		height: 0;
	}


/*******************************************/
/* Sticky: bei Scrollen Kopf fixieren      */
/*******************************************/
#stickyNav {
	width: 100%;
	min-width: 320px; /*wichtig wegen mobiler geräte, der max bereich.*/
	max-width: 1120px; /* =100% ... 1052 seitencontentbreite + 2*10px(2*1%)padding bei seitencontent -> also wie wenn ehemalige seite 768 breit gewesen wäre*/ 
	margin: 0 auto 0 auto;
	background:#ffcc00;
}

#stickyNav.sticky #kopf {
	position:fixed; z-index:100; top:0px;
	height: 74px;
}
/* Sticky Hirtabua */
/*#stickyNav #kopf #kopfLogoLink {
	background-position:bottom left;
	background-size: 200px 250px;
	opacity:1;

	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#stickyNav.sticky #kopf #kopfLogoLink {
	background-size: 100px 125px;
}*/


/* Sticky Logo */
#stickyNav #kopf #kopfLogo {
	width:105px; height:147px;
	margin-top: -10px;
	float:left; /*margin-left:160px;*/
	position:relative; z-index:4000; /* nur so bleibt Logo vor Slider*/

	-webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
	-moz-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
	-o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
	-ms-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
	transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
}
#stickyNav.sticky #kopf #kopfLogo {
	width:51.4px; height:73px;
	margin-top:-18px; margin-left:0;
}
#stickyNav.sticky #topTeaser {
	display: none;
}

/* Sticky navMain */
#stickyNav.sticky #navMain {
	position:fixed; z-index:3000; left:0;right:0px; top:28px;
}
/* Sticky RoyalSlider */
#kopfRoyalSlider.stickyScroll {
	margin-top:147px !important;
}
#kopfRoyalSlider.stickyResize {
	margin-top:74px !important;
}


#kopfRoyalSlider.sticky {
	/*
	opacity: 0.1; height:100px !important;
	filter: alpha(opacity=70); 
	*/
}





/*******************************************/
/* Kopfbereich mit Sprachauswahl und Image */
/*******************************************/
#kopf {	
	/* display: inline; overflow: visible;*/
	width: 100%; height:110px;
	min-width: 320px; /*wichtig wegen mobiler geräte, der max bereich.*/
	max-width: 1120px; /* =100% ... 1052 seitencontentbreite + 2*10px(2*1%)padding bei seitencontent -> also wie wenn ehemalige seite 768 breit gewesen wäre*/ 
	margin: 0 auto 0 auto;
	padding: 9px 5.3571429% 0 5.3571429%;

	font-family:"Open Sans",Arial;
	font-weight:600;
	background-color:#ffcc00;
	/*
	position:fixed; z-index:2000;
	*/
/*    right: 0; left: 0;*/
}

/*#kopfLogoLink {
	width:420px; height:250px; margin:0px;
	display:block; line-height:0; font-size:0;
	/*background-image:url("../pic/hirtabua.png") no-repeat;*/
	/*background: url(../pic/hirtabua.png) no-repeat;;*/
/*}*/

#kopfLogo { /* 30 + 246 + 30 */
}

/* topNavigation: Sprachauswahl */
#topNavigation {
	text-align: right;
	color: #1A181D;
	font-size:1.2em;
}
#topNavigation a {
	color: #1A181D;
}
#topNavigation a:hover, #topNavigation .navHi {
	color: #fff;
}
#topNavigation .navHi {
	text-decoration: none;
}


#topTeaser {
	width:300px; height:101px;
	padding:5px 10px 0 10px;
	margin: -10px auto 0 auto;
	background-image:url(../pic/stiftskirche.jpg) ;
	text-align:center; font-weight:400;
	font-size:1.5em;
	color:#fff; z-index: 1000;
}
	#topTeaser a:link, #topTeaser a:visited {
		font-weight:900; color:#fff;
		text-decoration:none;
	}
	#topTeaser a:hover, #topTeaser a:active {
		color:#000;
	}


	#topTeaser #topTeaserButton {
		position:relative; top: 0px;left:250px;
		width:95px; height:93px;
		background: url(../pic/actionbutton.png) no-repeat;
		text-align:center; overflow:hidden;
		z-index:300;
	}
	#topTeaser #topTeaserButton {
		padding:5px 5px 0 5px;
		line-height:1.15em;

		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-o-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	


/* NAVIGATION */



/*
++++++++++++
Navigation
++++++++++++++
*/
#navMain, #navLeft, #navRight {
	/*display: inline; *//*IE6problem: doublemargin*/  
	white-space: nowrap;
}

#navMain {
	/*clear:both;*/
	position: relative;
	width: 100%; max-width: 1120px;
	height:46px;
	margin: 0 auto 0 auto;
}

/*#navLeft, #navRight {

}*/

/* teaserbox: nötig, da sonst die teaser ins menü fließen */
/*#navLeft { 
}*/

/*
Highlight (ehem durch navigationHi())
*/
/* Aktiv-Zustand (inc_navigation_hi.asp) */
#topNavigation a.navHi,
#topNavigation li a.navHi,
#topNavigation li.navHi a,
#navMain li > a.navHi,
#navMain li.navHi > a,
#colRight h5.navHi,
#colRight h5.navHi > a,
#colRight h5 a.navHi,
#colRight li > a.navHi,
#colRight li.navHi > a,
#colRight ul li.navHi a,
#navTop li.navHi a
{
	/* color: #81ab3a !important; */
	color: #FFCC00 !important;
	background:#1A181D;
}




#navMain li.navHi > a:hover {
	color: #FFF  !important;;
}
	/* Submenü-Links */
	.dropdown_container .main a:link, .dropdown_container .main a:visited {
		color:#fff !important;
	}
	.dropdown_container a:link, .dropdown_container a:visited {
		color:#ddd !important;
	}

	/* Submenü-Links SPENDEN */
	#navMainSpenden .dropdown_container a:link, #navMainSpenden .dropdown_container a:visited {
		color:#ffdfcd !important;
	}

	.dropdown_container a:hover, .dropdown_container a:active, .dropdown_container .main a:hover, .dropdown_container .main a:active
	{
		color:#ffcc00 !important;
	}


#navLoginMobile {
	position:absolute; top:25px; right:0px;
	text-align:right;
	font-size:1.3em; line-height:2em;
	padding-right:10px;
}

	#navLoginMobile a:link, #navLoginMobile a:visited
	{
		text-decoration:none;
		color:#707070; font-weight:600;
	}

	#navLoginMobile a:hover, #navLoginMobile a:active
	{
		color:#000;
	}


/*++++++++++++
containerbox bsp pj1003 u 1433 minisplash
++++++++++++++*/
#containerbox, #containerbox_oben, #containerbox_unten {
	position: relative; /*position relativ führt im IE6 dazu, dass navLeft nicht angezeigt wird, aber nur, wenn nicht als ul-li gelöst*/
	clear: both;	
}
/*falls containerbox mit schatten*/	
#containerbox {
	margin: 20px auto 20px auto;/* 20 für shadow*/
	padding: 10px 0;
	
	text-align: left;
		
	border-color: #fff;
	border-style: solid;
	border-top-width: 0;
	
	background: none repeat scroll 0 0 #fff;
	box-shadow: 0 0 10px #777;	
}
#containerbox_oben {	
}
#containerbox_unten {
}



/********************/
/* Linke Spalte     */
/********************/
/* nicht in Verwendung */


/********************/
/* Rechte Spalte     */
/********************/
#colRight {
	position: relative;
	width: 30%; 	   	   /* 300:1000 (1120 - 2*60 padding)*/
	margin: 0 0 0 5%;   /* 50:1000	*/
	padding: 0 0 0 0;  
	float: left;
	text-align: center;
	}

	#picContainer {	/*umschließt alle Bilder in der colRight*/
		/*font-size: 1.2em;*/ /*wichtig für Bildbeschreibungstext anstelle der Formatierung des umgebenden p bei zugeordneten Bildern */
	}



/*
*************
TEASERboxen
*************
*/
.teaserGesamt {
	position: relative;
	/*margin-top: 10px;*/
	overflow: auto; /*damit das element eine höhe erhält*/
	}
	.teaserBox {
		position: relative;
		margin: 0 auto 0px auto;
		padding: 0;
		border: none;
		text-align: left;
		overflow: auto; /*damit das element eine höhe erhält*/	
	}
	.teaserBox h5 { /*teaserbox*/
		font-size:1.8em; font-weight:600;
		background:#000; text-align:center;
		text-transform:uppercase; min-height:45px;
		padding-top:5px; margin-bottom:25px;
	}
	.teaserBox h5 a, .tH5_oh_link {
		width:100%; min-height:37px; line-height:37px;
	}

	.teaserBox h5 a:link, .teaserBox h5 a:visited {
		color:#FFF;		
	}
	.teaserBox h5 a:hover, .teaserBox h5 a:active {
		color:#f7a92e;		
	}



	.teaserBox img {
		max-width: 100%;
	}
	.teaserBox .picPreview { /* teaserbox */
		margin: 4px 0; 
		border: 0 none;
		text-align: center;
		vertical-align: middle;	
	}

	.teaserBox ul { /*teaserbox*/
		margin: 0;
		padding: 0px;
		list-style-position: outside;
		text-align: left;
		margin-bottom:16px;
	}
	.teaserBox ul li
	{ 
		padding-left:0px;
		font-size: 1.5em; font-weight:400;
		line-height:1.2em;
		margin-bottom:10px;
	}

	.teaserBox p {
		width:auto;
		padding:5.454545%; margin-bottom:10px;
		font-size:1.5em; line-height:1.6em;
		color:#FFF;
	}

	.teaserBox .buttonWrapper {
		width:100%; padding:0; margin:0;
		position:absolute; z-index:100; top:0;
		height:0; margin-top:42.7%;
		text-align:center;
	}

	.teaserBox .buttonWrapper  a.button {
		margin:0;
		-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.38);
		-moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.38);
		box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.38);
	}

	/* gelber TeaserButton */
	.teaserBox.buttonGelb a.button:link, .teaserBox.buttonGelb a.button:visited	
	{
		background:#f9cb13; color:#396b38;
	}
	.teaserBox.buttonGelb a.button:hover, .teaserBox.buttonGelb a.button:active	
	{
		background:#1A181D; color:#FFF;
	}
	/* oranger TeaserButton */
	.teaserBox.buttonOrange a.button:link, .teaserBox.buttonOrange a.button:visited	
	{
		background:#ff6003; color:#FFF;
	}
	.teaserBox.buttonOrange a.button:hover, .teaserBox.buttonOrange a.button:active	
	{
		background:#1A181D; color:#FFF;
	}



	/* damit die banner nicht unten noch einen div rand erhalten, falls sie verlinkt sind */
	.teaserBox .bannerlink { /*teaserbox*/
		line-height: 0;
		font-size: 0;	
	}
	.teaserGesamt .picFullTeaser { /*teaserbox*/
		width:100%; 
		padding: 0px;
	}
	.teaserGesamt .userStyle1, .teaserGesamt .userStyle1 { /*teaserbox-style*/
		background-color: #FFCC66;
	}
	.teaserGesamt .eventdate { /*'teaser-termindatum-aus- oder einblenden*/

	}
					
	.teaserBox a:link, .teaserBox a:visited {
	}	
	.teaserBox a:hover, .teaserBox a:active {
	}	

	.teaserBox ul li a:link, .teaserBox ul li a:visited {
		color:#1a181d; text-decoration:none;
		display:block;
	}	

	.teaserBox ul li a span {
		text-decoration:underline;
		font-weight:600;
	}


	.teaserBox ul li a:hover, .teaserBox ul li a:active {
		color: #FFF !important;
	}	

	.onlineAuftraege a:link, .onlineAuftraege a:visited {
		font-weight:600; color:#434343;
	}
	.onlineAuftraege a:hover, .onlineAuftraege a:active {
	}



	.teaserBox h5 a:link, .teaserBox h5 a:visited, .teaserBox h5 a:active, .teaserBox h5 a:hover {
		display: block; /*feed-symbol wird so aber nicht mehr daneben sondern darunter angezeigt*/ /*display: block;*/
	}
	.teaserBox .nurLink { /*teaserbox*/
		text-align: center;
	}	
	.teaserBox .nurLink a:link, .teaserBox .nurLink a:visited { /*teaserbox*/
		color: #1A181D; text-decoration: none;
	}
	.teaserBox .nurLink a:hover, .teaserBox .nurLink a:active { /*teaserbox*/
		color: #5D8EC1; text-decoration: underline;
	}

	#colRight #teasercontentEmpty {
		margin-top: -28px;
	}	




		/*teaserboxtest mit "Bilderrahmen" multiple backgrounds*/
/*		.test #colRight .teaserBox {
			background-image: url(../test_pic/tafel_bg_links.jpg), url(../pic/tafel_bg_rechts.jpg);
			background-position: center left, center right;
			background-repeat: no-repeat, no-repeat;
			background-size: cover, cover;
			
			background-clip: border-box;
			
			margin: 0 !important;
			
			border: 0px none;	
		}
		.test #colRight .teaserBox {
			margin-bottom: 40px !important;
		}
		.test #colRight .teaserBox:before,
		.test #colRight .teaserBox:after,
		.test .picDetailContainerXXX:before,
		.test .picDetailContainerXXX:after {
			content: " ";
			background-color: #006666; */
			/*braucht eine farbe, sonst braun durch das "COVER" von links/rechts-rahmen*/
/*			display: block;
			width: 100%;
			background-repeat: no-repeat;
			background-clip: border-box;
			background-size: contain;	
		}
			.test #colRight .teaserBox:before,
			.test .picDetailContainerXXX:before {
				height: 40px;*/
				/*veränderung wirkt sich auf #colRight .teaserBox margin-bottom und top aus*/
/*				background-image: url(../test_pic/tafel_bg_oben.gif);
				background-position: bottom center;
			}
			.test #colRight .teaserBox:after,
			.test .picDetailContainerXXX:after {
				height: 10px;*/
				/*veränderung wirkt sich auf #colRight .teaserBox margin-bottom und top aus*/
/*				background-image: url(../test_pic/tafel_bg_unten.gif);
				background-position: top center;
			}
		.test #colRight .teaserBox .tContent,
		.test .picDetailContainerXXX img {
			background-color: #EEE;
			margin-left: 10px;
			margin-right: 10px;
			overflow: hidden;
		}*/
		/*rotate - schief aufgehangene Bilder*/
/*		.test .teaserGesamtxxx .teaserBox:nth-child(odd) {
		/*	-moz-transform:rotate(5deg); /* Firefox 3.6 Firefox 4 */
		/*	-webkit-transform:rotate(5deg); /* Safari */
		/*	-o-transform:rotate(5deg); /* Opera */
		/*	-ms-transform:rotate(5deg); /* IE9 */
		/*	transform:rotate(5deg); /* W3C */	   
/*	}*/
/*		.test .teaserGesamtxxx .teaserBox:nth-child(even) {*/
		/*	-moz-transform:rotate(-5deg); /* Firefox 3.6 Firefox 4 */
		/*	-webkit-transform:rotate(-5deg); /* Safari */
		/*	-o-transform:rotate(-5deg); /* Opera */
		/*	-ms-transform:rotate(-5deg); /* IE9 */
		/*	transform:rotate(-5deg); /* W3C */	   
/*		}*/
		/*ende teaserboxtest*/

		
	
				


/*****************************************/
/* Inhalt normal: mit colRight           */
/*****************************************/

#colInhalt {
	position: relative;
	float: left; display: inline; /*IE6problem: doublemargin*/
	width:65%; 	/* 700:1070 */
	margin: 0;
	padding: 0;
	text-align:left;
}

	#colInhalt.ganzeBreite  {
		width:100%; text-align:left;
	}

	#colInhalt.ganzeBreite .loopOhneAbstand.halb h1, 
	#colInhalt.ganzeBreite .loopMitAbstand.halb h1 
	{
		text-align:left;
	}


	#colInhalt > h2 {
		/* max-width:658px; */
	}



#colInhalt > ul,
#fehlerhandling404 > ul,
#tinymce > ul,
#colInhalt ul.feed-list { /*weg nur temporär eingebaut damit man im arztpackage noch übersichten sieht und text nicht in der wurscht daher kommt.*/
	margin: 8px 0 15px 0;
	padding-left: 0;
	list-style-position: outside; list-style-image: none; 
	/*font-size: 1.2em; line-height: 1.5em;*/
}
#colInhalt > ul {/*wichtig:nicht tinymce!*/
	overflow: hidden; /*overflow hidden: damit das element eine höhe erhält*/
	margin: 0 0 30px 0;
}

#colInhalt > ul > li, 
#fehlerhandling404 ul > li,
#tinymce > ul > li { 
	margin: 0 0 5px 0;
	padding-left: 16px;
	background:none;
	font-size:1.8em; line-height:1.3333em;
}

#colInhalt.ganzeBreite > ul > li {
	/* display:inline; */
}



#colInhalt > ol > li, 
#tinymce > ol > li {
	font-size:1.8em; line-height:1.3333em;
	margin: 0 0 5px 0;
}

/* weißer Punkt*/
#colInhalt > ul > li,
#tinymce > ul > li,
#fehlerhandling404 > ul > li
{   padding-left:20px;
	line-height:24px;
}
#colInhalt > ul > li:before,
#tinymce > ul > li:before,
#fehlerhandling404 > ul > li:before
{
	content: url("../pic/li-punkt.gif");	
	font-size:12px;
	position:absolute; left:0px; margin-top:3px;
}

#colInhalt table ul li
{
	padding-left:15px;
}

#colInhalt table ul li:before
{
	/* content: "●"; 
	background: url("../pic/li-punkt.png") no-repeat 0 0;

	color:#3732bc;

	*/
}


#colInhalt > ul.highlight > li:before {
	content: "";
}

#colInhalt .oeffnungszeiten > ul > li {
	padding-left:0;
	background:none;	
}

#colInhalt .oeffnungszeiten span {
	display:block; clear:both;
}




#colInhalt ol,
#tinymce ol {
	list-style: decimal;
	margin:0px 0px 24px 18px;
	list-style-position: outside;
}


#colInhaltRahmenUnten, 
#colInhaltRahmenOben {
	clear: both;
}

#sieSindHier, 
#sieSindHierBottom,
#sieSindHierBottomV2 {
	display:block;
	width: 100%; /*max-width:1120px; */
	height:50px;
	margin: 30px auto 0 auto; padding: 0; /* 26:1200 */
	color: #1A181D;
	text-align:left;
	font-size:1.5em;/* line-height:1.2222em;*/
}
#sieSindHierBottom {
	margin: 0 auto 0px auto;
	/*max-width:1120px; /* background:#007e2c; */
	text-align:left ;
}

#sieSindHierBottom p {
font-size:15px;
}


#sieSindHierBottomV2 {
	display:none;
}

#sieSindHier .dot,
#sieSindHierBottom .dot {
	/*standardfontsize: 12px zu 14px bei siesindhier*/
	font-size: 0.9em; width: 1em; color:#b9c8bf;
	display: inline-block; /*=font-size: 11px;line-height:17px -> w:11px;h:17px;*/
	margin-left: 0.2em; margin-right: 0.2em;
	padding: 0;
	text-align: center; 
	vertical-align:1px;
}

	#sieSindHierBottomV2 .dot {
		color:#c6ebf9;
	}

	#sieSindHier a,
	#sieSindHierBottom a {
		/*display: compact;*/ /*compact darf wegen chrome nicht verwendet werden, außer es ist bewusst gewünscht. führt sonst zu zeilenumbruch*/ /*padding-right: 3px;*/
	}

	#sieSindHier a:link, #sieSindHier a:visited,
	#sieSindHierBottom a:link, #sieSindHierBottom a:visited,
	#sieSindHierBottomV2 a:link, #sieSindHierBottomV2 a:visited {
		color: #1A181D;
		text-decoration: none;
		line-height:1.2em;
	}
	#sieSindHier a:hover, #sieSindHier a:active,
	#sieSindHierBottom a:hover, #sieSindHierBottom a:active,
	#sieSindHierBottomV2 a:hover, #sieSindHierBottomV2 a:active {
		color: #000;
		text-decoration: underline;
	}


	#sieSindHierBottomV2 a:first-of-type 
	{
	/*
		font-weight:600; color:#ecfae6 !important;
	*/
	}
	#sieSindHierBottomV2 a:hover
	{
	/*
		color:#FFF !important;
	*/
	}
	

/**********************/
/* fussShareButtons   */
/**********************/

#fussShareButtons {
	width: 100%; height:60px;
	/*min-width: 320px; max-width: 1120px;*/
	text-align:center; line-height:0;
	padding: 0;
	margin: 50px auto 0 auto;
	/* background:#007e2c; */
}

	#fussShareButtons li {
		display:inline-table; font-size:0;
	}

	#fussShareButtons img {
		width:35px; height:35px; margin:10px;
		opacity: 0.7;
		filter: alpha(opacity=70); /* For IE8 and earlier */
		/* outline:2px solid #a8a9ae; */
	}

	#fussShareButtons img:hover {
		opacity: 1.0;
		filter: alpha(opacity=100); /* For IE8 and earlier */

		-webkit-transform: scale(1.15);
		-moz-transform: scale(1.15);
		-o-transform: scale(1.15);
		-ms-transform: scale(1.15);
		transform: scale(1.15);

		-webkit-filter: none; /* Safari 6.0 - 9.0 */
		filter: none;

	}

	#fussShareButtons img,
	#socialButtons img
	{
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;

		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
		filter: grayscale(100%);

	}


/***************/
/* fussZeile   */
/***************/

#fussZeile {
	width:100%; /*max-width:1120px;*/
	margin: 0 auto 0 auto; padding: 0;
	font-weight:400;
	background: #ffcc00;
	text-align: center;
}

	/***************/
	/* fussSitemap */
	/***************/

	#fussZeile .fussSitemap, #fussZeile .fussSitemap2
	{
		/*max-width: 1120px; */
		padding: 36px 0 30px 0;
		margin: 0px auto 0 auto;
		height:auto; overflow:visible;
		font-size:1.4em; line-height:22px; font-weight:400;
	}
		#fussZeile .fussSitemap2
		{
			background-color:#1A181D;
			padding-bottom: 10px;
		}

		#fussZeile .fussSitemap .fussSitemapSpalten, #fussZeile .fussSitemap2 .fussSitemapSpalten {
			margin:0 auto 0 auto;
			width: 100%; max-width:1000px;
			padding: 0 0 0 0;
			height:auto;
		}
		#fussZeile .fussSitemap .fussSitemapSpalten:after, #fussZeile .fussSitemap2 .fussSitemapSpalten:after { /* passt Containerhöhhe an */
			clear: both; content: ""; display: block; line-height: 0; height: 0;
		}

		#fussZeile .fussSitemap .fussSitemapSpalten .spalte1,
		#fussZeile .fussSitemap .fussSitemapSpalten .spalte2,
		#fussZeile .fussSitemap .fussSitemapSpalten .spalte3,
		#fussZeile .fussSitemap2 .fussSitemapSpalten .spalte1,
		#fussZeile .fussSitemap2 .fussSitemapSpalten .spalte2,
		#fussZeile .fussSitemap2 .fussSitemapSpalten .spalte3
		{
			display:inline-table;
			width:30%; /* 300:1000 */
			margin-right: 4.6%; /* seltsamerweise 46 statt 50:1000 */
			text-align:left; vertical-align: top;
		}
		#fussZeile .fussSitemap .fussSitemapSpalten .spalte3,
		#fussZeile .fussSitemap2 .fussSitemapSpalten .spalte3
		{
			margin-right: 0;
		}

		#fussZeile .fussSitemap2 .fussSitemapSpalten .spalte1,
		#fussZeile .fussSitemap2 .fussSitemapSpalten .spalte2
		{
			text-transform:uppercase;
		}
		#fussZeile .fussSitemap .fussSitemapSpalten .main, #fussZeile .fussSitemap2 .fussSitemapSpalten .main {
			font-weight:600;
		}

		#fussZeile .fussSitemap .fussSitemapSpalten .abstand, #fussZeile .fussSitemap2 .fussSitemapSpalten .abstand {
			margin-top:18px;
		}

		#fussZeile .fussSitemap a:link, #fussZeile .fussSitemap a:visited, 
		#fussZeile .fussSitemap2 a:link, #fussZeile .fussSitemap2 a:visited {
			color:#8c8c8c;
			text-decoration:none;
		}
		#fussZeile .fussSitemap a:link, #fussZeile .fussSitemap a:visited 
		{
			color:#1A181D;
			text-decoration:underline;
		}
		#fussZeile .fussSitemap .main a:link, #fussZeile .fussSitemap .main a:visited,
		#fussZeile .fussSitemap2 .main a:link, #fussZeile .fussSitemap2 .main a:visited
		 {
			/*color:#bbbbbb;*/
		}
		#fussZeile .fussSitemap a:hover, #fussZeile .fussSitemap a:active,
		#fussZeile .fussSitemap .main a:hover, #fussZeile .fussSitemap .main a:active,
		#fussZeile .fussSitemap2 a:hover, #fussZeile .fussSitemap2 a:active,
		#fussZeile .fussSitemap2 .main a:hover, #fussZeile .fussSitemap2 .main a:active
		{
			color:#FFF;
		}

	/****************/
	/* interactLink */
	/****************/

	#interactLink {
		clear:both; float:none;
		width: 100%;
		margin:80px 0 0px 0;
		text-align: center;
		font-size: 1em;
	}

		#fussZeile #interactLink a:link, #fussZeile #interactLink a:visited {
			color:#727272; text-decoration:none;
		}
		#fussZeile #interactLink a:hover, #fussZeile #interactLink a:active {
			color:#FFF;
		}
	#AltrujaContainer { /* Altruja-Logo ganz unten ausblenden*/
		/*position: relative; width:100px; 
		margin:-0 auto 0 auto !important;*/
		display:none !important;
	}
	
	/**************/
	/* fussTeaser */
	/**************/
	#fussZeile #fussTeaser {
		width:100%;/* max-width:1120px;*/
		min-height:336px; text-align:center;
		padding:15px 0 15px 0;
		background:#3c3c3c;
	}

	#fussZeile #fussTeaser #fussTeaserFacebook,	
	#fussZeile #fussTeaser #fussTeaserLage,	
	#fussZeile #fussTeaser #fussTeaserLinks
	{
		width:330px; height:350px;
		display:inline-block; vertical-align: top;
		margin:20px; 
	}

	#fussZeile #fussTeaser iframe
	{
		border: 0px; top:0px;
		display:block; /* wichtig für umschließendes Tag */
		width:300px; height:300px;
		text-decoration:none;
	}

	#fussZeile #fussTeaser h5 {
		font-size:1.5em; color:#bbbbbb; float:left;
		height:20px; font-weight:600;
		margin-bottom:5px;
	}


	#fussZeile #fussTeaser #fussTeaserLage img {
		width:300px; height:300px;
	}

	#fussZeile #fussTeaser #fussTeaserLinks img {
		opacity:0.7;

		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	#fussZeile #fussTeaser #fussTeaserLinks img:hover {
		opacity:1;
	}

	#fussZeile #fussTeaser #fussTeaserLinks a:nth-child(1) {
		display:block;
		margin-top:25px; margin-bottom:40px;
	}



#fussZeile #fussPartner {
	width:100%; background:#3c3c3c;
}

	#fussZeile #fussPartner li {
		width:165px; height:75px; margin:20px;
		display:inline-block; opacity:0.7;

		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	#fussZeile #fussPartner li:hover {
		opacity:1;
	}


	#fussZeile #fussPartner li a {
		display:block;width:100%;height:100%; font-size:0;
	}

	#partnerStiegl {
		background:url("../pic/partnerlogos.gif") no-repeat #aaa;
		background-position: 0px -150px;
	}
	#partnerSalzburgerNachrichten {
		background:url("../pic/partnerlogos.gif") no-repeat #aaa;
		background-position: 0px 0px;
	}
	#partnerSalzburgerMusikverein {
		background:url("../pic/partnerlogos.gif") no-repeat #aaa;
		background-position: 0px -75px;

	}


	/***********************/
	/* fussTeaser:ROLLOVER */
	/***********************/
	/* Text */
	#fussZeile #fussTeaser a:link, #fussZeile #fussTeaser:visited {
		text-decoration:none;
	}
	#fussZeile #fussTeaser a:hover, #fussZeile #fussTeaser:active {
		text-decoration:none;
	}

	/* h5 */
	#fussZeile #fussTeaser a:hover h5 {
		color:#FFF;
	}

	/* Icon */
	#fussZeile #fussTeaser a:hover .icon {
		background-position-y: 50px !important;

		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;

	}







#backTop {
	float: right;
	text-align: right;
}


.mehr, 
.zurueck, 
.blaettern
{
	margin: 0 0 5px 0;

}
	.mehr {
		clear:left;
		display: block; /* wegen IE6*/
		margin-bottom: 30px; margin-top:0px;
		text-align: right; 
	}

	li.mehr {
		font-size:1.5em;
		text-transform: uppercase;
		font-weight:600;
	}

	.loopListe li.mehr {
		display: block; /* wegen IE6*/
		clear:left;
		margin: 20px 0 10px 0;
		background: none !important;
		text-align: center; 
	}
		.loopListe li:after {/* damit li gleich hoch wie sein content */
			clear: both;
			content: "";
			display: block;
			line-height: 0;
			height: 0;
		}
	.loopListe li.mehr a {
		width: auto; height: 30px;float: none; display: inline;
		margin: 0; padding: 8px 15px 8px 15px;
		background: #FFCC00; color: #1A181D;
		text-decoration: none;

		-webkit-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.1);
		box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.1);
	}
		.loopListe li.mehr a:hover,.loopListe li.mehr a:active {
			background: #FFCC00; color:#fff;
		}

	/*iCalendar*/
	.mehr.outlook {
		display: block; /* wegen IE6*/
		float: left;	
		margin-bottom: 16px;
		text-align: left; 
	}	
	.zurueck {
		text-align: left;
		clear: left;
	}
	.blaettern {
		float: left; /*display: inline;*/
		width: 100%;
		margin-top: 0px;
		clear: both; 
		font-size:1.5em; line-height:3em;
		font-weight: 400;
		color:#797979;
	}

.blaettern:hover {
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    -webkit-transition: all .8s ease-in;
    transition: all .4s ease-in;
	background:#FFFFCC;
}

	.blaettern a:link, .blaettern a:visited {
		color:#797979;
	}

	.blaettern a:hover, .blaettern a:active {
		color:#000;
	}


	.zentriert {
		display: block; /* wegen IE6*/
		margin-left:auto !important; margin-right:auto !important;
		margin-bottom: 16px;
		text-align: center; 
	}

	/*'detailblaettern*/
	.blaettern .vorher,
	.blaettern .nachher {
		width: 25%;
	}
	.blaettern .seiteninfo {
		width: 50%;
	}
	.blaettern .vorher {
		float: left; /*display: inline;*/
		text-align: left;
	}
	.blaettern .seiteninfo {
		float: left; /*display: inline;*/
		text-align: center;
	}
	.blaettern .nachher {
		float: right; /*display: inline;*/
		text-align: right;
	}


	.mehr img {
	}

.datum {
	float: left; /*display: inline;*/
	margin: 0;
}



.loop {
	/* LoopStyle für eingebundene Loops: Abstand nach oben und unten */
	margin: 20px 0 20px 0; 
	clear: left; /*float: left;*/
}

.loop .picGalerie { /*damit text unterhalb einer bildergalerie normal weitergeht 12.11.28*/
	float: left; display: inline;
	margin: 0;
}


/* LoopStyle für Loops am Seitenbeginn */
.loopOhneAbstand,
.loopMitAbstand 
{
	margin-bottom:20px;
}

	.teaserGesamt .loopOhneAbstand {
		margin-bottom:0;
	}
	
	#colRight .loopOhneAbstand,
	#colLeft .loopOhneAbstand {
		background:#fcc300;
		overflow: auto; /*damit das element eine höhe erhält*/
		/* padding:6.061% 6.061% 0 6.061%; /* 20:330 */
		padding:16px 16px 0px 16px;
	}

	/* Loop auf halber Seitenbreite */
	.loopOhneAbstand.halb, .loopMitAbstand.halb, .halbSpalte1, .halbSpalte2
	{
		display:inline;
		width:47.5%; float:left; /* 475:1000 */
		text-align:left !important;
		margin-bottom: 10px;
		/*min-height:535px;*/
	}

	.halbSpalte1, .halbSpalte2 {
		min-height:220px; background:#FFF;
	}
	.contentGrau .halbSpalte1, .contentGrau .halbSpalte2 {
		min-height:inherit;
	}

	.loopOhneAbstand.halb:nth-child(2n+1), .loopMitAbstand.halb:nth-child(2n+1), .halbSpalte1
	{
		margin-right:5%; /* 50:1000 */
	}
	.halbSpalte1, .halbSpalte2 {
	}
	
.loopTeam {
	overflow: auto;
	margin-bottom:26px;
}



.loopOhneTitelUndLead { /* vgl. showAllPreviews Fotoalbum dyn. Seite */
	
}

	.loopOhneTitelUndLead h2, .loopOhneTitelUndLead p {
		display:none;
	}

	.loopOhneTitelUndLead .loopStartBoxes .bausteinGruppe li,
	.loopOhneTitelUndLead .loopStartBoxes .loopListe li	{
		margin-bottom:0px;	
	}


/* LoopStyle für TextbausteinLoops und normale Loops in nebeneinander stehenden Boxen */
.loopStartBoxes {
	margin-top:10px; margin-bottom: 0px;
	width:100%;
	float:left; display:inline; /* wichtig für höhe */

	width:105%; 			/*1050:1000 - künstlich 5% breiter, damit SpaltenUmbruch leichter klappt*/
	margin-left:-2.5%; 	/* 25:1000 - je 2,5% li und re ergibt 5% */
	margin-right:-2.5%;

	text-align:center;
	letter-spacing:-10px; /* #Abstand-Vermeidung bei Textbausteinen */

}

	.loopStartBoxes .bausteinGruppe > *,
	.loopStartBoxes .loopListe > *,
	.loopStartBoxes ul > * 	
	{ 
		display: inline-block; margin:0;
		float:none;

		width:28.571429%; /* 300:1050 - bezieht sich auf die künstlich um 5% größere Breite */
		min-width:300px;

		line-height:0px; text-decoration:none;
		text-align:center; text-decoration:none;
		vertical-align:top;

	}	

	.loopStartBoxes .bausteinGruppe li,
	.loopStartBoxes .loopListe li	
	{
		margin:0 2.3809524% 50px 2.3809524%; /* 25:1050 - bezieht sich auf die künstlich um 5% größere Breite*/
		position:relative;
		text-decoration:none;

	}

	.loopOhneTitelUndLead .loopStartBoxes .loopListe li {
		padding:0;
		width:20.95238%; margin-left:1.9%; margin-right:1.9%;
		margin-bottom:3.8%;
	}


	#colInhalt .loopStartBoxes ul.loopListe li {
		padding:0;
	}



	.loopStartBoxes .bausteinGruppe li a {
		text-decoration:none;
	}



		.loopStartBoxesXXX .bausteinGruppe > *:nth-child(3n+1),
		.loopStartBoxesXXX ul > *:nth-child(3n+1) 					/* jeder 1. Baustein in 3er-Zeile */ {
			clear:both;
		}
		.loopStartBoxesXXX .bausteinGruppe > *:nth-child(3n+2),
		.loopStartBoxesXXX ul > *:nth-child(3n+2)  				/* jeder 2. Baustein in 3er-Zeile */ {
			margin-left:1.5695067%; margin-right:1.5695067%; 				/* 14:892 */
		}

		.loopStartBoxes a img, .loopListe a img {
			-webkit-transition: all 0.6s ease-in-out;
			-moz-transition: all 0.6s ease-in-out;
			-o-transition: all 0.6s ease-in-out;
			-ms-transition: all 0.6s ease-in-out;
			transition: all 0.6s ease-in-out;
/*
			-webkit-transform: scale(1.1);
			-moz-transform: scale(1.1);
			-o-transform: scale(1.1);
			-ms-transform: scale(1.1);
			transform: scale(1.1);
*/
		}

		
		/* ZoomInEffekt bei StartBoxe & loopListe: vgl. global_mediaqueries */
		.loopStartBoxes a:hover .mask img, .loopListe a:hover .mask img {
			-webkit-transform: scale(1.1);
			-moz-transform: scale(1.1);
			-o-transform: scale(1.1);
			-ms-transform: scale(1.1);
			transform: scale(1.1);

		    -webkit-filter: brightness(1.1);
		    filter: brightness(1.1);
		}
		/* SchattenEffekt bei StartBoxen */
		.loopStartBoxes .bausteinGruppe li:hover,
		.loopStartBoxes .loopListe li a:hover
		{
			-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.20);
			-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.20);
			box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.20);
		}
	

	/*mask: imagewrapper */
	.loopOhneAbstand .loopListe li .mask, .loopMitAbstand .loopListe li .mask
	{

		float:left;
		width:24.660194%; /* 254:1030 */
		overflow:hidden;

		/*
		-webkit-box-shadow: 0px 0px 29px -5px rgba(0,0,0,0.30);
		-moz-box-shadow: 0px 0px 29px -5px rgba(0,0,0,0.30);
		box-shadow: 0px 0px 29px -5px rgba(0,0,0,0.30);
		*/
	}

	.loopStartBoxes .mask, .loopStartBoxes .loopListe li .mask {
		width:100%;	
		margin-bottom:0px;
		overflow:hidden;
		background: url("../pic/ajax-loader.gif") no-repeat 50% 50%;
	}

	.loopStartBoxes p {
		display:block; 
		position:absolute; z-index:1; top:0px;
		width:100%; height:157px; 
		padding:5%; padding-top:15px;
		margin: 0;
		letter-spacing: normal; font-size:1.5em;
		background:transparent; opacity:0;
	}

	#colInhalt.ganzeBreite .loopStartBoxes p {
		height:265px; padding-top:127px;
	}


	#colInhalt .loopStartBoxes a:hover p {
		background-color:rgba(252,195,0,0.75);
		color:#1A181D;
		opacity:1;
	}



ul.loopListe {
	/* LoopStyle für sonstige Loops */
	width:100%; 
}

	.ganzeBreite ul.loopListe {
		margin:0 auto 30px auto;		
	}

	.loopStartBoxes ul.loopListe {
		max-width:none;
		margin:0;
	}

	.loopMitAbstand ul.loopListe {
		margin-top:40px;
	}


	ul.loopListe:after {/* ul-Höhe automatisch anpassen */
		clear: both;
		content: "";
		display: block;
		line-height: 0;
		height: 0;
	}

	.loopMitAbstand > p {
		margin-top:25px;
	}

	.loopListe li {

	}
	
	.loopListe li.mehr {
	}

	.loopListe li .linkersatz,
	.loopListe li > a,
	.textbaustein, 
	.textbaustein a {
		clear:left; float:left; width:100%; min-height: 111px;
		display: block; padding:0px; /* padding:1.97568%; /* 13:658 */
		/*margin-bottom:30px;*/
		/* min-height:100px; */
		text-decoration:none; /* GoogleChrome */
	}

	.loopListe li.mehr a {
	}


	.loopListe li a:hover {
		background: #FFFFCC	/*FFEE99;*/
/*		-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.20);
		-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.20);
		box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.20);*/
	}


	/* falls Loop über ganzeBreite eingebaut */
	.loopListe li > a, .loopListe li > .linkersatz {

	}


	.loopStartBoxes .loopListe li .linkersatz,
	.loopStartBoxes .loopListe li a {
		padding:0px;
		/* min-height:305px; */
	}


	.loopListe li .linkersatz {
		background:transparent;
	}

	.loopListe li img {
		float:left;
		/*width:22.94303%; /* 145px : 558-26 */ 
		width:100%;
		margin:0; 
	}

	.loopListe li img {
		/*opacity: .99;*/
	}


	/* Sonderfall FAQ */
	.loopWidthNoPicPreview {
		clear:left;
	}

	.loopWidthNoPicPreview .loopListe li .mask {
		/*	max-height:90px; */
	}
	
	.loopWidthNoPicPreview .loopListe li img {
		/*	margin-top:-30px; */
	}

	.loopListe li div.loopText {
		float:left;
		width:71.45631%; 			/* 736:(1070-40) */ 
		margin:0 0 0 3.8834951%;	 /* 40:1070 */
		padding:0 0 0 0;
	}
		.halb .loopListe li div.loopText {
		}

	.loopListe li div.loopText.noPic,
	.loopStartBoxes .loopListe li div.loopText {
		width:100%; margin:0; padding:0;
	}

	.loopText p {
		margin-bottom:0px;
		text-align:left;
		color:#1A181D;
	}

	a:hover .loopText {
		color:#000; 
	}

	.loopStartBoxes .loopText p {
		font-size:1.5em; line-height:1.33em;
	}
	.loopStartBoxes a .loopText p {
		color:#1A181D;
	}

	.halb .loopText p {
		font-size:1.5em; line-height:1.33em;
	}

	.loopStartBoxes .loopText p {
		text-align:center;
	}

	.contentGrau .loopListe {
		
	}


	#colInhalt .contentGrau .loopListe li {
		background: #fff;
	}

	.loopListe li a div.loopText h2, .loopListe li div.loopText h2 {
		font-size:1.5em; line-height:1.33em;
		text-align:left;
		color:#333;
	}

	.loopListe li a div.loopText h2 {
		text-decoration:underline;
	}

	.loopListe li a:hover div.loopText h2 {
		color:#000;
	}

	.loopListe li div.loopText p { 
		clear:left; font-size:1.5em; 
	}
	
	.loopListe li div.loopText p .funktion { 
		font-weight:400; display:block;
		margin-bottom:10px;
		color:#797979;
	}	
	
	.loopListe li a:hover div.loopText p { 

	}
	.loopListe li a:hover div.loopText p.datum { 
		color:#000;
	}

	.contentGrau .loopText p {
		line-height:18px;
	}

	.loopText p.datum {
		color:#797979;
		margin-bottom:8px;
	}

	.contentGrau .loopText p.datum {
		margin-bottom:0px;
	}

	.loopListe li div.loopText p.datum {
 /*		margin:0 0 12px 0;
		padding:1px 5px 2px 5px;
		background:#666666; color:#FFF;
		font-weight:600; */
	}

	.loopListe li a:hover p.datum {
/*		background:#000;*/
	}

	.loopListe li a div.loopText p.mehr {
	}		
	.loopListe li a div.loopText p.mehr,
	.loopListe li a:hover div.loopText p.mehr,
	.loopListe li a:hover div.loopText p.outlook {
	}
	.loopListe li a div.loopText p.outlook:hover {
	}


.dot h1 { /* vgl. h2 */
	margin-top: 15px; 
	margin-bottom: 8px; 
	padding: 0px;
	border-bottom: 1px dotted #777777;	
	/*font-size: 1.3em; line-height: 1.3em; */
	color:#2F2F2F;
}







/**********************************/
/* Inhalt inkl. colRight          */
/**********************************/
#colGanzeBreite, 
#colDynPage, 
#colDetailPage {
	width: 100%; /* 1000px; */
}

/* Pseudo colRight - auch picDetailContainer beachten */
#colDynPage #colInhalt {

	/*width: 67.457627%;*/ 			/* 398px; bezogen auf 590 	*/
	/*padding-right: 32.542372%;*/ 	/* 342px; 316w+26m			*/
	width: 100%;					/* 100% wenn kein colLeft	*/
	padding-right: 34.2%;			/* 342px:1000 */
	
}
	




/********************/
/* Table:           */
/********************/

table {
	width:100%;
	border-collapse: collapse; border-spacing: 0; /*ersetzt cellspacing="0" */
	padding: 0; /*ersetzt cellpadding="0"*/
	margin: 0; background:#FFF;
}

th {
	font-size:1.5em; line-height:1.6667em;
	font-weight: 600;
}

td  {
	font-size:1.5em; line-height:1.6667em;
	vertical-align:top; padding:5px;
}

	#kalenderstart_table td {
		font-size:1em;
	}

	td p {
		margin:0; padding:0; font-size:1em;
	}
	
	td:first-child, td:first-child strong {

	}

table.contentBreite {
	width:100%;
}

table.contentBreite td {

}

table.gottesDienst {
	background: #fff; border: 15px solid #fff;

}

table.preise {
	background:#003614; border-radius:15px;
	margin-bottom:40px;
}


/* Tabellen-Titel, Zwischen-Titel */
table.preise thead th, table.preise tbody th {
	padding:13px 13px 13px 13px;
	font-family:"Open Sans",Arial;
	text-align:left;
	font-size:1.8em; line-height:1.2222em;
	
	border-bottom:1px solid #dbdde2;
	text-align:right;
	font-weight:400;
}

	table.preise thead th {
		padding-bottom:0px;
		border:0px none;
		font-weight:700; color:#FFF;
		padding-top:26px; padding-bottom:10px;
		border-bottom:1px solid #2b9753; /* vgl. table.preise thead th */

	}

/* erste Zelle linksbündig */
table.preise td:first-child, table.preise th:first-child {
	text-align:left; width:35%;
	font-weight:700; color:#FFF;
}

table.preise.zweispalter td:first-child, table.preise.zweispalter th:first-child {
	width:75%;
}


/* Tabellenzellen */
table.preise td {
	padding:9px 13px 8px 13px;
	border-bottom:1px solid #215032; /* vgl. table.preise thead th */
	font-size:1.5em; line-height:1.22222em;
	text-align:right;
}

	table.preise td > p {
		font-size:1em; margin-bottom:0px;
	}

	/* td.normal, td.rabatt: vgl. inc_javascript_und_css_head.asp */

/* TabellenFußzeile */
table.preise tfoot td:first-child {
	color:#6f8276; font-weight:400; text-align:right;
}

table.preise tfoot td, table.preise tfoot td:first-child {
	border-bottom:0px none;
	/* color:#f7a92e; */
}

/* Umbruch bei span */
table.gottesDienst td span:before {
  content: '\a';
  white-space: pre;
}
/* Abstand bei span (Startseite) */

.contentGrau table.gottesDienst td span:before {
	content: ' ';
}

.loopText table {
	margin-top:10px; color:#383333;
}

.loopText table.werke, .loopText table.besitzer {
	margin-top:0px; margin-bottom:10px;
}

.loopText table td {
	border-bottom:1px solid #b6b5b9;
	font-size:1.5em;
}

.loopText table td:nth-child(1), .loopText table td:nth-child(3) {
	font-weight:600;
	color:#676767;
}


/* Vermerke-Detail */ 
table.provenienzTable td:nth-child(1)
{
	font-weight:600; color:#676767;
	width:50%;
}
table.provenienzTable td:nth-child(2)
{
	width:50%;	
}

/* Werke-Detail */ 
table.werkdetails td:nth-child(1)
{
	font-weight:600; color:#676767;
	width:26.4%;	
}
table.werkdetails td:nth-child(2)
{
	width:73.6%;	
}

/* Vermerke-Loop */
.loopText table.vermerke,
.loopText table.werke,
.loopText table.besitzer
{
	background-color:transparent;	
}

.loopText table.vermerke td:nth-child(1)
{
	font-weight:600; color:#676767;
	width:25%;
}
.loopText table.vermerke td:nth-child(2)
{
	width:75%;
}

/* Besitzer-Loop */
.loopText table.besitzer td:nth-child(1) 
{
	font-weight:600; color:#676767;
	width:25%;
}
.loopText table.besitzer td:nth-child(2) 
{
	width:75%;
}

/* Werke */
.loopText table.werke td:nth-child(1), .loopText table.werke td:nth-child(3) {
	font-weight:600; color:#676767;
	width:25%;
}
.loopText table.werke td:nth-child(2), .loopText table.werke td:nth-child(4) {
	width:25%;
}

#glocken {
}

#glocken td {
	background:white;
	text-align:left;
}

#glocken td:nth-child(2) {
	text-align:left;
}
#glocken td:nth-child(3) {
}
#glocken td:nth-child(4) {
}

/********************/
/* Bilder           */
/********************/

/* Positionierung ausserhalb colInhalt in Pseudo-ColRight oder colRight*/
.picDetailContainer {
	float: right; display: inline;
	width: 48.02431%; /* width:  316px bezogen auf 658  */
	/* relativ platziert zu rechter Kante von colInhalt
	/* rechter Rand = Bildbreite + padding+rechterRand(colInhalt) als Minuswert*/
	/* linker Rand = rechterRand colInhalt, damit in IE und Firefox gleich*/
	margin: 0 -51.97568% 0 3.95136%; /* 0, -342px, 0, 26px bezogen auf colInhalt 658px */
	padding: 0;
	clear: right;
	/* auch #colDynPage #colInhalt beachten */
}

	#picContainer {
		max-width:330px; margin:0 auto 0 auto;
	}

	#picContainer .picDetailContainer {
		width:100%;
		max-width:330px;
	}

	#colRight .picDetailContainer {
		margin: 0 0 0 0;	/* Abstand oben wegen dynamischer Seiten */
	}

	#colRight .picDetailContainer p {
		height:26px;
		margin:1.2em; text-align:right;
		font-size:1em;
	}

/* Container für Bild im Textbaustein-Loop */
.picDetail {
	float: right; /*display: inline;*/
	width: 26.633165%; /* 106px bezogen auf 398px */
	margin: 0 0 15px 3.7688442%; /* 15px */
	padding: 0; 
	border: 0px none;
	}
	
	#colDynPage .picDetail, 
	#colRight .picDetail, 
	#colDetailPage .picDetail {
		width: 100%; max-width:330px;
		margin: 0 0 8.23% 0;  /* 26:316 */
		padding: 0;
	}

	.loopStartBoxes .mask .picDetail,
	.loopStartBoxes .mask .picPreview 
	{
		float:none; padding:0;
		width:100%;
		/* margin:-22%; /* Bild mittig platzieren */
		margin:0;
	}

	.loopStartBoxes.tiere .mask .picDetail,
	.loopStartBoxes.tiere .mask .picPreview {
		border-radius:0%; /* notwendig für GoogleChrome */
	}



/* intern - Bild innerhalb des Contents anzeigen */
.picIntern {
	width: 100%; /* 398px; */
	margin: 0;	
	padding: 0; 
}
/* intern - für virtuelle Rundgänge Kloster */
.modalbox .picIntern {
	width: 66%;
	margin-bottom: 20px;
}

.picPreview {
}

/*minibild*/
.picMini {
	float: left; /*display: inline;*/
	width: 45.886075%;	 /* 145:316 */
	margin: 0 0 8.23% 0; /* 26:316 */
}
.picDetailContainer .first {}
.picDetailContainer .last {
	float: right; /*display: inline;*/ 
}
/*end minibild*/


/* klassische Bildgalerie, eCards */
.picGalerie {/*resp*/
	width: 100%;
	text-align: center;
	}
	
	.picGalerie ul {/*resp*/
		width: 100%;
		width: auto;
		height: auto;
		float: left; display: block;
		margin: 0 auto 0px auto;
		padding: 0;
		clear: left;
		text-align: center;		
		list-style: none;
	}	
	.picGalerie	ul li,
	.picGalerie	ul li.last {/*resp*/
		float: left; /*display: inline;*/
		width: auto;
		margin: 0;	
		padding: 0;
		background: none;
	}
	.picGalerie	ul li {/*resp*/
		width:34.2%;
		max-width: 342px;
		padding-left:0px;
		padding-right:2.6%; /* 26px */
		padding-bottom:2.6%;
	}
	.picGalerie	ul li.last {/*resp*/
		width:31.6%;
		max-width: 316px;
		padding-right: 0;
	}
	.picGalerie	ul li .picPreview {/*resp*/
		width: 100%;
		/*max-width: 232px;*/
		/*max-height: 232px;*/		
		margin: 0;
		border: 0px none;
	}		
	.picGalerie	ul li a {/*resp*//*damit nicht zusätzlicher rand hinzukommt*/
		display: block;
		line-height: 0;
		text-decoration:none;
	}

	.picGalerie a:link.ecard, .picGalerie a:visited.ecard {
		display:block; 
		text-align: center;
	} 
	.picGalerie a:hover.ecard, .picGalerie a:active.ecard {
	} 


/********************/
/* Bilder allgmein  */
/********************/
img.picNull {
	margin: 0;
	padding: 0;
	border: 0 none;
}

img.picTrans {
	margin: 0;
	border: 0 none;
	background: #FFFFFF; 
	/* filter:Alpha (opacity=70); -moz-opacity:0.7; */
}

img.ecard {
	width: 396px; /*besser prozent*/
	border: 1px solid #D7E0EC; /* 366 */
}

img.thumbnail {/*Thumbnail-Bilder bei Presse in der rechten Spalte*/
	width:100%;
	border: 0 none;
}

/*transparenu bei hover*/
a img {
	opacity: 0.99; /*damit FF nicht flackert in Kombi mit opacity und hover, muss hier 0.99 sein. 1 bzw 'nichts' führt zu flackern*/
}
a:hover img {
/*
	opacity: 0.8;
	-moz-opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	background-color: transparent;
*/
}


/******************************************************************/
/* Formularelemente, vgl. auch kontaktformular.css, warenkorb.css */
/******************************************************************/

/* Schriftfamilie dezidiert angeben! v.a. wegen textarea!*/
/* Schriftgröße in em, damit abhängig von default-body-Größe*/
select, input, textarea, submit, form input[type=submit], button {
	/* font-family: Arial, Helvetica, sans-serif; /*nicht entfernen*/
	font-family:"Open Sans",Arial,Helvetica, sans-serif;
	font-size: 1.5em; line-height: normal; /*nicht entfernen*/
}
textarea {
	line-height: 1.5em;
}
option {
	font-size: inherit; line-height: inherit;
}
select option { /*um zeilenhöhe auszugleichen?*/
	padding-top: 3px;
	padding-bottom: 3px;
}


form input[type=submit], button {
	-webkit-appearance: none; /*ohne dies lässt sich der button für safari nur schwer stylen mobil/iphone/ipad*/
}

	/*busabfahrtsplan start*/
	form#abfahrtsplan {
		padding: 5px 5px 0 5px;
		border: 1px solid #BDDAD6;
		background-color: #EFEFEF;
		/*font-size: 1.2em; line-height: 1.6em;*/
		}
		form#abfahrtsplan #vonplan,
		form#abfahrtsplan #bisplan {
			overflow: auto;
		}
		form#abfahrtsplan #vonplan label,
		form#abfahrtsplan #bisplan label {
			float: left; display: block; 
			width: 40px;
			/*font-size: 1em; line-height: 1.5em;*/
		}
		form#abfahrtsplan #vonplan label {
			padding-top: 3px;
		}
		form#abfahrtsplan #bisplan label {
			padding-top: 1px;
		}
		form#abfahrtsplan #std_t_start {
			width: 340px;
			/*font-size: 1em;*/
		}
		form#abfahrtsplan #stationradio {
			display: block;
			margin: 3px 0 8px 40px;
			overflow:auto;
		}
		form#abfahrtsplan input[type="radio"] {
			/*float: left; display: block;*/
			margin-top: 2px;
			margin-right:5px;		
			height: 12px;
			line-height: 12px;
			border-style: none;
		}
		form#abfahrtsplan #fahrplansenden {
			clear: both;
			text-align: right;
		} 
		form#abfahrtsplan .stadtbus {
			position: relative;
			width: 140px; 
			height: 27px;
			margin-top: 7px;
			margin-left: 40px;
			text-align: left;
		}
		form#abfahrtsplan .stadtbus img {
			position: absolute;	top: -4px; right: 0;
		}
		form#abfahrtsplan .button {
			float: right; /*display: inline*/ 
			width: 115px;
			margin: -2px 0 0 0;
		}
		form#abfahrtsplan .button input {
			border: none;
			background: none;
			font-weight: bold;
			/*font-size: 1em; line-height: 1.2em;*/
		}	
	/*busabfahrtsplan ende*/
	
	
	
	/*busabfahrtsplan vers3 start*/
	form#schedule_widget {
		padding: 5px;
		border: 1px solid #BDDAD6;
		background-color: #EFEFEF;
		/*font-size: 1.2em; line-height: 1.6em;*/
		}
		form#schedule_widget #formVonPlan,
		form#schedule_widget #formBisPlan {
			overflow: auto;
		}
		form#schedule_widget #formVonPlan label,
		form#schedule_widget #formBisPlan label {
			float: left; display: block; 
			width: 40px;
			/*font-size: 1em;	line-height: 1.5em;*/
		}
		form#schedule_widget #formVonPlan label {
			padding-top: 3px;
		}
		form#schedule_widget #formBisPlan label {
			padding-top: 1px;
		}
		form#schedule_widget #name_origin {
			width: 340px;
			/*font-size: 1em;*/
		}
		form#schedule_widget #formFahrplanSenden {
			clear: both;
			text-align: right;
			overflow: auto;
		} 
		form#schedule_widget .fahrplanbutton {
			margin: 0;
			clear: both;
			text-align: right;
			overflow: auto;
		}
		form#schedule_widget .fahrplanbutton input {
			float: right; /*display: inline;*/
			width: auto;
			padding: 0 5px;
			font-weight: bold;
			/*font-size: 0.9em; line-height: 1.2em;*/		
		}	
	/*busabfahrtsplan ende*/
		


/*form,*/

	::-webkit-input-placeholder { color:#97979a; }
	::-moz-placeholder { color:#97979a; } /* firefox 19+ */
	:-ms-input-placeholder { color:#97979a; } /* ie */
	input:-moz-placeholder { color:#97979a; }

	form input, form select, form input[type="submit"], form .button {
		padding-top:5px;
		padding-bottom:3px;
		height:40px;
	}	

	form input,
	form select,
	form textarea {
		border: 1px solid #b6b5b9;	
		background: #FFF;
	}
		
	form input,
	form select {
		min-height:30px; min-width:185px;		
	}

	form select { 
	}
	
	form textarea { 
	}	


	/*laut bereastreet und webaim soll bei JEDEM focus-element (Links, Menü, Formulareingaben) ein möglichst gut sichtbares outline definiert werden, speziell für jene, die mit tastatur navigieren */
	:focus {
		/*outline: 5px ridge #7F9DB9 !important;*/ /*zu bedenken: betrifft nicht nur tastaturnav sondern auch klick auf link*/
	}
	form input:focus, 
	form textarea:focus, 
	form select:focus {
		background: #feebab; 
	}
	form input.button:focus {
		background:#1A181D;
	}

	form option.hi {
		background: #feebab;	
	}

	/*
	form submit, form button, form input[type=submit] {
		width: 150px;
		border: 0 none;
	}
	*/

	label {
		display: block;
		margin: 0; 
		padding: 0;
		font-size:1.5em; line-height:1.3em;
	}

	.readonlyInput label { /*'formReadonly - label ausblenden*/ 
		/*display: none;*/
	}
	
	.readonlyInput input { /*'formReadonly*/ 
		background: #ddd !important;
		color: #777;
	}
		
	.readonlyInputFull { /*'formReadonly*/
		display: none; /*none, damit bei nicht-übergebenen parametern das themenfeld/referenzfeld nicht angezeigt wird*/
	}
	
	.button, p.kartenButton span,
	.anmeldeform .button, 
	a.button, a.spendenButton {
		min-width: 130px;
		border: 0px none;
		padding: 8px 15px 8px 15px;
		min-height:38px;
		margin-left:10px; margin-right:10px;
		background: #FFCC00; color: #28282a;
		cursor: pointer;
		text-decoration:none; text-transform:uppercase;
		text-align: center;
		font-size:1.5em; font-weight:600; line-height:24px;
		display:block; 

		-webkit-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.1);
		box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.1);

		/* background: #FFCC00; color:#fff; */

	}

	div.loopText p.kartenButton
	{
		padding-top:13px;
		text-align:center;
		min-width:185px;
	}
	.loopMitAbstand.halb div.loopText p.kartenButton {
		display:none;
	}

	.buttonUndHinweis {
		text-align:center;
	}
		.buttonUndHinweis .button {
			text-align:center;
			margin: 20px 0 20px 0;
		}

	p.kartenButton.inaktiv span,
	.buttonUndHinweis .button.inaktiv {
		background:#b6b6b6; cursor:default;
		min-width:185px;
	}



		input.button:hover, input.button:active, 
		a.button:hover, a.button:active,
		a.spendenButton:hover, a.spendenButton:active,		
		.loopListe li a:hover p.kartenButton span	
		{
			color: #FFF; 
			text-decoration: none;
			background:#000000;
		}
	
	
	.anmeldeform .auswahllisteBackground { /*form inc_anmeldeformular*/
		background: none;
	}	

	#suche #stichwort {
		width:203px;	
	}
	
	#suche .button {
		width:100px; min-width:inherit;
		margin-left:1.23574%; /* 13:1052 */
	}

.hinweisBox,
h2.alert, #tinymce h2.alert {
	display: block;
	width: 368px; 
	margin: 10px 0 10px 0;
	padding: 10px 15px 5px 15px;
	clear: left;
	color: #191916; 
	background:#F3CD55;
}

.hinweisBox h2 {
	margin-top: 0;
} 

/*****************/
/* Indexfilter   */
/*****************/

#indexfilter {
	width:100%; 
	height:40px; margin-bottom:32px;
}

#indexfilter .selectAndButton {
	width:100%; max-width:658px;
	float:left;
	min-height:40px;
}

	#indexfilter label {
		visibility: hidden; height:0px;
	}

	/* Auswahlliste */
	#indexfilter select {
		width:72.036474%; 		/* 474:658 */
		float:left;
	}
	/* Button */
	#indexfilter input.button {
		width:24.01216%;		/* 158:658 */
		min-width:inherit;
		margin-left:3.951368%;	/* 26:658 */
		float:left;
	}



#indexfilterXXX {	/* Form */
	position: relative;
	width: 100%;
	margin: 0 0 18px 0;
	padding: 0 10px 10px 10px;/*padding top wird quasi durch .indexfilter-padding-top ausgeglichen*/
	clear: both; 
	background: #f6f0d0;
	}
	.indexfilterXXX {	/* DIV */
		position: relative;
		height: auto;
		margin: 0;
		/*padding-top: 5px;*/
		padding: 10px 0 0 0;
		}
		.indexfilterXXX:after {/*so gilt containerhöhe*/
			clear: both;
			content: "";
			display: block;
			line-height: 0;
			height: 0;
		}
	
	.indexfilterCheckboxXXX {	/* DIV */
		float: left; display: block;
		height: 30px;
		margin: 4px 0 0 0; 
		padding-top: 0;
	}

	#indexfilterXXX label {
		display: inline;/*wichtig damit label neben checkboxen die richtige breite erhalten - checkboxnewinsert*/
		font-weight: bold; 
		color: #595959;
	}

	#indexfilterXXX label.produktKategorie {
		color: #000;
	}
	
	#indexfilterXXX .button {
		margin: 0;
	}
	
	.indexfilterXXX .formfeld label.suchsubmit { /*indexfilter form*/
		font-weight: normal;
	}
	
	#indexfilterXXX .minderHeight { /*indexfilter form*/
		height: 20px;
		padding-top: 10px;
	}	


	.formfeld {
		float: left;
	}

	.formfeldCheckbox {
		float: left; /*display: inline;*/
		width: 190px; 
		padding-top: 10px;
		/*font-size: 1.2em; line-height:18px;*/
		color:#171717;
	}

	.formfeldCheckbox, 
	.formfeldBeschriftungAktiv {
		color: #171717;
	}

	.formfeldBeschriftungInaktiv {
		color: #B0AEA3;
	}


	.formfeldRechts {
		float: right; display: inline;
		margin-right: 10px;
	}
	
	form p {
		clear: both;
	}

	form .inputNormal {
		width: 179px;
		margin-right: 10px;
	}
	form .inputSchmal {
		width: 55px;
		margin-right: 10px;
	}

	form .selectNormal {
		width: 183px;
		margin-right: 10px;
	}
	form .selectSchmal {
		width: 57px;
		margin-right: 10px;
	}

	form .selectBreit {
		width: 202px;
		margin-right: 10px;
	}

	form .selectDoppelt {
		width: 376px;
		margin-right: 10px;
	}	
	
	form .checkbox {
		float: left;
		width: 21px;
		border: 0 none;
	}

	.formfeldCheckbox .checkbox {
		display: block;
		margin-right: 5px;
	}


/****************
	RSS-Feed Symbole ...
****************/	
.feed,
.feedFiltered { /*rss-feed-erweitert*/
	margin: 0 0 0 3px;
	padding: 0 0 0 19px;
	}
	.feed { /*rss-feed-erweitert*/	
		background: url("../pic/feed-icon-14x14.png") no-repeat 0 50%; /*color image repeat attachment position;*/
	} 
	.feedFiltered { /*rss-feed-erweitert*/
		background: url("../pic/feed-icon-14x14-half.png") no-repeat 0 50%;
	}	
	
	.feed-list { /*rss-feed-erweitert*/
		margin: 0 0 15px 15px;
		padding: 0;
		list-style-type: none;
	}
	
	.feed-list li { /*rss-feed-erweitert*/
		margin: 0 0 10px 0;
		padding: 0;
		list-style-type: none;
	}
	
	.feed-list li a { /*rss-feed-erweitert*/
		padding: 0 0 0 19px;
		background: url("../pic/feed-icon-14x14.png") no-repeat 0 50%;
		list-style-type: none;
		color: #000;
	} 	
	
	#fussZeile a.feed {
		color: #fff;
		font-weight: bold;
	}
	
	.unscheinbar { /*rss-feed-erweitert*/
		font-size: 0.7em;
		font-style: normal;
		font-weight: normal;
	}

	a:link.feed, a:visited.feed, a:link.feed, a:visited.feed,
	a:link.feedFiltered, a:visited.feedFiltered, a:link.feedFiltered, a:visited.feedFiltered { /*rss-feed-erweitert*/
		display: inline !important;
		text-decoration: none;
	}
	

	
	
/************************************
 404-suche und hinweistext 2013-06-26
 ***********************************/
#fehlerhandling404 #suchmaske404 {
	float: left; /*display: inline;*/ 
	width: 100%; 
	height: auto;
	margin: 0; 
	padding: 10px 0 0 0;
	clear: left;
	overflow: auto; 
	}
	#fehlerhandling404 form#formSuche404 { 
	}
	#fehlerhandling404 form#formSuche404 #suche404 {
		float: left;
		width: 48.571428%;  
		margin-left: 5.7142857%; 
	}
	#fehlerhandling404 form#formSuche404 .button {
		margin-top: 0 !important;
		width: 38.857142%;
	}
	#fehlerhandling404 #fehlermeldung404 #oops404 {
		font-size: 2em;
		line-height: 6em;
		text-align: right;
	}
	#fehlerhandling404 #fehlermeldung404 p.klein {
		margin-top: 25px;
	}
	#fehlerhandling404 .mehr {
		margin-top: 60px;
	}
	
	
/************************************
 Hinweistext für den User in hervorgehobener Box auf Detailseiten bei der Preview  
 ' preview_hinweis_box
 ************************************/
div#previewHinweisText {
	margin: 2px;
	padding: 2px;
	border: 2px groove #000;
	color : #000000;
	background-color: #FFFF99;
	}
	
	div#previewHinweisText h1 {
		margin: 0 0 2px 0;
		padding: 0;
		/*font-size: 1.2em; line-height: 1.4em;*/
	}

	div#previewHinweisText form input.urlTextBox {
		width: 90%;
		height: 12px;
		padding: 0;
		/*line-height: 1.2em;*/
	}

	div#previewHinweisText .textHiBereich {
		font-weight: bold;
		color: #171717;
	} 

	div#previewHinweisText table.preview_box {
		width: 100%;
		/*font-size: 1em; line-height: 1.2em;*/
	}

	div#previewHinweisText table.preview_box td {
		vertical-align: top;
	}

	div#previewHinweisText table.preview_box td.ueberschrift {
		font-variant: small-caps;
		font-weight: bold;
		/*font-size: 1.2em;*/
	}

	div#previewHinweisText table.preview_box td.bereichsbezeichnung {
		white-space: nowrap;
		vertical-align: top;
	}

	div#previewHinweisText table.preview_box td.abstandhalter {
		padding-bottom: 20px;
	}

	div#previewHinweisText table.preview_box td.linkspalte {
		width: 90%;
	}
	
	
/***************
iframes und Spez-Container um iframes
***************/	
iframe, object, embed { /*How To Keep Your iFrame Content Responsive with CSS*/
	max-width: 100%;
	}
	iframe {
		border: 0 none;
	}
	#uploadframe { /*iframe fileupload width:376px;height:100px;margin:0px;padding:0px;*/
		width: 376px;
		height: 104px;
		margin: 0;
		padding: 0;
		border: 0 none;	
		overflow: auto; /*scrolling=auto*/
		/*overflow: hidden;*/ /*scrolling=no*/
	}
	.responsiveMapsContainer { /*iFrame Anfahrt*/
		position: relative;
		height: 0;
		padding-bottom: 60%; /* Höhe Map*/
		overflow: hidden;
	}	 
	.responsiveMapsContainer iframe {  /*iFrame Anfahrt*/
		position: absolute;	top: 0;	left: 0;
		width: 100%;
		height: 100%;
	}
	.video,
	#tinymce .video { /*iFrame cms youtube*/
		position: relative;
		padding-bottom: 56%;
		height: 0;
		overflow: hidden;
		margin-bottom: 20px;
	}	 
	.video iframe,
	#tinymce .video iframe {  /*iFrame cms youtube*/
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}	

/**************
twitterfollow 
achtung IE6 -> muss responsive natürlich umgebaut werden
**************/
#socialnetContainer {
	top:0;
	position:fixed; /* damit Button von CC auch nach unten verschoben wird */
	width:100%;
	z-index:3000;
}

	#socialnet a {
		position: absolute; top: 370px; right: -120px; 
		z-index: 3000;	
		width:270px; height:90px; border-radius:0px;
		padding-top:10px;
		background:#ffcc00;
		border: 0 none;
		text-align:center;
	
		font-size:1.8em; line-height:24px;
	
		-webkit-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.75);
	

		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
	
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		
	}

	#socialnet a strong {
		font-weight:bold;	
	}

	#socialnet a:link, #socialnet a:visited {
		color:#000; text-decoration:none;
	}

	#socialnet a:hover, #socialnet a:active {
		background:#000; color:#FFF;

		right: -100px; 

		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;

	}

	#socialnet a:hover strong, #socialnet a:active strong {
		color:#FFF;

		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;

	}



/*******************
href-symbole
'hreftypico:
a[href ^="http://"] - Links, deren href-Attributwert mit http:// beginnt
a[href $=".ogg"] - Links, deren href-Attributwert auf .ogg endet
a[href *=".gzip"], a[href *=".GZIP"] - wo .gzip vorkommt 
********************/
a.dokicon, a.icondesc, a.dokiconlink, a.dokiconbildsymbol, a.dokiconroutenplaner {
	}
	p.mehr a.dokicon, a.dokicon, a.icondesc[href $=".jpg"], a.dokiconlink[target], a.dokiconbildsymbol, a.dokiconroutenplaner {
		/*padding: 1px 20px 1px 0;*/
		padding: 1px 0px 1px 0;
	}
	a.icondescX[href $=".jpg"], a.dokiconX[href $=".jpg"], a.dokiconX[href $=".jpeg"] { /*icondesc=Presse Beschreibungstext unter Bild in der rechten Spalte*/
		 background: url(../pic/ico_kl_jpg.gif) no-repeat center right;
	}
	a.thumbnail[href $=".jpg"] { /*Link um Thumbnail-Bilder bei Presse in der rechten Spalte*/
		padding: 0 0 5px 0;
		background: none !important;
	}
	a.dokiconlinkX[target="_blank"], a.dokiconlinkX[target="_self"] { /*externe Links zB auf Presseseite*/
		background: url(../pic/ico_kl_ext.gif) no-repeat center right;
	}
	a.dokiconbildsymbolX[href *=".jpg"] { /*[bild]01,symbol[/bild]*/
		margin-right: 5px; /*damit es nicht am Text klebt, falls es nur das nakte Symbol ist*/
		margin-left: 5px; /*damit es nicht am Text klebt, falls es nur das nakte Symbol ist*/
		background: url(../pic/ico_kl_jpg.gif) no-repeat center right;
	}
	a.dokiconroutenplanerX { 
		background: url(../pic/ico_kl_map.gif) no-repeat center right;
	}
	a.dokiconX[href $="typ=.iCal"], a.dokiconX[href $="typ=.vCard"] { /*iCal speichern bei Termin oder vcard*/ 
		background: url(../pic/ico_kl_events.gif) no-repeat center right;
	}
	a.dokiconX[href $="typ=.vcardkontakt"] { 
		background: url(../pic/ico_kl_vcard.gif) no-repeat center right;
	}
	a.dokiconX[href $=".mp3"] { /*mp3s enden noch nicht mit typ=.mp3*/
		background: url(../pic/ico_kl_mp3.gif) no-repeat center right;
	}
	a.dokiconX[href $=".flv"] { /*flvs enden noch nicht mit typ=.flv*/
		background: url(../pic/ico_kl_flv.gif) no-repeat center right;
	}
	a.dokiconX[href $=".pdf"] {
		background: url(../pic/ico_kl_pdf.gif) no-repeat center right;
	}
	a.dokiconX[href $=".png"], a.dokiconX[href $=".tif"], a.dokiconX[href $=".psd"] {
		background: url(../pic/ico_kl_Bilder.gif) no-repeat center right;
	}
	a.dokiconX[href $=".ppt"], a.dokiconX[href $=".pps"], a.dokiconX[href $=".exe"] {
		background: url(../pic/ico_kl_dummy.gif) no-repeat center right;
	}
	a.dokiconX[href $=".gif"] {
		background: url(../pic/ico_kl_gif.gif) no-repeat center right;
	}
	a.dokiconX[href $=".txt"], a.dokiconX[href $=".csv"] {
		background: url(../pic/ico_kl_txt.gif) no-repeat center right;
	}
	a.dokiconX[href $=".rtf"], a.dokiconX[href $=".doc"] {
		background: url(../pic/ico_kl_doc.gif) no-repeat center right;
	}
	a.dokiconX[href $=".xls"] {
		background: url(../pic/ico_kl_xls.gif) no-repeat center right;
	}
	a.dokiconX[href $=".zip"] { 
		background: url(../pic/ico_kl_zip.gif) no-repeat center right; 
	}




.webindexbody { /*body von seiten mit iframe-einbindung forward+index+sprache/index*/
	text-align: center;
	padding:0px; margin:0;
}
.webindexloops { /*body von seiten mit iframe-einbindung für suchmasch.loops index+sprache/index*/
	width: 450px; 
	margin: auto;
}




	

/**************
Sonstiges
***************/
.noBg {
	background: none;
}	
.attachBox {
	width: 344px;
}
.ortZusatz {
	font-weight: normal;
}
.kontaktGeoLink {
	margin-bottom: 6px;
}
.kontaktUrl {
	margin-bottom: 14px;
}
.vcardBlock {
	margin-bottom: 0;
}
.vcardlink {
	border:0 none;
}

/*'2013-07-01 browser-update - hinweis auf alte version*/
.buorg {
	padding: 15px !important;
}


/*Buttons, u.a. auch Warenkorb und Form absenden. Styles ausgegliedert, damit nicht inline. siehe speichernButton()*/
.speichernButton_Enabled {
	cursor: pointer !important;
	background-image: url(../pic/buttonwarenkorb.gif) !important;

}
.speichernButton_Disabled {
	cursor: wait !important;
	background-image: url(../pic/button-loading.gif) !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}


/*standard*/
.justDesktop {
	display: inherit; /*fuer den fall dass auch spans diese class haben*/
}
.justMobile {
	display:none;
}

.allTouchDevices  {
	display:none;
}

/*'2013-10-24 - damit touchenabled devices trotzdem im megamenu den hauptnavigationslink erneut angezeigt(klickbar) bekommen*/
#kopf.deviceSupportsTouch .allTouchDevices,
#kopf.deviceSupportsTouch .justMobile.allTouchDevices { 
	display: block !important;
}
/*2015-04-02 - damit touchenabled devices bei indexfilter die trennstriche nicht angezeigt bekommen*/
#kopf.deviceSupportsTouch form select .separator {
	display: none;
}

/*********************
Scroll-To-Top Button -> siehe lib/scrolltotop/
**********************/