@import url('font-awesome.min.css');


html {
	height:100%;
}

body, #bgBild {
	font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#000;padding:0px;margin:0px;top:0;left:0;text-align:center;background-image:url(../images/bg1902px.jpg);background-position:center center; background-repeat:no-repeat; background-color:#000;
	/*-webkit-font-smoothing:antialiased;  Safari: Schrift wird dünner */
	/*text-rendering: optimizeLegibility !important; z.B. für Ligaturen Fonts < 20px */
}

img { border:0px; }

a {
	color:#e00065;
	text-decoration:none;
}

a:hover {
	color:#6b6b6b;
	text-decoration:none;
}


h1, h3 { /* SEO-Titel */
	/*font-family: 'Open Sans Condensed', sans-serif;*/
	font-weight:normal;
	font-size:16px; 
	line-height:22px;
	margin-top:0px;
	margin-bottom:11px;
}
h2, .H1wieH2 { /* meistens Menuname */
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:300;
	font-size:34px; 
	line-height:35px;
	letter-spacing:1px;
	z-index:3;
	margin-top:-4px;
	margin-bottom:15px;
	padding-top: 2px;
}
/* alt:
h1 {
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight:300;
		font-size:34px; 
		line-height:35px;
		letter-spacing:1px;
		z-index:3;
		margin-top:-4px;
		margin-bottom:15px;
		padding-top: 2px;
	}
h2 {
	font-weight:normal;
	font-size:16px; 
	line-height:22px;
	margin-top:0px;
	margin-bottom:6px;
}
*/

ul { 
	margin-left:0;
	padding-left:0;
	list-style:none;
}
li {
	line-height:16px;
	padding-bottom:7px;
	padding-left:13px;
	background: url(../images/rechteck.gif) 0 5px no-repeat;
}
* html li { 
	background: url(../images/rechteck.gif) 0 6px no-repeat;
}
*+html li { 
	background: url(../images/rechteck.gif) 0 6px no-repeat;
}

#horizon {
	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -300px;
	text-align: center;
	min-width: 880px;
	z-index:1;
}

#container {
	width: 880px;
	height:600px;
	margin: auto;
	position:relative;
	z-index:1;
}
#bgContainer {
	width: 880px;
	height:600px;
	top:0px;
	left:0px;
	position:absolute;
	background-image: url(../images/bgContainer.gif);
	opacity:0.4; 
	filter: alpha(opacity = 40); 
	z-index:1;
}

#logo {
	background-image:url(../images/logo.png);
	position: absolute;
	top:21px;
	left:443px;
	width:293px;
	height:47px;
	z-index:3;
}
* html #logo { /*IE6 only*/
	background-image:url(../images/logo.gif);
}

#sprachwahl {
	font-family: Helvetica, Arial, sans-serif;
	color: #a7a18c;
	position: absolute;
	top:57px;
	left:757px;
	width:100px;
	height:16px;
	text-align:right;
	z-index:3;
}
#sprachwahl a {
	color: #a7a18c;
}
#sprachwahl a:hover {
	color: #e00065;
}


/* ANFANG Karussell */
.reihe {
	text-align: left;
	/*padding-bottom: 30px;*/

	/* float-fallback: Ersatz für clear:both;*/
	overflow: auto;
	/*overflow: visible!important;*/ /* !!! wenn Karussell-Pfeile links und rechts ausserhalb Slider !!! */
	overflow-y:hidden; /* Patch Safari */
	width: 100%;

	display: flex;
	justify-content: space-between;
}

.eckenRunden {
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	-khtml-border-radius:16px;
	border-radius: 16px;
	overflow:hidden;
}


.isotope_item {
	width:calc(25% - 13px); /* 4 Item pro Zeile */
	display: inline-block; 
	vertical-align:top;
	margin-right: 13px;
	margin-top: 22px;
}	
@media only screen and (min-width : 1121px) and (max-width: 8000px) {
	.isotope_item:nth-child(4n) { /* jedes 4. Item */
		margin-right: 0;
	}
}
@media only screen and (max-width: 1120px) {
	.isotope_item {
		width:calc(33.3% - 20px); /* 3 Item pro Zeile */
		margin-right: 20px;
		margin-top: 22px;
	}	
	.isotope_item:nth-child(3n) { /* jedes 3. Item */
		margin-right: 0!important;
	}
}
.isotope_item img:hover {	
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms ease-out;
}
.isotope_item img {	
	padding-bottom: 0px;
	padding-top: 0px;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
/* ENDE Karussell */




#navigation {
	height:66px;
	position:absolute;
	top:0px;
	left:26px; 
	/*background-image: url(../images/navigation.gif);*/
	opacity:0.9; 
	filter: alpha(opacity = 90);
	z-index:9;
}
.hm {
	 width:62px; 
	 height:18px; 
	 color:#fff; 
	 font-size:11px;
	 padding-top:49px;
	 text-align:left;
	 padding-left:4px;
	background-color:#cdc5ac;
	margin-right:7px;
	display:inline-block;
}
.hm:hover { background-color:#e1156e; }
.hmAktiv { background-color:#e1156e; }



#titel {
	background-repeat:no-repeat;
	font-size:34px; 
	line-height:34px;
	z-index:3;
}

#chartLinks {
	position:absolute;
	top:97px;
	left:26px;
	width:370px;
	height:444px;
	text-align:left;
	line-height:17px;
	z-index:3;
}
#chartRechts {
	text-align:left;
	position:absolute;
	top:97px;
	left:443px;
	width:414px;
	height:444px;
	z-index:3;
}


#adresse {
	position:absolute;
	left:20px;
	top:599px;
	height:19px;
	width:840px;
	z-index:3;
	color:#f7ebde;
	text-align:left;
	padding-top:8px;
}
#adresse a { color: #f7ebde; }
#adresse a:hover { color: #e00065; }


#pdfLinks a {
	font-size:12px;
	color:#7fa2b1;
	line-height:19px;
	text-decoration:none;
	background: url(../images/pdfIcon.gif) 0 0px no-repeat;
	padding-left: 15px;
}
#pdfLinks a:hover {
	color:#6b6b6b;
	background: url(../images/pdfIconGrau.gif) 0 0px no-repeat;
}


.mehrInfos a {
	font-size:12px;
	font-weight:bold;
	color:#e00065;
	text-decoration:none;
	background: url(../images/pfeilBlauKlein.png) 0 -3px no-repeat;
	padding-left: 14px;
}
* html .mehrInfos a  { /*IE6 only*/
	background: url(../images/pfeilBlauKlein.gif) 0 -3px no-repeat;
}
.mehrInfos a:hover {
	color:#6b6b6b;
	background: url(../images/pfeilBlauKleinOver.png) 0 -3px no-repeat;
}
* html .mehrInfos a:hover  { /*IE6 only*/
	background: url(../images/pfeilBlauKleinOver.gif) 0 -3px no-repeat;
}
.mehrInfosRegular a {
	font-size:11px;
	font-weight:normal;
	color:#e00065;
	text-decoration:none;
	padding-left: 14px;
}
.mehrInfosRegular a:hover {
	color:#6b6b6b;
}



#blaetterNavi {
	position:absolute;
	left:26px;
	top:550px;
	z-index:3;
}
#blaetterNavi a {
	color:#393137;
	font-size:12px;
	line-height:12px;
	font-weight:bold;
	text-decoration:none;
}
#blaetterNavi a:hover {
	color:#0c0c0c;
	text-decoration:none;
}


/* --- ANFANG SUCHEN-OBJEKTE --- */
.txtSuche {
	font-family: Arial, Helvetica, sans-serif; 		/*----BIG TXTFIELD----*/
	font-size: 11px;
	color: #fff;
	width: 66px;
	height: 10px;
	border: 0px solid #666666;
	float: left;
	background-color: transparent;
}
#suche {
	position:absolute;
	left:791px;
	top:582px;
	height:12px;
	width:66px;
	z-index:3;
	/*background-color:#f0f;*/
}
#sucheButton {
	position:absolute;
	left:762px;
	top:580px;
	height:22px;
	width:22px;
	z-index:4;
}
.butt {
	height: 22px;								/*---- SUBMIT-BUTTON ----*/
	width:22px;
	border: 0px solid #666666;
	background-color: transparent;
	cursor: pointer;
	float: right;
}
#sendenButton:hover {
	background-image:url(../images/glow.png);
	background-repeat:no-repeat;
}
#lupe {
	position:absolute;
	left:762px;
	top:580px;
	height:22px;
	width:22px;
	z-index:2;
	visibility:hidden;
}
/* --- ende SUCHEN-OBJEKTE --- */



/* Layout generisch */
.visible { visibility:visible; }
.hidden { visibility:hidden; }

.inline { display:inline-block; }
.block { display:block; }
.none { display:none; }

.left { float:left; }
.right { float:right; }
.clear, .clearfix:after { clear: both; content: ""; display: table; }
.clearOhneClear { 
	overflow: auto;
	overflow-y:hidden; /* Patch Safari */
	width: 100%;
}

.bb { /* padding nach innen */
    box-sizing: border-box;
	/*-webkit-box-sizing: border-box;
   	-moz-box-sizing: border-box;*/
}

.unsichtbar { display: none; }

.px10 {
	font-size:10px;
	line-height:12px;
}
.px11 {
	font-size:11px;
}
.px11 a {
	font-size:11px;
}
.px11 a:hover {
	font-size:11px;
}



/* ----- Farben ------ */
.sandText {
	color: #a7a18c;
}
.blkText {
	color: #000;
}
.violaText {
	color: #e00065;
}

/* BG */
.sand {
	background-color: #cdc5ac;
}
.sand:hover {
	background-color: #e1156e; /* viola-BG*/
}
.viola { background-color: #e1156e; }
.bgDebug { background-color:#f0f; }
/* ----------- */