/* 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;
}

/****************************/
/* 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 { 
	margin: 0; 
	padding: 0;
	height: 100%;/*wegen bg*/
	text-align: center;  /*IE*/
	color: #090909;
	background:#FFF;	
	scroll-behavior: smooth; /* vgl. smoothscroll.js */
}
body, input, textarea, button { /* Schriftfamilie dezidiert angeben! v.a. wegen textarea!*/
	font-family: 'Open Sans',Arial, Helvetica, sans-serif; font-weight:400;
}

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: 1000px;
	min-width: 320px; /*wichtig wegen mobiler geräte, der max bereich.*/
	padding: 0 0 0 0;
	margin: 125px auto 0 auto;

	color:#68676c;
}

#seite #seitencontent {
	float:none;
	/* position:relative; z-index:10; */
	width: 100%; max-width:1070px;
	margin: 0 auto 0 auto; /* 26*3 */
	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 {
	margin: 0 0 22px 0; /* Korrektur durch erhöhte line-height*/
	padding: 0;
	font-weight:600;
	color:#5a5a5a;
	font-size:3.6em;
	font-family: 'Open Sans',Arial, Helvetica, sans-serif;
	line-height:1.2em;
	text-align:left;
	letter-spacing: -0.04em;
}

	.colGanzeBreite h1 {
		text-align:center;
	}

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

	#produktdetail h1,
	.loopOhneAbstand h1 {
		clear: left; /* nötig für kurztextige Textbausteine wegen Umbruch, Problem wenn */
		width: 100%;
		text-align:left;
	}

	.durchgestrichen {
		text-decoration:line-through;
	}

h2, h2.lead, p.lead {
	margin:0 0 21px 0; 	
	font-size:3em;
	font-family: 'Open Sans',Arial, Helvetica, sans-serif;
	font-weight:600;
	line-height:1.3333em;	
	text-align:left;
	color: #5a5a5a;
}

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


.loopListe h2 {
	margin-bottom:16px;
}


	h2,
	#tinymce h2 { /*detailseiten-zwischenüberschriften*/

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

	h2 a:link, h2 a:visited {
		text-decoration: underline;
		/* 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:0px 0 7px 0; padding:0 0 5px 0;
 		font-weight:600;
	}

	.halb .loopListe li div.loopText h2 {
		margin:0px 0 6px 0; padding:0;
	}



	a:link h2, a:visited h2 {
		color:#000;
		text-decoration:underline;
	}

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

	/* h2 in start-text-bausteinen bzw. in loopStartBoxes allgemein */
	.loopStartBoxes h2,
	.loopStartBoxes .loopListe li div.loopText h2 {

		width: auto; margin:0 0 14px 0;
		padding:14px 10px 11px 10px; /* 13:316 */
		display:inline-block;
		white-space:normal;
		font-size:1.5em;
		text-decoration:none; text-transform: uppercase; text-align:center;

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

h3, h4 {
	margin:0 0 3px 0; 	
	font-size:1.8em; line-height:1.59996em;
	font-family: 'Open Sans',Arial, Helvetica, sans-serif;
	font-weight:600;
	color: #5a5a5a; text-transform:uppercase;
}
	h3.datum, h3.date {
		font-size:1.8em; line-height:1.3333em;
		font-weight:600;
		color: #68676c;
		margin-bottom:16px;
		text-transform:none;
	}

	h3 span.lowercase {
		text-transform:lowercase !important;
	}


h4 {
	text-transform:none;
}



h5 {
	font-size: 1.0em; line-height: 1.2em;
}

	h5 a:link, h5 a:visited {
		text-decoration: none;
	}

	h5 a:hover, h5 a:active {
		text-decoration: underline;
		color: #000000;
	}

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

	dt {
		margin: 0 0 3px 0;
		clear: left;
		background:#f6e1ba; overflow:auto;
	}
	
	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;
	}
	
	dd.noPic {
		width: 100%;
	}

p {
	margin: 0 0 24px 0; padding: 0;
	text-align: left; font-size:1.8em;
	line-height:1.3333em; 
}
	p.abstand {
		font-size: 1px; line-height: 0.3em;
		clear: left;
	}
	p.abstandgross {
		height: 30px;
	}	
	.loopContainer p, 
	dd p {
		margin-bottom: 3px;
	}
	
	#colRight p, 
	#colLeft p {
		margin: 0 8px 10px 8px;
		color:#585555;
	}

	.picDetailInternP, 
	.picDetailContainerP, 
	#colRight .picDetailContainerP { 
		display: block;
		margin: 0 0 10px 0; 
		padding: 0 0 5px 0;
		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 {
	}

	p.properties {
		font-family: 'Open Sans',Arial, Helvetica, sans-serif;
		font-weight:600;
	}
	p.properties span {
		font-size:15px; padding:5px 1% 5px 1%;
		background:#0070c0; margin-right:1%;
		color:#68676c;
		cursor: help;
		display:inline;
		white-space: nowrap;
		line-height:36px;
	}


/* "normale" Links */
a:link {
	color: #000;
}
a:visited {
	color: #000;
}
a:hover {
	color: #68676c;
}
a:active {
	color: #68676c;
}

	/*+++++++++++++++++++++++++++
	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*/
	}


	.mehr.vcardBlock a[class="dokicon"], 
	.mehr.vcardBlock a[class *="dokicon"] {
		padding-left:35px;
		background: url(../pic/ico_savekontakt.png) 0 3px no-repeat;
	}
	.mehr.vcardBlock a {

	}


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

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

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;
}


img.zoomIn, #logo, #fussAusstattung img, #fussPartner img, ul.loopBilder li img {
	-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;
}

a:hover img.zoomIn, a:hover #logo {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

ul.loopBilder a:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

#fussAusstattung img:hover {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	
	box-shadow: 0px 0px 5px #888888;
	position:relative;z-index:100;
}

/* 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!*/


/*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: 600;
}
em {
	font-style: italic;
}

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

.textError {
	color: #f14b3a;
}	

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


/*
hinweis, damit ein element die HLHE 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;
	}


/*******************************************/
/* Kopfbereich mit Sprachauswahl und Image */
/*******************************************/
#kopf {
	width:100%; max-width:1200px;
	margin:0 auto 0 auto;
	position:relative;

	position:fixed; z-index:1000;
	left:0;right:0;
	background:#FFF;
	height:100px;

}

	/* kopfLogo */
	#kopfLogo {
		width:25%;
		position:absolute; top:41px; left:0;
		z-index:1000;
	}

	#kopfLogoBild, #kopfLogoTitel {
		width:100%;
	}


	/* navTop */
	#navTop {
		position:fixed; z-index:3000; width:100%;
		height:25px; border-bottom:1px solid #c7c7c7;
		background:#fff; text-align:center;
		font-size:1.5em; line-height:1.6em;
	}
	#navTop a {
		text-decoration:none; margin:0 10px 0 10px;
	}
	#navTop a:link, #navTop a:visited {
		color:#68676C;
	}
	#navTop a:hover, #navTop a:active {
		color:#919191;
	}

	/* FLEXSLIDER */
	#kopfImage {
		max-width:1248px;
		margin:0 auto 0 auto;
		border-top:12px solid #FFF;
		clear:both;
	}

	#kopf #socialButtons {
		position:absolute; top:136px;
		left:50%; margin-left:-80px; /* (3*40+3*5)/2 */
	}
	#kopf #socialButtons li {
		display:inline-block;
	}

	#kopf #socialButtons li a {
		display:block;
		width:40px; height:40px;
		margin:5px; font-size:0;
		background-repeat: no-repeat;
		opacity: 0.5;
		filter: alpha(opacity=50); /* For IE8 and earlier */
	}
	#kopf #socialButtons li a:hover {
		background-position-y: -40px;
		opacity: 1;
		filter: alpha(opacity=100); /* For IE8 and earlier */
	}

	#socialButtonFacebook {
		background-image: url(../pic/social-buttons.png);
		background-position: 0 0;
	}
	#socialButtonInstagram {
		background-image: url(../pic/social-buttons.png);
		background-position: -40px 0;
	}
	#socialBUttonYoutube {
		background-image: url(../pic/social-buttons.png);
		background-position: -80px 0;
	}

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

#navMain {
	width: 75%; height:49px;
	position:absolute; top:41px; right:0;
	text-align:right;
}

	#navTopPressezentrum { /* vgl. megamenue_responsive für responsive */
		position:absolute;
		/* top:-34px; padding-left:30px; */
		/* left:1.80180%; /* 20:1110 */
		top:-30px; left:190px;
		text-align:left;
		font-size:14px;
	}

	#navTopPressezentrum a:link, #navTopPressezentrum a:visited {
		color:#9fa0a5; text-decoration:none;
	} 

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


#navLeft, #navRight {
	padding-top: 10px; 
}

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

/*
Highlight (ehem durch navigationHi())
*/
/* Aktiv-Zustand (inc_navigation_hi.asp) */
#navMain li > a.navHi,
#navMain li.navHi > a,
#navMain .megamenu_interact_theme .megamenu > li.navHi > a
{
	color: #000;
}

	#navMain .megamenu_interact_theme .megamenu > #navMainWohnen.navHi > a {
		color: #4e9989;
	}
	#navMain .megamenu_interact_theme .megamenu > #navMainArbeit.navHi > a {
		color: #be3b5d;
	}
	#navMain .megamenu_interact_theme .megamenu > #navMainFreizeit.navHi > a {
		color: #e0a03b;
	}
	#navMain .megamenu_interact_theme .megamenu > #navMainLaubemarkt.navHi > a {
		color: #5c549c;
	}

#navTop > a.navHi {
	font-weight:600;	
}


#navTopPressezentrum.navHi > a
{
	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: #68676c;
	border-style: solid;
	border-top-width: 0;
	
	background: none repeat scroll 0 0 #68676c;
	box-shadow: 0 0 10px #777;	
}
#containerbox_oben {	
}
#containerbox_unten {
}

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

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

	#colDetailPageGanzeBreite #picContainer {	/*umschließt alle Bilder in der colRight*/
		display:none;
	}

/*
*************
TEASERboxen
*************
*/
.teaserGesamt {
	position: relative;
	/*margin-top: 10px;*/
	overflow: auto; /*damit das element eine höhe erhält*/
	}
	#colRight .teaserGesamt { /*teaserbox*/
	}
	#colLeft .teaserGesamt { /*teaserbox*/
	}		
	.teaserBox {
		position: relative;
		margin: 0 0 50px 0;
		padding: 0;
		border: 0px none;
		text-align: left;
		/*font-size: 1.3em; line-height: 1.5em;*/
		background-color:#f0f0f0;
		overflow: auto; /*damit das element eine höhe erhält*/	
	}
	#colRight .teaserBox { /*teaserbox*/
	} 
	#colLeft .teaserBox { /*teaserbox*/
	} 	
	.teaserBox h5 { /*teaserbox*/
		margin: 0;
		padding-top: 10px;
		padding-bottom: 5px;
		text-align: center;
	}
	.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: 3px 10px 2px 25px;
		list-style-position: outside;
		text-align: left;
	}
	/* 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;
	}
				
	.teaserBox a:link, .teaserBox a:visited, .teaserBox a:hover, .teaserBox a:active {
		text-decoration: underline;
		display: block; /*feed-symbol wird so aber nicht mehr daneben sondern darunter angezeigt*/ /*display: block;*/
		font-size:1.5em;
		text-align:left; line-height:2em;
	}	

	.teaserBox h5 a:link, .teaserBox h5 a:visited {
		color: #000000; text-decoration:none;
		text-transform:uppercase; line-height:1.3333em;
		font-weight:600;
		border-bottom:1px solid #c8c8c8;
		margin:23px 8.333333% 0 8.333333%;
	}

	.teaserBox h5 a:active, .teaserBox h5 a:hover {
		color: #6E6E6E;
	}

	.teaserBox ul {
		margin:15px 8.333333% 14px 7%;
	}
	.teaserBox ul li {
		margin-bottom:6px;
	}
	.teaserBox ul li a:link, .teaserBox ul li a:visited {
		color:#ab002c;
		text-decoration:none;
		line-height:1.6em;
	}
	.teaserBox ul li a:hover, .teaserBox ul li a:active {
		color:#000;
	}

	.teaserBox ul li a:before
	{
		content: "■";
		color:#ab002c;
		font-size:15px;
		position:absolute; left:25px; margin-top:-1px; line-height:1.5em;
	
	}

	.teaserBox .eventdate {
		display:none;
	}

	.teaserBox .nurLink { /*teaserbox*/
		text-align: center;
	}	
	.teaserBox .nurLink a:link, .teaserBox .nurLink a:visited { /*teaserbox*/
		color: #000000; 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;
		}

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

#colInhalt {
	position: relative;
	float: left; display: inline; /*IE6problem: doublemargin*/
	width: 65%; /*=padding right bei #colDynPage #colInhalt*//* 650 bezogen auf 1000 ; */
	margin: 0;
	padding: 0;
	text-align:left;
	
	overflow:hidden;
}

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

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

	#colInhalt .abstand {

	}

#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!*/
	margin: 0 0 24px 0;
}

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

		#colInhalt > ul > li > ul > li, 
		#fehlerhandling404 ul > li > ul > li,
		#tinymce > ul > li > ul > li { 
				padding-left: 16px;
		}

#colInhalt > ol > li, 
#tinymce > ol > li {
		padding-left: 20px;
		font-size:1.8em; line-height:1.3333em;
}

/* Punkt*/
#colInhalt > ul > li:before,
#tinymce > ul > li:before,
#fehlerhandling404 > ul > li:before
{
	content: "●";
	color:#68676c;
	font-size:1em;
	position:absolute; left:0px; margin-top:-1px; line-height:1.5em;

}

#colInhalt > ul.inhaltsverzeichnis {
	font-weight:600;
	padding-bottom:25px;
	border-bottom:1px solid #ccc;
	margin-bottom:50px;
}


#colInhalt > ul.infobox > li,
#tinymce > ul.infobox > li {
	padding:3px 0 1px 0;
	border-bottom:2px solid #ccc;
	line-height:1.3333em;
}

#colInhalt > ul.infobox > li strong,
#tinymce > ul.infobox > li strong {
	font-family: 'Open Sans',Arial, Helvetica, sans-serif;
	font-weight:600;
	color:#6f6f6f;
}


#colInhalt > ul.infobox > li:before,
#tinymce > ul.infobox > li:before
{
	content: "";
	color:#000;
	font-size:0.8em;
	position:absolute; left:0px; line-height:1.5em;
}


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

#colInhalt table ul li:before
{
	content: "●";
	color:#3732bc;
	position:absolute; left:15px; line-height:1.25em;
}


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



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

#colInhaltRahmenUnten, 
#colInhaltRahmenOben {
	clear: both;
}

#sieSindHier, 
#sieSindHierBottom,
#sieSindHierBottomV2 {
	width: 95.83333%; min-height:35px;
	margin:0px 0 10px 0; padding: 10px 0 10px 0; 
	
	color: #a8a9ae;
	text-align:left;
	font-size:1.4em; line-height:1.2222em;
}
#sieSindHierBottom {
	margin: 0 0 15px 0; 
}


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

	#sieSindHierBottomV2 .dot {
		color:#a8a9ae;
	}

	#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: #a8a9ae;;
		text-decoration: none;
	}
	#sieSindHier a:hover, #sieSindHier a:active,
	#sieSindHierBottom a:hover, #sieSindHierBottom a:active,
	#sieSindHierBottomV2 a:hover, #sieSindHierBottomV2 a:active {
		color: #68676c;
		text-decoration: underline;
	}


#fussShareButtons {
	height:50px;
	line-height:0;
}

	#fussShareButtons li {
		display:inline; 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 */
		outline:2px solid #FFF;

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

	#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;
	}


/*************/
/* FUSSZEILE */
/*************/
#fussZeile {
	clear: both; display:block;
	position: relative; 
	width:100%; 
	margin: 0 0 0 0; padding: 0;

	font-family: 'Open Sans',Arial, Helvetica, sans-serif;
	font-weight:400;
	text-align: center;
}

	/* PARTNER */
	#fussZeile #fussPartner	{
		clear:both;
		width:100%; max-width:1200px;
		min-height:235px;
		margin:25px auto 0 auto;
		background:#f0f0f0;
		padding:34px 2.0833333% 0 2.0833333%;
		text-align:center;
	}

	.contentPartner {
		clear:both;
		width:100%; 
		margin:0 0 25px 0;
		text-align:center;
	}

	#fussPartner h2,
	.contentPartner h2
	{
		font-size:1.5em !important;
		border-bottom:1px solid #c8c8c8;
		text-transform:uppercase;
	}
	.contentPartner h2 {
		font-size:1.8em !important;
		margin-bottom:8px;
	}

	#fussPartner ul	{
		font-size:0px; line-height:0px;
	}
	.contentPartner ul {
		font-size:0px; line-height:0px;
		margin:0px 0px 0px -5px;
	}


	#fussPartner ul li,
	.contentPartner ul li
	{
		width:160px;height:80px; /* 160 */
		display:inline-block;
		background-size: 50%;
		background: url("../pic/logos_partner.jpg") #f0f0f0 no-repeat;
		margin:5px 10px 20px 10px;*/
		outline:5px solid #f0f0f0;
	}

	#fussPartner ul li a,
	.contentPartner ul li a	
	{
		width:100%; display:block; height:100%;
	}

	/* Partner:grau */
	#fussPartner ul #partnerLandsalzburg,
	.contentPartner ul #partnerLandsalzburg
	{
		background-position: -160px 0px;
	}
/*	#fussPartner ul #partnerWissensstadtsalzburg,
	.contentPartner ul #partnerWissensstadtsalzburg
	{
		background-position: -160px -720px;
	}*/
	#fussPartner ul #partnerStadtsalzburg,
	.contentPartner ul #partnerStadtsalzburg
	{
		background-position: -160px -720px;
	}
	#fussPartner ul #partnerSozialministerium,
	.contentPartner ul #partnerSozialministerium
	{
		background-position: -160px -80px;
	}
/*	#fussPartner ul #partnerMilupa,
	.contentPartner ul #partnerMilupa 
	{
		background-position: -160px -240px;
	}*/
	#fussPartner ul #partnerTheaterecce,
	.contentPartner ul #partnerTheaterecce
	{
		background-position: -160px -160px;
	}
	#fussPartner ul #partnerGoodworks,
	.contentPartner ul #partnerGoodworks
	{
		background-position: -160px -320px;
	}
/*	#fussPartner ul #partnerLaubepro,
	.contentPartner ul #partnerLaubepro
	{
		background-position: -160px -400px;
	}*/
	#fussPartner ul #partnerAms,
	.contentPartner ul #partnerAms
	{
		background-position: -160px -480px;
	}
	#fussPartner ul #partnerPinzgaumilch,
	.contentPartner ul #partnerPinzgaumilch
	{
		background-position: -160px -560px;
	}
	#fussPartner ul #partnerCanon,
	.contentPartner ul #partnerCanon
	{
		background-position: -160px -640px;
	}
	#fussPartner ul #partnerCasinos,
	.contentPartner ul #partnerCasinos
	{
		background-position: -160px -240px;
	}

	/* Partner:hover */
	#fussPartner ul li:hover, 
	.contentPartner ul li:hover 
	{
		background-position-x:0px !important;
	}
/*	#fussPartner ul #partnerSozialministerium:hover, 
	.contentPartner ul #partnerSozialministerium:hover 
	{
		background-position-x:-30px !important;
	}
*/


	/* TEASER */
	#fussZeile #fussTeaser {
		width:100%; max-width:1200px; min-height:230px;
		margin:0 auto 0 auto;
		background:#FFF;		
		position:relative;
	}

	#fussZeile #fussTeaser ul {
		width:100%; font-size:0; margin-top:60px;
	}

	#fussZeile #fussTeaser ul li {
		display: inline-block;
		margin:0 0 50px 0; padding:0;
		width: 350px; height:250px;
		line-height: 0px; font-size:10px;
		color: #68676c;
	}
	#fussZeile #fussTeaser ul li h2 {
		font-size:1.5em; text-transform:uppercase;		
		border-bottom:1px solid #c8c8c8;
	}

	#fussZeile #fussTeaser ul li h2 a:link, #fussZeile #fussTeaser ul li h2 a:visited
	{
		text-decoration:none;
	}

	#fussZeile #fussTeaser #fussTeaserAnreise {
		width:300px;
	}

	#fussZeile #fussTeaser #fussTeaserSpenden div {
		width:300px; height:185px;
		padding:18px 15px 0 20px;
		background: url("../pic/spende_back.jpg") no-repeat;
	}

		#fussZeile #fussTeaser #fussTeaserSpenden p {
			float:left; margin-bottom:12px;
			font-size:1.5em; line-height:1.2em;
		}

	#fussZeile #fussTeaser iframe {
		width:300px; height:185px; display: block;
		border: 0px; top: 0px;
		text-decoration: none;
	}


	/* SITEMAP */
	#fussZeile #fussSitemap {
		/* width: 95.83333%; */
		width:100%; max-width:1200px;
		margin:0 auto 0 auto; height:auto;
		padding:34px 0 0 0; 
		background:#f0f0f0;	
	}

		#fussZeile #fussSitemap #fussSitemapSpalten {
			float:left; margin:20px 2.0833333% 20px 2.0833333%;
			width: 95.83333%;  max-width:1150px;
			padding: 0;
			height:auto; 
			font-size:1.5em; line-height:1.6em;
		}
		#fussZeile #fussSitemap #fussSitemapSpalten:after { /* passt Containerhöhhe an */
			clear: both; content: ""; display: block; line-height: 0; height: 0;
		}

		#fussZeile #fussSitemapSpalten a:link, #fussZeile #fussSitemapSpalten a:visited
		{			
			color:#68676c; 
			text-decoration:none; font-weight:600;
		}
		#fussZeile #fussSitemapSpalten a:hover, #fussZeile #fussSitemapSpalten a:active
		{			
			color:#000;
		}

		#fussZeile #fussSitemapSpalten .main {
			text-transform:uppercase;
		}
		#fussZeile #fussSitemapSpalten .main a:link, #fussZeile #fussSitemapSpalten .main a:visited
		{
			color:#000;
		}
		#fussZeile #fussSitemapSpalten .abstand {
			margin-top:26px;
		}

		#fussZeile #fussSitemap #fussSitemapSpalten .spalte1,
		#fussZeile #fussSitemap #fussSitemapSpalten .spalte2,
		#fussZeile #fussSitemap #fussSitemapSpalten .spalte3,
		#fussZeile #fussSitemap #fussSitemapSpalten .spalte4
		{
			float:left; width:23.958325%; /* 30+275:1250 */
			text-align:left;
			min-height:300px;
		}

		#interactLink a:link, #interactLink a:visited {
			padding:15px; display:block;
			font-size:1.5em; font-weight:400; line-height:18px;
			color:#a8a9ae; text-decoration:none;
		}
		#interactLink a:hover, #interactLink a:active {
			color:#000;
		}



	#fussZeile #sieSindHierBottomV2 {
		font-size:1.5em;
		padding:0; margin:0 2.0833333% 0 2.0833333%; min-height:0;
		border-bottom:1px solid #c8c8c8;
	}

	/* FARBBALKEN */
	#fussFarbbalken {
		width:100%; max-width:1200px; 
		margin:0 auto 0 auto;
	}
	#fussFarbbalken > * {
		width:25%; height:25px; float:left; margin:0;
	}
	#fussFarbbalken .gruen {  background:#197a66; }
	#fussFarbbalken .rot { 	background:#ab002c; }
	#fussFarbbalken .gelb {   background:#d78300; }
	#fussFarbbalken .blau {   background:#2b207e; } 



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


.mehr, 
.zurueck, 
.blaettern,
.zentriert {

}
	.blaettern {
		display:none;
		float: left; /*display: inline;*/
		width: 100%;
		margin-top: 0px;
		clear: both; 
		font-size:1.8em; line-height:3em;
		font-weight: 400;
	}

.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:#000;
}

	.zentriert {
		display: block; /* wegen IE6*/
		margin-left:auto; margin-right:auto;
		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 .vorher a {
			margin-right:10px;
			text-decoration:none;
		}

	.blaettern .seiteninfo {
		float: left; /*display: inline;*/
		text-align: center;
	}
	.blaettern .nachher {
		float: right; /*display: inline;*/
		text-align: right;
	}
		.blaettern .nachher a {
			margin-left:10px;
			text-decoration:none;
		}

	.mehr img {
	}

.datum {
	float: left; /*display: inline;*/
	margin: 0 0 3px 0;
	color: #010101;
}

.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;
}

.loopOhneAbstand {
	/* LoopStyle für Loops am Seitenbeginn */
	}
	
	#colRight .loopOhneAbstand,
	#colLeft .loopOhneAbstand {
		overflow: auto; /*damit das element eine höhe erhält*/
	}

	/* Loop auf halber Seitenbreite */
	.loopOhneAbstand.halb,
	.loopMitAbstand.halb
	{
		display:inline;
		width:47.5%; float:left; /* 475:1000 */
		text-align:left !important;
	}
	
	.loopOhneAbstand.halb:nth-child(2n+1),
	.loopMitAbstand.halb:nth-child(2n+1)
	{
		margin-right:5%; /* 50:1000 */
	}


.loopTeam {
	overflow: auto;
	margin-bottom:26px;
}

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

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


/* LoopStyle für TextbausteinLoops und normale Loops in nebeneinander stehenden Boxen */
.loopStartBoxes {
	margin-bottom: 0px;
	float:left; display:inline;/*wichtig, damit es sich die höhe nimmt*/
	/* width:103.7383178%; /* 1110:1070 */ 
	width:105.01%; /* FirefoxKorrektur */
	margin-left:-2.5%; /*-25px; */
	margin-right:-2.5%; /*-25px; */
	text-align:center;
}

	.loopStartBoxes ul {
		font-size:0; /* #ulFontSize0 */
	}

	.loopStartBoxes > ul > li {
		display:inline-block;
		margin:0 2.38095% 45px 2.38095%; /* margin:1.8018018%; */
		height:185;
		width:300px; /*width:29.729729%; /* 330:1110 */	
		line-height:0px; text-decoration:none;
		text-align:center;
		font-size:10px; color:#68676c;
	}


	.loopStartBoxes .bausteinGruppe > *,
	.loopStartBoxes ul > *  { 
	}	

		.loopStartBoxes ul a:link {
			text-decoration:none;
		}

		.loopStartBoxes ul a:link h2 {
			color:#28282a; text-decoration:none;
			background:#FFF;
		}


		.loopStartBoxes ul li:hover	> a > h2,
		.loopStartBoxes ul li > .linkersatz > a h2:hover		
		{
			color:#FFF; text-decoration:none;
		}


		.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;
		}

		
		/* ZoomInEffekt bei StartBoxe & loopListe: vgl. global_mediaqueries */
		.loopStartBoxes a:hover img, .loopListe a:hover 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);
		}


	/*mask: imagewrapper */
	.loopListe li .mask {
		float:left;
		width:18.5%; /* 185:1000 */
		overflow:hidden;
		border:0px none;
	}


	.loopKontaktDetail .loopListe p {
		border:1px solid transparent;
	}

	.loopKontaktDetail .loopListe p.noLead {
		margin:0px;height:0; 
	}

	.loopKontaktDetail .loopListe > li ul {
		margin-bottom:10px;
	}

	.loopKontaktDetail .loopListe > li p {
		margin-bottom:10px;
	}

	.loopKontaktDetail .loopListe > li .mapUndText > p  {
		margin-bottom:25px;
	}

	.loopKontaktDetail .loopListe > li ul > li {
		font-size:1.8em; line-height:1.3333em;
	}


	.loopKontaktDetail .loopListe .picDetailContainerXXX:after {
		clear: left;
		content: "";
		display: block;
		line-height: 0;
		margin:0;
	}


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

	.loopKontaktDetail .loopListe li .mask {
		width:100%;
	}


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

	.loopStartBoxes .loopListe .mask div.loopText p {
		width: 100%; margin:0px 0 0 0;
		text-align:center;
		overflow:hidden;
		padding:0px 25px 2px 25px; /* 13:316 */
		font-size:1.5em;
		color:#FFF;

		opacity: 0;
		filter: alpha(opacity=0);
	}

	.loopListe li .mapWrapper {
		position:relative;
		float:left; clear:none;
		width:46.15384615384615%; margin:0;
		padding-bottom:46.15384615384615%;
		overflow:hidden;
	}

	.loopListe li .mapWrapper iframe,
	.loopListe li .mapWrapper img
	{
		position:absolute; width:100%; height:100%;
		top:0px; left:0px;
		background: url("../pic/ajax-loader.gif") no-repeat 50% 50% #f0f0f0;
	}


	/*map: google maps frame*/
	.loopListe li .mapXX {
		position:absolute;
		background:#d8d8d8;
		width:46.15384615%;
	} 


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

	/* #colInhalt .abstand ul.loopListe { */
	#colInhalt .abstand {
		margin-top:45px;
	}

	#colInhalt .loopStartBoxes.abstand {
		margin-top:0px;
	}


	#colInhalt .loopStartBoxes ul.loopListe {
		margin-top:15px !important;
	}

	.ganzeBreite ul.loopListe {
		/* max-width:658px; */
		margin:0 auto 0 auto;		
	}

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

	.loopListe > li {
		overflow:visible;
		margin-bottom:25px;
	}
	.halb .loopListe > li {
		margin-bottom:30px;
	}
		.loopListe li:after {/* damit li gleich hoch wie sein content */
			clear: both;
			content: "";
			display: block;
			line-height: 0;
			height: 0;
		}

	.loopListe li.mehr a {
		float:right; margin-right:50px;
		width:100px; height:auto;
		background:#FFF;

		width: auto; margin:0 10px 14px 0;
		padding:14px 25px 11px 25px; /* 13:316 */
		display:inline-block;
		white-space:normal;
		font-size:1.5em;
		text-decoration:none; text-transform: uppercase; text-align:center;


		-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:link,.loopListe li.mehr a:visited {
		color:#000; font-weight:600 !important;
		line-height:1.3333em;
	}
	.loopListe li.mehr a:hover,.loopListe li.mehr a:active {
		color:#656369;
	}


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


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

	.loopListe li .linkersatz {
		background:transparent;
	}

	.loopListe li img {
		float:left;
		width:100%;
		margin:0; 
	}

	.loopListe li img {
		opacitiy: .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:76.5%; 			/* 1070-165-40 : 1000 */ 
		margin:0 0 0 5%;	  /* 40:1070 */
		padding:0 0 0 0;
	}

	.loopListe .mapUndText {
		margin-bottom:25px;
	}

		.loopListe .mapUndText:after {
			clear: both;
			content: "";
			display: block;
			line-height: 0;
			height: 0;
		}

	.loopKontaktDetail .loopListe li div.loopText {
		margin:0 0 0 7.692307692307692%; /* 50:650 */
		width:46.15384615%; float:left;
	}

	.loopKontaktDetail .loopListe li div.loopText.noPic {
		margin:0; width:100%;
	}

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

		/* #umbau maskAnimation */
		position: absolute;
		color: #000;
		z-index: 100;
		left: 0;
		padding-top:75px;
		height:350px;
		top:0px;

		/* transition */
		-webkit-transition: all 700ms ease-out;
		-moz-transition: all 700ms ease-out;
		-o-transition: all 700ms ease-out;
		-ms-transition: all 700ms ease-out;	
		transition: all 700ms ease-out;
	}

	.loopStartBoxes .loopListe li div.loopText p {
		/* transition */
		-webkit-transition: all 700ms ease-out;
		-moz-transition: all 700ms ease-out;
		-o-transition: all 700ms ease-out;
		-ms-transition: all 700ms ease-out;	
		transition: all 700ms ease-out;

	}


ul.loopBilder {
	width:103.74% !important;
	margin-left:-1.86916%;
	margin-right:-1.86916%;
	font-size:0; text-align:center;
}

	ul.loopBilder li {
		display:inline-block;
		margin-left:1.8018018%; margin-right:1.8018018%; margin-bottom:3.6036036%;
		width:13.063063%; /* 145:1110 */
		height:13.063063%; padding:0; line-height:0; font-size:0;
	}

	ul.loopBilder a,
	ul.loopBilder li .mask
	{
		width:100%; height:100%;
		overflow:hidden;
	}

	ul.loopBilder li img {
		width:100%; height:100%;
	}


.loopStartBoxes .loopListe .mask:hover .loopText {

	/* Animation */
	-moz-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	-webkit-transform: translateY(-50px);
	transform: translateY(-50px);

	/* Stil Allgemein */
	background-color: rgba(128,128,128,0.8);
}
	/* Stil Wohnen*/
	.loopStartBoxes .loopListe li.Wohnen .mask:hover .loopText,
	.loopStartBoxes.Wohnen .loopListe li .mask:hover .loopText {
		background-color: rgba(25,122,102,0.8);
	}
	/* Stil Arbeit*/
	.loopStartBoxes .loopListe li.Arbeit .mask:hover .loopText,
	.loopStartBoxes.Arbeit .loopListe li .mask:hover .loopText {
		background-color: rgba(171,0,44,0.8);
	}
	/* Stil Freizeit*/
	.loopStartBoxes .loopListe li.Freizeit .mask:hover .loopText,
	.loopStartBoxes.Freizeit .loopListe li .mask:hover .loopText {
		background-color: rgba(215,131,0,0.8);
	}
	/* Stil Laubemarkt*/
	.loopStartBoxes .loopListe li.LaubeMarkt .mask:hover .loopText,
	.loopStartBoxes.LaubeMarkt .loopListe li .mask:hover .loopText {
		background-color: rgba(43,32,126,0.8);
	}



.loopStartBoxes .loopListe .mask:hover div.loopText p {

	opacity: 1.0;
	-moz-opacity: 1.0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=80);
	background-color: transparent;
}

	div.loopText p {
		margin-bottom:12px;
		font-size:1.8em; /* #ulFontSize0 */
	}

	.halb div.loopText p {
		font-size:1.5em; /* #ulFontSize0 */
		line-height:1.2em;
	}

	.loopListe li h2 {
		font-size:2.4em; /* #ulFontSize0 */
		padding:9px 0 5px 0;
	}

	.halb .loopListe li h2 {
		font-size:1.5em; /* #ulFontSize0 */
		margin-bottom:0; padding-bottom:0;
	}

	.loopListe li div.loopText p.datum {
		font-size:1.8em;
		margin:0 0 6px 0;
		font-weight:400px; 
		color:#656369;
	}
	.halb .loopListe li div.loopText p.datum {
		font-size:1.5em; margin-bottom:4px;
	}


.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,
#colDetailPageBlase
{
	width: 100%; /* 1000px; */
}

/* Pseudo colRight - auch picDetailContainer beachten */
#colDynPage #colInhalt {
	width: 100%;					 /* 100% wenn kein colLeft	*/
	padding-right: 35%;			  /* 300+50:1000 */
}

/********************/
/* Table:           */
/********************/
table {
	width:100%; margin-bottom:11px;

}

table td {
	font-size:1.8em; line-height:1.3333em;
}

table td h4 {
	font-size:1em;
}

table td:first-child {
	width: 200px;
	font-weight:600;
	color:#808080;
}


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

	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;

}

/* Tabellen-Titel, Zwischen-Titel */
table.preise thead th, table.preise tbody th {
	padding:13px 13px 13px 13px;
	font-family: 'Open Sans',Arial, Helvetica, sans-serif;
	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;
	}

	table.preise tbody th {
		padding-top:26px;
	}

/* erste Zelle linksbündig */
table.preise td:first-child, table.preise th:first-child {
	text-align:left; width:60%;
}

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

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

/* TabellenFußzeile */
table.preise tfoot td {
	color:#777777;
}

table.preise tfoot td {
	border-bottom:0px none;
}


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


/* Positionierung ausserhalb colInhalt in Pseudo-ColRight oder colRight*/
.picDetailContainer {
	float: right; display: inline;
	width: 46.153846%; /* 300px bezogen auf colinhalt 650  */

	/* 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 -370px 0 40px; bezogen auf 700px colInhalt */
	/* margin:0 -52.857142% 40px 5.7142857%; */

	margin:0 -350px 50px 0;

	padding: 0;
	clear: right;
	/* auch #colDynPage #colInhalt beachten */
}


	#picContainer .picDetailContainer .mask {
		width:100%;
		height:100%;
	}

	.picDetailContainer .mask {
		border:0 none;
		display:block;

		overflow:hidden;
		position:relative;
	}

	#picContainer .picDetailContainer {
		width:100%;
	}

	#picContainer .picDetailContainer .mask,
	#picContainer .picDetailContainerMini .mask
	{
		margin-bottom:8.3333%; /* 25:30 */
	}

	#picContainer .picDetailContainerMini .mask {
		width: 46%; /* 145:330 */
		height:46%; float:left;
		padding:0;
		display:block;
	}
	#picContainer .picDetailContainerMini .last {
		float:right;
	}

	#colRight .picDetailContainer {
		margin: 0;
	}

	#colRight .picDetailContainer p {
		height:26px;
		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; 
	}
	
	#colDynPage .picDetail, 
	#colRight .picDetail, 
	#colDetailPage .picDetail,
	#colDetailPageBlase {
		width: 100%;
		margin: 0 0 0 0;  /* 26:316 */
		padding: 0;
	}

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

/* intern - Bild innerhalb des Contents anzeigen */
.picIntern {
	width: 100%; /* 398px; */
	margin: 0;	
	padding: 0; 
}

.picPreview {
}

/*minibild*/
.picMini {
	float: left; /*display: inline;*/
	margin:0; /* 26:316 */
	width:100%;
}
.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 {
	} 


	/*****************/
	/* ZoomInEffekt  */
	/*****************/
	.picDetailContainer .mask a:hover 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);
	}
	
	.picDetailContainer .mask 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;
	}



/********************/
/* 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*/
}


/******************************************************************/
/* 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-size: 1.6em; line-height: auto; /*nicht entfernen*/
}
textarea {
	line-height: 1.6em;
}
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;
	}	

	p.anmeldeButton {
		margin-bottom:20px;height:45px;
	}

	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: #e2e2e2; 
	}

	form option.hi {
		background: #FFBA00;	
	}

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

	.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, 
	.anmeldeform .button, 
	a.button {
		width: auto; /*width: 66px;*/
		min-height:40px;
		border: 0px none;
		padding: 5px 0px 3px 0px; 
		/*line-height: 1.8em; font-size: 11px;*/
		font-weight: bold; 
		text-align: center;
		background: #68676c;
		cursor: pointer;
		color:#FFF; 
	}

		input.button:link, input.button:visited, 
		a.button:link, a.button:visited {
			text-decoration: none;
			font-size:1em; line-height:2em;
			display:block;
		}
		input.button:hover, input.button:active, 
		a.button:hover, a.button:active {
			color: #FFF; 
			text-decoration: none;
			background:#000;
		}
	
	.button.anmeldung {
		margin:0 auto 0 auto;
		float:none;
	}
	
		
	.anmeldeform .button, a.button {
		float: right; display:inline;
		width:300px;
		margin-left:auto; margin-right:auto;
	}
	
	.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: 100%; 
	margin: 10px 0 10px 0;
	padding: 10px 15px 10px 15px;
	clear: left;
	color: #838383; 

	font-size:1.2em;
	border:1px dashed #838383;
	text-align:left;
}

.hinweisBox h2 {
	margin-top: 0;
} 

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

#indexfilter {
	width:50%; 
	height:40px; margin-bottom:75px;
}

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

	#indexfilter label {

	}

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

	.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: 34%; /* Höhe Map*/
		overflow: hidden;
		margin:50px 0 50px 0;
	}	 
	.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 {
	position:fixed; /* damit Button von CC auch nach unten verschoben wird */
	width:100%;
	z-index:3000;
}

#socialnet a {
	position: fixed; top: 240px; right: -125px; 

	width:275px; height:90px;
	padding-top:25px;
	background:#eae83e;
	border: 0 none;

	z-index: 500;	
	font-size:24px; font-weight:bold;

	-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:link, #socialnet a:visited {
		color:#5c5b19; text-decoration:none;
	}

	#socialnet a:hover, #socialnet a:active {
		background:#808080; color:#FFF;
		right: -110px; 
		-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 {
}

.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/
**********************/


/********************************************/
/* contrast 							*/
/********************************************/
.contrast {
	background:#000; color:#FFF;
}
.contrast #seite {
	background:#000; border-color:#000;
	color:#FFF;
}

.contrast a:link, .contrast a:visited {
    color: #4AAEFF;
}
.contrast a:hover, .contrast a:active {
    color: #FA0000;
}

.contrast a:link .loopText p, .contrast a:visited .loopText p,
.contrast a:link .loopText h2, .contrast a:visited .loopText h2
{
    color: #FFF;
}
.contrast a:hover .loopText p, .contrast a:active .loopText p,
.contrast a:hover .loopText h2, .contrast a:active .loopText h2
{
    color: #FA0000;
}

.contrast .loopListe li div.loopText p.datum {
	color:#FA0000;
}

.contrast h1 {
	color:#FA0000;
}
.contrast h2,
.contrast h2.lead,
.contrast p.lead,
.contrast h3
 {
	color:#FFF;
}

/* contrast kopf */

.contrast #kopf {
	background:#000;
}

.contrast #TheSlider .slideFrame:after {
    border-color: #000 transparent transparent transparent !important;
}

.contrast .megamenu_container.megamenu_interact_theme {
	background:#000 !important;
}

.contrast #kopf #navMain .megamenu_interact_theme .megamenu > li > a {
	color:#FFF;
}


/* contrast content */

.contrast #sieSindHier a:hover, .contrast #sieSindHier a:active {
    color: #FFF;
    text-decoration: underline;
}

.contrast .loopStartBoxes ul a:link h2 {
	color:#FFF;
	background:#000;
}

.contrast .loopListe li.mehr a {
	background:#000;
	border:2px solid #FFF;
}

.contrast .loopListe li.mehr a:link,.contrast .loopListe li.mehr a:visited {
	color:#FFF;
}
.contrast .loopListe li.mehr a:hover,.contrast .loopListe li.mehr a:active {
	color:#FA0000;
}



/* contrast fuss */
.contrast #fussZeile #fussPartner	{
	background:#252424;
}

.contrast #fussZeile #fussTeaser {
	background:#000;
}

.contrast #fussTeaser h2 a:link,
.contrast #fussTeaser h2 a:visited {
	color:#FFF;
}
.contrast #fussTeaser h2 a:hover,
.contrast #fussTeaser h2 a:active {
	color:#808080;
}
.contrast #fussZeile #fussTeaser #fussTeaserSpenden div {
	background:#252424;
	color:#FFF;
}


.contrast #fussZeile #fussSitemap {
	background:#252424;
}

.contrast #fussZeile #fussSitemapSpalten a:link,
.contrast #fussZeile #fussSitemapSpalten a:visited {
	color:#c6c7c8;	
}
.contrast #fussZeile #fussSitemapSpalten a:hover,
.contrast #fussZeile #fussSitemapSpalten a:active {
	color:#FFF;	
}

.contrast #fussZeile #fussSitemapSpalten .main a:link,
.contrast #fussZeile #fussSitemapSpalten .main a:visited {
	color:#FFF;
}

.contrast #sieSindHierBottom a:hover, .contrast #sieSindHierBottom a:active, .contrast #sieSindHierBottomV2 a:hover, .contrast #sieSindHierBottomV2 a:active {
    color: #FFF;
    text-decoration: none;
}


/* contrast teaser */
.contrast .teaserBox {
	background-color:#252424;
}
.contrast .teaserBox ul li a:link {
	color:#fa0000;
}
.contrast .teaserBox h5 a:link {
	color:#FFF;
}