/*

innerhalb eines Artikels:
p
--------	18px (vorher: 20px; soll: 20px) => wegen Typographie geändert (12px und 1,5 line height) (Standard)
p

p
--------	12px (vorher: 20px; soll: 12px) => okay (in Marios Email: Abstand A)
p.media


zwischen zwei Artikeln:

p
=======	36px	(vorher 38px; soll: 38px) => wegen Typographie geändert (12px und 1,5 line height) (Standard)
h2

p.mediaSet
=======	24px	(vorher 32px; soll: 18px) => da verstehe ich die Vorgabe/das Soll nicht. (vgl. meine Rückfrage per EMail...) (Abstand C)
h2

p
=========	18px 	(vorher 28px; soll: 18px) => okay (Abstand D)
p

p.mediaSet 
=======	12px (vorher 22px; soll: 12px) => okay (Abstand B)
p

*/

/*
	
	Änderungen wurden vorgenommen an:
		h2, 
		.eintrag_aktuell, 
		.eintrag_aktuell p, 
		p.mediaSet, 
		#hauptspalte

*/

body {
	margin-top:			20px;
	background-color:	#ffffff;
	font-size:			12px;
	font-family:		arial,helvetica,clean,sans-serif;
	color:				#333;
}

body * {
	line-height:		1.5em;
}

img {
	border:				none;
}

strong {
	font-weight:		bold;
}

ul {
	padding-left:		1.5em;
}

h1 {
	display:			none;
}

h2 {
	background:			#d2e6f3;
	color:				#02487f;
	padding:			0.3em 1em;
	/*margin:			 	0 0 10px 0;*/
	margin:			 	21px 0 10px 0;
	font-weight:		bold;
	font-size:			109%;
}

form, 
fieldset,
p {
	margin:				0;
	padding:			0;
}

select, 
input, 
textarea {
	font-size:			99%;
	font-family:		arial,helvetica,clean,sans-serif;
	line-height:		15px;
}

a:hover {
	text-decoration:	underline;
}

div#container {
	width:				940px;
	margin:				0px auto 0 auto;
}

div#header {
	position:			relative;
	width:				100%;
	height:				139px;
	margin:				0 0 10px 0;
	background-image:	url(background_kopf.gif);
	background-image:	url(background_kopf2.gif);
	background-position:bottom left;
	background-repeat:	no-repeat;
}

body#kontakt div#header {
	/* background-image:	url(background_kopf_kontakt.gif) !important; */
}

div#header img.position1 {
	position:			absolute;
	left:				0px;
	bottom:				0px;
}

div#header img.position2 {
	position:			absolute;
	left:				73px;
	bottom:				0px;
}

div#header img.position3 {
	position:			absolute;
	left:				146px;
	bottom:				0px;
}

div#header img.position4 {
	position:			absolute;
	left:				219px;
	bottom:				0px;
}

.banner-sixty { background:url(mini-banner.png) no-repeat bottom left; height:20px; padding-top:10px; overflow:hidden; text-indent:-9000px; }

/*
body#aktuell div#header,
body#aktuell_detail div#header {
	background:			url(seite_aktuell.jpg) bottom left no-repeat;
}

body#archiv div#header {
	background:			url(seite_archiv.jpg) bottom left no-repeat;
}

body#komitees div#header,
body#komitees_details div#header {
	background:			url(seite_komitees.jpg) bottom left no-repeat;
}

body#kontakt div#header {
	background:			url(seite_kontakt.jpg) bottom left no-repeat;
}

body#links div#header {
	background:			url(seite_links.jpg) bottom left no-repeat;
}

body#mitgliedschaft div#header {
	background:			url(seite_mitgliedschaft.jpg) bottom left no-repeat;
}

body#publikationen div#header {
	background:			url(seite_publikationen.jpg) bottom left no-repeat;
}

body#schwerpunkte div#header,
body#schwerpunkte_nachhaltigkeit div#header,
body#schwerpunkte_standards div#header {
	background:			url(seite_schwerpunkte_neu.jpg) bottom left no-repeat;
}

body#ueber_uns div#header,
body#ueber_uns_statuten div#header,
body#ueber_uns_vorstand div#header {
	background:			url(seite_ueber_uns.jpg) bottom left no-repeat;
}
*/

img#icom-schrift {
	position:			absolute;
	bottom:				0;
	width:				225px;
	float:				left;
	display:			block;
	padding-left:		300px;
}

img#icom_grafik {
	position:			absolute;
	bottom:				0;
	right:				0;
	width:				149px;
	display:			block;
}
.naviouter {position: relative}
.naviouter #icons { margin-left: 0px; padding-top: 0px; position: absolute; left: 12px; top:7px; }
.naviouter #icons .fa-inverse {color: #fff;}
.naviouter #icons a,
.naviouter #icons a:link,
.navioutern #icons a:visited,
.naviouter #icons a:active
 { margin-right: 0px; color: #02487F; text-decoration: none; float:left; }
.naviouter #icons a:hover,
.naviouter #icons a:link:hover,
.naviouter #icons a:visited:hover,
.naviouter #icons a:active:hover { color: #999; text-decoration: none; }
.naviouter #icons a:hover .fa-inverse,
.naviouter #icons a:link:hover .fa-inverse,
.naviouter #icons a:visited:hover .fa-inverse,
.naviouter #icons a:active:hover .fa-inverse { color: #fff; }

#hauptnavigation {
	overflow:			hidden;
	padding:			1em 0 1em 0;
	border-top:			solid 1px #BCBDC0;
	border-bottom:		solid 1px #BCBDC0;
	margin:				5px 0 0 0;
	text-align:			center;
}

#hauptnavigation li {
	font-size:			100%;
	list-style:			none;
	display:			inline;
	margin-right:		1.2em;
}

#hauptnavigation li a {
	color:				#999999;
	text-decoration:	none;
	font-weight:		bold;
}

#hauptnavigation li a:hover {
	color:				#333;
}

#hauptnavigation li a.aktiv {
	color:				#333;
}

#inhalt {
	margin-top:			10px;
	background-image:	url(background_inhalt.gif);
	padding-bottom:		1em;
	overflow:			hidden;
	background-position: 0px 10px;
	background-repeat:	repeat-y;
}

#nebennavigation {
	float:				left;
	width:				170px;
	margin: 			0 8px 0 0;
	/*border-top:			10px solid #ffffff;*/
	padding-top:		5px;
}

#nebennavigation ul {
	padding:			0;
	margin:				0;
}

#nebennavigation ul li{
	list-style:			none;
	padding:			0.5em 1em 1em 0;
	margin-left:		0;
}
#nebennavigation li a {
	display:			block;
	padding-left:		15px;
	color:				#999999;
	font-weight:		bold;
	text-decoration:	none;
	line-height:		1;
	background:			none;
}

#nebennavigation li a.active, 
#nebennavigation li a:hover {
	padding-left:		15px;
	color:				#333333;
	background:			url(nebennavigation_activ.gif) left center no-repeat;
}

#nebennavigation p {
	font-family:		"Times New Roman", Times, serif;
	font-style:			italic;
	font-size:			167%;
	font-weight:		normal;
	color:				#666666;
	text-align:			right;
	padding:			0 18px 1em 18px;
	line-height:		1.1;
}

#nebennavigation #icons { margin-left: 12px; padding-top: 30px }
#nebennavigation #icons .fa-inverse {color: #f0f0f0;}
#nebennavigation #icons a,
#nebennavigation #icons a:link,
#nebennavigation #icons a:visited,
#nebennavigation #icons a:active
 { margin-right: 0px; color: #ccc; text-decoration: none; float:left; }
#nebennavigation #icons a:hover,
#nebennavigation #icons a:link:hover,
#nebennavigation #icons a:visited:hover,
#nebennavigation #icons a:active:hover { color: #999; text-decoration: none; }
#nebennavigation #icons a:hover .fa-inverse,
#nebennavigation #icons a:link:hover .fa-inverse,
#nebennavigation #icons a:visited:hover .fa-inverse,
#nebennavigation #icons a:active:hover .fa-inverse { color: #fff; }

#hauptspalte {
	padding:			0;
	float:				left;
	width:				557px;
	/*margin:				0 8px 0 9px;*/
	margin:				-21px 8px 0 9px;
}

#tools {
	float:				left;
	width:				179px;
	margin: 			0 0 0 9px;
}

#tools h3 {
	font-weight:		bold;
	font-size:			100%;
	margin-top:			1em;
	border-bottom:		solid 1px #BCBDC0;
	padding-bottom:		0.5em;
	margin-bottom:		0.5em;
}

#tools p a:link,
#tools p a:visited,
#tools p a:active {
	text-decoration:	none;
	color:				#02487F;
}

#tools p a:hover{
	text-decoration:	underline;
}

#tools #sitesearch {
	margin-bottom:		6px;
}

#tools #sitesearch p {
	background:			#D2E6F3;
	padding:			8px;
}

#tools #sitesearch input#suche {
	width:				110px;
	background:			#ffffff;
	border:				solid 1px #BCBDC0;
}

div.artikel_meta {
	margin-bottom:		12px;
}

div.artikel_meta div.image a {
	margin:				0px;
	padding:			0px;
}

div.artikel_meta div.image p {
	display:			none;
}

div.artikel_meta h3 {
	margin:				6px 0px 5px 0px !important;
	padding:			0px 0px 3px 0px !important;
}



#tools #sitesearch label {
	color:				#666666;
	font-size:			91%;
}	

#tools #newsletter {
	background:			url(newsletter.jpg) bottom left no-repeat;
	padding-bottom:		135px;
}

#footer {
	background-color:	#BCBDC0;
	margin:				10px 0;
	padding:			3px 10px;
	overflow:			hidden;
}

#footer li {
	list-style:			none;
	float:				left;
	margin-right:		1em;
	font-size:			91%;
}
#footer li.social {
	float:				right;
	margin-right:		0em;
	font-size: 			100%;
}
#footer li.social a:link,
#footer li a:visited,
#footer li a:active {
	padding-top: 0;
}
#footer li.social .fa-inverse {
    color: #ccc;
}

#footer li a:link,
#footer li a:visited,
#footer li a:active {
	color:				#ffffff;
	font-weight:		bold;
	text-decoration:	none;
	display:			block;
	text-transform:		uppercase;
	padding-top: 		8px;
}

#footer li a:hover {
	text-decoration:	underline;
	
}
#footer li.social a:hover {color: #999}
#footer li.social a:hover .fa-inverse {color: #fff;}
#footer li strong {
	color:				#fff;
	font-weight:		bold;
	display:			block;
	text-transform:		uppercase;
}

h3 a, 
#hauptspalte p.top a {
	text-decoration:	none;
	color:				#02487F;
	font-weight:		bold;
}

#hauptspalte p.top a:hover {
	text-decoration:	underline;
}

#hauptspalte p.top {
	padding:			0.5em 1em;
}

.statement {
	background:			#f0f0f0;
	padding:			1em 1em 1em 1em;
	margin-bottom:		2em;
	margin-top:			10px;
}

.statement h2 {
	background:			none;
	padding:			0;
	margin:				0;
}

.statement p {
	margin-top:			1em;
	margin-bottom:		0px;
}

.statement a {
	color:				#02487F;
	text-decoration:	none;
}

.statement a:hover {
	text-decoration:	underline;
}

.eintrag_aktuell {
	/* margin:				0 0 1.5em 0; */
	margin:				0 0 0 0;
	padding:			0;
	height:				1%;
	overflow:			hidden;
}

.eintrag_aktuell p {
	margin:				9px 1em 0px 10px;
	padding:			0 0 6px 0;
	color:				#333333;
}

.eintrag_aktuell p.mediaSet {
	margin:				0 1em 6px 10px;
	padding:			0 0 0 0;
}

.eintrag_aktuell div.image {
	float:				left;
	margin:				3px 8px 4px 0px;
	padding:			0px 0px 0px 10px;
	clear:				left;
/*	margin-right:		20px;	*/
}

.eintrag_ohne_titel div.image {
	margin-top:			12px;
}

.eintrag_aktuell div.image img {

}

#hauptspalte h2 a,
.eintrag_aktuell a,
h3 a span,
#hauptspalte p.top a span {
	color:				#02487F;
	text-decoration:	none;
}

#hauptspalte h2 a:hover,
.eintrag_aktuell a:hover {
	text-decoration:	underline;
}



.eintrag_aktuell p a:hover {
	text-decoration:	underline;
}

.eintrag_aktuell ul{
	margin:				0 0 1.7em 10px;
	padding-left:		0;	
}

.eintrag_aktuell ul li{
	margin-left:		16px;
}

.eintrag_aktuell ul a{
}

.eintrag_aktuell ul a:hover{
	text-decoration:	underline;
}

a.readmore:link, 
a.readmore:visited, 
a.readmore:active {
	font-weight:		bold;
	color:				#02487F;
	text-decoration:	none;
}

a.readmore:hover {
	text-decoration:	underline;
}

.noMenu, .activeNoMenu {
	margin-left:		1.3em;
	font-weight:		normal !important;
}

.activeNoMenu {
	background:			url(nebennavigation_activ.gif) left center no-repeat !important;
}



/* Suche {{ */

TABLE.searchBox {
	margin-left:		auto;
	margin-right:		auto;
}

TABLE.searchBox TR TD FORM TABLE TR TD INPUT#query {
	line-height:		16px !important;
}

P#result_report {
	margin:				20px 0px 20px 0px;
	padding:			0px;
}

DIV#results {

}

DIV#results P.resultItem {
	margin:				20px 0px 0px 0px;
	padding:			0px;
}

DIV#results P.resultItem SPAN.resultNum {
	font-weight:		bold;
	color:				#a0a0a0;
}

DIV#results P.resultItem A.title {
	color:				#02487F;
	text-decoration:	none;
}

DIV#results P.resultItem A.title:HOVER {
	text-decoration:	underline;
}

DIV#results P.resultItem SPAN.url {
	color:				#a0a0a0;
}

P#other_pages {
	margin:				20px 0px 0px 0px;
	text-align:			center;
}

P#other_pages A {
	color:				#02487F;
	text-decoration:	none;
}

P#other_pages A:HOVER {
	text-decoration:	underline;
}

P#did_you_mean {

}

P#did_you_mean A {
	color:				#02487F;
	text-decoration:	none;
}

P#did_you_mean A:HOVER {
	text-decoration:	underline;
}



/**
 * Success/Notice/Error Window COMMON
 * BEGIN {{
 */

DIV.successWindow,
DIV.noticeWindow,
DIV.errorWindow {
	padding:			8px !important;
	margin:				16px 0px 16px 0px !important;
	text-align:			left;
}

DIV.successWindow {
	border:						1px solid #78d878;
	background-color:			#e5ffe5;
}

DIV.noticeWindow {

}

DIV.errorWindow {
	border:						1px solid #ff0000;
	background-color:			#ffcccc;
}

DIV.successWindow H4,
DIV.noticeWindow H4,
DIV.errorWindow H4 {
	margin:						0px;
	padding:					0px;
	font-size:					12px;
}

DIV.successWindow H4 {
	color:						#009900 !important;
}

DIV.noticeWindow H4 {
	background-color:	#444444;
}

DIV.errorWindow H4 {
	color:						#ff0000 !important;
}

DIV.errorWindow UL {
	color:						#ff0000 !important;
}

DIV.successWindow UL,
DIV.noticeWindow UL,
DIV.errorWindow UL {
	/* padding:			0px 16px 16px 0px; */ 
	padding-right:		16px;
	padding-bottom:		0px;
	margin:				0px;
}

/**
 * }} END
 * Success/Notice/Error Window COMMON
 */


#header:after,
#hauptnavigation:after,
#footer:after,
#inhalt:after,
#tools:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#header,
#hauptnavigation,
#footer,
#inhalt,
#tools {
	display: inline-table;
}
/* Hides from IE-mac \*/ 
* html #header,
* html #hauptnavigation,
* html #footer,
* html #inhalt,
* html #tools {
	height: 1%;
}
#header,
#hauptnavigation,
#footer,
#inhalt,
#tools {
	display: block;
}	
/* End hide from IE-mac \*/