@charset "UTF-8";

/* CSS Document */

/* @group Colors */

colors:
div.logogruen {
	background-color: #BBCE1D;
}
div.logogruen-links {
	background-color: #A6C800;
}

div.logogruen-schrift {
	background-color: #005A3B;
}

div.body-bg {
	background-color: #748A7E;
}

div.claim-bg {
	background-color: #96A79D;
}
div.hellgruen {
	background-color: #C2CFC7;
}

div.imgtitle-bg {
	background-color: #517F62;
}

div.link-color {
	background-color: #642A49;
	background-color: #5F0635;
}
div. buttons {
	background-color: #9b0c58;
}

/* @end */

/* @group Layoutbereiche */

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	font-family: verdana, helvetica, arial,sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #333;
	background: #748A7E;
	
}

body img {
	border: none;
}

/* @group Sprungmenue barrierefrei */

#skip a {
	left: -1000px;
	overflow: hidden;
	position: absolute;
	top: -100px;
	width: 10em;
	z-index: 2;
}

#skip a:focus, #skip a:active {
	background: #748A7E	none repeat scroll 0%;
color: #fff;
	font-size: 12px;
	margin-left: 4px;
	position: absolute;
	text-decoration: underline;
	top: 9.5em;
	width: 12em;
	z-index: 99;
}

/* @end */

div#allwrap {
	width: 1000px;
	height: 100%;
	margin: 0px auto 0px auto;
	position: relative;
	background: url(../images/content_bg.jpg) repeat-y center top;
}

div#left {
	float: left;
	width: 180px;
	height: auto;
	margin-right: 20px;
	text-align: right;
}

div#main {
	background-color: #fff;
	width: 600px;
	height:  auto;
	min-height: 100%;
	float: left;
}

div#right {
	float:right;
	width: 180px;
	height:  auto;
	margin-left: 20px;
}

/* @group left */

div#left div#header-left {
	width: 180px;
	height: 276px;
	overflow: hidden;
	background: url(../images/claim_14.png) no-repeat right top;
}

div#left div#header-left img#claim {
	margin-top: 45px;
}

p.claim {
	color: #96A79D;
	font-size: 44px;
	line-height: 55px;
	margin-top: 0px;
}

div#left div#imgtitle-left {
	width: inherit;
	height: 19px;
	padding-top: 5px;
	color: #fff;
}

/* @group language-menu */

div#left div#imgtitle-left ul {
	width: 180px;
	list-style-type: none;
	margin: 0;
	padding-top: 5px;
	line-height: 12px;
	display: inline;
}

div#left div#imgtitle-left ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

div#left div#imgtitle-left ul li a {
	color: #fff;
	text-decoration: none;
}

div#left div#imgtitle-left ul li a:hover,
div#left div#imgtitle-left ul li a:active {
	color: #E5FF00;
	text-decoration: none;
}

/* @end */

div#left div#main-menu {
	width: inherit;
	height: auto;
	float:left;
}

div#left div#main-menu h3 {
	font-size: 14px;
	font-weight: bold;
	color: #C2CFC7;
	margin-top: 24px;
	margin-bottom: 6px;
	padding: 0;
	float:right;
	

}

/* @group main-menu linke Spalte */

div#main-menu ul {
	color: #FFFFFF;
	list-style: none inside;
	margin: 0;
	padding: 0;
	
}

div#main-menu li {
	list-style: none inside;
	margin: 0;
	padding: 0;
	float:left;
}

div#main-menu li a {
	display: block;
	width: 180px;
	padding: 9px 0 3px 0;
	color: #fff;
	text-decoration: none;
	font-weight:  normal;
	border-bottom: 1px dotted #fff;
}

div#main-menu li a:hover,
div#main-menu li a:active,
div#main-menu li#current a {
	display: block;
	width: 180px;
	color: #E5FF00;
	text-decoration: none;
}

div#main-menu ul ul li a {
	display: block;
	width: 180px;
	padding: 3px 10px 3px 0;
	color: #fff;
	text-decoration: none;
	border-bottom: none;
	font-size: 11px;

}

div#main-menu ul ul li a:hover,
div#main-menu ul ul li a:active.
div#main-menu ul ul li#current a {
	display: block;
	width: 180px;
	color: #E5FF00;
	text-decoration: none;
	border-bottom: none;
	font-size: 11px;

}

div#main-menu ul ul ul li a {
	display: block;
	width: 170px;
	padding: 3px 0px 3px 0;
	color: #fff;
	text-decoration: none;
	border-bottom: none;
	font-size: 11px;

}

div#main-menu ul ul ul li a:hover,
div#main-menu ul ul ul li a:active,
div#main-menu ul ul ul li#current a {
	display: block;
	width: 170px;
	padding: 3px 0px 3px 0;
	color: #E5FF00;
	text-decoration: none;
	border-bottom: none;
	font-size: 11px;
}

/* @end */

/* @end */

/* @group main */

div#main div#header {
	width: inherit;
	width: 600px;
	height: 300px;
	overflow: hidden;
	padding:0px;
}
div#main div#header img {
	width: 600px;
}
div#main div#imgtitle-bg {
	width: inherit;
	height: 24px;
	margin-top: -24px;
	position: relative;
	background-color: #96A79D;
	opacity: 0.80;
	filter: Alpha(Opacity=80);
}
div#main div#imgtitle {
	text-align: right;
	color: #fff;
	
}

div#main div#imgtitle p {
	margin-right: 10px;
	margin-top: 0px;
	line-height: 12px;
	padding-top: 5px;
}

/* @group root-menu */

div#main div#pathway {
	width: inherit;
	height: 36px;
	color: #748A7E;
	text-align: left
}

div#main div#pathway p {
	margin-left: 10px;
}

/* @end */

/* @group content-main */

div#main div#content-main {
	width: inherit;
	height: auto;
	text-align: left;
	
}

div#content-main div.content-3sp,
div#content-main div.content-2sp,
div#content-main div.content-15sp,
div#content-main div.content-1sp {
	height: auto;
	border: 1px solid #ffffff;
	padding: 4px 9px 9px 9px;
	float:  left;
}
div#content-main div.content-3sp {
	width: 574px;
}
div#content-main div.content-3sp img {
	max-width:  580px;
}
div#content-main div.content-2sp {
	width: 376px;
}
div#content-main div.content-2sp img {
	max-width:  376px;
}
div#content-main div.content-15sp {
	width: 277px;
}
div#content-main div.content-15sp img {
	max-width:  277px;
}	
div#content-main div.content-1sp {
	width: 178px;
}
div#content-main div.content-1sp img {
	max-width: 178px;
}
div#content-main .content-bg {
	padding-top: 0px;
	background-color: #EFFFF5;
	
	background-color:#E7EFA4;
	background-color:#EAEFC2;
	background-color:#ECEFD1;
}
div#content-main .content-bg2 {
	background-color:#D1DFD6;
}
/* @end */

div#main div#footer {
	width: inherit;
	height: auto;
	padding: 24px 5px;
	color: #748A7E;
	font-size:  10px;
	text-align: left;
	clear: both;
}

/* @group footer-menu */
div#main div#footer div#footer-menu,
div#footer div#footer-menu {
	border-top: 1px solid #748A7E;
	border-bottom: 1px solid #748A7E;
	margin-bottom: 15px;
	margin-left: -5px;
	padding: 6px 9px;

}
div#footer-menu ul {
	list-style-type: none;
	margin: 0;
	padding:0;
	padding-top: 5px;
	line-height: 12px;
	display: inline;

}
div#footer-menu ul li {
	display: inline;
	margin: 0;
	padding:0;
}
/* @end */



/* @end */

/* @group right */

div#right div#header-right {
	width: inherit;
	height: 300px;
	background: url(../images/Logo_100.png) no-repeat -1px -1px;
}

div#right div#header-right img {
	margin-top: 0px;
	height: 220px;
	float: left;
}

div#right div#content-right {
	width: inherit;
	height: auto;
	margin-top: 60px;
	text-align: left;
	color: #fff;
}
div#right div#content-right h3 {
	font-size: 14px;
	font-weight: bold;
	color: #C2CFC7;
	margin-top: 24px;
	margin-bottom: 6px;
	padding: 0;
;
}
div#content-right div.content-1sp {
	height: auto;
	width: 180px;
	padding: 4px 0px 9px 20px;
	float:  left;
}

/* @group right-menu rechte Spalte */

div.right-menu ul {
	color: #FFFFFF;
	list-style: none inside;
	margin: 0;
	padding: 0;
	
}

div.right-menu li {
	list-style: none inside;
	margin: 0;
	padding: 0;
	float:left;
}

div.right-menu li a {
	display: block;
	width: 180px;
	padding: 9px 0 3px 0;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}

div.right-menu li a:hover,
div.right-menu li a:active,
div.right-menu li#current a {
	display: block;
	width: 180px;
	color: #E5FF00;
	text-decoration: none;
}

div.right-menu ul ul li a {
	display: block;
	width: 180px;
	padding: 3px 10px 3px 0;
	color: #fff;
	text-decoration: none;
	border-bottom: none;
	font-size: 11px;

}

div.right-menu ul ul li a:hover,
div.right-menu ul ul li a:active.
div.right-menu ul ul li#current a {
	display: block;
	width: 180px;
	color: #E5FF00;
	text-decoration: none;
	border-bottom: none;
	font-size: 11px;

}

div.right-menu ul ul ul li a {
	display: block;
	width: 170px;
	padding: 3px 0px 3px 0;
	color: #fff;
	text-decoration: none;
	border-bottom: none;
	font-size: 11px;

}

div.right-menu ul ul ul li a:hover,
div.right-menu ul ul ul li a:active,
div.right-menu ul ul ul li#current a {
	display: block;
	width: 170px;
	padding: 3px 0px 3px 0;
	color: #E5FF00;
	text-decoration: none;
	border-bottom: none;
	font-size: 11px;
}

/* @end */
/* @end */

/* @end */

/* @group Joomla Content */

/* @group Überschriften */

h1 {
	font-size: 18px;
	font-weight: bold;
	color: #005A3B;
	margin-top: 3px;
	margin-bottom: 3px;
}
h2, h2.contentheading {
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #005A3B;
	margin: 5px 0px;
}
h3 {
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #005A3B;
	margin: 5px 0px;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	color: #666;
	
}
div#content-left,
div#content-right {
	color: #fff;
}

/* @end */

/* @group Images */
div#content-main img {
	margin-top: 5px;
	margin-bottom: 5px;
}
img.float {
	float: left;
}
img.left {
	float: left;
	margin-right: 20px;
}
img.right {
	float: right;
	margin-left: 20px;
}
img.left-clear {
	float: left;
	margin-right: 20px;
	clear: left;
}
img.right-clear {
	float: right;
	margin-left: 20px;
	clear: right;
}



/* @end */
/* @group Forms */

form {
	width: 100%;
	margin: 12px 0;
	padding: 0;
}
fieldset {
	margin: 0;
	padding: 10px 10px 10px 12px;
	border:  1px solid #C2CFC7;
}
div#content-main form legend {
	font-weight: bold;
	color: #005A3B;
}
form label {
	
	width:auto;
	margin-left:-2px;
}
form#contactForm label{
	
}
form input,
form textarea,
form select {
	border: 1px solid #748A7E;
	padding: 2px;
	color: #333;
}
[selected] {
	background-color: #C2CFC7;
}
form input.button {
	background-color: #9b0c58;
	border: 1px solid #9b0c58;
	padding: 2px 10px;
	margin-left: -2px;
	color:  #fff;
	/*background-color: #BBCE1D;
	color:  #005A3B;*/
	
}
form#form-login input,
form#form-login input.button {
	width:154px;
	padding: 2px;
	
}
form#form-login input#modlgn_remember {
	width: 16px;
	height: 16px;
	border: none;
	padding: 2px;
}
input:active, input:focus, input:hover,
textarea:active, textarea:focus, textarea:hover {
	border: 1px solid #9b0c58;
}
/* @group rechte Spalte */
div.right-menu input, 
div.right-menu select {
	width: 180px;
	max-width:  180px;
	border: 1px solid #748A7E;
	padding: 0px;
	color: #333;
}


/* @end */

/* @group Kontakt Form */
span.pflicht,
span.dfContactError {
	color:#CF3500;
}

span.dfContactError {
	display: block;
	margin-top: 3px;
	margin-bottom: 10px;
	clear: both;
}

input#dfContactField-name,
input#dfContactField-addition,
input#dfContactField-state,
input#dfContactField-country,
input#dfContactField-phone,
input#dfContactField-mobile,
input#dfContactField-fax,
input#dfContactField-email {
	width:100%;
	margin-left:-2px;
	float:left;
	clear: both;
	
}

input#dfContactField-street {
	width: 75%;
	float:left;
	clear:left;
	margin-left: -2px;
	

}
input#dfContactField-streetno {
	width: 20%;
	float:right;
	margin-right:-4px;
	
}
input#dfContactField-zip {
	width: 20%;
	float:left;
	clear:left;
	margin-left: -2px;
}
input#dfContactField-city {
	width: 75%;
	float:right;
	margin-right:-4px;
}
textarea#dfContactField-message {
	width: 100%;
	height: 150px;
	margin-left: -2px;
}
input#dfContactField-checkbox {
	float:left;
	margin-right: 10px;
	margin-left:-2px;
}
/* @end */

/* @group Text */

p {
	padding: 0;
	margin: 5px 0px;
	line-height: 1.4em;
	font-size: 12px;
}

a {
	text-decoration: none;
	color: #5F0635;
}
div#content-main a {
	text-decoration: none;
	color: #8F004C;
}
div#content-main a:hover,
div#content-main a:active
 {
	text-decoration: underline;
	color: #8F004C;
}

a:hover, a:active {
	text-decoration: underline;
	/*color: #5F0635; */
}

a.readon:link, a.readon:visited {
	font-size: 10px;


}
a.readon:hover {
	font-size: 10px;

}

a.inside:link, a.inside:visited {
	font-size: 10px;
}
a.inside:hover {
	font-size: 10px;
}


/* @end */

/* @group Listen */

div#content-main ul {
	padding-left: 0px;
	margin-left: 0px;
}

div#content-main ul li {
	list-style-image: url(../images/bullet_14.gif);
	margin-left: 18px;
	padding-left: 0px;
	list-style-type: square;
	list-style-position: outside;
}

/* @end */

/* @group Linien */

div#content-main hr {
	border: 1px dotted #748A7E;
	width: 100%;
	height: 0px;
	clear: both;
	
}

div#content-left hr,
div#content-right hr {
	border: 1px dotted #fff;
	width: inherit;
	height: 0px;
	float: left;
}
hr.1sp, hr.15sp, hr.2sp {

}
div#content-main hr.1sp {
		width: 180px ;
}
div#content-main hr.15sp {
		width: 280px;
}
div#content-main hr.2sp {
		width: 380px;
}
/* @end */

/* @group Sonderformate span */

.modifydate,
.createdby,
.createdate {
	font-size: 10px;
}

p.buttonheading {
	text-align: right;
}
.clearer {
	clear:  both;
}



.contentpagetitle {
	font-size: 18px;
	font-weight: bold;
	color: #005A3B;
        line-height: 1.3em;
}
.componentheading{
	font-size: 18px;
	font-weight: bold;
	color: #005A3B;
        line-height: 1.3em;
}

li#span {
color: #ffffff;
}

.contentpaneopen {
margin: 0px;
padding: 0px;
border: 0px solid #ffffff;
}

.blog {
margin: 0px;
padding: 0px;
border: 0px solid #ffffff;
}

.article_column {
margin: 0px;
padding: 0px;
border: 0px solid #ffffff;
}

.subtitle  {
       color: #748A7E;
}

/* @end */

/* @end */

/* @group Sitemap */


div#content-main ul#hauptmenü_menu{
	color: #FFFFFF;
	list-style: none inside;
	margin: 0;
	padding: 0;
	
}

ul.hauptmenü_class li {
	list-style: none inside;
	margin: 0;
	padding: 0;
	float:left;
}

ul.hauptmenü_class li a {
	display: block;
	width: 180px;
	padding: 9px 0 3px 0;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}

ul.hauptmenü_class li a:hover,
ul.hauptmenü_class li a:active,
ul.hauptmenü_class li#current a {
	display: block;
	width: 180px;
	color: #E5FF00;
	text-decoration: none;
}

ul.hauptmenü_class ul li a {
	display: block;
	width: 180px;
	padding: 3px 10px 3px 0;
	color: #fff;
	text-decoration: none;
	border-bottom: none;
	font-size: 11px;

}

ul.hauptmenü_class ul li a:hover,
ul.hauptmenü_class ul li a:active.
ul.hauptmenü_class ul li#current a {
	display: block;
	width: 180px;
	color: #E5FF00;
	text-decoration: none;
	border-bottom: none;
	font-size: 11px;

}

ul.hauptmenü_class ul ul li a {
	display: block;
	width: 170px;
	padding: 3px 0px 3px 0;
	color: #fff;
	text-decoration: none;
	border-bottom: none;
	font-size: 11px;

}

ul.hauptmenü_class ul ul li a:hover,
ul.hauptmenü_class ul ul li a:active,
ul.hauptmenü_class ul ul li#current a {
	display: block;
	width: 170px;
	padding: 3px 0px 3px 0;
	color: #E5FF00;
	text-decoration: none;
	border-bottom: none;
	font-size: 11px;
}

/* @end */

/* @group print */
div#allwrap-print {
	width: 604px;
	height: 100%;
	margin: 0px 10px;
	position: relative;
	background: #fff;
}
div#header-print {
	padding: 73px 0 20px 3px;
	width:  604px;
	height: auto;
	float: left;
}
div#header-print img {
	float: right;
	margin-top:  -53px;
}
div#header-print a {
	float:left;
	margin-right: 20px;
	color: #9b0c58;

}
div#footer-print {
	margin-top:  20px;
	border-top:  1px solid #333;
	padding-top: 10px;
}
div#footer-print p{
	font-size: 10px;
}
/* @end */