@charset "UTF-8";

@import url("css/infoportal.css");
@import url("css/extranet.css");
@import url("css/extranet_katschutz.css");
@import url("css/extranet_schulamt.css");

/*
#	STYLES FUER DIE WEBSITE DES KREISES
*/

/*  -----------------------------------------------------------------------------------------
#	RESET
#
#	------------------------------------------------------------------------------------------ */

		html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
			margin:0;
			padding:0;
			}

		code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext {
			font: inherit;
			font-size: 1em;
			white-space: normal;
			color: inherit;
			}

		dfn, i, cite, var, address, em {
			font-style: normal;
			}

		th, b, strong, h1, h2, h3, h4, h5, h6 {
			font-weight: normal;
			}

		a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table {
			border: none;
			}

		a {
			color: inherit;
			text-decoration: none;
			}

		table {
			border-collapse: collapse;
			border-spacing: 0;
			}

		caption, th, td, center {
			text-align: left;
			vertical-align: top;
			}

		body {
			line-height: 1;
			background: white;
			color: black;
			}

		q {
			quotes: "" "";
			 }

		dir, menu {
			list-style: none;
			}

		/* sub, sup {
			vertical-align: baseline;
		} */


		font {
			color: inherit !important;
			font: inherit !important;
			color: inherit !important;
			}

		marquee {
			overflow: inherit !important;
			}

		blink {
			text-decoration: none;
			color: inherit;
			}

		nobr {
			white-space: normal;
			}

		input, select {
			vertical-align:middle;
			}

		/* dealing with firefox */

		button::-moz-focus-inner,
		input[type="button"]::-moz-focus-inner,
		input[type="submit"]::-moz-focus-inner,
		input[type="reset"]::-moz-focus-inner {
			padding: 0 !important;
			border: 0 none !important;
			}


		/* Make webkit font rendering a bit lighter */

		html {
			-webkit-font-smoothing: antialiased;
			}


		/* ---------- HTML5 ---------- */

		article,aside,details,figcaption,figure,
		footer,header,hgroup,menu,nav,section {
			display:block;
			}


		/* ---------- nuetzlich ---------- */

		.clear {
			clear: both;
			height: 0;
			overflow: hidden;
			line-height: 0;
			font-size:0;
			border: 0;
			outline: 0;
			}

		.clearfix:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
			}

		.clearfix {
			display: block;
			}


/*  ---------------------------------------------------------------
#	BASICS
#
#	---------------------------------------------------------------*/

		/* egotec: Im Editor immer grauen Hintergrund verwenden*/
		html {
			background-color: #cecece;
			background-image: none;
			}

		/* egotec: Hintergrund nur für Pinneberg */
		/* Ulrich: alte Hintergrundfarbe: bbdc83 */

		html#pinneberg {
			/*background: #d8e8c2 url(img/kreisws-top-bg.png) top center repeat-x;*/
			background: #d8e8c2 top center repeat-x;
			}

		html#Klimaschutz {
			background: #aed7f5 top center repeat-x;
		}

		html#Klimaschutz.karriereportal {
			background: #F2F2F2 top center repeat-x !important;
		}



body {
			margin: 0 auto;
			font: normal 14px/22px Helvetica, Arial, sans-serif;
			color: rgb(51,51,46);
			width: 970px;
			padding: 0 10px;
			background: url(img/body-bg.png) top center repeat-y;
			}

		a:hover {
			color: #FF5100;
			}
		
		#inhalt p {
			margin-top: 16px;
			margin-bottom: 16px;
		}

		#inhalt a {
			color: #FF5100;
			text-decoration: none;
			}

		#inhalt a:hover {
			text-decoration: underline;
		}

		#Klimaschutz h1, #Klimaschutz h2, #Klimaschutz h3, #karriereportal h1, #karriereportal h2, #karriereportal h3 {
			color: #2e6b8a;
		}
		
		#Klimaschutz .service.box h1, #Klimaschutz .service.box h2, #Klimaschutz .service.box h3, #karriereportal .service.box h1, #karriereportal .service.box h2, #karriereportal .service.box h3 {
			color: #FFFFFF;
		}
		
		h1 {
			color: #006400;
			font-size: 22px;
			font-weight: bold;
			margin-bottom: 22px;
			line-height: 1.5;
			}

		h2 {
			font-weight: normal;
			font-size: 20px;
			margin-bottom: 9px;
			color: #006400;
			}

		h3 {
			font-weight: bold;
			font-size: 16px;
			color: #006400;
			margin-bottom: 9px;
			}

		h4 {
			font-weight: bold;
			font-size: 14px;
			color: rgb(51,51,46);
			}

		h5 {
			font-weight: bold;
			font-size: 14px;
			color: rgb(81,81,76);
			}

		h6 {

			}

		/*
		a:hover,
		a:focus {
			text-decoration: underline;
			}
		*/

		ul,
		ol {
			padding-bottom: 11px;
			}

				ul ul,
				ol ol,
				ul ol,
				ol ul {
					padding-left: 15px;
					}

		em {
			font-style: italic;
			}

		strong {
			font-weight: bold;
			}

		strike {
			text-decoration: line-through;
			}

		ins {
			font-style: italic;
			}

		table {
			width: 100% !important;
			margin: 9px 0 18px;
			border: 0 !important;
			}

			table td,
			table thead,
			table tfoot {
				font: inherit;
				padding: 6px 0 6px 8px;
				border-bottom: 1px solid #aaa;
				border-collapse: collapse;
				}

				table thead td {
					padding: 7px 0 6px 8px;
					background: rgb(235,235,235);
					-moz-border-radius-topleft: 5px;
					-moz-border-radius-topright: 5px;
					-moz-border-radius-bottomright: 0px;
					-moz-border-radius-bottomleft: 0px;
					-webkit-border-radius: 5px 5px 0px 0px;
					border-radius: 5px 5px 0px 0px;
					}

		table + p,
		table + h2,
		table + h3,
		table + h4,
		table + h5,
		table + h6 {
			padding-top: 11px
			}

/*  ---------------------------------------------------------------
#	HEADER
#
#	---------------------------------------------------------------*/


		#header {
			width: 970px;
			position: relative;
			height: 140px;
			}

			.metrologo {
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 140px;
				height: 20px;
				background: url(img/metroregion-logo-header.png) transparent no-repeat top left;
				z-index: 10;
				}

			.pi-logo {
				display: block;
				position: absolute;
				top: 50px;
				left: 360px;
				width: 253px;
				height: 65px;
				background: transparent url(img/kreisPI-logo-header.png) no-repeat top left;
				z-index: 11;
				}

			#header img {
				position: absolute;
				top:0;
				left:0;
				z-index: 1;
				}

			#header form {
				position: absolute;
				top:0;
				right:20px;
				z-index: 5;
				width: 238px;
				padding: 5px 5px 7px 15px;
				background: white;
				border-bottom-left-radius: 4px;
				border-bottom-right-radius: 4px;
				}

			#header form p {
				height: 29px;
				margin: 0;
				position: relative;
				font-size: 13px;
				color: rgb(100,100,95);
				}

			#header form label {
				position: absolute;
				left: 0;
				top: 5px;
				z-index: -5;
				}

			#header-suche-suchbegriff {
				width: 190px;
				height: 29px;
				border: none;
				margin-right: 10px;
				background: none;
				}

			#header-suche-submit {
				border: none;
				width: 31px;
				height: 29px;
				background: url(img/suche-button.png) no-repeat center center;
				cursor: pointer;
				}



/*  ---------------------------------------------------------------
#	TOPNAVIGATION
#
#	---------------------------------------------------------------*/

		#Klimaschutz ul#topnavigation, #karriereportal ul#topnavigation {
			background: url(img/klima_topnavigation_bg.png);
		}


		ul#topnavigation {
			background: url(img/topnavigation_bg.png);
			width: 930px;
			height: 43px;
			list-style-type: none;
			padding: 0 20px;
			}

		ul#topnavigation li {
			float: left;
		/*  border-right: 1px solid #004600; */
			position: relative;
			}

			/*
			ul#topnavigation li:first-child {
				border-left: 1px solid #004600;
				}
			*/
				ul#topnavigation li a {
					display: block;
					color: white;
					height: 34px;
					padding: 9px 9px 0 9px;
					text-decoration: none;
					}

					ul#topnavigation li a:hover {
						text-decoration: none;
						}

					ul#topnavigation li a span {
						display: block;
						border-radius: 3px;
						padding: 2px 8px 1px 8px;
						}

					ul#topnavigation .current span {
						background: #FF5100;
						}

					ul#topnavigation li:hover {
					/*  background: rgb(0,130,10); */
						}

						ul#topnavigation li:hover span {
							background: #FF5100;
							}

			#Klimaschutz ul#topnavigation ul, #karriereportal ul#topnavigation ul {
				background: rgb(46,107,138) repeat-x bottom center;
			}


			ul#topnavigation ul {
				display: none;
				padding: 0 15px;
				background: rgb(0,100,0) repeat-x bottom center;
				position: absolute;
				top: -1000px;
				min-width: 200px;
				-webkit-border-bottom-right-radius: 4px;
				-webkit-border-bottom-left-radius: 4px;
				-moz-border-radius-bottomright: 4px;
				-moz-border-radius-bottomleft: 4px;
				border-bottom-right-radius: 4px;
				border-bottom-left-radius: 4px;
				z-index: 100;
			}

				ul#topnavigation ul li {
					border-bottom: 1px solid rgb(0,150,0);
					list-style-type: none;
					float: none;
					padding: 0 0 0 1em;
					font-size: 13px;
					margin: 0 0 5px 0;
				}

				#Klimaschutz ul#topnavigation ul li, #karriereportal ul#topnavigation ul li {
					border-bottom: 1px solid rgb(0,0,150);
				}

					ul#topnavigation ul li:hover {
						background: none;
					}

					ul#topnavigation ul li a {
						text-indent: -1em;
						color: white;
						padding: 0 0 7px 0;
						height: auto;
						background: none;
					}

						ul#topnavigation ul li a:hover {
							color: #FF5100;
							text-decoration: underline;
						}


			ul#topnavigation li:hover ul {
				display: block;
				top: 43px;
			}

			ul#topnavigation li.intranet {
				float: right;
			/*  border-left: 1px solid #004600; */
				padding-left: 10px
			}

			ul#topnavigation li.intranet a {
				background: url(img/schloss.png) no-repeat center left;
				height: 32px;
				padding: 11px 12px 0 20px;
				}

				ul#topnavigation li.intranet a:hover {
					background: url(img/schloss-hover.png) no-repeat center left;
					color: #FF5100;
					}




/*  ---------------------------------------------------------------
#	CONTENTBEREICH
#
#	---------------------------------------------------------------*/


		.main{
			background: white;
			width: 970px;
			padding-bottom: 44px;
			}

		.box {
			border-radius: 4px;
			margin-bottom: 25px;
			}



/*  ---------------------------------------------------------------
#	SIDEBAR
#
#  ---------------------------------------------------------------*/


	.sidebar {
		width: 285px;
		float: left;
		font-size: 13px;
		margin-left: 25px;
		}

	/* auf der Startseite ist die Sidebar rechts */
	#start .sidebar {
		float: right;
		margin-left: 0;
		margin-right: 25px;
		}

		.sidebar h3 {
			font-size: 14px;
			text-transform: uppercase;
			letter-spacing: 1px;
			margin-bottom: 8px;
			font-weight: normal;
			color: white;
			}

		.sidebar-navigation ul,
		.schnellzu-navigation ul {
			list-style-type: none;
			}

			.schnellzu-navigation ul li a:before {
				content: "\00BB \0020";
				}

			.sidebar-navigation .active > a {
				margin-bottom: 0;
				}

			.sidebar-navigation .level1 li:first-child ul li, .sidebar-navigation .level2 li:first-child ul li, .sidebar-navigation .level3 li:first-child ul li,
			.sidebar-navigation .level4 li:first-child ul li, .sidebar-navigation .level5 li:first-child ul li, .sidebar-navigation .level6 li:first-child ul li,
			.sidebar-navigation .level7 li:first-child ul li {
				/*border-top: 1px solid #AAA;*/
			}


			.sidebar-navigation .level1 li, .sidebar-navigation .level1 li ul li, .sidebar-navigation .level2 li, .sidebar-navigation .level3 li, .sidebar-navigation .level4 li,
			.sidebar-navigation .level5 li, .sidebar-navigation .level6 li, .sidebar-navigation .level7 li {
				/*border-top: 1px solid #AAA;*/
			}

			.sidebar-navigation .level1 li:first-child ul li:first-child, .sidebar-navigation .level1 li:first-child,
			.sidebar-navigation .level2 li:first-child ul li:first-child, .sidebar-navigation .level2 li:first-child,
			.sidebar-navigation .level3 li:first-child ul li:first-child, .sidebar-navigation .level3 li:first-child,
			.sidebar-navigation .level4 li:first-child ul li:first-child, .sidebar-navigation .level4 li:first-child,
			.sidebar-navigation .level5 li:first-child ul li:first-child, .sidebar-navigation .level5 li:first-child,
			.sidebar-navigation .level6 li:first-child ul li:first-child, .sidebar-navigation .level6 li:first-child,
			.sidebar-navigation .level7 li:first-child ul li:first-child, .sidebar-navigation .level7 li:first-child {
				border-top: none;
			}

			.sidebar-navigation .level1 li a {
				padding-left: 0px;
				margin-left: 15px;
				margin-right: 15px;
				border-bottom: 1px solid #AAA;
			}

			.sidebar-navigation ul li a {
				display: block;
				padding: 4px 1em 4px 2em;
				color: white;
			}

				.sidebar-navigation ul ul li a {
					color: rgb(51,51,46);
				}

				.level4 .active a {
					margin-bottom: 0;
				}

				.sidebar-navigation ul li,
				.schnellzu-navigation ul li {
					text-indent: 0;
					}

				.sidebar-navigation ul ul {
					background: rgb(220,220,216);
					color: rgb(81,81,76);
					padding: 0 0 0 0;
				}

					.sidebar-navigation ul ul ul {
						background: #eeeeea;
						padding: 0 0 0 0;
						}

						.sidebar-navigation ul ul ul ul {
							background: white;
							padding: 0 0 0 0;
							}

			.schnellzu-navigation ul li a {
				color: white;
				padding-left: 1em;
				}

			.schnellzu-navigation ul li a:hover,
			.sidebar-navigation ul li a:hover {
				color: #FF5100;
				}

			.sidebar-navigation ul li .current {
				color: #FF5100;
				}

	.sidebar-navigation {
		width: 285px;
		padding-top: 0px;
		background: rgb(81,81,76);
		color: white;
		}

	.schnellzu-navigation {
		width: 270px;
		padding: 15px 15px 0 0;
		background: url(img/schnellzunav-bg.png) bottom center no-repeat;
		color: white;
		}

		.schnellzu-navigation h3 {
			margin-left: 15px;
			}


/*  ---------------------------------------------------------------
#	FOOTER
#
#	---------------------------------------------------------------*/


		#footer {
			width: 890px;
			padding: 50px 40px 20px 40px;
			background: rgb(51,51,46);
			position: relative;
			font-size: 12px;
			color: rgb(150,150,146)
			}

			#footer img {
				position: absolute;
				top: -19px;
				left: 400px;
				}

			#footer ul li,
			#footer ul {
				list-style: none;
				}

				#footer ul li a {
					color: rgb(150,150,146)
				}

			#footer .toplink {
				display: block;
				background: white url(img/toplink-pfeil.png) no-repeat 5px center;
				color: rgb(51,51,46);
				padding: 4px 10px 3px 20px;
				border-radius: 3px;
				width: 110px;
				margin-bottom: 16px;
				text-align: right;
				text-decoration: none;
				}

				#footer .toplink:hover {
					color: #FF5100;
					background: white url(img/toplink-pfeil-hover.png) no-repeat 5px center;
					}

			#footer h4 {
				color: #88D900;
				font-size: 12px;
				font-weight: normal;
				letter-spacing: 1px;
				margin-bottom: 8px;
				text-transform: uppercase;
				}

			#footer div.wrapper {
				float: left;
				width: 210px;
				padding-right: 20px;
				}

			 #footer div:first-child {
				width: 170px;
				padding-right: 20px;
				}


/*  ---------------------------------------------------------------
#	STARTSEITE
#
#	---------------------------------------------------------------*/


	/* ---- Im Blickpunkt / News Slider ---- */

	#blickpunkt {
		background: #E9E7E5;
		padding: 20px 30px;
		width: 910px;
		margin-bottom: 20px;
		}

		#blickpunkt-slider {
			width: 910px;
			height: 235px;
			overflow: hidden;
			position: relative;
			margin-bottom: 20px;
			padding-bottom: 0;
			}

			.panel {
				display: block;
				float: left;
				}

			#blickpunkt-slider .item {
				width: 220px;
				height: 235px;
				position: relative;
				overflow: hidden;
				float: left;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				-o-border-radius: 4px;
				border-radius: 4px;
				margin-right: 10px;
				}

			#blickpunkt-slider .item:last-child {
				margin-right: 0;
				}

				#blickpunkt-slider .panel .lastchild {
					margin-right: 0px;
				}

					#blickpunkt-slider .item div {
						display: block;
						width: 190px;
						position: absolute;
						z-index: 10;
						height: 350px;
						top: 135px;
						background-color: rgb(81,81,76);
						padding: 10px 15px;
						}

						#blickpunkt-slider .item div h3 {
							font-size: 14px;
							color: white;
							line-height: 20px;
							margin-bottom: 10px;
							font-weight: normal;
							}

						#blickpunkt-slider .item div p {
							font-size: 12px;
							color: white;
							line-height: 18px;
							display: none;
							opacity: 0;
							margin-bottom: 9px;
							}

							#blickpunkt-slider .item div a {
								color: rgb(255, 81, 0);
								}

								#blickpunkt-slider .item div a:hover {
									text-decoration: underline;
									}


					#blickpunkt-slider .item img {
						position: absolute;
						z-index: 1;
						}

		.coda-slider-wrapper { clear: both; overflow: auto }
		.panel-container { position: relative }



		/* ---- Blickpunkt Navigation ---- */

		.blickpunkt-slider-nav {
			margin: 0 auto;
			padding: 6px 2px;
			width: 338px;
			text-align: center;

			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-o-border-radius: 4px;
			border-radius: 4px;
			}

			.blickpunkt-slider-nav li {
				display: inline-block;
				margin: 0 5px;
				}


			.blickpunkt-slider-nav .current {
				color: white;
				background-color: rgb(61,61,61);
				}

			.blickpunkt-slider-nav li a {
				display: block;
				text-align: center;
				padding: 5px 10px;
				font-weight: bold;
				font-size: 12px;
				background-color: none;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				-o-border-radius: 3px;
				border-radius: 3px;
				cursor: pointer;
				color: rgb(61,61,61);
				}

					.blickpunkt-slider-nav a:hover {
						background-color: rgb(255,81,0);
						color: white;
						text-decoration: none;
						}


	/* ---- Allgemeinvorgaben für die folgenden Boxen---- */


	.tourismus ul,
	.projekte ul,
	.service ul,
	.kontaktteaser ul {
		list-style-type: none;
		}

	.tourismus ul li a:hover,
	.projekte ul li a:hover,
	.service ul li a:hover,
	.kontaktteaser ul li a:hover {
		color: #FF5100;
		}


	/* ---- Banner Ausbau A7 ---- */

	.ausbauA7 {
		background: url(img/A7-Autobahn-Ausbau_imagesmall.png) no-repeat bottom left;
		padding: 20px 20px 20px 130px;
		width: 135px;
		height: 107px;
		color: white;
	}

	.ausbauA7 h3 {
		margin-left: -32px;
	}

	.ausbauA7 ul {
		list-style-type: none;
	}

	.ausbauA7 ul li:before {
		content: "» ";
		margin-left: -25px;
	}

	/* ---- Buergerservice Box ---- */

	#Klimaschutz .service, #karriereportal .service {
		background: rgb(230,230,226) url(img/klima_box-header-gruen.png) repeat-x top center;
	}

	.service {
		width: 570px;
		background: rgb(230,230,226) url(img/box-header-gruen.png) repeat-x top center;
		position: relative;
		margin-left: 25px;
		padding: 11px 20px 20px 20px;
		float: left;
		}

		.service h3 {
			height: 27px;
			color: white;
			font-weight: normal;
			text-transform: uppercase;
			letter-spacing: 2px;
			margin-bottom: 20px;
			font-size: 14px;
			}

		.service ul.bereiche {
			width: 280px;
			}

			.service ul.bereiche li {
				padding-bottom: 10px;
				margin-left: 1em;
				text-indent: -1em;
				}

			.service ul.bereiche li:before {
				content: "\00BB \0020";
				}

		.service .texte {
			width: 300px;
			position: absolute;
			top: 50px;
			right: 20px;
			}

			.service .texte li {
				width: 260px;
				padding: 20px;
				position: absolute;
				background: white;
				border-radius: 4px;
				display: none;
				}

			.service .texte h3 {
				color: rgb(0,100,0);
				margin: 0;
				}



	/* ---- Projekte der Kreisverwaltung Box ---- */


	.projekte {
		width: 570px;
		background: rgb(230,230,226) url(img/box-header-gruen.png) repeat-x top center;
		margin-left: 25px;
		padding: 11px 20px 20px 20px;
		float: left;
		}

		.projekte h3 {
			height: 27px;
			color: white;
			font-weight: normal;
			text-transform: uppercase;
			letter-spacing: 2px;
			margin-bottom: 20px;
			font-size: 14px;
			}

		.projekte ul li {
			margin-bottom: 20px;
			}

		.projekte ul li a {
			display: block;
			clear: both;
			}

		.projekte ul li a img {
			float: left;
			margin-bottom: 20px;
			}

		.projekte ul li h5 {
			color: rgb(0,100,0);
			margin-bottom: 9px;
			margin-left: 80px;
			}

		.projekte ul li p {
			margin-left: 80px;
			}

		.projekte ul li a:hover h5,
		.projekte ul li a:hover p {
			color: #FF5100;
			}


	/* ---- Kontakt und Oeffnungszeiten ---- */

	.kontaktteaser {
		background: url(img/box-kontakt-bg.png) no-repeat bottom left;
		padding: 20px 20px 20px 130px;
		width: 135px;
		color: white;
		}


	/* ---- Linksammlung zum Thema Tourismus ---- */

	.tourismus {
		width: 285px;
		background: url(img/box-tourismus-bg.jpg) no-repeat top left;
		padding-bottom: 20px;
		}

		.tourismus h3 {
			padding: 20px 0 20px 20px;
			}

		.tourismus ul {
			background: white;
			border-radius: 4px;
			padding: 5px 10px;
			width: 230px;
			margin-left: 20px;
			}
		.tourismus li {
			margin: 5px 0;
			}

		.tourismus ul li a:before {
			content: "\00BB\0020";
			}




/*  ---------------------------------------------------------------
#	ARTIKEL
#
#	---------------------------------------------------------------*/


	/* ---- Brotkruemelnavigation ---- */

	ul#breadcrumbs {
		width: 940px;
		list-style-type: none;
		font-size: 12px;
		padding: 15px 20px 15px 15px;
		}

		ul#breadcrumbs li {
			padding: 0 0 0 10px;
			height: 20px;
			display: inline;
			}

			ul#breadcrumbs li:after {
				content: "\003E\0020\0020\0020";
				font-size: 12px;
				color: rgb(158,158,153);
				}

			ul#breadcrumbs li:last-child:after {
				content: "";
				}

			ul#breadcrumbs li a {
				color: rgb(158,158,153);
				margin-right: 10px;
				}

				ul#breadcrumbs li a:hover {
					color: #FF5100;
					}

				ul#breadcrumbs li.home img {
					display: inline;
					}


	/* ---- Drucken / Artikel als PDF ---- */

	ul.artikelmeta {
		width: 580px;
		border-bottom: 1px solid rgb(181,181,176);
		margin-bottom: 22px;
		padding: 0;
		list-style: none;
		}

		ul.artikelmeta li {
			float: right;
			padding: 0 0 0 20px !important ;
			font-size: 12px;
			margin-bottom: 4px;
			}


		ul.artikelmeta .pdf {
			background: transparent url(img/pdf-small.png) no-repeat center left;
			margin-left: 30px !important;
			}

		ul.artikelmeta .print {
			background: transparent url(img/print-small.png) no-repeat center left;
			}

		ul.artikelmeta .pdf:hover {
			background: transparent url('img/pdf-small-hover.png') no-repeat center left;
			}

		ul.artikelmeta .print:hover {
			background: transparent url('img/print-small-hover.png') no-repeat center left;
			}


	/* ---- Inhalt - Artikel ---- */

	#inhaltwrapper {
		width: 580px;
		float: right;
		margin-right: 40px;
		}

		#inhalt {
			width: 580px;
			margin-bottom: 40px;
			}



/*  ---------------------------------------------------------------
#	SUCHE
#
#	---------------------------------------------------------------*/


	.suche-sidebar {
		background: rgb(230,230,226) url(img/box-header-gruen.png) repeat-x top center;
		padding: 11px 15px 15px;
		}

	#suche-sidebar-form {
		display: block;
		}

	#suche-sidebar-form ul,
	#suche-sidebar-form fieldset {
		display: block;
		}

	#suche-sidebar-form fieldset {
		padding: 8px 0 12px 0;
		}

	#suche-sidebar-form fieldset input[type="text"]{
		background: rgb(253,253,253) url('../img/input_bg.png') repeat-x bottom left;
		border-top: 2px solid rgb(23,23,23);
		border-bottom: 1px solid rgb(153,153,153);
		border-left: 1px solid rgb(153,153,153);
		border-right: 1px solid rgb(153,153,153);
		padding: 8px 4px;
		font: normal 12px/18px Arial, sans-serif;
		width: 245px;
		}

	#suche-sidebar-form fieldset p {
		font: normal 12px/18px Arial, sans-serif;
		padding: 0;
		background: none !important;
		}

	#suche-sidebar-form .suchbegriff label {
		font: normal 12px/18px Arial, sans-serif;
		display: block;
		}

	#suche-sidebar-form ul {
		list-style-type: none;
		}

	#suche-sidebar-form .kategorien {
		border-top: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
		}

	#suche-sidebar-form ul li {
		padding: 8px 0;
		font: normal 12px/18px Arial, sans-serif;
		}

	#suche-sidebar-form ul li label {
		margin-left: 15px;
		}


	/* --- Suchergebnisliste --- */

	.ergebnisliste {
		margin-bottom: 18px;
		list-style-type: none;
		}

		#inhalt .ergebnisliste {
			border-top: 1px solid #AAAAAA;
			padding-top: 10px;
			}

		#inhalt .ergebnisliste li {
		border-bottom: 1px solid #AAAAAA;
		margin-bottom: 8px;
		margin-left: 0;
		padding: 10px 0 10px 32px;
		text-indent: 0;
		}

			/* Icons nach Kategorie des Suchergebnisses */

			#inhalt .ergebnisliste li.kontakt {
				background: transparent url(img/suche_icon_kontakt.png) no-repeat left 11px;
				}

			#inhalt .ergebnisliste li.doc {
				background: transparent url(img/suche_icon_doc.png) no-repeat left 8px;
				}

			#inhalt .ergebnisliste li.artikel {
				background: transparent url(img/suche_icon_artikel.png) no-repeat left 8px;
				}

			#inhalt .ergebnisliste li.media {
				background: transparent url(img/suche_icon_media.png) no-repeat left 8px;
				}

			#inhalt .ergebnisliste li.img {
				background: transparent url(img/suche_icon_img.png) no-repeat left 10px;
				}


		#inhalt .ergebnisliste li h3 {
			margin-bottom: 0;
			font-size: 14px;
			margin-bottom: 9px;
			}

		#inhalt .ergebnisliste li a {
			display: block;
			text-decoration: none;
			}

			#inhalt .ergebnisliste li a p {
			color: rgb(51,51,46);
			}

		#inhalt .ergebnisliste li a:hover {
			color: rgb(255,81,0);
			}

		#inhalt .ergebnisliste li a:hover h3,
		#inhalt .ergebnisliste li a:hover p {
			color: rgb(255,81,0);
			}



/*  -----------------------------------------------------------------------------------------
#	BLOCKS
#
#	### UPDATE NOTWENDIG ###
#
#	------------------------------------------------------------------------------------------- */


	#inhaltwrapper .block_struktur_einheit {
		display: block;
		padding: 9px 18px;
		margin-bottom: 18px;
		background: rgb(230,230,230);
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		border-radius: 5px;
		}

		#inhaltwrapper .block_struktur_einheit a {
			display: block;
			font-size: 12px;
			line-height: 18px;
			color: rgb(80,80,81);
			cursor: pointer;
			}

			#inhaltwrapper .block_struktur_einheit a:hover {
				text-decoration: none;
				color: rgb(255,81,0);
				}

				#inhaltwrapper .block_struktur_einheit .faux_headline {
					font: bold 16px/26px Arial,sans-serif !important;
					color: #006400 !important;
					margin-bottom: 9px;
					display: block;
					}

					#inhaltwrapper .block_struktur_einheit a:hover .faux_headline {
						color: rgb(255,81,0) !important;
						}


	#inhalt .block_downloads {
		border-top: 1px solid #aaa;
		padding: 15px 9px 0 35px;
		margin-bottom: 27px;
		background: transparent url('../media/block_icon_downloads.png') no-repeat 0 15px;
		}

	#inhalt .block_teamnews {
		border-top: 1px solid #aaa;
		padding: 15px 9px 0 35px;
		margin-bottom: 27px;
		background: transparent url('../media/block_icon_info.png') no-repeat 0 15px;
		}

	#inhalt .block_related {
		border-top: 1px solid #aaa;
		padding: 15px 9px 0 35px;
		margin-bottom: 27px;
		background: transparent url('../media/block_icon_mehrinfo.png') no-repeat 0 15px;
		}

	#inhaltwrapper .block_struktur_einheit h2,
	#inhaltwrapper .block_thema h2,
	#inhaltwrapper .block_downloads h2,
	#inhaltwrapper .block_related h2,
	#inhaltwrapper .block_teamnews h2 {
		font: bold 16px/26px Arial, sans-serif;
		}

		#inhaltwrapper .block_thema p,
		#inhaltwrapper .block_downloads p,
		#inhaltwrapper .block_related p,
		#inhaltwrapper .block_teamnews p {
			padding: 0;
			}

		#inhaltwrapper .block_thema li,
		#inhaltwrapper .block_downloads li,
		#inhaltwrapper .block_related li,
		#inhaltwrapper .block_teamnews li {
			padding: 0;
			}

	#inhaltwrapper .block_downloads h2,
	#inhaltwrapper .block_related h2,
	#inhaltwrapper .block_teamnews h2 {
		color: rgb(103,103,103);
		}

	#inhaltwrapper .block_downloads a,
	#inhaltwrapper .block_related a,
	#inhaltwrapper .block_teamnews a {
		cursor: pointer;
		}



/*  -----------------------------------------------------------------------------------------
#	MEDIALISTE
#
#
#	------------------------------------------------------------------------------------------- */


	/* --- Suchfelder zum Filtern von Listen / Box ueber Medialisten--- */

	.suche_einschraenken {
		background: rgb(235,235,235);
		padding: 10px 15px 5px;
		margin-bottom: 18px;
		position: relative;
		border-radius: 4px;
		}

		.suche_einschraenken h3 {
			color: rgb(80,80,81);
			line-height: 20px;
			margin-bottom: 9px;
			}

		.suche_einschraenken .inputwrapper {
			height: 25px;
			margin-bottom: 10px;
			position: relative;
			clear: both;
			}

		.suche_einschraenken .buttonwrapper {
			height: 25px;
			margin-bottom: 10px;
			position: relative;
			clear: both;
		}

		.suche_einschraenken p:last-child {
			border-top: 1px solid #aaa;
			padding-top: 10px;
			}

			.suche_einschraenken .inputwrapper label {
				position: absolute;
				left: 0;
				font-size: 12px;
				line-height: 18px;
				color: rgb(80,80,81);
				padding: 3px 0;
				}

			.suche_einschraenken .inputwrapper input[type="text"],
			.suche_einschraenken .inputwrapper select {
				padding: 3px 0;
				position: absolute;
				left: 100px;
				font-size: 12px;
				line-height: 18px;
				color: rgb(80,80,81);
			}


	/* --- Medialist - Liste von Dokumenten oder Links--- */

	.medialiste_wrapper {

		}

		.medialiste_content {
			border-bottom: #aaa solid 1px;
			padding-bottom: 9px;
			margin-bottom: 18px;
			}

				.medialiste_content ul li a span {
					color: rgb(153,153,153);
					text-decoration: none !important;
					}


/*  -----------------------------------------------------------------------------------------
#	ARTIKELVORSCHAU
#
#	Liste von Artikelteasern, u.a. bei Suchergebnissen oder Veröffentlichungen verwendet
#
#	------------------------------------------------------------------------------------------- */


	.artikelvorschau {
		margin-bottom: 18px;
		list-style-type: none;
		}


		.artikelvorschau li {
			border-bottom: 1px solid #AAAAAA;
			margin-bottom: 8px;
			margin-left: 0 !important;
			padding: 10px 0 10px 0;
			text-indent: 0 !important;
			}


		.artikelvorschau li img {
			float: left;
			}

		.artikelvorschau li a {
			display: block;
			position: relative;
			}

		#inhalt .artikelvorschau li a {
			color: rgb(81,81,76);
			text-decoration: none;
			display: block;
			position: relative;
			}

		.artikelvorschau li a:hover h3,
			.artikelvorschau li a:hover {
			color: #FF5100 !important;
		}

		.artikelvorschau li a:hover img {
			border-color: #FF5100 !important;
		}

		.artikelvorschau li a h4 {
			color: rgb(0,100,0);
			margin-bottom: 11px;
			}

		.artikelvorschau li a:hover h4,
		.artikelvorschau li a:hover p {
			color: rgb(255,81,0);
			}

		.artikelvorschau {
			border-top: 1px solid #AAAAAA;
			padding-top: 10px;
			}

		.artikelvorschau .kategorie,
		.artikelvorschau .datum {
			margin-top: 0 !important;
			margin-bottom: 5px !important;
			font-size: 12px;
			}

		.artikelvorschau .datum {
			position: absolute;
			top: 0;
			right: 0;
			}


/*  -----------------------------------------------------------------------------------------
#	PAGINIERUNG
#
#
#	----------------------------------------------------------------------------------------- */

				.paginierung {
					width: 580px;
					position: relative;
					margin-bottom: 18px;
					margin-top: 18px;
					height: 28px;
					}

				.paginierung a {
					text-decoration: none !important;
					}

					.paginierung .zurueck {
						width: 80px;
						position: absolute;
						left: 0;
						top: 0;
						text-align: center;
						width: 100px;
						}

					.paginierung .seiten {
						width: 380px;
						margin: 0 auto;
						text-align: center;
						line-height: 20px;
						}

						.paginierung .seiten a {
							display: inline-block;
							text-align: center;
							padding: 8px 10px;
							margin: 0 3px 6px 3px;
							font: bold 12px/12px Arial, sans-serif;
							-moz-border-radius: 3px;
							-webkit-border-radius: 3px;
							-o-border-radius: 3px;
							-ms-border-radius: 3px;
							border-radius: 3px;
							background: rgb(235,235,235);
							color: #3D3D3D !important;
							text-decoration: none !important;
							}

							.paginierung .seiten a:hover {
								text-decoration: none;
								color: white;
								font-weight: bold;
								background: rgb(255,81,0);
								}

							.paginierung .seiten a.active {
								color: white !important;
								font-weight: bold;
								background: rgb(255,81,0);
								}

					.paginierung .weiter {
						width: 80px;
						position: absolute;
						right: 0;
						top: 0;
						text-align: center;
						width: 100px;
						}


/*  -----------------------------------------------------------------------------------------
#	QUICKEDIT
#
#

	body .quickedit {
		background: rgb(240,240,240);
		overflow-x: auto;
		overflow-y: auto;
		position: fixed;
		top: 115px;
		right: 10px;
		width: 80px;
		text-align: right;
		padding: 10px;
		border: 1px solid #aaa;
		border-radius: 5px;
		}

	.quickedit a {
		text-decoration: none;
		font-size: 12px
		}

	.quickedit a:hover {
		background-color: #3169c5;
		color: #ffffff;
		font-weight: normal;
		text-decoration: none;
		}
#	------------------------------------------------------------------------------------------- */

/*  -------------------------------------------------------------------------------------------
#	ELEMENTE
#
#
#	--------------------------------------------------------------------------------------------


	/*---- default Button Kurz ----*/

		a.button_grau,
		#inhalt a.button_grau {
			font-size: 12px;
			line-height: 12px;
			width: 100px;
			padding-top: 8px;
			height: 20px;
			background: transparent url('img/button_grau.png') no-repeat;
			background-position: 0px 0px;
			color: white;
			font-weight: bold;
			display: block;
			text-align: center;
			}

			a.button_grau:hover,
			#inhalt a.button_grau:hover,
			a.button_grau:focus,
			#inhalt a.button_grau:focus {
				background-position: 0 -28px;
				text-decoration: none;
			}

			input.button_grau,
			#inhalt input.button_grau {
				font-size: 12px;
				line-height: 12px;
				width: 100px;
				height: 28px;
				background: transparent url('img/button_grau.png') no-repeat;
				background-position: 0px 0px;
				color: white;
				font-weight: bold;
				border: none;
				outline: none;
				}

				input.button_grau:hover,
				#inhalt input.button_grau:hover {
					background-position: 0 -28px;
					text-decoration: none;
					}


		/*---- default Button Lang ----*/

		a.button_grau_150,
		#inhalt a.button_grau_150 {
			font-size: 12px;
			line-height: 12px;
			width: 150px;
			padding-top: 8px;
			height: 20px;
			background: transparent url('../img/button_flach_grau_150.png') no-repeat;
			background-position: 0px 0px;
			color: white;
			font-weight: bold;
			display: block;
			text-align: center;
			}

			a.button_grau_150:hover,
			#inhalt a.button_grau_150:hover,
			a.button_grau_150:focus,
			#inhalt a.button_grau_150:focus {
				background-position: 0 -28px;
				text-decoration: none;
				}

			input.button_grau_150,
			#inhalt input.button_grau_150 {
				font-size: 12px;
				line-height: 12px;
				width: 150px;
				height: 28px;
				background: transparent url('../img/button_flach_grau_150.png') no-repeat;
				background-position: 0px 0px;
				color: white;
				font-weight: bold;
				border: none;
				outline: none;
				cursor: pointer;
				}

				input.button_grau_150:hover,
				#inhalt input.button_grau_150:hover {
					background-position: 0 -28px;
					text-decoration: none;
					}


		.button {
			display: block;
			width: 115px;
			height: 27px;
			text-align: center;
			display: block;
			background: transparent url('../img/default_button_sprite.png') no-repeat;
			background-position: 0px 0px;
			color: rgb(23,23,23);
			font: bold 12px/12px Arial, sans-serif;
			padding-top: 12px;
			}

			.button:hover {
				background-position: 0px -40px;
				color: white;
				}


		.button_black {
			text-align: center;
			font: normal 12px/18px Arial, sans-serif;
			cursor: pointer;
			width: 104px;
			height: 33px;
			background: transparent url('../img/button_80_bg.png') no-repeat;
			background-position: 0 0;
			border: 0;
			outline: 0;
			padding: 0;
			margin: 0;
			vertical-align: baseline;
			color: white;
			}

			.button_black:hover {
				background-position: 0 -33px;
				}


/*  -----------------------------------------------------------------------------------------
#	ANSPRECHPARTNER
#
#	------------------------------------------------------------------------------------------- */


	#ansprechpartner {
		background: rgb(220,220,215);
		width: 580px;
		margin-bottom: 40px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		border-radius: 4px;
		font-size: 12px;
		clear: both;
		}

	#ansprechpartner h2 {
		font: normal 14px/26px Arial, sans-serif;
		color: rgb(81,81,76);
		letter-spacing: 1px;
		padding: 5px 0 6px 20px;
		text-transform: uppercase;
		margin: 0;
		}

		#ansprechpartner .person {
			border-top: 1px solid #fff;
			padding: 20px 20px 10px 20px;
		}

			#ansprechpartner .funktion li {
				display: inline;
				margin: 0;
				}

			#ansprechpartner .funktion li:before {
				content: "\0020\003E\0020\0020\0020";
				font-size: 12px;
				color: rgb(0,100,0);
				}

			#ansprechpartner .funktion li:first-child:before {
				content: "";
				}

			#ansprechpartner .kontaktdaten {
				margin-bottom: 10px;
				}

				#ansprechpartner a {
					color: #FF5100;
					text-decoration: underline;
				}

			#ansprechpartner .kontaktdaten p,
			#ansprechpartner .funktion {
				font-size: 12px;
				line-height: 18px;
				color: rgb(81,81,76);
				}

			#ansprechpartner .section {
				padding: 0 0 12px 0px;
				line-height: 18px;
			}

				#ansprechpartner .section label {
					display: block;
					float: left;
					width: 80px;
					color: rgb(0,100,0);
				}

				#ansprechpartner .section span {
					display: block;
					float: left;
					width: 300px;
				}

			#ansprechpartner p {
				margin: 0;
				margin-bottom: 7px;
			}

			#ansprechpartner p span {
				color: rgb(0,100,0)
				}

		#ansprechpartner .person h3 {
			font: bold 14px/18px Arial, sans-serif;
			color: rgb(0,100,0);
			}

		#ansprechpartner .portrait {
			padding: 1px;
			border: 1px solid #aaa;
			float: right;
			margin: 0 0 0 20px;
			}
	#inhalt ul, #inhalt ol {
		margin-left: 14px;
	}	

	#inhalt li ul {
		margin-left: auto;
	}

	#inhalt ul.ergebnisliste {
		margin-left: auto;
	}
	
	.ego_gallery2 li p {
		padding-top: 5px;
		font-size: 10px;
		line-height: 14px;
	}

	.ego_gallery2 li {
		margin-right: 20px;
	}

	.ego_gallery2 a[rel=gallery] {
		border-radius: none !important;
	}	
}