@charset "utf-8";
/* CSS Document */


/* ###################################################################

	ITEM NAME  : Dr. Oliver Tolmein - BLOG
	ITEM URI   : http://tolmein.de
	VERSION    : 1.0.1
	AUTHOR     : PROJEKT 77
	AUTHOR URI : http://projekt-77.de

################################################################### */

/* ###################################################################

	// 1.   HEADER
	// 2.   NAVIGATION
	// 3.   BREADCRUMB
	// 4.   STAGE
			// 4a. STAGE HOME I
			// 4b. STAGE HOME II
			// 4c. STAGE SUBPAGES
	// 5.   CATS HOME
	// 6.   CONTENT DEFAULT / SUBPAGES
	// 7.   FOOTER


################################################################### */


/* ###################################################################

	COLOR SCHEME

	// #BLUE    #294C74

	// #BLACK    #1A181B
	// #BEIGE    #A6B7CA    (logo part)

	// #BLUE LIGHT  #008ADD
	// #GREY     #EFF1F4    (body bg color)
	// #GREY    #A6B7CA    (border footer)

################################################################### */

/* ###################################################################

	VERSION CONTROL

	// 01.11.16  Edit

################################################################### */

/* #HEADER
================================================== */

	/* line top */

	.line-top {
		width: 1131px !important;
		border-top: 5px solid #294C74;
		margin: -10px 0 23px -5px !important;
		padding: 0 !important;
	}

	/* logo */

	.logo {margin: 0 5px 15px 5px !important;}

	.logo h1 {
		width: 203px;
		height: 46px;
		color: #000000;
		background: transparent url(../graphic/bg/dr-oliver-tolmein.png) no-repeat;
		font-size: 1;
		margin: 0;
		padding: 0;
		display: inline-block;
	}

		.logo h1 a {
			width: 203px;
			height: 46px;
			margin: 0;
			padding: 0;
			display: inline-block;
		}

			.logo h1 span {
				position: absolute;
				top: -6000px;
				left: -6000px;
			}

	/* lang */

	ul.lang {
		width: auto;
		text-align: right;
		margin: 9px 0 0 0;
		padding: 0;
		display: inline;
		float: right !important;
	}

		ul.lang li {
			width: auto;
			margin: -5px 0 8px 0;
			display: inline;
		}

			ul.lang li a,
			ul.lang li a:link,
			ul.lang li a:visited {
				color: #1A181B;
				background-color: transparent;
				text-decoration: none;
			}

			ul.lang li a:hover,
			ul.lang li a:active,
			ul.lang li a:focus {
				color: #008ADD;
				background-color: transparent;
				text-decoration: none;
			}

			ul.lang img {
				width: 53px;
				height: 28px;
				line-height: 28px;
				margin: 0 5px -8px 0;
				padding: 0 0 0 0;
			}


	/* socials */

	ul.socials {
		width: auto;
		margin: 9px 0 0 40px;
		padding: 0;
		display: inline;
		float: right;
	}

		ul.socials li {
			width: 27px;
			height: 27px;
			-moz-border-radius: 50%;
				-webkit-border-radius: 50%;
				border-radius: 50%;
			margin: 0 0 0 5px;
			display: inline;
			float: left;
		}

			ul.socials>li {color: #294C74;}

				ul.socials>li:nth-of-type(1) {background: #294C74 url(../graphic/bg/socials.png) 8px 2px no-repeat;}
				ul.socials>li:nth-of-type(2) {background: #294C74 url(../graphic/bg/socials.png) -90px 3px no-repeat;}
				ul.socials>li:nth-of-type(3) {background: #294C74 url(../graphic/bg/socials.png) -26px 4px no-repeat;}

			ul.socials>li:hover,
			ul.socials>li:active,
			ul.socials>li:focus {
				color: #1A181B;
				-webkit-transition: 0.6s ease;
				-moz-transition: 0.6s ease;
				-ms-transition: 0.6s ease;
				-o-transition: 0.6s ease;
				transition: 0.6s ease;
			}

				ul.socials>li:hover:nth-of-type(1),
				ul.socials>li:active:nth-of-type(1),
				ul.socials>li:focus:nth-of-type(1) {background: #1A181B url(../graphic/bg/socials.png) 8px 2px no-repeat}

				ul.socials>li:hover:nth-of-type(2),
				ul.socials>li:active:nth-of-type(2),
				ul.socials>li:focus:nth-of-type(2) {background: #1A181B url(../graphic/bg/socials.png) -90px 3px no-repeat;}

				ul.socials>li:hover:nth-of-type(3),
				ul.socials>li:active:nth-of-type(3),
				ul.socials>li:focus:nth-of-type(3) {background: #1A181B url(../graphic/bg/socials.png) -26px 4px no-repeat;}

				ul.socials li a {
					width: 27px;
					height: 27px;
					-moz-border-radius: 50%;
						-webkit-border-radius: 50%;
						border-radius: 50%;
					margin: 0;
					display: inline;
					float: left;
				}

				ul.socials li a span {
					position: absolute;
					top: -6000px;
					left: -6000px;
					height: 1px;
					width: 1px;
				}

/* #NAVIGATION
================================================== */

.navigation {
	border-top: 1px solid #D6D6D7;
	border-bottom: 1px solid #D6D6D7;
}

	/* menu icon */
	#menu-icon {display: none;}          /* hide menu icon initially */

		#nav,
		#nav li {
			line-height: 24px;
			margin: 0;
			padding: 0;
			z-index: 99;
		}

		#nav li {
			list-style: none;
			float: left;
		}

		/* nav link */
		#nav a,
		#nav a:link,
		#nav a:visited {
			color: #1A181B;
			background-color: transparent;
			font-size: 110%;
			border-right: 1px solid #D6D6D7;
			margin: 0;
			padding: 9px 30px 9px 30px;
			display: block;
			text-decoration: none;
		}

		#nav li:hover a,
		#nav li:active a,
		#nav li:focus a,

		#nav a:hover,
		#nav a:active,
		#nav a:focus {
			color: #1A181B;
			background-color: #EFF1F4;
			text-decoration: underline;
		}

		/* nav link active */
		#nav a.active {
			color: #1A181B;
			background-color: #EFF1F4;
			text-decoration: none !important;
		}

			#nav span:after,
			#nav > ul:not( :active ) > li.active span:after {
				width: 0;
				height: 0;
				border: 4px solid transparent;
				border-bottom: none;
				border-top-color: #000;
				content: '';
				vertical-align: middle;
				margin-top: -3px;
				display: inline-block;
				position: relative;
				right: -5px;
			}

			#nav li:hover span:after,
			#nav li.active span:after,
			#nav > ul:not( :hover ) > li.active span:after,
			#nav > ul:not( :active ) > li.active:hover span:after {
				width: 0;
				height: 0;
				border: 4px solid transparent;
				border-bottom: none;
				border-top-color: #000;
				content: '';
				vertical-align: middle;
				margin-top: -3px;
				display: inline-block;
				position: relative;
				right: -5px;
			}

			/* nav dropdown */

			#nav ul {
				width: auto;
				color: #1A181B;
				background: #FFF;
				margin: 0 0 0 -1px;
				border: solid 1px #D6D6D7;
				padding: 0;
				display: none;               /* hide dropdown */
				position: absolute;
				z-index: 99;
			}

				#nav ul li {
					padding: 0;
					float: none;
				}

			#nav li:hover > ul,
			#nav li:active > ul,
			#nav li:focus > ul {display: block;}     /* show dropdown on hover */

				/* nav link */
				#nav li ul li a,
				#nav li ul li a:link,
				#nav li ul li a:visited {
					color: #1A181B;
					background-color: transparent;
					font-size: 17px;
					border-right: 0;
					border-bottom: 1px solid #D6D6D7;
					margin: 0;
					padding: 8px 30px 6px 30px;
					display: block;
					text-decoration: none;
				}

					#nav li ul li:last-child a {border: 0;}

				#nav li ul li a:hover,
				#nav li ul li a:active,
				#nav li ul li a:focus {
					color: #1A181B;
					background-color: #EFF1F4;
					text-decoration: underline;
				}


				/* nav link active */
				#nav li ul li a.active {
					color: #1A181B;
					background-color: #EFF1F4;
					text-decoration: none;
				}


	@media screen and (max-width: 817px) {



	.navigation {
		border-top: 0;
		border-bottom: 0;
	}

	/* nav-wrap */
	#nav-wrap {position: relative;}

	/* menu icon */
	#menu-icon {
		color: #000;
		font-size: 140%;
		/* width: 228px;  */
		height: 30px;
		background: #FFF url(../graphic/bg/menu-icon.png) 142px 15px no-repeat;
		padding: 13px 10px 2px 172px;
		margin: 0 0 5px 0;
		cursor: pointer;
		border: 0;
		border-top: solid 1px #D6D6D7;
		border-bottom: solid 1px #D6D6D7;
		display: block; /* show menu icon */
	}

		#menu-icon:hover,
		#menu-icon:active {  background-color: #EFF1F4;}

		#menu-icon.active {background-color: #EFF1F4;}

	/* main nav */
	#nav {
		clear: both;
		position: absolute;
		top: 46px;
		width: auto;
		z-index: 10000;
		padding: 0;
		margin: 0 0 0 5px;
		background: #f8f8f8;
		border: solid 1px #D6D6D7;
		border-bottom: 0 !important;
		display: none; /* visibility will be toggled with jquery */
	}

		html #nav li {
			clear: both;
			float: none;
			margin: 0 !important;
		}

			#nav span:after,
			#nav > ul:not( :active ) > li.active span:after,

			#nav li:hover span:after,
			#nav li.active span:after,
			#nav > ul:not( :hover ) > li.active span:after,
			#nav > ul:not( :active ) > li.active:hover span:after {display: none;}

			#nav a,
			#nav ul a {
				font: inherit;
				background: none;
				display: inline;
				padding: 0;
				color: #666;
				border: 0 !important;
				border-bottom: 1px solid #D6D6D7 !important;
			}

			#nav a:hover,
			#nav ul a:hover,
			#nav a:active,
			#nav ul a:active,
			#nav a:focus,
			#nav ul a:focus {
				background: none;
				color: #000;
			}

	/* dropdown */
	#nav ul,
	#nav ul ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
		margin: 0 !important;
	}

		#nav ul li {margin: 3px 0 3px 15px;}

		#nav ul li a {margin: 0 !important;}

		#nav ul li ul li {margin: 3px 0 3px 30px;}

}

@media screen and (min-width: 817px) {

	/* ensure #nav is visible on desktop version */
	#nav {display: block !important;}

	#nav li:hover > ul ul,
			#nav li:active > ul ul,
			#nav li:focus > ul ul {display: none;}     /* don't show dropdown 2 on hover */

}

		/* search */

		.search {
			width: 210px;
			color: #1A181B;
			background-color: #EFF1F4;
			-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border-radius: 4px;
			border: 0;
			margin: 5px 30px 5px 40px;
			padding: 0 0 0 5px;
			display: inline;
			float: right;
		}

		.search form {
			margin: 0;
			padding: 0;
			border: 0;
		}

			.search label,
			.search legend {
				position: absolute;
				top: -6000px;
				left: -6000px;
				height: 1px;
				width: 1px;
			}

			.search fieldset { }

				.search input[type="text"] {
					width: 180px;
					height: 22px;
					color: #294C74;
					background-color: transparent;
					border: 0;
					margin: 0;
					padding: 5px 0;
					display: inline;
					float: left;
					cursor: pointer;
				}

					.search:hover input[type="text"],
					.search:active input[type="text"],
					.search:focus input[type="text"],

					.search input[type="text"]:hover,
					.search input[type="text"]:active,
					.search input[type="text"]:focus {
						color: #294C74;
						background-color: transparent;
					}

				.search input.send {
					width: 25px;
					height: 25px;
					color: #000;
					/* font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; */
					font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
					font-size: 100%;
					background: transparent url(../graphic/bg/search.png) 0 -40px no-repeat;
					border: 0;
					margin: 3px 3px 0 0;
					padding: 0;
					display: inline;
					float: right;
				}

				.search input.send:hover,
				.search input.send:active,
				.search input.send:focus {
					color: #000;
					background: transparent url(../graphic/bg/search.png) 0 -40px no-repeat;
				}



/* #BREADCRUMB
================================================== */

#breadcrumb {
	width: auto;
	margin: 0;
	padding: 0;
}

#breadcrumb ul {
	width: auto;
	color: #777;
	background-color: transparent;
	font-size: 90%;
	margin: 10px 0 10px 25px;
	padding: 0;
	display: inline;
	float: left;
}

	#breadcrumb li {
		margin: 0 0 0 5px;
		padding: 0;
		list-style: none;
		float: left;
	}

		#breadcrumb li:before {
			margin: 0 5px 0 0;
			content: "\00bb";
			display: inline;
			float: left;
		}

		#breadcrumb li:first-child:before {display: none;}

		#breadcrumb li a,
		#breadcrumb li a:link,
		#breadcrumb li a:visited {
			color: #777;
			background-color: transparent;
			margin: 0;
			padding: 0;
			text-decoration: none;
		}

		#breadcrumb li a:hover,
		#breadcrumb li a:active,
		#breadcrumb li a:focus {
			color: #008ADD;
			background-color: transparent;
			margin: 0;
			padding: 0;
			text-decoration: none;
		}


/* #STAGE I
================================================== */

	.stage {
		color: #1A181B;
		background-color: #A2A2A2;
		min-height: 428px;
		border-bottom: 1px solid #FFFFFF;
	}

		.stage img {
			width: 850px;
			height: auto;
			display: inline;
			float: left;
		}

		.stage-txt {
			width: 210px;
			height: 348px;
			text-overflow: ellipsis;
			-o-text-overflow: ellipsis;
		-ms-hyphens: auto;
			-moz-hyphens: auto;
			-webkit-hyphens: auto;
			hyphens: auto;
			padding: 80px 30px 0 40px;
			display: inline;
			float: right;
		}

			.stage-before a span,
			.stage-next a span {
				position: absolute;
				top: -6000px;
				left: -6000px;
				height: 1px;
				width: 1px;
			}

/* #STAGE II
================================================== */

	.stage2 {
		color: #1A181B;
		background-color: #EFF1F4;
		min-height: 220px;
		border-bottom: 1px solid #D6D6D7;
	}

		.stage2-txt {
			width: 670px;
			min-height: 180px;
			background-color: #EFF1F4;
			padding: 40px 140px 0 40px;
			display: inline;
			float: left;
		}

		.stage2-more {
			width: 210px;
			min-height: 122px;
			color: #FFF;
			background-color: #294C74;
			padding: 98px 30px 0 40px;
			display: inline;
			float: right;
		}


/* #STAGE SUBPAGES TXT
================================================== */

.stage-header header {
	width: auto;
	font-size: 120%;
	font-weight: 700;
	margin: 40px 80px 40px 80px;
	padding: 0;
	display: inline;
	float: left;
}


		/*
		// #1   #FE8312   (orange)
		// #2  #FFD600    (yellow)
		// #3  #009200    (green 1)
		// #4  #00C1AC    (green 2)
		// #5   #0085BF    (blue light)
		// #6  #294C74    (blue dark)
		// #7   #C226C1    (purple)
		// #8  #D11A58    (red)
		*/

	.style1 .stage-header.style {
		color: #FFF;
		background-color: #294C74;
	}

		.style1 #content-sub.style {margin: 60px 0 27px 0;}

			.style1 #content-sub.style .four h1 {border-top: 3px solid #294C74;}

		body.style1 .stage-header.style acronym,
		body.style1 .stage-header.style abbr,
		body.style1 .stage-header.style dfn {border-bottom: 1px dotted #FFF;}


	/* #style2
	=================================== */

	.style2 .stage-header.style {
		color: #FFF;
		background-color: #FF8313;
	}

		.style2 #content-sub.style {margin: 60px 0 15px 0;}

			.style2 #content-sub.style .four h1 {border-top: 3px solid #FF8313;}

			.style2 #content-sub.style .four {margin-bottom: 30px;}

			.style2 #content-sub.style .nine {
				margin-top: -5px;
				margin-bottom: 30px;
			}

		body.style2 .stage-header.style acronym,
		body.style2 .stage-header.style abbr,
		body.style2 .stage-header.style dfn {border-bottom: 1px dotted #FFF !important;}

	/* #style3
	=================================== */

	.style3 .stage-header.style {
		color: #FFF;
		background-color: ;
	}

		body.style3 .stage-header.style acronym,
		body.style3 .stage-header.style abbr,
		body.style3 .stage-header.style dfn {border-bottom: 1px dotted #FFF;}

		.style3 #content-sub.style .four h1 {border-top: 3px solid ;}

	/* #style4
	=================================== */

	.style4 .stage-header.style {
		color: #FFF;
		background-color: ;
	}

		body.style4 .stage-header.style acronym,
		body.style4 .stage-header.style abbr,
		body.style4 .stage-header.style dfn {border-bottom: 1px dotted #FFF;}

		.style4 #content-sub.style .four h1 {border-top: 3px solid ;}


	/* #style5
	=================================== */

	/* .style5 .style {
		color: #FFF;
		background-color: #294C74;
	} */

		.style5 #content-sub.style {margin: 60px 0 27px 0;}

			.style5 #content-sub.style .four h1 {border-top: 3px solid #294C74;}

			.style5 #content-sub.style .four {margin-bottom: 30px;}

			.style5 #content-sub.style .nine {
				margin-top: -5px;
				margin-bottom: 30px;
			}

		body.style5 .stage-header.style acronym,
		body.style5 .stage-header.style abbr,
		body.style5 .stage-header.style dfn {border-bottom: 1px dotted #FFF;}


	/* #overwrite styles
	=================================== */

	.style1 #content-sub.style,
	.style2 #content-sub.style,
	.style3 #content-sub.style,
	.style4 #content-sub.style,
	.style5 #content-sub.style,
	.style6 #content-sub.style,
	.style7 #content-sub.style,
	.style8 #content-sub.style {
		color: #1A181B;
		background-color: transparent;
	}


/* #STAGE SUBPAGES IMG
================================================== */

.stage-sub {
	color: #FFF;
	/*min-height: 380px;*/
	background-color: #FFF;
}

	.stage-sub .stage-image {
		max-height: 380px;
		overflow: hidden;
	}

	.stage-sub img {
		width: 100%;
		height: auto;
		/*
		top: auto;
		left: auto;
		clip: rect(auto auto 150px auto);
		position: absolute;
		display: inline;
		float: left;
		*/
	}

	.stage-sub #colorbox img {
		width: auto;
		height: auto;
		clip: rect(auto auto auto auto);
		position: relative;
		float: none;
		display: block;
	}

	.bubble {
		width: 410px;
		height: auto;
		top: 40px;
		left: auto;
		bottom: auto;
		font-weight: 700;
		position: relative;
		display: inline;
		float: right;
		margin: 0 290px 0 0;
		z-index: 44;
	 }

	 .news blockquote {
			width: auto;
			font-style: italic;
				padding: 15px 20px;
				margin: 0 0 12px 0 !important;
				color: rgb(68,68,68,1.00);
				background-color: rgba(229,241,244,1.00);
			-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
				border-radius: 6px;
			display: block;
		}


		/* ============================================================================================================================
		== BLOCKQUOTE WITH OBTUSE TRIANGLE
		** ============================================================================================================================ */
		.example-obtuse {
			 position: relative;
				padding: 15px 20px 10px 20px;
				margin: 0;
				color: #FFF;
				background-color: rgba(26,24,27,0.80);
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
				border-radius: 6px;
		}

		 html blockquote p {margin: 0 !important;}

			/* display of quote author (alternatively use a class on the element following the blockquote) */

			.example-obtuse  + p {
				/* color: #1A181B;
				color: #FFF;
				background-color: transparent;
				margin: 4px 150px 2em 0;
				text-align: right; */

				width: auto;
				color: rgba(26,24,27,1.00);
				background-color: rgba(255,255,255,0.40);
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
				margin: 4px 150px 2em 0;
				padding: 0 5px;
				text-align: right;
				display: inline;
				float: right;
			}

				html body .stage-sub abbr {border-bottom: 1px dotted #1A181B !important;}

				/* creates the larger triangle */
				.example-obtuse:before {
					width: 0;
					content: "";
					bottom: -30px;
					right: 80px;
					position: absolute;
					border-width: 0 0 30px 50px;
					border-style: solid;
					border-color: transparent rgba(26,24,27,0.8);
					/* reduce the damage in FF3.0 */
					display: block;
				}



/* #CATS HOME
================================================== */

#content {
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0;
	display: inline;
	float: left;
}

	/* #CAT COLOR DEF
	==================================================

	COLOR SCHEME

	// #1   #FE8312   (orange)
	// #2  #FFD600    (yellow)
	// #3  #009200    (green 1)
	// #4  #00C1AC    (green 2)
	// #5   #0085BF    (blue light)
	// #6  #294C74    (blue dark)
	// #7   #C226C1    (purple)
	// #8  #D11A58    (red)

	================================================== */

	.four.tile,
	#content .four {
		color: #1A181B;
		height: 230px;
		background-color: #EFF1F4;
		margin-bottom: 10px;
		-webkit-transition: 0.6s ease;
		-moz-transition: 0.6s ease;
		-ms-transition: 0.6s ease;
		-o-transition: 0.6s ease;
		transition: 0.6s ease;
	}

	.four.tile {
		background-size: 100% !important;
		background-repeat: no-repeat !important;
		background-position-x: center !important;
		background-position-y: top;
		color: #FFFFFF !important;
	}

	.four.tile:hover,
	.four.tile:active,
	.four.tile:focus {
		background-position-y: -180px !important;
	}

	.four.tile.dunkelblau {
		color: #FFFFFF !important;
		background-color: #294C74 !important;
	}

	.four.tile.gelb {
		color: #1A181B !important;
		background-color: #FFD600 !important;
	}

	.four.tile.gruen {
		color: #FFFFFF !important;
		background-color: #009200 !important;
	}

	.four.tile.hellblau {
		color: #FFFFFF !important;
		background-color: #0085BF !important;
	}

	.four.tile.lila {
		color: #FFFFFF !important;
		background-color: #C226C1 !important;
	}

	.four.tile.orange {
		color: #1A181B !important;
		background-color: #FE8312 !important;
	}

	.four.tile.pink {
		color: #FFFFFF !important;
		background-color: #D11A58 !important;
	}

	.four.tile.tuerkis {
		color: #1A181B !important;
		background-color: #00C1AC !important;
	}

	.four.tile p,
	#content .four p {
		font-weight: 700;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}

	/*
		#content>.four:nth-of-type(1) {
			color: #FFFFFF;
			background: #294C74 url(../graphic/kacheln/t-dunkelblau.png) center top no-repeat;
			background-size: 100%;
		}

		#content>.four:nth-of-type(2) {
			color: #FFFFFF;
			background: #294C74 url(../graphic/kacheln/f-dunkelblau.png) center top no-repeat;
			background-size: 100%;
		}

		#content>.four:nth-of-type(3) {
			color: #FFFFFF !important;
			background: #294C74 url(../graphic/kacheln/b-dunkelblau.png) center top no-repeat;
			background-size: 100%;
		}

		#content>.four:nth-of-type(4) {
			color: #FFFFFF;
			background: #294C74 url(../graphic/kacheln/b-dunkelblau.png) center top no-repeat;
			background-size: 100%;
		}

		#content>.four:nth-of-type(5) {
			color: #FFFFFF !important;
			background: #294C74 url(../graphic/kacheln/p-dunkelblau.png) center top no-repeat;
			background-size: 100%;
		}

		#content>.four:nth-of-type(6) {
			color: #FFFFFF !important;
			background: #294C74 url(../graphic/kacheln/k-dunkelblau.png) center top no-repeat;
			background-size: 100%;
		}

		#content>.four:nth-of-type(7) {
			color: #FFFFFF !important;
			background: #294C74 url(../graphic/kacheln/g-dunkelblau.png) center top no-repeat;
			background-size: 100%;
		}

		#content>.four:nth-of-type(8) {
			color: #FFFFFF !important;
			background: #294C74 url(../graphic/kacheln/j-dunkelblau.png) center top no-repeat;
			background-size: 100%;
		}

			#content>.four:nth-of-type(1):hover,
			#content>.four:nth-of-type(1):active,
			#content>.four:nth-of-type(1):focus {
				color: #FFFFFF;
				background: #294C74 url(../graphic/kacheln/t-dunkelblau.png) center -180px no-repeat;
				background-size: 100%;
			}

			#content>.four:nth-of-type(2):hover,
			#content>.four:nth-of-type(2):active,
			#content>.four:nth-of-type(2):focus {
				color: #FFFFFF;
				background: #294C74 url(../graphic/kacheln/f-dunkelblau.png) center -180px no-repeat;
				background-size: 100%;
			}

			#content>.four:nth-of-type(3):hover,
			#content>.four:nth-of-type(3):active,
			#content>.four:nth-of-type(3):focus {
				color: #FFFFFF;
				background: #294C74 url(../graphic/kacheln/l-dunkelblau.png) center -180px no-repeat;
				background-size: 100%;
			}

			#content>.four:nth-of-type(4):hover,
			#content>.four:nth-of-type(4):active,
			#content>.four:nth-of-type(4):focus {
				color: #FFFFFF;
				background: #294C74 url(../graphic/kacheln/b-dunkelblau.png) center -180px no-repeat;
				background-size: 100%;
			}

			#content>.four:nth-of-type(5):hover,
			#content>.four:nth-of-type(5):active,
			#content>.four:nth-of-type(5):focus {
				color: #FFFFFF;
				background: #294C74 url(../graphic/kacheln/p-dunkelblau.png) center -180px no-repeat;
				background-size: 100%;
			}

			#content>.four:nth-of-type(6):hover,
			#content>.four:nth-of-type(6):active,
			#content>.four:nth-of-type(6):focus {
				color: #FFFFFF;
				background: #294C74 url(../graphic/kacheln/k-dunkelblau.png) center -180px no-repeat;
				background-size: 100%;
			}

			#content>.four:nth-of-type(7):hover,
			#content>.four:nth-of-type(7):active,
			#content>.four:nth-of-type(7):focus {
				color: #FFFFFF;
				background: #294C74 url(../graphic/kacheln/g-dunkelblau.png) center -180px no-repeat;
				background-size: 100%;
			}

			#content>.four:nth-of-type(8):hover,
			#content>.four:nth-of-type(8):active,
			#content>.four:nth-of-type(8):focus {
				color: #FFFFFF;
				background: #294C74 url(../graphic/kacheln/j-dunkelblau.png) center -180px no-repeat;
				background-size: 100%;
			}



		.en #content>.four:nth-of-type(1):hover,
			.en #content>.four:nth-of-type(1):active,
			.en #content>.four:nth-of-type(1):focus {
				color: #1A181B;
				background: #FE8312 url(../../../img/cat/cat-en-1.png) center -180px no-repeat;
				background-size: 100%;
			}

			.en #content>.four:nth-of-type(2):hover,
			.en #content>.four:nth-of-type(2):active,
			.en #content>.four:nth-of-type(2):focus {
				color: #1A181B;
				background: #FFD600 url(../../../img/cat/cat-en-2.png) center -180px no-repeat;
				background-size: 100%;
			}

			.en #content>.four:nth-of-type(3):hover,
			.en #content>.four:nth-of-type(3):active,
			.en #content>.four:nth-of-type(3):focus {
				color: #1A181B;
				background: #009200 url(../../../img/cat/cat-en-3.png) center -180px no-repeat;
				background-size: 100%;
			}

			.en #content>.four:nth-of-type(4):hover,
			.en #content>.four:nth-of-type(4):active,
			.en #content>.four:nth-of-type(4):focus {
				color: #1A181B;
				background: #00C1AC url(../../../img/cat/cat-en-4.png) center -180px no-repeat;
				background-size: 100%;
			}
	*/

	body .four.tile h2 a,
	#content>.four h2 a {
		width: 240px;
		height: 38px;
		color: #1A181B;
		background-color: #EFF1F4;
		background-size: 10px;
		font-size: 18px;
		border-bottom: 3px solid #D6D6D7;
		-moz-hyphens: auto;
		-o-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		margin: 5px 0 0 0;
		padding-top: 15px;
		padding-left: 30px;
		display: inline;
		float: left;
		text-decoration: none;
	}

	body .four.tile h2 a:after,
	#content>.four h2 a:after {
		margin-left: 10px;
		content: url(../graphic/bg/cats.png);
	}

	body .four.tile:hover h2 a,
	body .four.tile:active h2 a,
	body .four.tile:focus h2 a,
	#content>.four:hover h2 a,
	#content>.four:active h2 a,
	#content>.four:focus h2 a {
		color: #008ADD;
		background-color: #EFF1F4;
		margin: 5px 0 0 0;
		text-decoration: none;
	}

	body .four.tile:hover h2 a:after,
	body .four.tile:active h2 a:after,
	body .four.tile:focus h2 a:after,
	#content>.four:hover h2 a:after,
	#content>.four:active h2 a:after,
	#content>.four:focus h2 a:after {
		margin-left: 10px;
		content: url(../graphic/bg/cats-after.png);
	}

	body .four.tile p,
	#content>.four p {
		width: 190px;
		height: 139px;
		margin: 0 !important;
		padding: 30px 40px 0 40px;
		opacity: 0;
		display: inline;
		float: left;
		-webkit-transition: 1.2s ease;
		-moz-transition: 1.2s ease;
		-ms-transition: 1.2s ease;
		-o-transition: 1.2s ease;
		transition: 1.2s ease;
	}

	body .four.tile:hover p,
	body .four.tile:active p,
	body .four.tile:focus p,
	#content>.four:hover p,
	#content>.four:active p,
	#content>.four:focus p {opacity: 1.0;}


/* #CONTENT DEFAULT
================================================== */

#content-sub {
	width: 100%;
	/*margin: 60px 0 45px 0;*/
	margin: 54px 0 45px 0;
	padding: 0;
	display: inline;
	float: left;
}

	/* #SUBNAVIGATION
	=========================== */

	#subnav {
		margin: 0;
		padding: 0;
	}

		#subnav li {
			width: 100%;
			border-top: 1px solid #D6D6D7;
			margin: 0;
			padding: 0;
			list-style: none;
			float: left;
		}

		/* nav link */
		#subnav a,
		#subnav a:link,
		#subnav a:visited {
			color: #444;
			background-color: transparent;
			margin: 0;
			padding: 9px 0 9px 0;
			display: block;
			text-decoration: none;
		}

		#subnav li:hover a,
		#subnav li:active a,
		#subnav li:focus a,

		#subnav a:hover,
		#subnav a:active,
		#subnav a:focus {
			color: #008ADD;
			background-color: transparent;
			text-decoration: underline;
		}


		/* nav link active */
		#subnav a.active {
			color: #008ADD;
			background-color: transparent;
			text-decoration: none !important;
		}

	ul.subnav2 {
		font-size: 100%;
		margin: 0;
		padding: 0;
	}

		#subnav ul.subnav2 a,
		#subnav ul.subnav2 a:link,
		#subnav ul.subnav2 a:visited,
		#subnav ul.subnav2 a:hover,
		#subnav ul.subnav2 a:active,
		#subnav ul.subnav2 a:focus {
			color: #444;
			background-color: transparent;
			margin: 0;
			padding: 6px 0 6px 20px;
			text-decoration: none;
		}

		#subnav ul.subnav2 a:hover,
		#subnav ul.subnav2 a:active,
		#subnav ul.subnav2 a:focus {
			color: #008ADD;
			background-color: transparent;
			text-decoration: underline;
		}

		/* nav link active */
		#subnav ul.subnav2 a.active {
			color: #008ADD;
			background-color: transparent;
			text-decoration: none !important;
		}

	/* #NEWS LIST
	=========================== */

	.news {
		width: 100%;
		margin: 0 0 40px 0;
		padding: 0;
		display: inline;
		float: left;
	}

	.news b {font-weight: 700;}

	.news ul {
		margin-left: 20px;
		list-style: disc !important;
	}

		p.news-info {
			color: #666;
			font-size: 90%;
			margin: -14px 0 12px 0 !important;
		}


	/* #NEWS DETAIL
	=========================== */

			.news-dl {
				width: 100%;
				border-top: 1px solid #D6D6D7;
				margin: 0 0 -10px 0;
				padding: 0;
				display: block;
				float: left;
			}

				.news-dl-inline {
					width: 100%;
					margin: 0 0 10px 0;
					padding: 0;
					display: block;
					float: left;
				}

					.news-dl img {
						width: 60px;
						height: auto;
						margin: 10px 10px 0 10px;
						padding: 0;
						display: inline;
						float: left;
					}

					.news-dl p {
						width: auto;
						margin: 0;
						padding: 30px 10px 0 0;
						display: inline;
						float: left;
					}

			.news-teaser {
				padding-top: 4px;
				font-weight: bold;
			}

			.news-img {
				font-size: 90%;
				font-weight: 700;
				margin-bottom: 20px;
			}

			.news-img img {
				width: 100%;
				height: auto;
			}


			.news-links {
				width: 100%;
				border-top: 1px solid #D6D6D7;
				margin: 0;
				padding: 0;
				display: block;
				float: left;
				-webkit-hyphens: auto;
					-moz-hyphens: auto;
				 -ms-hyphens: auto;
					hyphens: auto;
			}

			.news-links2 {
				width: 100%;
				border-top: 1px solid #D6D6D7;
				margin: 0 0 40px 0;
				padding: 0;
				display: block;
				float: left;
				-webkit-hyphens: auto;
					-moz-hyphens: auto;
				 -ms-hyphens: auto;
					hyphens: auto;
			}

			.news-links a,
			.news-links2 a {white-space: inherit !important;}

				.news-links ul,
				.news-links2 ul {
					margin: 10px 0 0 25px;
					list-style: disc;
				}

					.news-links ul li,
					.news-links2 ul li {line-height: 180% !important;}

					.news-dl a,
					.news-links a,
					.news-links2 a {
						background: none !important;
						padding: 0 5px 0 0 !important;
					}

			#content-sub a.news-back,
			#content-sub a.news-back:link,
			#content-sub a.news-back:visited {
				color: #1A181B;
				background: #D8D6D7 url(../graphic/bg/arrow.png) 10px -108px no-repeat;
				padding: 6px 16px 7px 30px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border-radius: 4px;
				text-decoration: underline;
			}

			#content-sub a.news-back:hover,
			#content-sub a.news-back:active,
			#content-sub a.news-back:focus {
				color: #008ADD;
				background: #EFF1F4 url(../graphic/bg/arrow.png) 10px -85px no-repeat;
				text-decoration: underline;
			}


		/* ### CALENDER
	################################################## */

	.cal-box {
		width: 100%;
		margin: 60px 0 0 0;
		padding: 0 0 30px 0;
		display: inline;
		float: left;
	}

		.cal-month {
			width: 100%;
			font-size: 110%;
			text-align: center;

			margin: 0 auto 10px auto;
			padding: 0;
			display: inline;
			float: left;
		}

			.month-before {
				width: auto;
					margin: 0;
				padding: 0;
				display: inline;
				float: left;
			}

			.month-now {
				line-height: 1.6;
				display: inline;
			}

			.month-next {
					width: auto;
					margin: 0;
				padding: 0;
				display: inline;
				float: right;
				}

				#content-sub .four.columns .month-before a,
				#content-sub .four.columns .month-before a:link,
				#content-sub .four.columns .month-before a:visited,

				#content-sub .four.columns .month-next a,
				#content-sub .four.columns .month-next a:link,
				#content-sub .four.columns .month-next a:visited {
					width: auto;
					color: #1a181b;
					background-color: #d8d6d7;
					margin: 0;
					transition: all 0.6s ease 0s;
					padding: 2px 8px;
					display: inline;
					float: left;
					text-decoration: none;
				}

				#content-sub .four.columns .month-before a:hover,
				#content-sub .four.columns .month-before a:active,
				#content-sub .four.columns .month-before a:focus,

				#content-sub .four.columns .month-next a:hover,
					#content-sub .four.columns .month-next a:active,
					#content-sub .four.columns .month-next a:focus {
					color: #008add;
					background-color: #eff1f4;
					transition: all 0.6s ease 0s;
					text-decoration: none;
				}

		.cal-detail {
			width: 100%;
			margin: 1px 0 0 0;
			padding: 0;
			display: inline;
			float: left;
		}

			.cal-day-line {
					 width: 100%;
					margin: 0 0 1px 0;
					padding: 0;
					display: inline;
					float: left;
				}

				.cal-week-days .cal-day {
					width: 13.95%;
						color: #1a181b;
					background-color: #d8d6d7;
						letter-spacing: 1;
						text-align: center;
						font-weight: bold;
						margin: 0 1px 0 0;
						padding: 7px 0;
						display: inline;
						float: left;
			}

			.cal-day {
				width: 13.95%;
				color: #1a181b;
				background-color: #d8d6d7;
				text-align: center;
					margin: 0 1px 0 0;
					padding: 7px 0;
					display: inline;
					float: left;
			}

			.cal-now {
				color: #fff;
				background-color: rgba(0,0,0,0.54);
				font-weight: bold;
					cursor: pointer;
			}

				.cal-day-active {
					width: 13.95%;
						color: #008add;
					background-color: #eff1f4;
					text-align: center;
					margin: 0 1px 0 0;
					padding: 7px 0;
					display: inline;
					float: left;
				}

						#content-sub .four.columns .cal-day-active a,
						#content-sub .four.columns .cal-day-active a:link,
						#content-sub .four.columns .cal-day-active a:visited {
						width: 13.95%;
						color: #294C74;
						background-color: #eff1f4;
						transition: all 0.6s ease 0s;
						text-align: center;
						margin: 0;
						padding: 0;
						text-decoration: none;
						}

					#content-sub .four.columns .cal-day-active a:hover,
						#content-sub .four.columns .cal-day-active a:active,
						#content-sub .four.columns .cal-day-active a:focus {
						color: #008add;
						background-color: #eff1f4;
						transition: all 0.6s ease 0s;
							text-decoration: none;
					}

				.cal-week-days .cal-last,
				.cal-last {margin: 0;}

			.no-month {
					color: rgba(122,122,122,1.00);
				background-color: #eff1f4;
			}

	/* ### END CALENDER
		=========================== */

	/* #BLOG COMMENTS
		=========================== */

	.comment-inner img,
	.comment_voting,
	.comment_reply {display: none;}

	.comment_author {font-weight: bold;}

	.comment_date {color: #A6B7CA;}

		.comment_date:before { content: " (";}

		.comment_date:after { content: ")";}

	.comment_body {
		margin: 20px 0;}

	/* #BLOG COMMENTS FORM
	=========================== */

	.tx-pwcomment-pi1 {
		width: 100%;
		margin: 0 0 40px;
		padding: 0;
		display: inline;
		float: left;
	}

	#writeComment form {margin-top: 10px;}

		.hide_initally {display: none;}


	.typo3-messages {
		font-weight: bold;
		margin: 30px 0 20px 0;
	}

	.comment_error {
		color: red;
		margin: 5px 0;
	}

	ul#thanksForYourComment li {
		list-style: none;
		color: green;
		margin: 0 0 0 -20px;
		padding: 0;
	}

	/* Forms
	–––––––––––––––––––––––––––––––––––––––––––––––––– */

	.tx-pwcomment-pi1 label,
	.tx-pwcomment-pi1 legend {
		width: 100%;
		margin: 10px 0 0 0;
		padding: 0;
		display: block;
	}

	.tx-pwcomment-pi1 fieldset {
			padding: 0;
			border-width: 0;
	}

	.tx-pwcomment-pi1 input[type="text"] {
		width: 80%;
			height: 38px;
			padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
			background-color: #fff;
			border: 1px solid #D1D1D1;
			border-radius: 4px;
			box-shadow: none;
			box-sizing: border-box;
	 }

	 .tx-pwcomment-pi1 textarea {
		width: 80%;
			height: 180px;
			padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
			background-color: #fff;
			border: 1px solid #D1D1D1;
			border-radius: 4px;
			box-shadow: none;
			box-sizing: border-box;
	 }

		/* Removes awkward default styles on some inputs for iOS */
		.tx-pwcomment-pi1 input[type="text"],
		.tx-pwcomment-pi1 input[type="tel"],
		.tx-pwcomment-pi1 textarea {
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
		}

	.tx-pwcomment-pi1 textarea {
			min-height: 65px;
			padding-top: 6px;
			padding-bottom: 6px;
	 }

	.tx-pwcomment-pi1 input[type="text"]:focus,
	.tx-pwcomment-pi1 textarea:focus {
			border: 1px solid #33C3F0;
			outline: 0;
	}

	.tx-pwcomment-pi1 .button {
			height: ;
			color: #1A181B;
			background: #D8D6D7 url(../graphic/bg/arrow.png) 98px -37px  no-repeat;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-webkit-transition: 0.6s ease;
			-moz-transition: 0.6s ease;
			-ms-transition: 0.6s ease;
			-o-transition: 0.6s ease;
			transition: 0.6s ease;
		border: 0;
		border-radius: 4px;
		text-decoration: underline;
			font-size: 100%;
			text-align: left;
			white-space: nowrap;
		margin: 10px 0 0 0;
			padding: 6px 30px 7px 16px;
			cursor: pointer;
	}

		.tx-pwcomment-pi1 .button:hover,
		.tx-pwcomment-pi1 .button:focus {
			color: #008ADD;
			background: #EFF1F4 url(../graphic/bg/arrow.png) 98px -13px no-repeat;
			text-decoration: underline;
		}


	/* #FAQ
	=========================== */

	/* .faq-ask {
		font-weight: 700;
		border-bottom: 1px solid #D6D6D7;
		margin-bottom: 10px;
	}

	.faq-ask.open {
		border-bottom: 0;
		margin-bottom: 0;
	} */

	.container .nine.columns .tx-irfaq-pi1 {margin-top: 20px;}

		.container .nine.columns .tx-irfaq-dynheader span {
			font-size: 22px;
			font-weight: 700;
			line-height: 30px;
			margin-bottom: 10px;
			padding-left: 25px;
			text-transform: uppercase;
			letter-spacing: 0;
			display: block;
			cursor: pointer;
			/* letter-spacing: 0.5px;  */
		}

		.container .nine.columns .tx-irfaq-dynheader span:hover,
		.container .nine.columns .tx-irfaq-dynheader span:active,
		.container .nine.columns .tx-irfaq-dynheader span:focus,

		.container .nine.columns .tx-irfaq-dynheader:hover span {color: #008ADD !important;}

			.container .nine.columns .tx-irfaq-toggle-plus {
				background: url(../graphic/bg/faq-plus.gif) 0 5px no-repeat;
				margin: 0;
				padding: 0 0 10px 0;
				-webkit-transition: 0.6s ease;

			}

				.container .nine.columns .tx-irfaq-toggle-plus:hover,
				.container .nine.columns .tx-irfaq-toggle-plus:active,
				.container .nine.columns .tx-irfaq-toggle-plus:focus {
					background: url(../graphic/bg/faq2-plus.gif) 0 5px no-repeat;
				}

			.container .nine.columns .tx-irfaq-toggle-minus {
				background: url(../graphic/bg/faq-minus.gif) 0 5px no-repeat;
				margin: 0;
				padding: 0 0 10px 0;
			}

				.container .nine.columns .tx-irfaq-toggle-minus:hover,
				.container .nine.columns .tx-irfaq-toggle-minus:active,
				.container .nine.columns .tx-irfaq-toggle-minus:focus {
					background: url(../graphic/bg/faq2-minus.gif) 0 5px no-repeat;

				}

		.container .nine.columns dt.tx-irfaq-dynheader {
			font-weight: bold;
			margin: 0 0 10px 0;
		}

		/* .faq-open:after {
			content: " ∨ ";
			vertical-align: text-top;
			line-height: 110%;
			font-size: 90%;
			margin: 0;
			padding: 0;
		}

		.faq-close:after {
			content: " ∧ ";
			vertical-align: text-top;
			line-height: 110%;
			font-size: 90%;
			margin: 0;
			padding: 0;
		} */


	.container .nine.columns .tx-irfaq-pi1 dd {
		border-bottom: 1px solid #D6D6D7;
		margin: 0 0 10px 0;
	}

	.container .nine.columns .faq-box-none {display: none;}


	/* #PAGEBROWSER
	=========================== */

	.pagebrowser div {
		width: auto;
		margin: 5px 0 41px 0;
		padding: 0;
		list-style: none;
		display: inline;
		float: left;
	}

	.pagebrowser ol {
		width: auto;
		margin: 2px 0 39px 0;
		padding: 0;
		list-style: none;
		display: inline;
		float: right;
	}

		.pagebrowser ol li {
			width: auto;
			font-size: 110%;
			margin: 0;
			padding: 0;
			list-style: none;
			line-height: normal;
			text-decoration: none;
			display: inline;
			float: left;
		}

			.pagebrowser ol li a,
			.pagebrowser ol li a:link,
			.pagebrowser ol li a:visited {
				width: auto;
				background: none !important;
				color: #1A181B !important;
				background-color: #D8D6D7 !important;
				line-height: 100% !important;
				-moz-border-radius: 0 !important;
					-webkit-border-radius: 0 !important;
					border-radius: 0 !important;
				margin: 0 !important;
				padding: 5px 8px 4px 8px !important;
				text-decoration: none !important;
				display: inline;
				float: left;
			}

			.pagebrowser ol li a:hover,
			.pagebrowser ol li a:active,
			.pagebrowser ol li a:focus {
				background: none !important;
				color: #008ADD !important;
				background-color: #EFF1F4 !important;
			}

			.pagebrowser ol li.x-first a,
			.pagebrowser ol li.x-first a:link,
			.pagebrowser ol li.x-first a:visited,
			.pagebrowser ol li.x-first a:hover,
			.pagebrowser ol li.x-first a:active,
			.pagebrowser ol li.x-first a:focus {
				font-size: 120%;
				margin: 0 !important;
				padding: 3px 8px 3px 8px !important;
				-moz-border-top-left-radius: 4px !important;
					-moz-border-bottom-left-radius: 4px !important;
				-webkit-border-top-left-radius: 4px !important;
				-webkit-border-bottom-left-radius: 4px !important;
					border-top-left-radius: 4px !important;
				border-bottom-left-radius: 4px !important;
				line-height: 100% !important;
			}

			.pagebrowser ol li.x-last a,
			.pagebrowser ol li.x-last a:link,
			.pagebrowser ol li.x-last a:visited,
			.pagebrowser ol li.x-last a:hover,
			.pagebrowser ol li.x-last a:active,
			.pagebrowser ol li.x-last a:focus {
				font-size: 120%;
				margin: 0 !important;
				padding: 3px 8px 3px 8px !important;
				-moz-border-top-right-radius: 4px !important;
					-moz-border-bottom-right-radius: 4px !important;
				-webkit-border-top-right-radius: 4px !important;
				-webkit-border-bottom-right-radius: 4px !important;
					border-top-right-radius: 4px !important;
				border-bottom-right-radius: 4px !important;
				line-height: 100% !important;
			}

				.pb-active {
					width: auto;
					color: #008ADD;
					background-color: #EFF1F4;
					line-height: 100% !important;
					margin: 0;
					padding: 5px 8px 4px 8px !important;
					display: inline;
					float: left;
				}

				.no-more-first,
				.no-more-last {
					width: auto;
					color: #AAA !important;
					background-color: #D8D6D7 !important;
					line-height: 100% !important;
					margin: 0;
					padding: 5px 8px 4px 8px !important;
					display: inline;
					float: left;
				}

					.no-more-first {
						-moz-border-top-left-radius: 4px !important;
						-moz-border-bottom-left-radius: 4px !important;
						-webkit-border-top-left-radius: 4px !important;
						-webkit-border-bottom-left-radius: 4px !important;
						border-top-left-radius: 4px !important;
						border-bottom-left-radius: 4px !important;
					}

					.no-more-last {
						-moz-border-top-right-radius: 4px !important;
						-moz-border-bottom-right-radius: 4px !important;
						-webkit-border-top-right-radius: 4px !important;
						-webkit-border-bottom-right-radius: 4px !important;
						border-top-right-radius: 4px !important;
						border-bottom-right-radius: 4px !important;
					}

				#content-sub .nine>.news:nth-of-type(4) {margin-bottom: 37px;}


	/* #SEARCH RESULT LIST
	=========================== */

	.search-result {
		width: 100%;
		margin: 0 0 30px 0;
		padding: 0;
		display: inline;
		float: left;
	}

		p.search-info {
			color: #666;
			font-size: 90%;
			margin: -8px 0 12px 0 !important;
		}


	/* #KONTAKT GOOGLE MAP
	=========================== */

	.nine iframe {
		width: 100%;
		height: 340px;
		border: 0;
		margin: 8px 0 0 0;
		padding: 0;
	}

	.nine #socialshareprivacy iframe {
		width: auto;
		height: auto;
		border: 0;
		margin: 0;
		padding: 0;
	}

	/* .nine .dummy_btn iframe#___plusone_0 {margin: 3px 0 0 0;} */

	/* #SITEMAP
	=========================== */

	ul#sitemap {
		width: 270px;
		margin: 0;
		padding: 0;
		display: inline;
		float: left;
	}

		ul#sitemap a,
		ul#sitemap a:link,
		ul#sitemap a:visited {
			color: #1A181B;
			background-color: transparent;
			width: 270px;
			font-size: 18px;
			font-weight: 700;
			line-height: 30px;
			margin: 0;
			padding: 0 0 50px 0;
			border-top: 3px solid #294C74;
			text-transform: uppercase;
			letter-spacing: 0;
			text-decoration: none;
			display: inline;
			float: left;
		}

		ul#sitemap a:hover,
		ul#sitemap a:active,
		ul#sitemap a:focus {
			color: #1A181B;
			background-color: transparent;
			text-decoration: underline;
		}

			ul#sitemap ul {
				width: 620px;
				border-top: 1px dashed #CCC;
				margin: -81px 0 0 350px;
				padding: 0 0 40px 0;
				display: inline;
				float: left;
			}

				ul#sitemap ul li {
					width: 186px;
					margin: 0 20px 0 0;
					padding: 2px 0 0 0;
					display: inline;
					float: left;
				}

					ul#sitemap ul li a,
					ul#sitemap ul li a:link,
					ul#sitemap ul li a:visited {
						color: #008ADD;
						font-size: 100% !important;
						background: transparent 0;
						margin: 0;
						padding: 0;
						font-weight: 300;
						text-transform: inherit;
						border: 0;
						outline: 0;
						-webkit-transition: 0.6s ease;
						-moz-transition: 0.6s ease;
						-ms-transition: 0.6s ease;
						-o-transition: 0.6s ease;
						transition: 0.6s ease;
						-moz-border-radius: 4px;
						-webkit-border-radius: 4px;
						border-radius: 4px;
						text-decoration: underline;
					}

					ul#sitemap ul li a:hover,
					ul#sitemap ul li a:active,
					ul#sitemap ul li a:focus {
						color: #1A181B;
						background: #FFF 0;
						text-decoration: none;
					}


/* #FOOTER
================================================== */

.footer {
	background-color: #EFF1F4;
	padding: 40px 0 28px 5px;
	border-top: 1px solid #D6D6D7;
}


	/* line bottom */

	.line-bottom {
		width: 1131px !important;
		border-top: 5px solid #A6B7CA;
		margin: 6px 0 -10px -5px !important;
		padding: 0 !important;
	}

/* #FORMULAR
================================================== */

.form_element {
		color: #294C74;
		font-weight: 700;
		margin-top: 5px;
	}

	.form_element label  {
		color: #444444 !important;
		font-weight: 300 !important;
	}

		.form_element input[type="text"] {
			font-family: Source Sans Pro,Helvetica,Arial,sans-serif;
			font-size: 100%;
			font-weight: 400;
			border: 1px solid #BBB;
			border-radius: 5px;
			background: #FFF;
			padding: 6px;
			margin: 0 0 15px 0;
			cursor: pointer;
		}

			.form_element input[type="text"]:hover,
			.form_element input[type="text"]:active,
			.form_element input[type="text"]:focus {
				font-family: Source Sans Pro,Helvetica,Arial,sans-serif;
				font-size: 100%;
				border: 1px solid #000;
				border-radius: 5px;
				background: #EFF1F4;
				padding: 6px;
				margin: 0 0 15px 0;
			}

		.form_element input[type="checkbox"] {
			font-size: 100%;
			border: 1px solid #BBB;
			background: #FFF;
			padding: 6px;
			margin: 0 5px 0 0;
			cursor: pointer;
		}

		.form_element input[type="submit"]	{
			font-family: Source Sans Pro,Helvetica,Arial,sans-serif;
			font-size: 100%;
			border: 1px solid #BBB;
			border-radius: 5px;
			background: #FFF;
			padding: 6px;
			margin: 0 0 15px 0;
			cursor: pointer;
		}

			.form_element input[type="submit"]:hover,
			.form_element input[type="submit"]:active,
			.form_element input[type="submit"]:focus {
				font-family: Source Sans Pro,Helvetica,Arial,sans-serif;
				font-size: 100%;
				border: 1px solid #000;
				border-radius: 5px;
				background: #EFF1F4;
				padding: 6px;
				margin: 0 0 15px 0;
			}

/* #SOCIAL SHARES
================================================== */

.social_share_privacy_area.line li .dummy_btn {margin: -3px 20px 0 10px !important;}

#socialshareprivacy ul,
#socialshareprivacy ul li {
	font-family: Arial, sans-serif;
	list-style: none;
}

strong {font-weight: bold;}

/* #DEFAULTS
================================================== */

html #cboxDeu:focus, #cboxDeu:active { border: 3px solid #fff !important;}



@media screen and (max-width: 999px) {

            #content-sub div.csc-textpic-intext-right .csc-textpic-imagewrap {width: 100%; text-align: center !important; margin-bottom: 10px;}

            #content-sub div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {margin-left: 10%;}

             #content-sub div.csc-textpic-intext-right .csc-textpic-imagewrap {float: none !important;}

}