body {
	color:#000;
	margin:0;
	padding:0;
	font-size:small;
	font-size:100%;
	padding-top: 0 !important;
	padding-bottom: 0 !important
	}



/* --------- RASTER / GRID
================================================== */
.supercontent {
	clear: both;
	margin: 0 auto;
	padding: .5em 0 1em 0;
	width: 1296px;
	margin-top: 30px;
	}
#contentwrapper {
	float: left;
	padding: 0 0 1em 0;
	width: 100%;
	margin-right: 0;
	margin-bottom: 3em;
	margin-top: 0
	}
	#content {
	float: left;
	width: calc(70% - 30px);
	margin-right: 26px;
	border-right: 4px solid #f4f4f4;
	padding-right: 30px;
	}
	#subcontent {
	float: right;
	width: 30%;
	}
#contentwrapper.sky {
	width: 78%;
	margin-right: 2%;
	}


@media (max-width: 1400px) {
	.supercontent {
		width: 1116px;
		}
}
@media (max-width: 1200px) {
	.supercontent {
		width: 936px;
		}
	#contentwrapper.sky #content {
		width: calc(67% - 24px);
		margin-right: 20px;
		padding-right: 25px;
		}
	#contentwrapper.sky #subcontent {
		width: 33%;
		font-size: 95%
		}
}
@media (max-width: 992px) {
	.supercontent {
		width: 696px;
		margin-top: 35px !important
		}
	#content {
		width: calc(67% - 24px);
		margin-right: 20px;
		padding-right: 25px;
		}
	#subcontent {
		width: 33%;
		}
	#contentwrapper.sky #content {
		width: calc(65% - 20px);
		margin-right: 17px;
		padding-right: 20px;
		border-width: 3px
		}
	#contentwrapper.sky #subcontent {
		width: 35%;
		font-size: 80%
		}

	#subcontent .baby_pic_vorschau {
		max-width: 40px !important;
		max-height: 27px !important
		}
}
@media (max-width: 767px) {
	.supercontent {
		width: calc(100% - 60px);
		font-size: 85%;
		position: relative;
		margin-top: 70px !important
		}
	#content {
		width: calc(65% - 20px);
		margin-right: 17px;
		padding-right: 20px;
		border-width: 3px
		}
	#subcontent {
		width: 35%;
		font-size: 95%
		}
	#contentwrapper.sky #subcontent {
		font-size: 90%
		}


	#subcontent .baby_pic_vorschau {
		max-width: 36px !important;
		max-height: 25px !important
		}
}
@media (max-width: 480px) {
	.supercontent {
		padding-top: 0;
		font-size: 100%
		}
	#contentwrapper.sky {
		width: 100%;
		margin-right: 0;
		}
	#content {
		width: 100%;
		border: none;
		padding-right: 0;
		margin-right: 0
		}
	#subcontent {
		float: left;
		width: 100%;
		margin-right: 0;
		font-size: 100%
		}

	#contentwrapper.sky #content {
		width: 100%;
		border: none;
		padding-right: 0;
		margin-right: 0
		}
	#contentwrapper.sky #subcontent {
		width: 100%;
		margin-right: 0;
		font-size: 90%
		}
}




/* --------- end RASTER / GRID -------- */











 /* --------- BOXES
================================================== */
.box,
.well {
	width:100%;
	float:left;
	position:relative;
	display:inline;
	margin:0 0 .5em 0;
	padding:.7em 0 1.1em 0;
	color:#333;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	box-shadow: none !important;
	border: none !important;
	line-height: 1.2em !important
	}
.box.halb,
.well.halb {
	width:45%;
	margin-right:2%;
	}
.box.drittel,
.well.drittel {
	width:28%;
	margin-right:2%;
	}
.box.zwei_drittel,
.well.zwei_drittel {
	width:62%;
	margin-right:2%;
	}
.box.right,
.well.right {
	margin-right:0;
	float:right;
	}
.box.bg_grau,.box.bg_dunkelgrau,.box.bg_hausfarbe,.box.bg_hausfarbe_hell,.box.bg_schatten,
.well.bg_grau,wellbox.bg_dunkelgrau,.well.bg_hausfarbe,.well.bg_hausfarbe_hell,.well.bg_schatten {
	margin-top:1.4em;
	padding-left:25px;
	padding-right:25px;
	}
.box.bg_grau,.box.bg_hausfarbe,.box.bg_hausfarbe_hell,
.well.bg_grau,.well.bg_hausfarbe,.well.bg_hausfarbe_hell {
	color:#000;
	}
.box.bg_schatten,
.well.bg_schatten {
	float:left;
	border:1px dotted #ccc;
	border-bottom:1px dotted #aaa;
	box-shadow:3px 3px 7px #999;
	margin-bottom:2.5em;
	}
#subcontent .box,
#subcontent .well {
	float:left;
	clear:both;
	}




@media (max-width: 1200px) {
.box.bg_grau,.box.bg_dunkelgrau,.box.bg_hausfarbe,.box.bg_hausfarbe_hell,.box.bg_schatten,
.well.bg_grau,wellbox.bg_dunkelgrau,.well.bg_hausfarbe,.well.bg_hausfarbe_hell,.well.bg_schatten {
	padding-left:20px;
	padding-right:20px;
	}
}
@media (max-width: 992px) {
.box.bg_grau,.box.bg_dunkelgrau,.box.bg_hausfarbe,.box.bg_hausfarbe_hell,.box.bg_schatten,
.well.bg_grau,wellbox.bg_dunkelgrau,.well.bg_hausfarbe,.well.bg_hausfarbe_hell,.well.bg_schatten {
	padding-left:15px;
	padding-right:15px;
	}
}
@media (max-width: 480px) {
		#subcontent .box,
		#subcontent .box.drittel,
		.box,
		.box.drittel,
		.box.halb,
		.box.zwei_drittel,
		#subcontent .well,
		#subcontent .well.drittel,
		.well,
		.well.drittel,
		.well.halb,
		.well.zwei_drittel {
			width:100%;
			padding:0;
			clear:both;
			float:left;
			margin-right:0;
		}
		#subcontent .box.bg_hausfarbe,
		#subcontent .box.bg_hausfarbe_hell,
		#subcontent .box.bg_dunkelgrau,
		#subcontent .box.bg_grau,
		#subcontent .box.drittel.bg_hausfarbe,
		#subcontent .box.drittel.bg_hausfarbe_hell,
		#subcontent .box.drittel.bg_dunkelgrau,
		#subcontent .box.drittel.bg_grau,
		.box.drittel.right.bg_hausfarbe,
		.box.drittel.right.bg_hausfarbe_hell,
		.box.drittel.right.bg_dunkelgrau,
		.box.drittel.right.bg_grau,
		.box.bg_hausfarbe,
		.box.bg_hausfarbe_hell,
		.box .box.bg_dunkelgrau,
		.box.bg_grau,
		.box.drittel.bg_hausfarbe,
		.box.drittel.bg_hausfarbe_hell,
		.box.drittel .box.bg_dunkelgrau,
		.box.drittel.bg_grau,
		.box.halb.bg_hausfarbe,
		.box.halb.bg_hausfarbe_hell,
		.box.halb,
		.box.halb .box.bg_dunkelgrau,
		.box.halb.bg_grau,
		.box.zwei_drittel.bg_hausfarbe,
		.box.zwei_drittel.bg_hausfarbe_hell,
		.box.zwei_drittel .box.bg_dunkelgrau,
		.box.zwei_drittel.bg_grau,
		#content .box.bg_hausfarbe,
		#content .box.bg_hausfarbe_hell,
		#content .box.bg_dunkelgrau,
		#contentwrapper .box.bg_grau,
		#content .box.bg_schatten,
		#contentwrapper .box.bg_schatten,
		#subcontent .box.bg_schatten,
		.box.bg_schatten,
		.box.bg_grau,
		.box.bg_dunkelgrau,
		.box.bg_hausfarbe,
		.box.bg_hausfarbe_hell,
		.box.bg_schatten,
		#subcontent .box.bg_grau,
		#subcontent .box.bg_dunkelgrau,
		#subcontent .box.bg_hausfarbe,
		#subcontent .box.bg_hausfarbe_hell,
		#subcontent .box.bg_schatten,
				#subcontent .well.bg_hausfarbe,
		#subcontent .well.bg_hausfarbe_hell,
		#subcontent .well.bg_dunkelgrau,
		#subcontent .well.bg_grau,
		#subcontent .well.drittel.bg_hausfarbe,
		#subcontent .well.drittel.bg_hausfarbe_hell,
		#subcontent .well.drittel.bg_dunkelgrau,
		#subcontent .well.drittel.bg_grau,
		.well.drittel.right.bg_hausfarbe,
		.well.drittel.right.bg_hausfarbe_hell,
		.well.drittel.right.bg_dunkelgrau,
		.well.drittel.right.bg_grau,
		.well.bg_hausfarbe,
		.well.bg_hausfarbe_hell,
		.well .well.bg_dunkelgrau,
		.well.bg_grau,
		.well.drittel.bg_hausfarbe,
		.well.drittel.bg_hausfarbe_hell,
		.well.drittel .well.bg_dunkelgrau,
		.well.drittel.bg_grau,
		.well.halb.bg_hausfarbe,
		.well.halb.bg_hausfarbe_hell,
		.well.halb,
		.well.halb .well.bg_dunkelgrau,
		.well.halb.bg_grau,
		.well.zwei_drittel.bg_hausfarbe,
		.well.zwei_drittel.bg_hausfarbe_hell,
		.well.zwei_drittel .well.bg_dunkelgrau,
		.well.zwei_drittel.bg_grau,
		#content .well.bg_hausfarbe,
		#content .well.bg_hausfarbe_hell,
		#content .well.bg_dunkelgrau,
		#contentwrapper .well.bg_grau,
		#content .well.bg_schatten,
		#contentwrapper .well.bg_schatten,
		#subcontent .well.bg_schatten,
		.well.bg_schatten,
		.well.bg_grau,
		.well.bg_dunkelgrau,
		.well.bg_hausfarbe,
		.well.bg_hausfarbe_hell,
		.well.bg_schatten,
		#subcontent .well.bg_grau,
		#subcontent .well.bg_dunkelgrau,
		#subcontent .well.bg_hausfarbe,
		#subcontent .well.bg_hausfarbe_hell,
		#subcontent .well.bg_schatten {
			width:90%;
			padding:1em 5% 1.5em;
			}
}


/* --------- end BOXES -------- */








/* --------- SOCIALMEDIA
================================================== */
.SocialMedia {
	float:left;
	clear:both;
	width:100%;
	margin: .5em 0;
	}
.twitter,
.googleplus,
.facebook {
	float:left;
	}
.facebook	{ width: 20% }
.twitter 	{  }
.googleplus	{  }

@media (max-width: 1200px) {
	.facebook	{ width: 25% }
	.twitter 	{  }
	.googleplus	{  }
}
@media (max-width: 1000px) {
	.facebook	{ width: 30% }
	.twitter 	{  }
	.googleplus	{  }
}
@media (max-width: 700px) {
	.facebook	{ width: 40% }
	.twitter 	{  }
	.googleplus	{  }
}
@media (max-width: 550px) {
	.facebook	{ width: 50% }
	.twitter 	{  }
	.googleplus	{  }
}
@media (max-width: 480px) {
	.SocialMedia {
		margin:0 0 .5em;
		padding:0;
		border-top:none;
		border-bottom:none;
		}
}
/* --------- end SOCIALMEDIA -------- */









/* --------- HEADLINES / ÜBERSCHRIFTEN
================================================== */
h1,h2,h3,h4,h5,h6 {
	color:#000;
	line-height:1.3;
	margin-bottom:.6em;
	font-family:'Oswald',sans-serif;
	font-weight:400;
	text-transform: none;
	clear: left;
	}
h1 {
	font-size:210%;
	margin:0 0 .6em;
	font-weight:400;
	clear: left
	}
h2 {
	font-size:180%;
	margin:1.5em 0 .5em;
	color:#ff8800;
	font-weight:300;
	}
h3 {
	font-size:155%;
	margin:.8em 0 .5em;
	color:#f80;
	font-weight:300;
	}
h4 {
	font-size:125%;
	margin:2.5em 0 .5em;
	color:#f80;
	font-weight:400;
	}
h5 {
	font-size:110%;
	margin:1.5em 0 .2em;
	font-family:'Titillium',sans-serif;
	font-weight:bold;

	}
h6 {
	font-size:100%;
	color:#f80;
	margin:1.5em 0 .2em;
	font-family:'Titillium',sans-serif;
	font-weight:bold;
	}


@media (max-width: 767px) {
	#content h1 {
		margin-top:0;
		clear: left
		}
	h2 { font-size:190% }
	h3 { font-size:160% }
}
@media (max-width: 480px) {
	#subcontent h1 {
		margin-top:0;
		font-size:160%;
		padding-bottom:.3em;
		}
}


h1.open a {
	font-weight:700;
	line-height:1.1em;
	font-size:105%;
	}

#subcontent h1,
.box.drittel h1,
.box h1,
#subcontent h1,
.well.drittel h1,
.well h1 {
	font-size:165%;
	color:#f80;
	border-bottom:1px dotted #f80;
	padding-bottom:.3em;
	margin-top:0;
	margin-bottom:.6em;
	font-weight:300;
	}
.box h1 a,
.well h1 a {
	color:#f80;
	text-decoration:none;
	font-weight:300;
	}
.box h1 a:hover,
.well h1 a:hover {
	color:#000;
	text-decoration:none;
	}
#subcontent h2,.box.drittel h2,.box h2, {
#subcontent h2,.well.drittel h2,.well h2
	font-size:160%;
	border-bottom:none;
	padding-bottom:0;
	color:#000;
	}
#subcontent h3,.box.drittel h3,.box h3,
#subcontent h3,.well.drittel h3,.well h3 {
	font-size:150%;
	border-bottom:none;
	padding-bottom:0;
	}
#subcontent h4,.box.drittel h4,.box h4,
#subcontent h4,.well.drittel h4,.well h4 {
	font-size:125%;
	border-bottom:none;
	padding-bottom:0;
	}
#subcontent h5,.box.drittel h5,.box h5,
#subcontent h5,.well.drittel h5,.well h5 {
	font-size:105%;
	border-bottom:none;
	padding-bottom:0;
	}
.border {
	float:left;
	width:100%;
	border-top:#aaa 1px dotted;
	margin-top:5em;
	padding-top:3em;
	}
h1.border {
	float:none;
	margin-top:2.2em;
	padding-top:2em;
	}
h2.border {
	float:none;
	margin-top:2.2em;
	padding-top:2em;
	}
h3.border {
	float:none;
	margin-top:2em;
	padding-top:1.8em;
	}
h4.border {
	float:none;
	margin-top:1.8em;
	padding-top:1.6em;
	}
h5.border {
	float:none;
	}
h1.hausfarbe,
h2.hausfarbe,
h3.hausfarbe,
h4.hausfarbe,
h5.hausfarbe {
	color:#f80;
	}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
	font-weight:300;
	color:#000;
	}
a:hover h1,a:hover h2,a:hover h3,a:hover h4,a:hover h5,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover {
	color:#f80;
	}
/* --------- end HEADLINES / ÜBERSCHRIFTEN -------- */








/* --------- SONSTIGES
================================================== */
a {
	-webkit-transition:all .15s ease-in-out;
	-moz-transition:all .15s ease-in-out;
	-o-transition:all .15s ease-in-out;
	transition:all .15s ease-in-out;
	text-decoration:none;
	font-weight:300;
	color:#000;
	color:#357ca2;
	}
a:hover {
	text-decoration:none;
	color:#f80;
	color:#000;
	}

p {
	margin:0 0 .5em;
	}

#subcontent p {
	margin:0 0 .8em;
	}

b { font-weight:700;}
i { font-style:italic;}


form input,
form textarea {
	font-family:'Titillium',sans-serif !important;
	font-weight:300 !important;
	}
ol,ul {
	list-style:none;
	}
hr {
	border-top: 1px dotted #000 !important;
	display: block;
	background: none;
	}

.hr-break				{ height: 1em; border: none; margin: 0; padding: 0  }
.hr-xl					{ margin: 8em 0; padding: 0;  }
.hr-l					{ margin: 6em 0; padding: 0;  }
.hr-m					{ margin: 1.5em 0; padding: 0;  }
.hr-s					{ margin: 1em 0; padding: 0;  }
.hr-xs					{ margin: .5em 0; padding: 0;  }

@media (max-width: 767px) {
	 hr 				{ margin-top: 1.5em; padding-top: 0; }
	.hr-xl				{ margin: 3em 0; }
	.hr-l				{ margin: 2em 0; }
	.hr-m				{ margin: 1em 0; }
	.hr-s				{ margin: .5em 0;}
}

.letterspacing-1		{ letter-spacing: -0.01em }
.letterspacing-2		{ letter-spacing: -0.02em }
.letterspacing-3		{ letter-spacing: -0.03em }
.letterspacing-4		{ letter-spacing: -0.04em }
.letterspacing-5		{ letter-spacing: -0.05em }
.letterspacing-6		{ letter-spacing: -0.06em }
.letterspacing-7		{ letter-spacing: -0.07em }
.letterspacing-8		{ letter-spacing: -0.08em }
.letterspacing-9		{ letter-spacing: -0.09em }

.xmas { display: none }


.w300 { font-weight:300;}
.w400 { font-weight:400;}
.w600 { font-weight:600;}
.w700 { font-weight:700;}

.lh11 { line-height:1.1em;}
.lh12 { line-height:1.2em;}
.lh13 { line-height:1.3em;}


#popup {
	padding:1em 2em;
	}

#hiddendiv {
	display:block;
	}

a.schliessen {
	background:url(../images/schliessen/schliessen_5.gif) no-repeat top left;
	display:block;
	position:relative;
	margin-bottom:-23px;
	margin-right:8px;
	width:19px;
	height:19px;
	float:right;
	}
/* --------- end SONSTIGES -------- */









/* --------- PFEILE
================================================== */
.pfeil,a.pfeil,#subcontent .pfeil,#subcontent a.pfeil,#subcontent .box a.pfeil,#subcontent .well a.pfeil {
	background:url(../images/pfeile/2/pfeil_next2.gif) no-repeat top left;
	color:#f80;
	font-weight:300;
	}
a:hover.pfeil,#subcontent a:hover.pfeil,#subcontent .box a:hover.pfeil, #subcontent .well a:hover.pfeil {
	background:url(../images/pfeile/2/pfeil_next.gif) no-repeat top left;
	color:#000;
	}
#subcontent .box.bg_hausfarbe a.pfeil, #subcontent .well.bg_hausfarbe a.pfeil {
	background:url(../images/pfeile/2/pfeil_next.gif) no-repeat top left;
	color:#000;
	}
#subcontent .box.bg_hausfarbe a:hover.pfeil,#subcontent .box.bg_dunkelgrau a:hover.pfeil,
#subcontent .well.bg_hausfarbe a:hover.pfeil,#subcontent .well.bg_dunkelgrau a:hover.pfeil {
	background:url(../images/pfeile/2/pfeil_next3.gif) no-repeat top left;
	color:#fff;
	}
.pfeil_back,a.pfeil_back,#subcontent .pfeil_back,#subcontent a.pfeil_back,#subcontent .box a.pfeil_back, #subcontent .well a.pfeil_back {
	background:url(../images/pfeile/2/pfeil_back2.gif) no-repeat top left;
	color:#f80;
	font-weight:300;
	}
a:hover.pfeil_back,#subcontent a:hover.pfeil_back,#subcontent .box a:hover.pfeil_back,#subcontent .well a:hover.pfeil_back {
	background:url(../images/pfeile/2/pfeil_back.gif) no-repeat top left;
	color:#000;
	}
#subcontent .box.bg_hausfarbe a.pfeil_back,
#subcontent .well.bg_hausfarbe a.pfeil_back {
	background:url(../images/pfeile/2/pfeil_back.gif) no-repeat top left;
	color:#000;
	}
#subcontent .box.bg_hausfarbe a:hover.pfeil_back,#subcontent .box.bg_dunkelgrau a:hover.pfeil_back,
#subcontent .well.bg_hausfarbe a:hover.pfeil_back,#subcontent .well.bg_dunkelgrau a:hover.pfeil_back {
	background:url(../images/pfeile/2/pfeil_back3.gif) no-repeat top left;
	color:#fff;
	}
.pfeil_next,a.pfeil_next,#subcontent .pfeil_next,#subcontent a.pfeil_next,#subcontent .box a.pfeil_next,#subcontent .well a.pfeil_next {
	background:url(../images/pfeile/2/pfeil_next2.gif) no-repeat top right;
	color:#f80;
	font-weight:300;
	}
a:hover.pfeil_next,#subcontent a:hover.pfeil_next,#subcontent .box a:hover.pfeil_next,#subcontent .well a:hover.pfeil_next {
	background:url(../images/pfeile/2/pfeil_next.gif) no-repeat top right;
	color:#000;
	}
#subcontent .box.bg_hausfarbe a.pfeil_next,
#subcontent .well.bg_hausfarbe a.pfeil_next {
	background:url(../images/pfeile/2/pfeil_next.gif) no-repeat top right;
	color:#000;
	}
#subcontent .box.bg_hausfarbe a:hover.pfeil_next,#subcontent .box.bg_dunkelgrau a:hover.pfeil_next,
#subcontent .well.bg_hausfarbe a:hover.pfeil_next,#subcontent .well.bg_dunkelgrau a:hover.pfeil_next {
	background:url(../images/pfeile/2/pfeil_next3.gif) no-repeat top right;
	color:#fff;
	}
.pfeil,.pfeil_back,a.pfeil,a.pfeil_back,.box .pfeil,.box .pfeil_back,.box a.pfeil,.box a.pfeil_back,
.well .pfeil,.well .pfeil_back,.well a.pfeil,.well a.pfeil_back {
	padding-left:14px;
	padding-top:0;
	}
.pfeil_next,a.pfeil_next,.box .pfeil_next,.box a.pfeil_next,.well .pfeil_next,.well a.pfeil_next {
	padding-right:14px;
	padding-top:0;
	}
#subcontent .pfeil,#subcontent .pfeil_next,#subcontent .pfeil_back,#subcontent a.pfeil,#subcontent a.pfeil_next,#subcontent a.pfeil_back,#subcontent .box .pfeil,#subcontent .box .pfeil_next,#subcontent .box .pfeil_back,#subcontent .box a.pfeil,#subcontent .box a.pfeil_next,#subcontent .box a.pfeil_back,
#subcontent .well .pfeil,#subcontent .well .pfeil_next,#subcontent .well .pfeil_back,#subcontent .well a.pfeil,#subcontent .well a.pfeil_next,#subcontent .well a.pfeil_back {
	padding-top:.1em;
	}
@media (max-width: 480px) {
	#subcontent .pfeil,
	#subcontent .pfeil_next,
	#subcontent .pfeil_back,
	#subcontent a.pfeil,
	#subcontent a.pfeil_next,
	#subcontent a.pfeil_back,
	#subcontent .box .pfeil,
	#subcontent .box .pfeil_next,
	#subcontent .box .pfeil_back,
	#subcontent .box a.pfeil,
	#subcontent .box a.pfeil_next,
	#subcontent .box a.pfeil_back,
	#subcontent .well .pfeil,
	#subcontent .well .pfeil_next,
	#subcontent .well .pfeil_back,
	#subcontent .well a.pfeil,
	#subcontent .well a.pfeil_next,
	#subcontent .well a.pfeil_back {
		padding-top:0;
		}
}
/* --------- end PFEILE -------- */













/* --------- TOP 3
==================================================
.rubrik.rubrik-top3 {
	float: left;
	color: #ff8800;
	font-weight: bold;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0 0 .3em 0 !important;
	font-size: 95%
	}
.rubrik.rubrik-top3 sup {
	font-weight: 300;
	color: rgba(255, 255, 255, 0.5);
	margin-left: 2px;
	}
.top3 {
	clear: left;
	float: left;
	width: 100%;
	margin: 0 0 25px 0;
	border-top: 4px solid #fc561f;
	border: none;
	border-bottom: 3px solid #f3f3f3;
	padding-bottom: 20px
	}
.top3 .fussnote {
	font-weight: 300;
	text-align: right;
	margin: .5em 0 0 0;
	letter-spacing: 0;
	font-size: 9pt;
	color: #bbb;
	width: 100%;
	padding-right: 8px
	}
.top3-item {
	padding: .8em .8em .8em 20px;
	border-top: 4px solid #fc561f;
	display: inline;
	float: left;
	margin-left: 30px;
	width: calc(34.2% - 30px);
	box-shadow: none !important;
	border-top: none;
	background: rgba(255, 154, 0, .1) !important;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0) inset !important;
	}
.top3-item:first-child {
	margin-left: 0;
	}
.top3-item:hover {
	transition: all .2s;
	background: rgba(255, 154, 0, .1) !important;
	background: rgba(255, 153, 0, 0.2) !important;
	box-shadow: 0 0 .3em rgba(0, 0, 0, .1) inset !important;
	}
.top3-item h3 {
	color: #000 !important;
	font-weight: 600;
	font-size: 120%;
	text-align: left;
	margin: 0;
	line-height: 1.25em !important;
	font-weight: 300;
	letter-spacing: .005em
	}
.top3-item:hover h3 {
	color: #000 !important;
	transition: all .2s;
	}
.top3-item .bild {
	float: right;
	width: 70px;
	height: 50px;
	margin: 0 0 0 10px !important;
	background-size: cover;
	border-radius: 0;
	border: 1px solid rgba(0, 0, 0, .15);
	background-repeat: no-repeat;
	background-position: center center
	}
.top3-item:hover .bild {
	box-shadow: 0 0 3em rgba(0, 0, 0, .3) inset
	}


@media (max-width: 1550px) {
	.top3-item {
		padding: .8em .9em;
		margin-left: 25px;
		width: calc(34.2% - 26px);
		box-shadow: .1em .1em .5em rgba(0, 0, 0, 0.3);
		}
	.top3-item h3 {
		font-size: 105%;
		}
	.top3-item .bild {
		width: 55px;
		height: 40px;
		}
}
@media (max-width: 1200px) {
	.top3-item {
		padding: .7em .8em;
		box-shadow: .1em .1em .35em rgba(0, 0, 0, 0.2);
		}
	.top3-item:hover {
		box-shadow: .1em .1em .35em rgba(0, 0, 0, 0.3);
		}
	.top3-item h3 {
		font-size: 100%;
		}
}
@media (max-width: 992px) {
	.top3 {
		margin-bottom: 30px
		}
	.top3-item {
		width: 100%;
		margin: 0 0 4px 0;
		border-color: #fff;
		}
	.top3-item:first-child {
		border-color: #fc561f
		}
	.top3-item h3 {
		}
	.top3-item .bild
		}
}
@media (max-width: 767px) {
	.top3-item {
	}
	.top3-item h3 {
	}
}
 --------- end TOP 3 -------- */




















/* --------- NEWS
================================================== */
.news {
	float:left;
	clear:both;
	border-bottom:1px dotted #aaa;
	padding-bottom:1.5em;
	margin-bottom:2em;
	width:100%;
	}
.news_lang_text a 			{ color:#f80; }
.news_lang_text a:hover 	{ color:#357ca2; color: #000 }

.news_headline_thema {
	clear:both;
	float:left;
	width:100%;
	margin:0 0 .3em;
	font-size:80%;
	line-height:1.2em;
	color:#f80;
	font-weight:700;

	text-transform:uppercase;
	letter-spacing:.1em;
	}
.news_dachzeile,.news_lang_dachzeile {
	float:left;
	font-size:90%;
	color:#f80;
	margin:.2em 0;
	padding:0;
	text-transform:uppercase;

	line-height:1.1em;
	font-weight:600;
	width:80%;
	position:relative;
	}
.news h1 {
	padding:0;
	margin:0;
	font-size:160%;
	line-height:1.3em;
	display:block;
	font-weight:400;

	width:80%;
	color:#000;
	float:left;
	}
.news h1 a {
	font-weight:400;
	color:#000 !important;
	}
.news h1 a:hover {
	color:#f80 !important;
	}
h1.news_lang_headline {
	font-size:220%;
	color:#000;
	font-weight:400;
	padding-bottom:.4em;
	margin-bottom:.8em;
	width:80%;
	padding-right:20%;
	position:relative;
	clear:left;
	float:none;
	}
.news_datum {
	float:left;
	clear:both;
	color:#888;
	color:#f80;
	font-weight:300;
	font-size:85%;
	margin:.8em 0 0;
	}
.news_info,
.news_lang_info {
	color:#f80;
	line-height:1.1em;

	font-weight:700;
	text-align:left;
	background:#fff7ec;
	background:none;
	padding-left:.4em;
	border-left:1px solid #f80;
	margin-top:.6em;
	width:15%;

	position:relative;
	display:inline;
	float:right;
	}
.news_info_zeit {
	font-size:85%;
	font-weight:300;
	font-family:'Oswald',sans-serif;

	}
.news_info_datum {
	font-size:85%;
	font-weight:300;

	}
.news_lang_info {
	}
.news_kurz {
	float:left;
	clear:both;
	margin-top:.4em;
	}
.news_kurz_text {
	}
.news_footer {
	float:left;
	clear:both;
	margin:0;
	width:100%;
	margin:.5em 0 0;
	}
a.lesen {
	float:right;
	text-align:right;
	margin:0;
	padding:.2em .5em 0 .6em;
	display:block;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-transition:.2s all ease;
	-moz-transition:.2s all ease;
	-o-transition:.2s all ease;
	transition:.2s all ease;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	text-decoration:none;
	font-size:100%;
	font-weight:600;
	color:#000;
	}
a.lesen:hover {
	background:#333;
	color:#fff;
	text-decoration:none;
	}
.news .kommentar {
	float:left;
	margin:.1em 1.5em 0 0;
	font-size:85%;
	font-weight:300;
	color:#999;
	background:url(../images/picto/kommentar.gif) no-repeat center left;
	padding:0 0 0 16px;
	}
.news_footer a.achtung {
	float:left;
	margin:.1em 1em 0 0;
	background:url(../images/icons/achtung/1/achtung_gr.png) no-repeat center left;
	padding:0 0 0 12px;
	text-decoration:none;
	}
.news_footer a.achtung:hover {
	background:url(../images/icons/achtung/2/achtung_ro.png) no-repeat center left;
	text-decoration:none;
	}
.news_icon {
	float:left;
	clear:none;
	margin:.5em .5em 0 0;
	padding:0;
	display:inline;
	position:relative;
	}

@media (max-width: 1350px) {
	.news h1 {
		margin:0;
		}
	.news_dachzeile,
	.news_lang_dachzeile,
	.news h1,
	h1.news_lang_headline {
		width:78%;
		}
	.news_info,
	.news_lang_info {
		width:17%;
		margin-top:0;
		}
	.news_info_zeit {
		font-size:80%;
		}
	.news_info_datum {
		font-size:85%;
		}
}
@media (max-width: 1200px) {
	.news .news_info {
		font-size: 95%;
		line-height: 1.2em
		}
}
@media (max-width: 992px) {
	.news .news_info {
		font-size: 85%;
		line-height: 1.1em;
		width: 22%
		}
	.news h1 {
		line-height: 1.2em;
		font-size: 150%
		}
}
@media (max-width: 768px) {
	.news {
		margin: 0 0 .8em 0;
		padding: 0 0 .5em 0;
		border-bottom: none;
		}
	.news .news_info,
	.news_lang_info {
		width: 100%;
		border: none;
		margin: 0;
		color: #ff8800;
		padding: 0;
		line-height: 1.1em;
		margin-bottom: .5em;
		background: #ff8800;
		color: #fff;
		padding: .1em 2%;
		text-transform: uppercase;
		float: left;
		font-size: 105%
		}
	.news_info_zeit,
	.news_lang_info_zeit {
		float: left;
		border: none;
		margin-right: .5em;
		border-right: 1px solid #fff;
		padding-right: .5em;
		font-size:75%;
		font-weight:300;
		font-family:'Oswald',sans-serif;
		}
	.news_info_datum,
	.news_lang_info_datum {
		font-size:75%;
		font-weight:300;
		font-family:'Oswald',sans-serif;
		}
	.news_dachzeile,
	.news_lang_dachzeile {
		font-size: 80%;
		margin: 0;
		width: 100%;
		}
	h1.news_lang_headline {
		font-size:160%;
		line-height:1.2em;
		}
	.news_kurz {
		margin: 0;
		}

	.news .bildrahmenrechts,
	.news .bildrahmenlinks,
	.news .bildrahmenmitte,
	.news .bildrechts,
	.news .bildlinks,
	.news .bildrechts-nb,
	.news .bildlinks-nb,
	.news .bildmitte-nb,
	.news .bildrahmenmitte-nb,
	.news .bildrahmenrechts-nb,
	.news .bildrahmenlinks-nb,
	.news .bildmittelinks-nb {
		width:50%;
		float:right;
		margin-left:2%;
		}
	.news .bildmitte-nb,
	.news .bildrahmenmitte-nb {
		border:none;
		padding: 0;
		margin-left: 0;
		margin-right: 0;
		width: 100%
		}
	/* hochkant Bilder ---------*/
	.news .bildrahmenrechts .hochkant,
	.news .bildrahmenlinks .hochkant,
	.news .bildrechts .hochkant,
	.news .bildlinks .hochkant,
	.news .bildrechts-nb .hochkant,
	.news .bildlinks-nb .hochkant,
	.news .bildmitte-nb .hochkant,
	.news .bildrahmenrechts-nb .hochkant,
	.news .bildrahmenlinks-nb .hochkant,
	.news .bildmittelinks-nb .hochkant {
		width:50%;
		float:right;
		margin-left:2%;
	}
}
@media (max-width: 480px) {
	.news_info {
		width: 100% !important
		}
}
/* --------- end NEWS -------- */



/* --------- AUFMACHER
================================================== */
#aufmacher {
	float: left;
	width: 100%;
	border:none;
	box-shadow:none;
	border-bottom:none;
	padding-bottom:.2em;
	border-bottom:3px solid #f2f2f2;
	margin-bottom: 1.3em
	}
#content #aufmacher {
	border-bottom:1px dotted #aaa;
	padding-bottom:.5em;
	}
#aufmacher .news {
	border:none;
	margin:0;
	padding:0;
	}
#aufmacher .news_headline_thema {
	float:left;
	clear:both;
	width:96%;
	padding:.3em 2%;
	margin-bottom:.5em;
	background:#f80;
	color:#fff;
	text-transform:uppercase;
	text-align:left;
	font-weight:600;
	font-size:85%;
	letter-spacing:.1em;
	line-height:1.1em;

	}
#aufmacher h1 a {
	clear:both;
	color:#333;
	font-size:135%;
	font-weight:400;
	line-height:1.2em;
	}
#aufmacher h1 a:hover {
	color:#f80;
	text-decoration:none;
	}
#aufmacher .news_datum {
	margin:0 0 .7em;
	}
#aufmacher .news_kurz {
	width: 100%
	}
#aufmacher .news_kurz_text {
	clear:both;
	margin-top:.5em;
	margin-bottom:.5em;
	float:left;
	width:100%;
	}
#aufmacher .news_footer {
	margin:0;
	}

@media (max-width: 768px) {
	#aufmacher {
		border-bottom: none;
		}
	#aufmacher .news_info {
		margin-top: .3em;
		}
	#aufmacher .news .news_info {
		width: 96%;
		}
}
@media (max-width: 480px) {
	#aufmacher {
		box-shadow: none;
		background: none
		}
	#aufmacher .news .bildrahmenrechts,
	#aufmacher .news .bildrahmenlinks,
	#aufmacher .news .bildrahmenmitte,
	#aufmacher .news .bildrechts,
	#aufmacher .news .bildlinks,
	#aufmacher .news .bildmitte,
	#aufmacher .news .bildrechts-nb,
	#aufmacher .news .bildlinks-nb,
	#aufmacher .news_lang_text .bildrahmenrechts,
	#aufmacher .news_lang_text .bildrahmenlinks,
	#aufmacher .news_lang_text .bildrahmenmitte,
	#aufmacher .news_lang_text .bildrechts,
	#aufmacher .news_lang_text .bildlinks,
	#aufmacher .news_lang_text .bildmitte,
	#aufmacher .news_lang_text .bildrechts-nb,
	#aufmacher .news_lang_text .bildlinks-nb {
		width:100%;
		height:auto;
		float:left;
		}
}
/* --------- end AUFMACHER -------- */





/* --------- NEWS H1 Mobilgerät
================================================== */
@media (max-width: 480px) {
	.news h1  {
		font-size: 17pt !important;
		margin: .2em 0 .6em 0 !important;
		padding: .3em 0;
		width: 100%;
		float: left;
		line-height: 1.2em;
		padding: 0
		}
	#aufmacher h1  {
		margin: 0 !important;
		}
	#aufmacher h1 a  {
		font-size: 19pt !important;
		}
}
/* --------- end EWS H1 Mobilgerät -------- */




/* --------- BILDER Kurznews
================================================== */
.bildausschnitt_wrap {
	margin-bottom: .5em;
	width: 170px !important;
	border: none !important
	}
	.bildausschnitt_wrap.bildrechts,
	.bildausschnitt_wrap.bildrahmenrechts,
	.bildausschnitt_wrap.bildrahmenrechts-nb {
		float: right;
		margin-left: 1em;
		}
	.bildausschnitt_wrap.bildlinks,
	.bildausschnitt_wrap.bildrahmenlinks,
	.bildausschnitt_wrap.bildrahmenlinks-nb, {
		float: left;
		margin-right: 1em;
		}
	#aufmacher .bildausschnitt_wrap {
		border: 1px solid rgba(0, 0, 0, 0.15) !important;
		width: calc(100% - 12px) !important;
		margin: .5em 0 !important;
		border-radius: 5px;
		padding: 3px;
		float: left
		}

.bildausschnitt_wrap .bildausschnitt {
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center 40%;
	min-height: 110px;
	}
	.news_kurz .bildausschnitt_wrap .bildausschnitt {
	background-size: cover;
	}
	#aufmacher .bildausschnitt_wrap .bildausschnitt {
		border-radius: 3px;
		background-size: cover;
		min-height: 430px; height: 430px;
		background-position: center 20%;
		background-position-y: top
		}



@media (max-width: 1400px) {
	#aufmacher .bildausschnitt_wrap .bildausschnitt {
		min-height:390px; height:390px; }
}
@media (max-width: 1200px) {
	#aufmacher .bildausschnitt_wrap .bildausschnitt {
		min-height:320px; height:320px; }
}
@media (max-width: 992px) {
	.bildausschnitt_wrap {
		width: 40% !important;
		margin-bottom: .3em !important;
		}
	.bildausschnitt_wrap .bildausschnitt {
		min-height: 90px;
		}
	#aufmacher .bildausschnitt_wrap {
		width: calc(100% - 12px) !important;
		margin-bottom: .1em !important;
		}
	#aufmacher .bildausschnitt_wrap .bildausschnitt {
		min-height:290px; height:290px; }
}
@media (max-width: 768px) {
	.bildausschnitt_wrap .bildausschnitt {
		min-height:80px;
		}
	#aufmacher .bildausschnitt_wrap .bildausschnitt {
		min-height:240px; height:240px;
		}
}
@media (max-width: 600px) {
	.bildausschnitt_wrap .bildausschnitt {
		min-height:60px;
		}
	#aufmacher .bildausschnitt_wrap .bildausschnitt {
		min-height:200px; height:200px;
		}
}
@media (max-width: 480px) {
	.bildausschnitt_wrap .bildausschnitt {
		min-height:90px;
		}
	#aufmacher .bildausschnitt_wrap {
		width: 100% !important
		}
	#aufmacher .bildausschnitt_wrap .bildausschnitt {
		min-height:180px; height:180px;
		}
}
@media (max-width: 380px) {
	.bildausschnitt_wrap .bildausschnitt {
		min-height:70px;
		}
	#aufmacher .bildausschnitt_wrap .bildausschnitt {
		min-height:130px; height:130px;
		}
}
/* --------------------- end BILDER Kurznews ------------------------ */













/* --------- VIDEO / NNZ-TV
================================================== */
#nnztv_news {
	float:left;
	clear:both;
	width:100%;
	margin:.8em 0 1.7em;
	text-align:left;
	padding:0 0 2em;
	border-bottom:1px dotted #aaa;
	}
#nnztv_news .news_headline {
	font-size:175%;
	border-bottom:none;
	padding-bottom:0;
	margin:0 0 .8em;
	color:#f80;
	text-align:left;
	font-family:'Oswald',sans-serif;
	font-weight:400;
	}
.nnztv_kurz {
	float:left;
	background:#333;
	width:31%;
	margin-right:3%;
	}
.nnztv_kurz.last {
	width:31%;
	margin-right:0;
	}
.nnztv_kurz:hover {
	background:#f80;
	}
.nnztv_bildmaske {
	float:left;
	width:100%;
	text-align:left;
	margin-bottom:.5em;
	}
.nnztv_bildmaske a.one img.nnztv_kurzbild {
	border-bottom:2px solid #fff;
	}
.nnztv_bildmaske img {
	}
.nnztv_kurzbild {
	}
.nnztv_headline {
	float:left;
	padding:0 .2em .5em .4em;
	}

a.icon_video {
	float:left;
	clear:both;
	background:url(../images/icons/video_kl1.png) center left no-repeat;
	padding-left:19px;
	font-size:90%;
	text-decoration:none;
	line-height:1.1em;
	color:#fff;
	font-weight:300;
	font-family:'Oswald',sans-serif;
	}
a.icon_video:hover {
	background:url(../images/icons/video_kl3.png) center left no-repeat;
	text-decoration:none;
	color:#000;
	}
.nnztv_kurz:hover a.icon_video {
	background:url(../images/icons/video_kl4.png) center left no-repeat;
	text-decoration:none;
	color:#fff;
	}

/* ---- zweite Alternative ---- */
#nnztv_news {
	float:left;
	clear:both;
	width:94%;
	background:#fff;
	padding:.9em 3% .8em;
	margin:1em 0 2.6em;
	border:1px dotted #ccc;
	border-bottom:1px dotted #aaa;
	background:#fff7ec;
	background:none;
	box-shadow:3px 3px 7px #999;
	}
#nnztv_news .news_headline,#nnztv_news .news_headline2 {
	float:left;
	clear:both;
	width:98%;
	padding:.1em 1% .2em;
	margin-bottom:1.1em;
	background:#333;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	font-weight:600;
	font-size:100%;
	letter-spacing:.4em;
	line-height:1.2em;
	font-family:'Titillium',sans-serif;
	}
#nnztv_news .news_headline2 {
	position:relative;
	display:inline;
	width:106%;
	padding:.2em 0 .3em;
	margin:-.9em -3% 1.2em;
	}
.nnztv_kurz {
	float:left;
	background:none;
	width:30%;
	margin-right:5%;
	}
.nnztv_kurz.last {
	width:30%;
	margin-right:0;
	}
.nnztv_kurz:hover {
	background:none;
	}
a.icon_video {
	background:url(../images/icons/video_kl1.png) center left no-repeat;
	color:#f80;
	}
.nnztv_kurz:hover a.icon_video {
	background:url(../images/icons/video_kl1.png) center left no-repeat;
	text-decoration:none;
	color:#333;
	}
.nnztv_headline {
	padding:0;
	}
@media (max-width: 768px) {
	#nnztv_news {
		margin-bottom:1.2em;
		padding-bottom:1.2em;
		padding-left:5%;
		padding-right:5%;
		width:90%;
		}
	a.icon_video {
		font-size:80%;
		padding:0 .1em 0 19px;
		}
}
@media (max-width: 480px) {
	#nnztv_news {
		margin-bottom:1.7em;
		padding-bottom:1em;
		}
	a.icon_video {
		font-size:75%;
		background:none;
		padding:0;
		}
	a.icon_video:hover {
		background:none;
		}
	.nnztv_kurz:hover a.icon_video {
		background:none;
		}
}
/* --------- end VIDEO / NNZ-TV -------- */







/* orange Subline unter H1
--------------------------------------------- */
.news_lang_datum,
.term_zeitraum,
.KA_subline,
.job_datum,
.news_lang_headline {
	float:none;
	clear:none;
	position:relative;
	width:100%;
	color:#f80;
	font-weight:300;
	font-size:105%;
	margin:-1em 0 1.7em;
	padding-bottom:.7em;
	border-bottom:1px dotted #aaa;
}







/* --------- NEWS lang
================================================== */
.news_lang_text {
	margin:0 0 2em;
	clear:both;
	}
.news_lang_text .bildrahmenmitte,
.news_lang_text .bildrahmenmitte-nb,
.news_lang_text .bildrahmenlinks,
.news_lang_text .bildrahmenlinks-nb,
.news_lang_text .bildrahmenrechts,
.news_lang_text .bildrahmenrechts-nb {
	margin-bottom: 0 !important
	}
.news_lang_text a.achtung {
	float:right;
	margin:2em 0 0;
	background:url(../images/icons/achtung/1/achtung_gr.png) no-repeat center left;
	padding:0 0 0 12px;
	text-decoration:none;
	}
.news_lang_text a.achtung:hover {
	background:url(../images/icons/achtung/2/achtung_ro.png) no-repeat center left;
	text-decoration:none;
	}
.news_lang_video {
	margin:1em 0 .5em;
	/* float:left; */
	clear:both;
	}

.video,
video {
	width:100%;
	margin: 0 auto;
	border: 1px solid #eee;
	height: auto
	}
.video_curser {
	cursor: pointer;
	}

.hints,.news_lang_hints_red {
	margin:1em 0 2em;
	clear:both;
	float:left;
	width:96%;
	color:#aaa;
	font-size:85%;
	line-height:1.3em;
	font-weight:300;
	border:1px solid #cadbe8;
	padding:.6em 2% .8em;

	font-weight:300;
	color:#357ca2;
	}
.hints .rot,.hints .blau,.news_lang_hints_red .rot,.news_lang_hints_red .blau {
	font-weight:300;
	color:#357ca2;
	}










/* --------- GALERIE
================================================== */
.galerie_wrap {
	clear:both;
	float:left;
	width:100%;
	padding:.7em 0;
	margin:1em 0;
	}
.galerie_container {
	float:left;
	margin:0;
	padding:0;
	text-align:center;
	}
#subcontent .galerie_wrap {
	clear:both;
	float:left;
	width:100%;
	padding:0;
	margin:0;
	border-top:none;
	border-bottom:none;
	}
#subcontent .galerie_container {
	width:60px;
	height:60px;
	margin:0 1em 1em 0;
	}
.galerie {
	padding:1px;
	border:1px solid #ccc;
	position:relative;
	text-align:center;
	display:inline;
	}
@media (max-width: 768px) {
	.galerie_container {
		width:90px;
		height:90px;
		}
}









/* --------- PAGINATION
================================================== */
.pagination {
	clear:both;
	float:left;
	width:100%;
	margin:.5em 0;
	}
a.back,
a.next {
	margin:.7em 0 0;
	padding:.1em .5em .1em .6em;
	display:block;
	background:#fff;
	border:1px solid #d0d0d0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-transition:.2s all ease;
	-moz-transition:.2s all ease;
	-o-transition:.2s all ease;
	transition:.2s all ease;
	font-size:90%;
	font-weight:600;
	color:#000;
	float:right;
	text-align:right;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	background:#f7f7f7;
	text-decoration:none;
	}
a.next {
	margin-left:.7em;
	}

a.back:hover,
a.next:hover {
	background:#333;
	color:#fff;
	text-decoration:none;
	}
a.mehr {
	clear:both;
	float:right;
	text-align:right;
	margin:.7em 0 0;
	display:inline;
	border:1px solid #E3E3D9;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	background:#f7f7f7;
	text-decoration:none;
	color:#000;
	}
a.mehr:hover {
	background:#444;
	color:#fff;
	text-decoration:none;
	}
#contentwrapper .bg_hausfarbe_hell a.mehr {
	border:1px solid #ccc;
	background:#fff;
	color:#000;
	}
#contentwrapper .bg_hausfarbe_hell a.mehr:hover {
	border:1px solid #f80;
	background:#f80;
	color:#fff;
	}
#contentwrapper .bg_dunkelgrau a.mehr {
	border:1px solid #333;
	background:#fff;
	color:#000;
	}
#contentwrapper .bg_dunkelgrau a.mehr:hover {
	border:1px solid #333;
	background:#f80;
	color:#333;
	}
#contentwrapper .bg_grau a.mehr {
	background:#fff;
	color:#000;
	}
#contentwrapper .bg_grau a.mehr:hover {
	background:#333;
	color:#fff;
	}

a.button {
	float:left;
	clear:both;
	text-align:left;
	margin:.7em 0 0;
	padding:.1em .5em .1em .6em;
	display:inline;
	border:1px solid #d0d0d0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	background:#f7f7f7;
	text-decoration:none;
	font-size:90%;
	font-weight:600;
	color:#000;
	}
a.button:hover {
	background:#444;
	color:#fff;
	text-decoration:none;
	}
a.button.right {
	float:right;
	clear:none;
	margin-left:.7em;
	}
@media (max-width: 768px) {
	a.back,a.next {
		font-size:80%;
		padding:.1em .4em .1em .5em;
		}
	a.button {
		font-size:80%;
		padding:.1em .4em .1em .5em;
		}
}
@media (max-width: 480px) {
	a.button {
		font-size:100%;
		width:95%;
		}
	a.button.right {
		float:left;
		margin-left:0;
		clear:both;
		text-align:right;
		}

	.pagination {
		margin-bottom:.5em;
		}
	a.back,a.next {
		float:left;
		clear:both;
		margin:0 0 .5em;
		font-size:100%;
		width:95%;
		}
	a.back {
		text-align:left;
		}
}
/* --------- end PAGINATION -------- */









/* --------- TERMINE
================================================== */
.termin_form {
	float:left;
	clear:both;
	width:100%;
	margin:0;
	padding:0;
	font-size:100%;
	line-height:1.2em;
	}
.termin_datum {
	float:left;
	clear:both;
	font-size:180%;
	margin:2.5em 0 0;
	padding-bottom:.5em;
	width:100%;
	text-transform:uppercase;
	font-weight:300;
	border-bottom:1px dotted #aaa;
	color:#aaa;
	line-height:1em;
	font-family:'Oswald',sans-serif;
	font-weight:300;
	color:#f80;
	font-size:150%;
	border-bottom:1px dotted #f80;
	}
.termin,.termin_dauer {
	float:left;
	clear:both;
	width:100%;
	border-bottom:1px dotted #ccc;
	margin:.5em 0 0;
	padding-bottom:.5em;
	padding-bottom:.1em;
	}
.termin_rechts {
	float:left;
	background:#f8f8f8;
	width:80%;
	padding:.3em 1% .3em 2%;
	background:#fff;
	}
.termin_zeit {
	float:left;
	position:relative;
	display:inline;
	font-size:100%;
	line-height:1.2em;
	color:#000;
	font-weight:300;
	width:12%;
	padding:.2em 5% 0 0;
	}
.termin_bild {
	float:right;
	width:17%;
	padding:0;
	margin:0;
	}
.termin_bild img {
	width:90%;
	border:1px solid #ccc;
	padding:1px;
	}
.termin_headline {
	float:left;
	font-size:115%;
	line-height:1.3em;
	margin-bottom:.3em;
	color:#000;
	font-family:'Oswald',sans-serif;
	font-weight:400 !important;
	width:78%;
	}
.termin_headline a {
	color:#000;
	font-weight:400 !important;
	}
.termin_headline a:hover {
	color:#f80;
	}
.termin_info {
	clear:left;
	font-size:85%;
	font-weight:300;
	line-height:1.4em;
	color:#666;
	width:78%;
	}
.termin_dauer {
	padding-bottom:.2em;
	border:none;
	}
.termin_dauer h3 {
	float:left;
	clear:both;
	margin:.2em 0;
	padding:0 0 0 19%;
	width:81%;
	position:relative;
	display:inline;
	font-size:100%;
	line-height:1.3em;
	color:#aaa;
	font-weight:300;
	}
.termin_dauer .termin_zeit {
	}
.termin_dauer .termin_rechts {
	}
.termin_dauer .termin {
	border:none;
	margin-bottom:.3em;
	padding-bottom:0;
	}
.termin_dauer .termin_rechts {
	}
.termin_dauer .termin_headline {
	}
.termin_zeitraum {
	float:left;
	clear:both;
	display:inline;
	position:relative;
	width:100%;
	font-size:120%;
	color:#f80;
	margin:-.7em 0 1.3em;
	}
.termin_daten {
	float:left;
	background:#f3f3f3;
	padding:.7em .7em 1em;
	margin:2.5em 0;
	}
.li {
	float:left;
	margin-top:.3em;
	width:30%;
	}
.re {
	float:left;
	margin-top:.3em;
	width:70%;
	}
/* @end */





/* @group Termine lang ------------------ */
.term_text {
	clear:both;
	float:left;
	width:100%;
}

#term_daten {
	float:left;
	clear:both;
	background:#f3f3f3;
	padding:.3em .7em 1em;
	margin:2.5em 0;
	font-size:90%;
}

.li {
	float:left;
	margin-top:.7em;
	width:30%;
	font-weight:700;
}

.re {
	float:left;
	margin-top:.7em;
	width:70%;
}

/* @end */
/* @group Kalender */
.kalender {
	float:left;
	width:100%;
	padding:1.3em 0;
	font-size:100%;
	background:#fff7ec;
	margin:2em 0;
}

.kalender a {
	color:#000;
}

.kl_titel {
	font-size:155%;
	clear:both;
	text-align:center;
	color:#f80;
	padding-bottom:1em;
	font-family:'Oswald',sans-serif;
	font-weight:300;
}

.kl_titel a {
	color:#f80;
}

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

.kl_woche {
	clear:both;
	width:95%;
	margin-left:5%;
}

.kl_wt,.kl_we,.kl_at,.kl_leer,.kl_tag {
	float:left;
	text-align:center;
	width:11%;
	margin:1%;
	padding:0 0 .1em;
	border:1px solid #fff7ec;
}

.kl_wt {
	font-weight:700;
	color:#f80;
	font-size:100%;
}

.kl_we {
	font-weight:700;
	color:#f80;
	background-color:#ffe5be;
	border:1px solid #ffe5be;
}

.kl_at {
	background:#f80;
	color:#fff;
	border:1px solid #f80;
}

.kl_at a {
	color:#fff;
	font-weight:700;
}

.kl_leer {
}

.kl_tag {
	background:#fff;
	border:1px solid #ffe5be;
}

.kl_we:hover,.kl_at:hover,.kl_tag:hover {
	background-color:#f80;
	color:#fff;
	border:1px solid #f80;
}

/* @end */



@media (max-width: 768px) {
	.termin_zeit {
		clear:both;
		float:left;
		width:100%;
		padding:.3em 0 .2em;
		margin:0;
		font-weight:300;
		color:#000;
		font-size:95%;
		}
	.termin_dauer {
		padding-bottom:0;
		margin:0;
		border:none;
		}
	.termin_dauer h3 {
		width:100%;
		margin:1.4em 0 .1em;
		padding:0;
		font-weight:300;
		color:#f80;
		font-size:105%;
		}
	.termin_dauer .termin_zeit {}
	.termin_dauer .termin_rechts {
		padding:0;
		width:100%;
		}
	.termin_dauer .termin {
		border-bottom:1px solid #e0e0e0;
		padding-bottom:.8em;
		margin-bottom:0;
		}
	.termin_rechts {
		clear:both;
		width:100%;
		padding:0;
		background:none;
		}
	.termin_info {
		color:#777;
		float:left;
		}
	.termin_mehr {}
	.termin_dauer .termin_mehr {
		margin:1em 0 0;
		}
}











/* --------- KLEINANZEIGEN
================================================== */
.KA_liste1,
.KA_liste2 {
	float:left;
	clear:both;
	width:100%;
	border-bottom:1px dotted #ccc;
	margin:0;
	padding:.7em 0;
	}
.KA_liste2 {
	}
.KA_liste_rahmen {
	float:right;
	padding:0;
	margin:.5em 0 0;
	text-align:right;
	}
.KA_liste_rahmen img {
	border:1px solid #ccc;
	padding:1px;
	}
.KA_liste_rahmen img.KA_liste_bild {
	}
.KA_liste_eintrag,.KA_liste_eintrag2 {
	float:left;
	width:70%;
	padding:0;
	margin:0;
	}
.KA_liste_eintrag2 {
	}
.KA_liste_typ {
	float:left;
	font-size:100%;
	color:#f80;
	font-weight:300;
	}
.KA_liste_headline {
	float:left;
	clear:both;
	font-size:105%;
	line-height:1.3em;
	margin-bottom:.3em;
	color:#000;
	font-family:'Oswald',sans-serif;
	font-weight:300;
	}
.KA_liste_headline a {
	color:#000;
	}
.KA_liste_headline a:hover {
	color:#f80;
	}
.KA_liste_subline {
	float:left;
	clear:both;
	font-size:85%;
	font-weight:300;
	line-height:1.4em;
	color:#666;
	}
.KA_liste_eintrag {
	float:left;
	width:50%;
	padding:0;
	margin:0;
	color:#f80;
	font-weight:500;
	}
.KA_liste_links {
	margin-top:1em;
	margin-bottom:.5em;
	}
.KA_liste_links a {
	background:url(../images/pfeile/2/pfeil_next2.gif) no-repeat top left;
	padding-left:13px;
	color:#f80;
	line-height:1em;
	}
.KA_liste_links a:hover {
	background:url(../images/pfeile/2/pfeil_next.gif) no-repeat top left;
	color:#000;
	}
.KA_anzeige {
	}
.KA_kontakt {
	float:left;
	clear:both;
	width:100%;
	border-bottom:1px dotted #aaa;
	padding-bottom:.6em;
	margin-bottom:2.5em;
	}
.KA_kontakt_headline {
	font-size:150%;
	margin-top:2em;
	font-weight:300;
	}
.KA_name,.KA_anschrift,.KA_telefon,.KA_fax,.KA_email,.KA_web {
	margin:.4em 0;
	padding:0 0 .2em 28px;
	}
.KA_name {
	background:url(../images/icons/rund/dunkel/ansprech.png) no-repeat;
	font-weight:700;
	font-size:105%;
	}
.KA_anschrift {
	background:url(../images/icons/rund/dunkel/adress.png) no-repeat;
	}
.KA_telefon {
	background:url(../images/icons/rund/dunkel/telefon.png) no-repeat;
	}
.KA_fax {
	background:url(../images/icons/rund/dunkel/fax.png) no-repeat;
	}
.KA_email {
	background:url(../images/icons/rund/dunkel/mail.png) no-repeat;
	}
.KA_web {
	background:url(../images/icons/rund/dunkel/inet.png) no-repeat;
	}
.KA_anzeige a.achtung {
	float:right;
	margin:2em 0 0;
	background:url(../images/icons/achtung/1/achtung_gr.png) no-repeat center left;
	padding:0 0 0 12px;
	text-decoration:none;
	}
.KA_anzeige a.achtung:hover {
	background:url(../images/icons/achtung/2/achtung_ro.png) no-repeat center left;
	text-decoration:none;
	}

.box_hint {
	clear:both;
	color:red;
	padding-top:5px;
	padding-bottom:5px;
	}


@media (max-width: 768px) {
	.KA_liste_eintrag,
	.KA_liste_eintrag2 {
		width:60%;
		}
}
@media (max-width: 480px) {
	.KA_liste_eintrag,
	.KA_liste_eintrag2 {
		width:35%;
		}
	.KA_liste_subline {
		display:none;
		}
}
/* --------- end KLEINANZEIGEN -------- */



















/* --------- TODESANZEIGEN
================================================== */

/* kurz */
.p_anzeige {
	float:left;
	width:47%;
	margin-right: 3%;
	border-bottom:#aaa 1px dotted;
	padding-bottom:.8em;
	margin-bottom:.8em;
	text-align: center
	}
.p_anzeige_headline {
	float:left;
	clear:both;
	font-size:100%;
	margin:0;
	padding:0;
	line-height:1.2em;
	text-align: center
	}
.p_anzeige_headline a {
	margin:0;
	padding:0;
	font-weight:600;
	}
.p_anzeige_headline a:hover {
	}
.p_anzeige_zeitraum {
	float:left;
	clear:both;
	margin-top:0;
	padding:0;
	color:#000;
	font-size:100%;
	}



/* lang */
.p_anzeige_lang {
	float:left;
	clear:both;
	margin-top:1.45em;
	width: 100%;
	background:url(../../kleinanzeigen/bg_blume2.jpg) no-repeat top center;
	background-position-x: 450px;
	text-align: center
	}
.p_anzeige_headline_lang {
	color:#000;
	margin:0;
	}
.p_anzeige_lang h1 {
	margin: 0;
	letter-spacing: .03em;
	font-size: 240%;
	font-weight: 500
	}
.p_anzeige_geburtsname {
	font-size: 65%;
	font-weight: 300 !important;
	white-space: nowrap;
	text-transform: none;
	letter-spacing: 0;
	font-weight: normal;
	display: block;
	text-align: center;
	margin-top: .4em;
	margin-bottom: .2em;
	line-height: 1em
	}
.p_anzeige_lang .p_anzeige_zeitraum {
	margin-top:.3em;
	font-weight: 500;
	font-size: 110%;
	width: 100%;
	text-align: center;
	font-weight: 300;
	color:#777;
	}
.p_anzeige_ort {
	clear:both;
	color:#777;
	margin-bottom: 1em
	}

.p_anzeige_text {
	clear:both;
	font-size:125%;
	margin:1.5em 0 2em 0;
	line-height:1.8em;
	font-weight:500;
	font-style: italic;
	padding: 0 100px;
	text-shadow: .2em .2em .4em rgba(0, 0, 0, 0.2)
	}
	.p_anzeige_text img,
	.p_anzeige_text .bildrahmenmitte,
	.p_anzeige_text .bildrahmenmitte-nb {
	min-width: calc(100% + 50px) !important;
	margin-left: -25px !important;
	margin-top: 0 !important;
	margin-bottom: 2em !important;
	border: none;
	padding: 0;
	border-radius: 0;
	float: left;
	clear: both
	}

.p_anzeige_lang h3 {
	color:#333;
	font-size:110%;
	margin:1.5em 0 .2em 0 !important;
	text-transform:none;
	font-weight:600;
	font-family:'Titillium',sans-serif !important;
	display: block;
	text-align: center;
	float: both;
	width: 100%
	}
.p_anzeige_info {
	margin-top:0;
	margin-bottom: 1em;
	display: block;
	text-align: center;
	float: left;
	width: 100%;
	clear: both;
	line-height: 1.2em
	}
.p_anzeige_bestatter {
	margin-top:0;
	color: #777;
	font-style: italic;
	display: block;
	text-align: center;
	line-height: 1.2em;
	clear: both;
	width: 100%
	}
@media (max-width: 1400px) {
	.p_anzeige_lang {
	background-position-x: 320px;
	}
	.p_anzeige_text img,
	.p_anzeige_text .bildrahmenmitte,
	.p_anzeige_text .bildrahmenmitte-nb {
	min-width: calc(100% + 100px) !important;
	margin-left: -50px !important;
	}

}
@media (max-width: 1200px) {
	.p_anzeige_lang {
	background-size: 75%;
	background-position-x: 250px;
	}
	.p_anzeige_text {
	padding: 0 50px;
	line-height: 1.6em
	}
	.p_anzeige_text img,
	.p_anzeige_text .bildrahmenmitte,
	.p_anzeige_text .bildrahmenmitte-nb {
	min-width: calc(100% + 40px) !important;
	margin-left: -20px !important
	}
}
@media (max-width: 992px) {
	.p_anzeige_lang {
		background-size: 80%;
		background-position-x: 160px
		}
	.p_anzeige_geburtsname {
		margin-top: .5em;
		margin-bottom: .1em;
		}
	.p_anzeige_text {
	padding: 0;
	line-height: 1.5em
	}
	.p_anzeige_text img,
	.p_anzeige_text .bildrahmenmitte,
	.p_anzeige_text .bildrahmenmitte-nb {
	min-width: 100% !important;
	margin-left: 0 !important
	}
	.p_anzeige_lang h1 {
	letter-spacing: .02em;
	font-size: 205% !important;
	line-height: 1.1em
	}
	.p_anzeige_lang .p_anzeige_zeitraum {
	font-size: 85%;
	margin-top: .5em;
	margin-bottom: 0
	}
	.p_anzeige_ort {
	font-size: 85%;
	margin-top: 0
	}
	.p_anzeige_bestatter {
	font-size: 85%
	}
}
@media (max-width: 767px) {
	.p_anzeige_lang {
		background-size: 70%;
		background-position-x: 180px
	}
	.p_anzeige_lang h1 {
		margin-top: -15px !important
		}
	.p_anzeige_text {
		margin:0 0 1em 0;
		line-height: 1.3em;
		font-size: 115%;
		}
}
@media (max-width: 680px) {
	.p_anzeige_lang {
		background-size: 80%;
		background-position-x: 120px
	}
}
@media (max-width: 480px) {
	.p_anzeige {
		width:100%;
		margin-right: 0
		}
	.p_anzeige_lang {
		background-size: 75%;
		background-position-x: 140px
	}
}
@media (max-width: 380px) {
	.p_anzeige_lang h1 {
		font-size: 170% !important;
		}
	.p_anzeige_text {
		font-size: 95%;
		}
}
@media (max-width: 320px) {
	.p_anzeige_lang {
		background-position-x: 100px
	}
}
/* --------- end TODESANZEIGEN -------- */







/* --------- JOBS
================================================== */
.job {
}

.job_text {
}

h3 .job_headline_besonderes {
}

.job_text_besonderes {
}

.job_fklasse {
	margin-top:2.5em;
	font-weight:700;
}

.job_kontaktdaten {
}

.job_kontaktperson,.job_name,.job_anschrift,.job_telefon,.job_fax,.job_web,.job_email {
	margin:.4em 0;
	padding:0 0 .2em 28px;
}

.job_kontaktperson,.job_name {
	background:url(../images/icons/rund/dunkel/ansprech.png) no-repeat;
	font-weight:700;
	font-size:105%;
}

.job_anschrift {
	background:url(../images/icons/rund/dunkel/adress.png) no-repeat;
}

.job_telefon {
	background:url(../images/icons/rund/dunkel/telefon.png) no-repeat;
}

.job_fax {
	background:url(../images/icons/rund/dunkel/fax.png) no-repeat;
}

.job_email {
	background:url(../images/icons/rund/dunkel/mail.png) no-repeat;
}

.job_web {
	background:url(../images/icons/rund/dunkel/inet.png) no-repeat;
}

.job_paragraph {
	background:url(../images/icons/rund/dunkel/paragraph.png) no-repeat;
}

.job_zeit {
	background:url(../images/icons/rund/dunkel/zeit.png) no-repeat;
}

.job_links {
	background:url(../images/icons/rund/dunkel/inet.png) no-repeat;
}

.job_zimmer {
	background:url(../images/icons/rund/dunkel/zimmer.png) no-repeat;
}

.job_ort {
}

/* @end */












/* --------- WERBEMARKER
================================================== */
a.mark {
	color:#f80;
	}
a.mark:hover {
	color:#357ca2;
	}
a.mark:before {
	background:#f80;
	content: "W \276F";
	color: #fff;
	padding: .2em .4em;
	border-radius: 3px;
	margin-right: 4px;
	margin-bottom: 2px;
	font-size: 9pt;
	line-height: 9pt;
	display: inline-block;
	vertical-align: 2px;
	}
a.mark.hinten:after {
	background:#f80;
	content: "\276E  W";
	color: #fff;
	padding: .2em .4em;
	border-radius: 3px;
	margin-left: 4px;
	margin-bottom: 2px;
	font-size: 9pt;
	line-height: 9pt;
	display: inline-block;
	vertical-align: 2px;
	}
a.mark.hinten:before {
	display: none
	}
a.mark:hover:before,
a.mark:hover:after {
	background:#357ca2 !important;
	}

a.mark.dezent:before,
a.mark.dezent.hinten:after {
	background:rgba(255, 154, 0, 0.5);
	}
	a.mark.dezent:hover {
		color: #f80;
		text-decoration: underline
		}
	a.mark.dezent:hover:before,
	a.mark.dezent:hover:after {
		background: #f80 !important
		}
a.mark.gray:before,
a.mark.gray.hinten:after {
	background:#bbb;
	}
	a.mark.gray:hover {
		color: #f80;
		text-decoration: underline
		}
	a.mark.gray:hover:before,
	a.mark.gray:hover:after {
		background: #f80 !important
		}
a.mark.intensiv:before,
a.mark.intensiv.hinten:after {
	background:#357ca2;
	}
	a.mark.intensiv{
	color:#357ca2;
	}
	a.mark.intensiv:hover {
	text-decoration: underline
	}
	a.mark.intensiv:hover:before,
	a.mark.intensiv:hover:after {
		}
a.mark.intensiv2:before,
a.mark.intensiv2.hinten:after {
	background:#ffcc00;
	}
	a.mark.intensiv2:hover {
		color: #f80;
		text-decoration: underline
		}
	a.mark.intensiv2:hover:before,
	a.mark.intensiv2:hover:after {
		background: #f80 !important
		}
/* --------- end WERBEMARKER -------- */










/* --------- FARBEN
================================================== */
.rot,.red 		{color:red;}
.blau,.blue 	{color:#357ca2 !important}
.gruen 			{color:#390;}
.hausfarbe 		{color:#f80;}
.weiss,.white 	{color:#fff;}
.hellgrau 		{color:#eee;}
.grau,.grey 	{color:#888;}
.dunkelgrau 	{color:#666;}
.schwarz,.black {color:#000;}
.bg_grau 		{background:#f2f2f2;}
.bg_dunkelgrau 	{background:#333;color:#aaa;}
.bg_weiss 		{background:#fff;border:1px solid #ddd;}
.bg_hausfarbe 	{background:#f80;color:#555;}
.bg_hausfarbe_hell {background:#fff7ec;}

.box.bg_hausfarbe_hell,
.well.bg-hausfarbe-light {background:#fff7ec url(../images/verlauf6b.png) repeat-x bottom center;}

.box.bg_grau,
.well.bg-gray,
.well.bg-grey {background:#f2f2f2 url(../images/verlauf6b.png) repeat-x bottom center;}

#contentwrapper .bg_dunkelgrau a {color:#eee;}
#contentwrapper .bg_dunkelgrau a:hover {color:#f80;}
#contentwrapper .bg_hausfarbe a {color:#333;}
#contentwrapper .bg_hausfarbe a:hover {color:#fff;}
#contentwrapper .bg_hausfarbe_hell a {color:#000;}
#contentwrapper .bg_hausfarbe_hell a:hover {color:#f80;}

#contentwrapper .bg_dunkelgrau h2,
#contentwrapper .bg_dunkelgrau h3,
#contentwrapper .bg_dunkelgrau h4,
#contentwrapper .bg_dunkelgrau h5,
#contentwrapper .bg_hausfarbe h2,
#contentwrapper .bg_hausfarbe h3,
#contentwrapper .bg_hausfarbe h4,
#contentwrapper .bg_hausfarbe h5 { color:#fff;}

#contentwrapper .bg_hausfarbe h1 {color:#222;border-bottom:1px dotted #000;}

#footer h1,#footer h2,
#footer h3,
#footer h4,#footer h5 {color:#f80;border-bottom:1px dotted #f80;
}
/* --------- end FARBEN -------- */










/* BILDER
--------------------------------------------- */
a img {
	border:0;
	text-decoration:none;
	}
.bild,
img.bild {
	border:none;
	}
.bild,
.bildrechts,
.bildlinks,
.bildmitte,
.bild-nb,
.bildrechts-nb,
.bildlinks-nb,
.bildmitte-nb,
.bildrahmen,
.bildrahmenrechts,
.bildrahmenlinks,
.bildrahmenmitte,
.bildrahmen-nb,
.bildrahmenrechts-nb,
.bildrahmenlinks-nb,
.bildrahmenmitte-nb {
	margin-top: .3em;
	margin-bottom: 1em
	}
.bildrahmen,
.bildrahmenrechts,
.bildrahmenlinks,
.bildrahmenmitte {
	padding:2px;
	border:1px solid #ccc;
	display:block;
	}
.bildmitte,
img.bildmitte {
	width: 100%
	}
.bildrahmen,
img.bildrahmen {
	float:none;
	}
a.bildrahmen img {
	display:block;
	}
.bildrahmenlinks,
img.bildrahmenlinks {
	float:left;
	margin-right:1em;
	}
.bildrahmenrechts,
img.bildrahmenrechts {
	float:right;
	margin-left:1em;
	}
.bildrahmenmitte,
img.bildrahmenmitte {
	/* float:left; */http://www.nnz-online.de/index2-min_test.php
	width: 98%
	}
.bildlinks,
.bildlinks-nb,
.bildrahmenlinks-nb,
img.bildlinks,
img.bildlinks-nb,
img.bildrahmenlinks-nb {
	float:left;
	border:none;
	margin-right:1em;
	}
.bildrechts,
.bildrechts-nb,
.bildrahmenrechts-nb,
img.bildrechts,
img.bildrechts-nb,
img.bildrahmenrechts-nb{
	float:right;
	border:none;
	margin-left:1em;
	}
.bildrahmenlinks-nb,
.bildrahmenrechts-nb,
img.bildrahmenlinks-nb,
img.bildrahmenrechts-nb,
a img.bildrahmenlinks-nb,
a img.bildrahmenrechts-nb,
.bildlinks-nb,
.bildrechts-nb,
img.bildlinks-nb,
img.bildrechts-nb,
a img.bildlinks-nb,
a img.bildrechts-nb {
	border:solid 1px #fff;
	}
.bildrahmenmitte-nb,
img.bildrahmenmitte-nb,
a img.bildrahmenmitte-nb,
.bildmitte-nb,
img.bildmitte-nb,
a img.bildmitte-nb {
	border:none;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
	width: 100%
	}
.news .bildrahmenrechts,
.news .bildrahmenlinks,
.news .bildrechts,
.news .bildlinks,
.news .bildmitte,
.news .bildrechts-nb,
.news .bildlinks-nb,
.news .bildmitte-nb,
.news .bildrahmenrechts-nb,
.news .bildrahmenlinks-nb,
.news .bildrahmenmitte-nb,
.news .bildmittelinks-nb {
	margin-top:.2em;
	width:23%;
	padding:2px;
	border:1px solid #ccc;
	}
.news .bildrahmenrechts img,
.news .bildrahmenlinks img,
.news .bildrechts img,
.news .bildrlinks img,
.news .bildrmitte img,
.news .bildrechts-nb img,
.news .bildlinks-nb img,
.news .bildrahmenrechts-nb img,
.news .bildrahmenlinks-nb img,
.news .bildrahmenmitte-nb img {
	width:100%;
	height:auto;
	}
.news .bildrechts-nb,
.news .bildlinks-nb,
.news .bildmitte-nb,
.news .bildrahmenrechts-nb,
.news .bildrahmenlinks-nb,
.news .bildrahmenmitte-nb {
	border:none;
	}
.news img {
	display:block;
	}
.news .bildmitte,
.news .bildmitte-nb{
	width:100%;
	}
.news .bildmitte-nb,
.news .bildrahmenmitte-nb {
	width:100%;
	border: none;
	margin-left: 0;
	margin-right: 0
	}
.news .bildrahmenmitte {
	width:98%;
	margin-left: 0;
	margin-right: 0
	}
.bild_left {
	float:left;
	margin:.3em 0 0;
	}


/* hochkant Bilder ---------*/
.news .bildrahmenrechts .hochkant,
.news .bildrahmenlinks .hochkant,
.news .bildrechts .hochkant,
.news .bildlinks .hochkant,
.news .bildrechts-nb .hochkant,
.news .bildlinks-nb .hochkant,
.news .bildmitte-nb .hochkant,
.news .bildrahmenrechts-nb .hochkant,
.news .bildrahmenlinks-nb .hochkant,
.news .bildmittelinks-nb .hochkant {
	width:23%;
	}
.news .bildrahmenrechts .hochkant img,
.news .bildrahmenlinks .hochkant img,
.news .bildrechts .hochkant img,
.news .bildrlinks .hochkant img,
.news .bildrmitte .hochkant img,
.news .bildrechts-nb .hochkant img,
.news .bildlinks-nb .hochkant img,
.news .bildrahmenrechts-nb .hochkant img,
.news .bildrahmenlinks-nb .hochkant img,
.news .bildrahmenmitte-nb .hochkant img {
	width:100%;
	height:auto;
	}
/* --------- end BILDER -------- */







/* --------- BILDUNTERSCHRIFT
================================================== */
.bildunterschrift {
	float: left;
	text-align: left;
	font-style: italic;
	font-size: 90%;
	color: #666;
	line-height: 1.2em !important;
	margin-bottom: 1.3em;
	margin-top: .4em;
	}
.bildunterschrift-bildrahmenmitte .bildunterschrift,
.bildunterschrift-bildrahmenmitte-nb .bildunterschrift {
	width: 100%
	}
.bildunterschrift-bildrahmenlinks .bildunterschrift,
.bildunterschrift-bildrahmenlinks-nb .bildunterschrift,
.bildunterschrift-bildrahmenrechts .bildunterschrift,
.bildunterschrift-bildrahmenrechts-nb .bildunterschrift {
	width: 50%;
	margin-right: 1em;
	}
.bildunterschrift-bildrahmenrechts .bildunterschrift,
.bildunterschrift-bildrahmenrechts-nb .bildunterschrift {
	float: right;
	margin-right: 0;
	margin-left: 1em;
	text-align: right;
	}
/* --------- end BILDUNTERSCHRIFT -------- */









/* --------- ZEILEN / SPALTEN
================================================== */
.zeile,.zeile.linie,.zeile.even,.zeile.linie.even {
	float:left;
	clear:both;
	padding:.5em 1%;
	margin:0;
	width:98%;
	position:relative;
	}
.zeile.linie {
	border-bottom:1px dotted #aaa;
	}
.zeile.even {
	background:#f7f7f7;
	border-top:1px dotted #aaa;
	border-bottom:1px dotted #aaa;
	}
#subcontent .zeile {
	width:98%;
	padding:.3em 1%;
	}
.bg_dunkelgrau .zeile.linie 	{border-bottom:1px dotted #666;}
.bg_hausfarbe .zeile.linie 		{border-bottom:1px dotted #cd7b01;}
.bg_hausfarbe_hell .zeile.linie {}

.border_top_1 		{border-top: 1px dotted #357ca2;}
.border_top_2 		{border-top: 2px solid #357ca2;}
.border_bottom_1 	{border-bottom: 1px dotted #357ca2;}
.border_bottom_2 	{border-bottom: 2px solid #357ca2;}

.spalte10 	{ width: 5%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte15 	{ width: 10%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte15o 	{ width: 14%;	float: left; 					padding-bottom: .5em }
.spalte20 	{ width: 15%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte20o 	{ width: 19%;	float: left; 					padding-bottom: .5em }
.spalte25 	{ width: 20%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte25o 	{ width: 24%;	float: left; 					padding-bottom: .5em }
.spalte30 	{ width: 25%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte30o 	{ width: 29%;	float: left; 					padding-bottom: .5em }
.spalte35 	{ width: 30%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte35o 	{ width: 34%;	float: left; 					padding-bottom: .5em }
.spalte40 	{ width: 35%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte40o 	{ width: 39%;	float: left; 					padding-bottom: .5em }
.spalte45 	{ width: 40%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte45o 	{ width: 44%;	float: left; 					padding-bottom: .5em }
.spalte50 	{ width: 46%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte50o 	{ width: 46%;	float: left; 					padding-bottom: .5em }
.spalte55 	{ width: 50%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte55o 	{ width: 54%;	float: left; 					padding-bottom: .5em }
.spalte60 	{ width: 55%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte60o 	{ width: 59%;	float: left; 					padding-bottom: .5em }
.spalte65 	{ width: 60%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte70 	{ width: 65%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte70o 	{ width: 69%;	float: left; 					padding-bottom: .5em }
.spalte75 	{ width: 70%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte75o 	{ width: 74%;	float: left; 					padding-bottom: .5em }
.spalte80 	{ width: 75%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte80o 	{ width: 79%;	float: left; 					padding-bottom: .5em }
.spalte85 	{ width: 80%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte85o 	{ width: 84%;	float: left; 					padding-bottom: .5em }
.spalte90 	{ width: 85%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte90o 	{ width: 89%;	float: left; 					padding-bottom: .5em }

.spalte33 	{ width: 32%;	float: left; padding-right: 3%; padding-bottom: .5em }
.spalte33o 	{ width: 29%;	float: left; 					padding-bottom: .5em }
.spalte100o { width: 100%;	float: left; 					padding-bottom: .5em }

.spalte10,.spalte15,.spalte15o,.spalte20,.spalte20o,.spalte25,.spalte25o,.spalte30,.spalte30o,
.spalte35,.spalte35o,.spalte40,.spalte40o,.spalte45,.spalte45o,.spalte50,.spalte50o,.spalte55,
.spalte60,.spalte60o,.spalte65,.spalte70,.spalte70o,.spalte75,.spalte75o,.spalte80,.spalte80o,
.spalte33,.spalte33o,.spalte100o {
	padding-bottom: 0
	}
.spalte10 .bild_left img,.spalte15 .bild_left img,.spalte15o .bild_left img,.spalte20 .bild_left img,.spalte20o .bild_left img,.spalte25 .bild_left img,.spalte25o .bild_left img,.spalte30 .bild_left img,.spalte30o .bild_left img,.spalte35 .bild_left img,.spalte35o .bild_left img,.spalte40 .bild_left img,.spalte40o .bild_left img {
	width:110%;
	height:auto;
}
/* --------- end ZEILEN / SPALTEN -------- */





/* --------- PROZENTE
================================================== */
.prozentlinie5,.prozentlinie10,.prozentlinie15,.prozentlinie20,.prozentlinie25,.prozentlinie30,.prozentlinie35,.prozentlinie40,.prozentlinie45,.prozentlinie50,.prozentlinie55,.prozentlinie60,.prozentlinie65,.prozentlinie70,.prozentlinie75,.prozentlinie80,.prozentlinie85,.prozentlinie90,.prozentlinie95,.prozentlinie100 {
	clear:both;
	background:#357ca2;
	height:.25em;
	margin:.2em 0;
	}
.prozentlinie5 	{ width:5%;}
.prozentlinie10 { width:10%;}
.prozentlinie15 { width:15%;}
.prozentlinie20 { width:20%;}
.prozentlinie25 { width:25%;}
.prozentlinie30 { width:30%;}
.prozentlinie35 { width:35%;}
.prozentlinie40 { width:40%;}
.prozentlinie45 { width:45%;}
.prozentlinie50 { width:50%;}
.prozentlinie55 { width:55%;}
.prozentlinie60 { width:60%;}
.prozentlinie65 { width:65%;}
.prozentlinie70 { width:70%;}
.prozentlinie75 { width:75%;}
.prozentlinie80 { width:80%;}
.prozentlinie85 { width:85%;}
.prozentlinie90 { width:90%;}
.prozentlinie95 { width:95%;}
.prozentlinie100 {width:100%;}
/* --------- end PROZENTE -------- */






/* --------- TABLE
================================================== */
table 				 	{
						margin-bottom: 0;
						border-collapse: collapse; /* nimmt Einzelzellen zusammen und es gibt so keine weißen abstände im IE */
					  	min-width: 100%;
					/*  width: auto !important;  /* für moderne Browser */
					  	width: 100%;  /*für den IE */
						}

table.schlicht 			{  }
table.linien 	 		{ border-top: 1px solid #ddd }
table.schlicht.linien 	{ border-top: none }
table.bg	 	 		{  }

table tr td	 	 		{ font-size: 100%; border: none }
table tr td a	 	 	{ font-size: 100%; }

table:not(.sudoku) td	{ border-bottom: none !important }

table a					{ color: #357ca2; font-weight: normal; text-decoration: none}
table a:hover			{ color: #333; text-decoration: none  }


table tr				{ border: none }
	table.linien tr		{  }
	table.bg tr			{  }
	table tr.odd	 	{ background: #f2f2f2; border-top: #fff 2px solid; border-bottom: #fff 2px solid }

table td				{ padding: .4em .5em; vertical-align: top; border: none  }

	table.schlicht tr td { padding: .4em .8em .4em .2em }
	table.linien tr td	{ padding: .4em .8em .4em .2em; border-bottom: 1px solid #ddd }
	table.bg tr td 		{ padding: .5em .4em; background: #f2f2f2; border-bottom: 5px solid #fff }



table thead tr th		{
						padding: .1em .6em;
						border-bottom: #fff 5px solid;
						font-size: 80%;
						text-transform: uppercase;
						font-weight: bold;
						color: #fff;
						background: #357ca2;
						border-right: #fff 1px solid;
						letter-spacing: .1em;
						text-align: left
						}

table.schlicht thead tr th,
table.schlicht .linien thead tr th			{
						padding: .3em .3em;
						color: #444;
						background: none;
						font-size: 95%;
						letter-spacing: 0;
						border-bottom: #444 2px solid;
						border-right: none;
						}

.thead_sub				{
						padding: .4em .3em;
						font-size: 95%;
						color: #444;
						background: none;
						font-weight: bold;
						border-bottom: #444 2px solid;
						border-right: #fff 2px solid;
						letter-spacing: 0;
						padding-bottom: .5em
						}

tbody					{ 	 }

tfoot					{
						color: #444;
						font-weight: bold;
						text-align: left;
						border-top: #444 2px solid;
						font-size: 95%
						}


table.abc				{ border-bottom: none; width: auto; margin-bottom: 2em }
						table.abc tr td	{ padding: 0 .1em 0 0 }
						table.abc tr td a		{
										font-size: 75%;
										color: #fff;
										background: #aaa;
										padding: .1em .5em;
										font-weight: bold;
										text-decoration: none;			}
						table.abc tr td a:hover  {
										text-decoration: none;
										background: #357ca2;
										color: #fff
										}

/* --------- end TABLE -------- */









/* --------- FORMULAR
==================================================
form {
	margin-top:1.5em;
	line-height: 1.2em !important
	}


.form100,.form80,.form50,.form20,.form10 {
	background:#f8f8f8;
	margin:0 0 .5em;
	padding:.2em .4em;
	border:1px solid #ccc;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	}
.form100 {width:360px;}
.form80 { width:240px;}
.form50 { width:170px;}
.form20 { width:60px;}
.form10 { width:30px;}

input {
	font-weight:500;
	color:#333;
	font-size:90%;
	}
textarea {
	font-weight:500;
	color:#333;
	font-size:90%;
	resize: both;
	}
label {
	font-weight: 300
	}
label.oben,
.oben {
	display:block;
	}
.oben {
	}
.oben2 {
	display:block;
	margin-top:1em;
	margin-bottom:-4px;
	font-size:90%;
	font-weight:700;
	}
label.hinten {
	display:inline-block;
	margin:10px 20px 5px 5px;
	font-weight: 300
	}
.hinten,
.hinten_02 {
	font-weight: 300 !important
	}
.hinten_eingerueckt {
	margin: 0 0 5px 24px;
	}
label.hinten_02 {
	display:inline-block;
	margin-left:5px;
	margin-top:2px;
	font-weight: 300
	}
label.vorn {
	display:inline-block;
	margin-right:5px;
	}
label.hinten_rot {
	display:inline-block;
	margin-top:3px;
	padding:3px;
	margin-left:3px;
	background:red;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	padding:.2em .4em;
	}
.box_loeschen {
	float:left;
	background:red;
	margin-bottom:1.5em;
	margin-top:7px;
	padding:3px;
	}
.box_loeschen .hinten {
	display:inline;
	}
.mm_objekt_info {
	font-size: 90%;
	margin-bottom: 20px;
	margin-left: 15px;
	}
.form_error {
	background-color:#fee;
	padding:4px;
	margin-top:20px;
	border-top:2px solid red;
	width:98%;
	}
.pflicht {
	color:red;
	}
div.spalte,
div.spalte_letzte {
	float:left;
	margin-right:20px;
	}
div.spalte_letzte {
	margin-right:0;
	}
.absenden,
.form_zeile .m {
	margin:2em 0 0;
	color:#000;
	}
.form_help {
	float:left;
	clear:both;
	margin:0 .2em 0 0;
	}
#subcontent label,
#content .box label,
#subcontent label {
	font-size:100%;
	display:block;
	margin:0 0 .2em;
	font-weight:600;
	}
#subcontent .form100,
#content .box .form100,
#subcontent .form100,
#content .well .form100 {
	width:95%;
	background:#fff;
	margin-bottom:1em;
	}
#subcontent .absenden,
#content .box .absenden,
#subcontent .form_zeile .m,
#content .box form_zeile .m,
#subcontent .absenden,
#content .well .absenden,
#subcontent .form_zeile .m,
#content .well form_zeile .m {
	font-size:100%;
	margin:.7em .5em .7em 0;
	}

@media (max-width: 768px) {
	.form_sp1 {
		margin:1em 10% 0 0;
		width:75%;
		}
	.form100,
	.form80,
	.form50,
	.form20,
	.form10 {
		width:95%;
		}
	.form100 	{}
	.form80 	{}
	.form50 	{}
	.form20 	{}
	.form10 	{ width:15%;}
	.form0 		{}

	.form_zeile {
		width:100%;
		margin-right:0;
		}
	div.spalte,
	div.spalte_letzte {
		width:95%;
		margin-right:0;
		}
}



@media (max-width: 767px) and (min-width: 576px) {
	#content form.form-inline,
	#content form.form-inline {
		margin-right: -140px
	}
	#content form.form-inline .form-group input[type="text"].form-control.auto,
	#content form.form-inline .form-group input[type="text"].form-control.auto {
		max-width: 50%;
	}
}
@media (max-width: 575px) {
	#content form.form-inline .form-group input[type="text"].form-control.auto,
	#content form.form-inline .form-group input[type="text"].form-control.auto {
		max-width: 45%;
	}
}



.absenden,
.btn.absenden {
	padding: .7em 1.5em !important;
	font-size: 90% !important;
	background: #ff8800;
	color: #fff !important;
	border: none;
	text-shadow: none;
	border-radius: 50px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: .02em;
	line-height: 1.1em;
	}
.absenden:hover,
.btn.absenden:hover {
	transition: all 0.2s ease-in-out;
	color: #fff !important;
	background: #fc561f !important;
	box-shadow: 0 0 .2em rgba(0, 0, 0, 0.15) inset;
  	}


.pflichtfeld {
	font-family: 'Titillium', sans-serif;
	float: right;
	color: #ff4d4d;
	font-size: 10pt;
	margin-bottom: 1.5em
	}

/* --------- end FORMULAR -------- */



















/* --------- CODE
================================================================================== */
code {
	color: #993030 !important;
	border: 1px solid #ccc;
	font-size: 90%;
	line-height: 1.2em !important;
	padding: .2em .3em !important;
	margin: 0 .2em .5em .2em;
	display: inline-block;
	background: #f9e3e3;
	border-radius: 2px
	}
code.kl {
	background: #eee;
	font-size: 80%;
	color: #999 !important;
	}
code b {
	color: #ff0000;
	}

code .hidden {
	width: 0;
	opacity: 0
	}




.highlight {
	clear: both;
	font-size: 80%;
	width: 100%;
	background: #f7f7f7;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: .8em 1.2em;
	margin: 1.5em auto 3em auto;
	max-width: 1140px;
	float: left;
	float: none;
	display: inline-block
	}
	@media (max-width: 767px) {
	.highlight {
		margin-left: 5px;
		margin-right: 5px;
		/*width: auto*/
		}
	}
.bg-hausfarbe .highlight,
.bg-darkgrey .highlight {
	color: #555 !important
	}
.highlight code {
	background: none;
	padding: 0;
	color: #000 !important;
	margin: 0;
	border: none
}
.highlight pre {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}
.pre,
.pre1,
.pre2,
.pre3,
.pre4,
.pre5,
.pre6,
.pre7 {
	display: inline-block
	}
.pre1 { width: 20px }
.pre2 { width: 40px }
.pre3 { width: 60px }
.pre4 { width: 80px }
.pre5 { width: 100px }
.pre6 { width: 120px }
.pre7 { width: 140px }

.hll 	{ background-color: #ffc }
.c		{ color: #999 }
.err	{ color: #A00; background-color: #FAA }
.k		{ color: #069 }
.o		{ color: #555 }
.cm		{ color: #999 }
.cp		{ color: #099 }
.c1		{ color: #999 }
.cs		{ color: #999 }
.gd		{ background-color: #FCC; border: 1px solid #C00 }
.ge		{ font-style: italic }
.gr		{ color: red }
.gh		{ color: #030 }
.gi		{ background-color: #CFC; border: 1px solid #0C0 }
.go		{ color: #AAA }
.gp		{ color: #009 }
.gu		{ color: #030 }
.gt		{ color: #9C6 }
.kc		{ color: #069 }
.kd		{ color: #069 }
.kn		{ color: #069 }
.kp		{ color: #069 }
.kr		{ color: #069 }
.kt		{ color: #078 }
.m		{ color: #F60 }
.s		{ color: #d44950 }
.na		{ color: #4f9fcf }
.nb		{ color: #366 }
.nc		{ color: #0A8 }
.no		{ color: #360 }
.nd		{ color: #99F }
.ni		{ color: #999 }
.ne		{ color: #C00 }
.nf		{ color: #C0F }
.nl		{ color: #99F }
.nn		{ color: #0CF }
.nt		{ color: #2f6f9f }
.nv		{ color: #033 }
.ow		{ color: #000 }
.w		{ color: #bbb }
.mf		{ color: #F60 }
.mh		{ color: #F60 }
.mi		{ color: #F60 }
.mo		{ color: #F60 }
.sb		{ color: #C30 }
.sc		{ color: #C30 }
.sd		{ color: #C30; font-style: italic }
..s2	{ color: #C30 }
.se		{ color: #C30 }
.sh		{ color: #C30 }
.si		{ color: #A00 }
.sx		{ color: #C30 }
.sr		{ color: #3AA }
.s1		{ color: #C30 }
.ss		{ color: #FC3 }
.bp		{ color: #366 }
.vc		{ color: #033 }
.vg		{ color: #033 }
.vi		{ color: #033 }
.il		{ color: #F60 }

.highlight b {
	background: rgba(0, 255, 0, 0.3);
	font-weight: normal !important;

}
/* --------- end CODE ---------------------------------------------------- */





/* Text-SHADOW entfernen
--------------------------------------------- */
#headerwrapper,h1,h2,h3,h4,h5,a,b,.rot,.red,.blau,.blue,.gruen,.hausfarbe,.weiss,.white,.hellgrau,.grau,.grey,.dunkelgrau,.schwarz,.black,
#footerwrapper,.news_footer,.bg_dunkel,.bg_dunkelgrau,.bg_hausfarbe,.news_datum,.news_lang_datum,.KA_subline,#nnztv_news,.termin_datum,.termin_zeit,form,.form_fuss,label,textarea,.pflicht,.pfeil,.pfeil_back,.pfeil_next,.p_anzeige_zeitraum,.job_kontaktperson,.job_datum,.kom_datum,.normal,.bold,.term_zeitraum,.KA_kontakt_headline,.kl_titel,.kl_woche,
#navi ul li a.active, #navi ul li a.active:hover, #navi ul li a:hover,
#subnavi ul li a.active, #subnavi ul li a.active:hover, #subnavi ul li a:hover {

}