/* css created and developed by 12bis3.de - zeitgemaess kommunizieren */

* {
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
}

html {
	height: 100%;
}

/* -------------
main definitions
--------------*/


body {
	background: #fff;
	font-size: 75%;
	min-height: 101%;
	padding-bottom: 1em;
	color: #000;
}
* html body {
	font-size: 12px;
}

* + html body {
	font-size: 12px;
}

body {
   font-size /*\**/: 12px\9  
} 

img {
	border: none;
}

a:link, a:visited, a:active {
	color: #007d40;
	text-decoration: none;
}
a:hover, a:focus {
	color: #007d40;
	text-decoration: underline;
}

h1, h2.csc-firstHeader, h3.csc-firstHeader {
	color: #000;
	font-size: 140%;
	margin: 0 0 1em 0;
	padding: 0 0 0 15px;
	background: url(/bilder/bg-headline-1.png) no-repeat 0 4px;
}

.messages h1 {
	margin: 0 0 1em 160px;
}

h2 {
	color: #000;
	font-size: 120%;
	margin: 1em 0 0.6em 0;
	padding: 0 0 0 14px;
	background: url(/bilder/bg-headline-2.png) no-repeat 0 5px;
}

.news h2 {
	margin: 0 0 0.1em 0;
}

h3 {
	color: #000;
	font-size: 110%;
	margin: 1em 0 0.4em 0;
}

h4 {
	color: #000;
	font-size: 100%;
	margin: 0.8em 0 0.2em 0;
}

h5 {
	color: #000;
	font-size: 100%;
	margin: 0.8em 0 0.2em 0;
}

h6 {
	color: #000;
	font-size: 100%;
	font-weight: normal;
	margin: 0 0 0.2em 0;
}

p {
	margin: 0 0 0.7em 0;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}


/* ---------------
layout definitions 
----------------*/

#container {
	width: 850px;
	margin: 10px auto 0 auto;
	background: url(/bilder/bg-container.png) repeat-y transparent;
	border: 1px solid #231f20;
}

#header {
	width: 850px;
	min-height: 194px;
	background: #007d40 no-repeat bottom;
}
* html #header {
	height: 194px;
}

#main {
	background: url(/bilder/bg-footer-loewe.png) no-repeat bottom left transparent;
}

#navigation {
	float: left;
	width: 204px;
	padding: 58px 0 170px 0;
}

#content {
	width: 417px;
	float: left;
	padding: 15px 15px 10px 10px;
	line-height: 140%;
}

.messages #content {
	width: 427px;
	padding: 15px 15px 10px 0;
}

#service {
	width: 204px;
	float: left;
	line-height: 140%;
}



/* --------------
header defintions
---------------*/

#header p {
	background: #007d40;
	margin: 0;
	color: #fff;
	font-size: 90%;
	padding: 5px 0 0 15px;
	height: 19px;
}

#header p a {
	color: #fff;
}

#header img {
	margin-top: 113px;
	float: right;
}

#sitetop-wrap {
	background: #717878;
	min-height: 37px;
	padding: 21px 30px 0 24px;
	width: 592px;
	float: left;
}
* html #sitetop-wrap {
	height: 37px;
}

#sitetop-wrap ul {
	float: left;
	list-style-type: none;
	color: #fff;
}

#sitetop-wrap ul li {
	padding: 0;
	float: left;
}

#sitetop-wrap ul li a {
	color: #fff;
}

#sitetop-wrap ul li#path-first a {
	background: url(/bilder/icon-path-first.png) no-repeat transparent 0 4px;
	padding: 0 6px 0 15px;
}

#sitetop-wrap ul li.path a {
	background: url(/bilder/icon-path.png) no-repeat transparent 0 1px;
	padding: 0 6px 0 18px;
}

#sitetop-wrap ul#tools {
	list-style-type: none;
	float: right;
}

#sitetop-wrap ul#tools li#languages, #sitetop-wrap ul#tools li#fontsize {
	float: right;
	font-size: 90%;
}

#sitetop-wrap ul#tools li#languages {
	padding: 0 17px 0 0;
}

#sitetop-wrap ul#tools li#fontsize img {
	vertical-align: -30%;
}


/* ------------------
navigation defintions
-------------------*/

/* first level */

#navigation ul {
	list-style-type: none;
	font-size: 110%;
}

#navigation ul li {
	background: url(/bilder/bg-nav-line-level-1.png) no-repeat transparent bottom left;
	padding: 1px;
	position: relative;
	margin: -1px 0 0 0;
}

#navigation ul li a {
	display: block;
	padding: 5px 15px 5px 35px;
	color: #fff;
	font-weight: bold;
	background: url(/bilder/bg-navigation-level1.png) no-repeat 18px 9px transparent;
}

#navigation ul li a:hover, #navigation ul li a:focus, #navigation ul li a.aktiv {
	background: url(/bilder/bg-navigation-level1.png) no-repeat 18px -22px #1c935d;
	text-decoration: none;
}

/* second level */

#navigation ul ul {
	font-size: 90%;
	background: url(/bilder/bg-nav-line-level-2.png) left top #1c935d no-repeat;
	padding-top: 1px;
	margin-bottom: -1px;
}

#navigation ul ul li {
	background-image: url(/bilder/bg-nav-line-level-2.png);
}

#navigation ul ul li a {
	padding: 5px 15px 5px 46px;
	font-weight: normal;
	background: url(/bilder/bg-navigation-level2.png) no-repeat 35px 10px transparent;
}

#navigation ul ul li a:hover, #navigation ul ul li a:focus, #navigation ul ul li a.aktiv {
	background: url(/bilder/bg-navigation-level2.png) no-repeat 35px -26px #1c935d;
}

/* third level */

#navigation ul ul ul {
	font-size: 90%;
	background: url(/bilder/bg-nav-line-level-2.png) left top transparent no-repeat;
	padding-top: 1px;
	margin-bottom: -1px;
}

#navigation ul ul ul li {
	background: none;
}

#navigation ul ul ul li a {
	padding: 3px 15px 3px 56px;
	font-weight: normal;
	background: url(/bilder/bg-navigation-level3.png) no-repeat 45px 8px transparent;
}

#navigation ul ul ul li a:hover, #navigation ul ul ul li a:focus, #navigation ul ul ul li a.aktiv {
	background: url(/bilder/bg-navigation-level3.png) no-repeat 45px -49px #1c935d;
}







/* ---------------
content defintions
----------------*/


/* news */

dl.news {
	width: 427px;
	margin: 0 0 1em 0;
}

dl.news dt {
	width: 160px;
	float: left;
	padding-bottom: 1px;
	margin-top: 0.3em;
}

dl.news dd {
	width: 267px;
	float: left;
	margin-bottom: 0.2em; 
}

dl.news dd p.more-news, div.search p.more-news {
	margin: -0.8em 0 0.5em 0;
	text-align: right;
}

dl.news dd p.more-news a, div.search p.more-news a, h4.abc a, dl.contact dd p.info-more {
	background: url(/bilder/bg-news-more.png) no-repeat right center transparent;
	padding-right: 18px;
}

#content p.news-archive {
	margin-left: 10px;
}

h6.event {
	border-top: 1px solid #d5d8d9;
	padding-top: 0.6em;
}

h2.event {
	margin-bottom: 0.4em;
}

p.more-event {
	text-align: right;
	margin-top: -0.8em;
}

p.more-event a {
	background: url(/bilder/bg-news-more.png) no-repeat right center transparent;
	padding-right: 18px;
}


/* date */

div.date-detail {
	margin: 0 0 1em 0;
	padding: 1em 0 0 0;
	border-top: 1px solid #007d40;
}

div.date-detail dl {
	width: 417px;
}

div.date-detail dl dt {
	width: 160px;
	float: left;
	clear: left;
	padding: 0 10px 0.5em 0;
}

div.date-detail dl dd {
	width: 247px;
	float: left;
	padding: 0 0 0.5em 0;
}

/* content */

#content ul {
	margin: 0 0 1em 20px;
	list-style-type: square;
}

#content ol {
	margin: 0 0 1em 20px;
}

.image-left {
	float: left;
	margin: 0.3em 0.8em 0.4em 0;
}

.image-right {
	float: right;
	margin: 0.3em 0 0.4em 0.8em;
}

.image-big {
	margin: 0 0 1em 0;
}

.images {
	margin: 0 0 1em 0;
}

.images dl {
	float: left;
	padding: 0 10px 0 0;
}

.images dl dd, .image-left dd, .image-right dd, .image-big dd {
	font-style: italic;
	font-size: 100%;
	color: #717878;
}

img.zoom-in {
	position: absolute;
	margin: 5px 0 0 5px;
	border: none;
}

div.downloads {
	margin: 1.5em 0 1em 0;
	padding-bottom: 0.2em;
}

div.downloads h4 {
	padding-bottom: 0.3em;
	margin-bottom: 0.4em;
	border-bottom: 1px solid #007d40;
	color: #007d40;
	font-size: 110%;
}

#content div.downloads ul {
	margin: 0 0 0 25px;
}

#content div.downloads ul li {
	margin-bottom: 0.3em;
}

a#skip {
	display: inline;
	height: 0;
	left: -1000px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0;
}


/* pager */

#content ul.pager {
	padding: 0.8em 0 0 0;
	border-top: 1px solid #007d40;
	margin: 1.2em 0 1em 0;
	list-style-type: none;
}

.messages #content ul.pager {
	margin: 0 0 1em 10px;
}

#content ul.pager li {
	float: left;
	width: 33.3%;
	margin-right: 0px !important;
}
#content ul.pager li a {
	background: none;
	padding: 0;
}
#content ul.pager li.p-left, #content ul.pager li#p-left {
	
}
#content ul.pager li.p-left a, #content ul.pager li#p-left a {
	
}

#content ul.pager li.p-center, #content ul.pager li#p-center {
	text-align: center;
}
#content ul.pager li.p-center a {

}
#content ul.pager li.p-center a:hover, #content ul.pager li.p-center a:focus, #content ul.pager li.p-center a.aktiv, #content ul.pager li#p-center a:hover, #content ul.pager li#p-center a:focus, #content ul.pager li#p-center a.aktiv {
	border-top: 1px solid #007d40;
	border-bottom: 1px solid #007d40;
	text-decoration: none;
}

#content ul.pager li.p-right, #content ul.pager li#p-right {
	text-align: right;
}
#content ul.pager li.p-right a {

}

#content p.footer {
	text-align: right;
	font-size: 90%;
	margin: 1.5em 0 1em 0;
	padding: 0.6em 0 0 0;
	border-top: 1px solid #d5d8d9;
}

.messages #content p.footer {
	margin: 1.5em 0 1em 10px;
}

#content p.footer a#print {
	background: url(/bilder/icon-print.png) no-repeat transparent left center;
	padding: 0 5px 0 16px;
	color: #717878;
}

#content p.footer a#top {
	background: url(/bilder/icon-top.png) no-repeat transparent left center;
	padding-left: 12px;
	color: #717878;
}


/* contact person */

dl.contact {
	width: 417px;
	margin: 0 0 1em 0;
	border-top: 1px solid #007d40;
	padding-top: 0.7em;
}

dl.company {
	width: 427px;
	margin-left: -10px;
}

dl.contact dt {
	padding-bottom: 0.6em;
	width: 120px;
	margin-top: 0.3em;
	float: left;
}

dl.company dt {
	padding-bottom: 0.6em;
	width: 143px;
	padding-right: 17px;
	margin-top: 0.3em;
	float: left;
	text-align: right;
}

dl.people dt {
	display: none;
}

dl.contact dd { 
	padding-bottom: 1px;
	width: 297px;
	float: left;
}

dl.people dd {
	padding-left: 10px;
	width: 400px !important;
}

dl.company dd { 
	padding-bottom: 1px;
	width: 267px;
	float: left;
}

dl.contact dd h3, dl.company dd h3 {
	margin: 0;
}

dl.contact dd h6, dl.company dd h6 {
	margin: 0 0 0.5em 0;
}

dl.company dd h2 {
	margin: 0 0 0.1em 0;
}

dl.contact p.info-more {
	text-align: right;
	margin: -0.5em 0 0.5em 0;
}


/* search */

h3.search {
	border-top: 1px solid #007d40;
	margin: -1px 0 0.2em 0;
	padding: 1em 0 0 14px;
	background: url(/bilder/bg-headline-2.png) no-repeat 0 1.4em transparent;
}

div.search {
	border-bottom: 1px solid #007d40;
	margin: 0;
	padding: 0 0 1em 14px;
}



/* sitemap */

#content ul.sitemap {
	list-style-type: none;
	margin: 0 0 1em 0;
}

#content ul.sitemap li {
	margin-bottom: 1em;
}
#content ul.sitemap li a {
	background: url(/bilder/bg-sitemap.png) no-repeat 0 3px transparent;
	padding: 0 0 0 14px;
}

#content ul.sitemap ul {
	list-style-type: none;
	margin: 0.2em 0 1.2em 0;
	border-top: 1px solid #007d40;
	padding-top: 0.2em;
}

#content ul.sitemap ul li {
	margin-bottom: 0.4em;
}
#content ul.sitemap ul li a {
	background: url(/bilder/bg-sitemap.png) no-repeat 25px -40px transparent;
	padding: 0 0 0 35px;
}

#content ul.sitemap ul ul {
	margin: 0 0 0.6em 0;
	border: none;
}

#content ul.sitemap ul ul li {
	margin-bottom: 0.2em;
	font-size: 90%;
}

#content ul.sitemap ul ul li a {
	background: url(/bilder/bg-sitemap.png) no-repeat 50px -92px transparent;
	padding: 0 0 0 60px;
}


/* table */

table {
	margin-bottom: 1.2em;
	border-collapse: collapse;
	width: auto;
}

table td, table th {
	/*border: 1px solid #828a93;*/
	padding: 2px 5px;
	vertical-align: top;
}

table thead td, table thead th, table th {
	/*background: #9facb8;*/
	color: #000;
	text-align: left;
}

table tbody tr:hover td {
	/*background: #f8f8f8;*/
}

table tfoot td {
	/*background: #f8f8f8;*/
}

table.sitzungen td, table.sitzungen th {
	border: 1px solid #717878;
}

table.sitzungen tr.meeting td, table.sitzungen th {
	border: none;
	border-top: 1px solid #717878;
}

table.sitzungen tr.top td {
	border: none;
	border-top: 1px solid #e4e5e6;
}

table.sitzungen thead th {
	color: #000;
}

table.sitzungen td a, #content ol.tops p.top-more a {
	background: url(/bilder/bg-news-more.png) no-repeat right center transparent;
	padding-right: 18px;
	font-weight: bold;
}

#content ol.tops {
	font-weight: bold;
}

#content ol.tops li {
	margin-bottom: 0.8em;
}

#content ol.tops p {
	font-weight: normal;
}

#content ol.tops p.top-more {
	text-align: right;
	margin-bottom: 0.8em;
	border-bottom: 1px solid #d5d8d9;
	padding-bottom: 0.8em;
}


/* vk infocards */

p.abc {
	font-weight: bold;
	margin-bottom: 1.5em;
}

p.abc a {
	padding-right: 6px;
}

p.abc span {
	color: #d5d9d9;
	padding-right: 6px;
}

p.abc a.abc-aktiv {
	text-decoration: underline;
}

h2.abc {
	margin-bottom: 1em;
}

form.abc {
	margin: 0 0 1em 0;
	padding: 0 0 0.4em 0;
	border-bottom: 1px solid #007d40;
}

form.abc label {
	font-weight: normal;
	padding-right: 0.5em;
}

h2.abc select {
	padding: 1px;
	width: auto;
}

h4.abc {
	border-top: 1px solid #007d40;
	padding-top: 0.8em;
	margin-bottom: 0.8em;
	text-align: right;
}

h4.frvor {
	border-bottom: 1px solid #007d40;
	padding-bottom: 0.8em;
}

h4.abc a {
	display: block;
}

h4.abc a span {
	color: #000;
	float: left;
}

h2.gr {
	margin: 1.5em 0 0.6em 0;
}

h4.abc a span span {
	float: none;
	font-weight: normal;
	font-size: 90%;
}

dl.company dd h2 span {
	font-size: 85%;
}

dl.sitzung {
	width: 417px;
	margin-bottom: 0.5em;
}

dl.sitzung dt {
	float: left;
	width: 97px;
}

dl.sitzung dd {
	float: left;
	width: 320px;
}

dl.sitzbig {
	margin-bottom: 1em;
}





/* ---------------
service defintions
----------------*/

#service div {
	padding: 12px 14px;
	border-bottom: 1px solid #fff;
}

#service #search form {
	margin: 0.5em 0 0.3em 0;
}

#service #search label {
	color: #007d40;
	font-weight: bold;
	margin: 0 0 0.3em 0.2em;
}

#service #search {
	background: #e4e5e6;
}

#service #search input {
	width: 140px;
	background: #fff;
	border: 1px solid #fff;
	margin: 0 5px 0 0;
}

#service #search input.submit-img {
	border: none;
	width: 16px;
	height: 16px;
	padding: 0;
	vertical-align: -20%;
	margin: 0;
}
* html #service #search input.submit-img {
	vertical-align: -10%;
}
* + html #service #search input.submit-img {
	vertical-align: -5%;
}

#service #search input:hover, #service #search input:focus {
	border: 1px solid #717878;
}

#service #search input.submit-img:hover, #service #search input.submit-img:focus {
	border: none;
}


#service #search a img {
	vertical-align: -20%;
	padding: 0 0 0 2px;
}

#service h5 {
	margin: 0 0 0.4em 0;
	font-size: 110%;
}

#service .lightgrey {
	background: #e4e5e6;
}

#service ul {
	list-style-type: none;
}

#service ul li {
	padding-bottom: 0.1em;
}

#service ul li a {
	display: block;
	background: url(/bilder/icon-link-darkgrey.png) no-repeat right center;
	color: #000;
}

#service .lightgrey ul li a {
	background: url(/bilder/icon-link-lightgrey.png) no-repeat right center;
}

#service p.more-news {
	margin: -0.8em 0 0.4em 0;
	text-align: right;
}

#service p.more-news a {
	background: url(/bilder/icon-link-darkgrey.png) no-repeat right center transparent;
	padding-right: 18px;
}

#service .lightgrey p.more-news a {
	background: url(/bilder/icon-link-lightgrey.png) no-repeat right center;
}

#service div div {
	padding: 0;
	border: none;
	line-height: 170%;
	/*text-align: center;*/
}

#service div div a {
	color: #000;
	padding: 0 2px;
}

#service div div a.tag-1 {
	font-size: 90%;
}
#service div div a.tag-2 {
	font-size: 100%;
}
#service div div a.tag-3 {
	font-size: 100%;
	font-weight: bold;
}
#service div div a.tag-4 {
	font-size: 115%;
	font-weight: bold;
}
#service div div a.tag-5 {
	font-size: 130%;
	font-weight: bold;
}


/* service table */

#service div table {
	background: url(/bilder/bg-calender.png) repeat-x bottom #c4e3d1;
	padding: 1px 3px 3px 3px;
	border-collapse: separate;
	margin: 0;
}

#service div table tbody td {
	padding: 1px 3px;
}

#service div table tbody td {
	background: #fffeff;
	text-align: center;
	color: #414141;
}

#service div table thead th {
	text-align: center;
	font-weight: bold;
	color: #078e53;
	padding: 1px 3px;
}

#service div table thead tr.cal-days th {
	font-weight: normal;
}

#service div table thead th#cal-back {
	text-align: left;
}

#service div table thead th#cal-forw {
	text-align: right;
}

#service div table tbody td a {
	display: block;
	margin: -2px -3px;
	padding: 2px 0 2px 0;
}

#service div table tbody td a.termin {
	background: #96ceb3;
	color: #414141;
}

#service div table tbody td a.termin:hover, #service div table tbody td a.termin:focus {
	background: #c3e0ce;
	color: #0a8c4e;
	text-decoration: none;
}



/* ------------------
formular definitionen
-------------------*/

fieldset {
	border: 1px solid #f0efef;
	margin-bottom: 1.2em;
	padding: 10px 10px 0 10px;
}

form {
	margin: 0 0 1.2em 0;
}

legend {
	font-size: 100%;
	font-weight: bold;
	color: #000;
}

label {
	float: left;
	width: 160px;
	color: #000;
}

input, textarea, select {
	width: 230px;
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	padding: 2px 3px;
	border: 1px solid #717878;
	background: transparent;
}
textarea {
	width: 226px;
	height: 170px;
	padding: 5px;
	background: transparent;
}
* html input, * html select {
	background: transparent;
}
* html textarea {
	background: ransparent;
}


p.input-small input {
	width: 50px;
}

select {
	width: 238px;
}

option {
	padding: 0 3px;
	background: transparent;
}

input:hover, input:focus, select:hover, select:focus {
	border-color: #007d40;
	background: #e4e5e6;
}
textarea:hover, textarea:focus {
	border-color: #007d40;
	background: #e4e5e6;
}

input.small {
	width: auto;
	padding-right: 5px;
}

input.radio-check {
	width: auto;
	border: none;
	background: none;
}

input.submit-btn {
	color: #007d40;
	font-weight: bold;
	padding: 2px 10px 2px 5px;
	width: 238px;
}

p.check-radio input, input.check-radio {
	width: auto;
	margin-right: 5px;
	background: none;
	border: none;
	height: auto;
	padding: 0;
}

p.check-radio label {
	width: 380px;
	float: left;
}





/* clear me baby */

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	display: inline-table;
}
* html .clear {
	height: 1px;
}
* + html .clear {
	height: 1%;
}
.clear {
	display: block;
}