@media all {
/************************************************/

/*
'-------------------------------------------------
' Grundeinstellungen
'-------------------------------------------------
*/

* html body * { overflow: visible; }
* html iframe, * html frame { overflow: auto; }

html {
	height: 100%;
	margin-bottom: 1px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 100.01%;
	/*font-size: 16px;*/
}

body {
	height: 100%;
	position: relative;
	/* Hintergrund */
	background-color: #fff;
	/* Schrifteinstellungen */
	font-size: 75%; /* 75% von 16px = 12px | 68.75% von 16px = 11px */
	color: #1a181c;
	line-height: 1.4em;
	letter-spacing: 0;
	word-spacing: normal;
	text-align: left;
	text-decoration: none;
}

* {
	font-size: 100%;
	padding: 0;
	margin: 0;
}



/*
'-------------------------------------------------
' Definition Layer
'-------------------------------------------------
*/

div#pageWrapper {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: auto;
	min-height: 100%;
	text-align: center;
	/*
	background-image: url("../images/layout/bg.gif");
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: center top;
	*/
}

div#layoutWrapper {
	position: relative;
	width: 960px;
	height: auto;
	min-height: 100%;
	margin: auto;
	text-align: left;
}

/****** HEADER *****/

div#headerWrapper {
	position: relative;
	width: 960px;
	height: 201px;
	background-color: #fff;
	overflow: hidden;
}

div#wappenLayer {
	position: absolute;
	left: 149px;
	top: 37px;
	width: 111px;
	height: 149px;
	z-index: 3;
}

div#typoLayer {
	position: absolute;
	left: 15px;
	top: 41px;
	width: 124px;
	height: 41px;
	z-index: 3;
}

div#pictureLayer {
	position: absolute;
	left: 207px;
	top: 0px;
	width: 561px;
	height: 200px;
	border-bottom: 1px solid #1a181c;
	z-index: 1;
}

div#bgLayer {
	position: absolute;
	left: 15px;
	top: 61px;
	width: 190px;
	height: 140px;
	background-color: #fff9b9;
	border: 1px solid #1a181c;
	z-index: 1;
}

div#optionsWrapper {
	position: absolute;
	left: 767px;
	top: 61px;
	width: 191px;
	height: 140px;
	background-color: #1a181c;
	border-right: 1px solid #1a181c;
	overflow: hidden;
	z-index: 3;
}

div#optionsIconsLayer {
	position: absolute;
	left: 8px;
	bottom: 8px;
	width: auto;
	height: auto;
	z-index: 3;
}

div#optionsFontLayer {
	position: absolute;
	right: 8px;
	bottom: 8px;
	width: auto;
	height: auto;
	z-index: 3;
}

div#optionsNavLayer {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 192px;
	height: auto;
	z-index: 3;
}

/****** CONTENT *****/

div#contentWrapper {
	position: relative;
	width: 960px;
	height: auto;
	min-height: 400px;
	background-image: url("../images/layout/bg.gif");
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: center top;
}

div#contentLeftWrapper {
	position: relative;
	width: 217px;
	height: auto;
	float: left;
}

div#contentCenterWrapper {
	position: relative;
	width: 490px;
	height: auto;
	margin-top: 30px;
	margin-left: 40px;
	margin-bottom: 30px;
	float: left;
}

div#contentRightWrapper {
	position: relative;
	width: 192px;
	height: auto;
	margin-top: 29px;
	margin-bottom: 30px;
	float: right;
}

div#contentRightWrapper div.boxClass {
	position: relative;
	width: 171px;
	height: auto;
	padding: 10px;
	background-color: #f3f3f3;
	border-top: 1px solid #fff;
	border-right: 1px solid #d3d2d3;
	border-bottom: 1px solid #d3d2d3;
}

div#navigationLayer {
	position: relative;
	width: 217px;
	height: auto;
	margin-bottom: 70px;
}

div#navigationLineBottomLayer {
	position: relative;
	width: 207px;
	height: 1px;
	overflow: hidden;
	border-top: 1px solid #1a181c;
}

/****** FOOTER *****/

div#footerWrapper {
	position: relative;
	width: 935px;
	height: auto;
	color: #fff;
	font-size: 91.67%;
	margin-left: 15px;
	margin-bottom: 25px;
	padding: 3px 0 4px 10px;
	background-color: #1a181c;
}


/*
'-------------------------------------------------
' Definition Elemente
'-------------------------------------------------
*/

/*div#contentLayer img {
	border: 1px solid red;
}*/

div#optionsIconsLayer img {
	width: 21px;
	height: 20px;
	border: 0;
}

div#optionsFontLayer img {
	height: 20px;
	border: 0;
}

div#contentRightWrapper div.boxClass strong {
	color: #006c1f;
}

div#contentCenterWrapper div.boxClass,
div#contentCenterWrapper div.articleList,
div#contentCenterWrapper div.pictureColumns,
div#contentCenterWrapper div.organisationMembersList,
div#contentCenterWrapper div.organisationList,  
div#contentCenterWrapper div.articlePageWithPictures div.articleColumns,
div#contentCenterWrapper div.articlePageWithoutPictures div.articleColumns {
	position: relative;
	width: 481px;
	padding: 10px 10px 0 0;
	border: 1px solid #1a181c;
	border-width: 1px 1px 0 0;
	margin-bottom: 25px;
}

div#contentCenterWrapper div.box50Class {
	width: 228px !important;
}


/*
'-------------------------------------------------
' Links
'-------------------------------------------------
*/

a,
a:link,
a:visited { color: #000; font-weight: normal; text-decoration: underline; }
a:hover,
a:active,
a:visited:hover,
a:visited:active { color: #006c1f; }

h1 a,
h1 a:link,
h1 a:visited { color: #006c1f; font-weight: bold; text-decoration: none; }
h1 a:hover,
h1 a:active,
h1 a:visited:hover,
h1 a:visited:active { color: #006c1f; text-decoration: underline; }

h2 a,
h2 a:link,
h2 a:visited { color: #006c1f; font-weight: bold; text-decoration: none; }
h2 a:hover,
h2 a:active,
h2 a:visited:hover,
h2 a:visited:active { color: #006c1f; text-decoration: underline; }

div#footerWrapper a,
div#footerWrapper a:link,
div#footerWrapper a:visited { color: #fff; font-weight: normal; text-decoration: underline; }
div#footerWrapper a:hover,
div#footerWrapper a:active,
div#footerWrapper a:visited:hover,
div#footerWrapper a:visited:active { color: #ffe724; }

div#navigationLayer ul li a,
div#navigationLayer ul li a:link {
	color: #1a181c;
	line-height: 1.2em;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	display: block;
	width: 190px;
	background-color: #ffe724;
	padding: 4px 0px 4px 15px;
	border-top: 1px solid #1a181c;
	border-left: 1px solid #1a181c;
	border-right: 1px solid #1a181c;
}
div#navigationLayer ul li a:hover { color: #ffe724; background-color: #1a181c; }
div#navigationLayer ul li a:active { color: #ffe724; background-color: #1a181c; }
div#navigationLayer ul li a:visited { color: #1a181c; background-color: #ffe724; }
div#navigationLayer ul li a:visited:hover { color: #ffe724; background-color: #1a181c; }
div#navigationLayer ul li a:visited:active { color: #ffe724; background-color: #1a181c; }

div#navigationLayer ul li a.actClass,
div#navigationLayer ul li a.actClass:link,
div#navigationLayer ul li a.actClass:visited { color: #1a181c; background-color: #ffe724; border-right-width: 10px; }
div#navigationLayer ul li a.actClass:hover,
div#navigationLayer ul li a.actClass:active,
div#navigationLayer ul li a.actClass:visited:hover,
div#navigationLayer ul li a.actClass:visited:active { color: #1a181c; background-color: #ffe724; border-right-width: 10px; }

div#navigationLayer ul li ul li a,
div#navigationLayer ul li ul li a:link {
	color: #fff;
	line-height: 1.2em;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	display: block;
	width: 186px;
	background-color: #1a181c !important;
	padding: 1px 0px 1px 15px;
	border-top: 0;
	border-left: 15px solid #fff;
	border-right: 0;
	background-image: none;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right center;
}
div#navigationLayer ul li ul li a:hover { color: #fff; background-image: url("../images/layout/nav2_indicator.gif"); }
div#navigationLayer ul li ul li a:active { color: #fff; background-image: url("../images/layout/nav2_indicator.gif"); }
div#navigationLayer ul li ul li a:visited { color: #fff; background-image: none; }
div#navigationLayer ul li ul li a:visited:hover { color: #fff; background-image: url("../images/layout/nav2_indicator.gif"); }
div#navigationLayer ul li ul li a:visited:active { color: #fff; background-image: url("../images/layout/nav2_indicator.gif"); }

div#navigationLayer ul li ul li a.actClass,
div#navigationLayer ul li ul li a.actClass:link,
div#navigationLayer ul li ul li a.actClass:visited { color: #ffe724; background-color: #1a181c; background-image: url("../images/layout/nav2_indicator_act.gif"); border-right-width: 0px; }
div#navigationLayer ul li ul li a.actClass:hover,
div#navigationLayer ul li ul li a.actClass:active,
div#navigationLayer ul li ul li a.actClass:visited:hover,
div#navigationLayer ul li ul li a.actClass:visited:active { color: #ffe724; background-color: #1a181c; background-image: url("../images/layout/nav2_indicator_act.gif"); border-right-width: 0px; }

div#optionsNavLayer ul li a,
div#optionsNavLayer ul li a:link {
	color: #a4a3a5;
	line-height: 1.2em;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	text-align: center;
	display: block;
	float: left;
	width: 63px;
	padding: 4px 0px 4px 0px;
	border-bottom: 1px solid #3c3a3e;
	border-right: 1px solid #3c3a3e;
	background-color: #1a181c;
}
div#optionsNavLayer ul li a:hover { color: #1a181c; background-color: #ffe724; }
div#optionsNavLayer ul li a:active { color: #1a181c; background-color: #ffe724; }
div#optionsNavLayer ul li a:visited { color: #a4a3a5; background-color: #1a181c; }
div#optionsNavLayer ul li a:visited:hover { color: #1a181c; background-color: #ffe724; }
div#optionsNavLayer ul li a:visited:active { color: #1a181c; background-color: #ffe724; }

div#optionsNavLayer ul li a.actClass,
div#optionsNavLayer ul li a.actClass:link,
div#optionsNavLayer ul li a.actClass:visited { color: #ffe724; background-color: #1a181c; }
div#optionsNavLayer ul li a.actClass:hover,
div#optionsNavLayer ul li a.actClass:active,
div#optionsNavLayer ul li a.actClass:visited:hover,
div#optionsNavLayer ul li a.actClass:visited:active { color: #ffe724; background-color: #1a181c; }


/*
'-------------------------------------------------
' Definition Subtemplates
'-------------------------------------------------
*/


/*div#contentCenterWrapper div.c50r div.box50Class {
	float: right;
}*/


.subcolumn, .articleColumns, .pictureColumns, .organisationMemberColumns, .organisationList {
	width: 492px;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 15px;
}

.c15l, .c20l, .c25l, .c30l, .c33l, .c38l, .c50l, .c62l, .c66l, .c70l, .c75l, .c80l, .c85l, .articleColumnLeft, .pictureColumnLeft, .organisationMemberColumnLeft, .organisationListColumnLeft { float: left; }
.c15r, .c20r, .c25r, .c30r, .c33r, .c38r, .c50r, .c62r, .c66r, .c70r, .c75r, .c80r, .c85r, .articleColumnRight, .pictureColumnRight, .organisationMemberColumnRight, .organisationListColumnRight { float: right; margin-left: 0px; }

.c15l, .c15r { width: 14.999%; }
.c20l, .c20r { width: 19.999%; }
.c25l, .c25r, .articleColumnLeft, .pictureColumnLeft, .organisationMemberColumnLeft { width: 120px}
.c30l, .c30r { width: 29.999%; }
.c33l, .c33r { width: 33.333%; }
.c38l, .c38r { width: 38.199%; }
.c50l, .c50r, .organisationListColumnLeft, .organisationListColumnRight { width: 240px; }
.c62l, .c62r { width: 61.799%; }
.c66l, .c66r { width: 66.666%; }
.c70l, .c70r { width: 69.999%; }
.c75l, .c75r, .articleColumnRight, .pictureColumnRight, .organisationMemberColumnRight { width: 360px}
.c80l, .c80r { width: 79.999%; }
.c85l, .c85r { width: 84.999%; }

.subcl, .subcolumnLeft { padding-right: 10px; }
.subcr, .subcolumnRight { padding-left: 10px; }
.subc, .subcolumn { padding-left: 10px; padding-right: 10px; }

* html .c15l, * html .c20l, * html .c25l, * html .c30l, * html .c33l, * html .c38l, * html .c50l, * html .c62l, * html .c66l, * html .c70l, * html .c75l, * html .c80l,
* html .c15r, * html .c20r, * html .c25r, * html .c30r, * html .c33r, * html .c38r, * html .c50r, * html .c62r, * html .c66r, * html .c70r, * html .c75r, * html .c80r {
	display: inline;
}

/*
* html .subcolumns .subcl,
* html .subcolumns .subcr,
* html .articleColumns .articleColumnLeft,
* html .articleColumns .articleColumnRight { word-wrap: break-word; overflow: hidden; }
*/



/*
'-------------------------------------------------
' Definition Elemente - Standardeinstellungen
'-------------------------------------------------
*/

.clearClass { clear: both; height: 1px; font-size: 1px; line-height: 0; }
.ghostClass { position: absolute; display: none; z-index: 0; }

div.rulerClass {
	position: relative;
	width: 100%;
	height: 1px;
	font-size: 0;
	line-height: 0;
	border-style: solid;
	border-color: #d3d2d3;
	border-width: 1px 0 0 0;
	margin: 20px 0 20px 0;
}

div.distanceClass {
	position: relative;
	width: 100%;
	height: 25px;
	background-color: transparent;
}

.alignLeftClass { text-align: left; }
.alignCenterClass { text-align: center; }
.alignRightClass { text-align: right; }

.alertClass { font-weight: bold; color: #c00; }

.topZeroClass { margin-top: 0; }
.topSingleClass { margin-top: 1.4em; }
.topDoubleClass { margin-top: 2.4em; }
.bottomZeroClass { margin-bottom: 0; }
.bottomSingleClass { margin-bottom: 1.4em; }
.bottomDoubleClass { margin-bottom: 2.4em; }

.w25Class { width: 24.999%; }
.w33Class { width: 33.333%; }
.w50Class { width: 49.999%; }
.w66Class { width: 66.666%; }
.w75Class { width: 74.999%; }

p { margin: 0 0 1.4em 0; }
.pClass { margin: 0 0 1.4em 0; }
.firstClass { margin-top: 0em; }
p.listTitleClass { font-weight: bold; margin-bottom: 0; }

table {
	border-width: 0;
	margin: 0 0 1.4em 0;
	border-collapse: collapse;
	empty-cells: hide;
}

th, td { background-color: transparent; }

img { border: 0; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
pre, code { font-family: "Courier New", Courier, monospace; }
address { font-style: normal; margin: 0 0 1.4em 0; }
acronym, abbr { letter-spacing: 0.07em; border-bottom: 1px dashed #000; cursor: help; }
blockquote, cite { margin: 0 0 1.4em 1.4em; width: auto; }

h1 { font-size: 109.09%; font-weight: bold; color: #006c1f; line-height: 1.2em; margin: 0 0 0.3em 0; }
h2 { font-size: 100%; font-weight: bold; color: #006c1f; line-height: 1.2em; margin: 0 0 0.3em 0; }
h3 { font-size: 100%; font-weight: bold; color: #000; line-height: 1.2em; margin: 0 0 1.4em 0; }
h1.notFirstClass, h2.notFirstClass, h3.notFirstClass { margin-top: 2.4em; }


/*
'-------------------------------------------------
' Listen
'-------------------------------------------------
*/

ul, ol, dl {
	position: relative;
	margin: 0 0 1.4em 0;
}

/* Standardliste ohne Bildelement */

ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 15px;
}

ul li ul li {
	margin-left: 0;
}

ol {
	list-style-type: decimal;
	list-style-position: inside;
	margin-left: 0px;
}

/* Liste Navigation - horizontal */

div#optionsNavLayer ul,
div#optionsIconsLayer ul,
div#optionsFontLayer ul {
	list-style-type: none;
	list-style-position: outside;
	display: inline;
	margin: 0;
}

div#optionsNavLayer ul li,
div#optionsIconsLayer ul li {
	float: left;
	display: inline;
}

div#optionsFontLayer ul li {
	float: right;
	display: inline;
	padding-left: 2px;
}

/* Liste Navigation - vertikal */

div#navigationLayer ul {
	list-style-type: none;
	list-style-position: outside;
	width: 100%;
	margin: 0;
	/*border-bottom: 1px solid #1a181c;*/
}

div#navigationLayer ul li {
	margin: 0;
	width: 100%;
}

div#navigationLayer ul li ul {
	width: 216px;
	border-top: 1px solid #1a181c;
	border-bottom: 0;
	padding-top: 10px;
	padding-bottom: 12px;
	background-image: url("../images/layout/bg-nav-2.gif");
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: left top;
	/*
	background-color: #1a181c;
	*/
}


/*
'-------------------------------------------------
' Nexus (siehe auch oben!)
'-------------------------------------------------
*/

h2.articleName a:active,
h2.articleName a:link,
h2.articleName a:hover,
h2.articleName a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #006c1f;

}

h3.articleInfo {
	margin-bottom: 0;
}



}
