@charset "UTF-8";

html { height: 101%; }

/* CSS Document */





/* @group Colors */




colors:
div.logogruen {
	background-color: #1EA56D;
}
div.logogruen-links {
	background-color: #1EA56D;
}

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

div.body-bg {
	background-color: #1EA56D;
}

div.claim-bg {
	background-color: #1EA56D;
}
div.hellgruen {
	background-color: #1EA56D;
}

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

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





ul li a:link {

 color: #1EA56D;

}


/* @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: #30332E;
	background: #1EA56D;
	background: url(../images/body_bg.jpg) repeat-y center top;
	
}

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: #1EA56D;
	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: #E9E6D6;
	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: #FFE23F;
	text-decoration: none;
}

div#main-menu ul ul li a:link, div#main-menu ul ul li a:visited {
	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: #FFE23F;
	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: #111111;
	opacity: 0.70;
	filter: Alpha(Opacity=70);
}
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: 556px;
}
div#content-main div.content-3sp img {
	max-width:  546px;
	margin-right: 10px;
}
div#content-main div.content-2sp {
	width: 364px;
}
div#content-main div.content-2sp img {
	max-width:  354px;
}
div#content-main div.content-15sp {
	width: 268px;
}
div#content-main div.content-15sp img {
	max-width:  258px;
}	
div#content-main div.content-1sp {
	width: 172px;
}
div#content-main div.content-1sp img {
	max-width: 172px;
}
div#content-main .content-bg {
	padding-top: 0px;
	background-color: #E9E6D6;
}
div#content-main .content-bg2 {
	background-color:#1EA56D;
}

.content-bg2 h1, .content-bg2 h2, .content-bg2 h3 {
	color: #fff;
}



.inhalt_contact {

	width: 556px;
	border: 1px solid #ffffff;
	padding: 4px 9px 9px 9px;
	float:  left;

}




/* @end */

div#main div#footer {
	width: inherit;
	height: auto;
	padding: 24px 5px;
	color: #1EA56D;
	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 #1EA56D;
	border-bottom: 1px solid #1EA56D;
	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/hpm_logo.png) no-repeat 30px 30px;
}

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: #555;
	font-size: 9px;
}
div#right div#content-right h2 {
	font-size: 12px;
	font-weight: normal;
	color: #111;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 0;
	text-transform: uppercase;
;
}
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: #1EA56D;
	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: #1EA56D;
	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: #1EA56D;
	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: #222;
	margin-top: 3px;
	margin-bottom: 3px;
}
h2, h2.contentheading {
	font-size: 14px;
	font-weight: normal;
	color: #111111;
    line-height: 1.3em;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 0px;    
}
h3 {
	font-size: 12px;
	font-weight: bold;
	color: #444;
	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;
	color: #666666;

}
form#contactForm label{
	
}
form input,
form textarea,
form select {
	border: 1px solid #748A7E;
	padding: 2px;
	color: #000000;
	background-color: #efefef;
}
[selected] {
	background-color: #C2CFC7;
}
form input.button {
	background-color: #1EA56D;
	border: 1px solid #1EA56D;
	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 #000000;
	background-color: #ffffff;
}
/* @group rechte Spalte */
div.right-menu input, 
div.right-menu select {
	width: 180px;
	max-width:  180px;
	border: 1px solid #1EA56D;
	padding: 0px;
	color: #333;
}


/* @end */

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

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: #1EA56D;
}

div#content-main a {
	text-decoration: none;
	/* color: #1EA56D; */
}
div#content-main a:hover,
div#content-main a:active
 {
	/* text-decoration: underline; */
	color: #010101; 
	background-color: #FFE23F; /* LINKFARBE HOVER */
}

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

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 #1EA56D;
	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;
}



.contentheading, .contentpagetitle {
	font-size: 14px;
	font-weight: normal;
	color: #111111;
    line-height: 1.3em;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-top: 13px;    
    }
    
.componentheading{
	font-size: 16px;
	font-weight: normal;
	color: #111111;
    line-height: 1.3em;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-top: 20px;    
    margin-left: 12px;
}

li#span {
color: #ffffff;
}

.contentpaneopen {
margin: 0px;
margin-left: 9px;
margin-right: 8px;
padding: 0px;
border: 0px solid #ffffff;
}


.blog {
margin: 0px;
margin-left:11px;
margin-right:11px;
padding: 0px;
border: 0px solid #ffffff;
}

.blog p {
	margin: 0px;
	padding-bottom: 15px;
	padding-top: 15px;
	color: #111111;
} 

.contentpaneopen p {
	margin-left: 0px;
	border-bottom: none;
	color: #30332E;

}


.article_column {
margin: 5px;
padding: 5px;
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: #FFE23F;
	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: #FFE23F;
	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: #FFE23F;
	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 */


.article_separator {
	margin-left: 2%;
	display: block;
	width: 96%;
	border-bottom: 1px dotted #000000;
	margin-bottom: 20px;
}


div#main a:link, div#main a:visited {

/* color: #1EA56D; */

	}
	
	
	
	
	/* STYLES FÜR VERWALTUNGSKOMPONENTE */
	
	
#menueins, #menuzwei, #menudrei, #menuvier {
font-size: 12px;
margin: 0px;
display: inline;
float: left;
padding-top: 3px;
padding-bottom: 2px;
margin-bottom: 5px;
margin-left: 5px;
width: 120px;
height: 18px;
background-color: #efefef;
color: #1EA56D;
text-align: center;
}



#menuvier {
width: 220px;

}

#menueins:hover, #menuzwei:hover, #menudrei:hover, #menuvier:hover {
text-decoration: underline;
color: #1EA56D;
}

#menueins a:link, #menueins a:visited {
color: #000000;
}



#admineins, #adminvier {
display: block;
}

#adminzwei, #admindrei {
	display: none;
}



a.menuright:link, a.menuright:visited {

	display: block;
	width: 180px;
	color: #555;
	font-size: 10px;
	border-bottom: 1px dotted #444;
	padding-bottom: 3px;
	padding-top: 2px;
}

a.menuright:hover {

	color: #1EA56D;
	text-decoration: none;
}

a.menurightaktive:link, a.menurightaktive:visited, a.menurightaktive:hover {
	display: block;
	width: 180px;
	font-size: 10px;
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #444;
	padding-bottom: 3px;
	padding-top: 2px;
	}
	
a.adminmenurightaktive:link, a.adminmenurightaktive:visited, a.adminmenurightaktive:hover {
	display: block;
	width: 180px;
	font-size: 16px;
	color: #f20000;
	text-decoration: none;
	border-bottom: 1px dotted #444;
	padding-bottom: 5px;
	padding-top: 3px;
	text-align: right;
	}
	
	
	
.erases, .edits {

display: inline;
float: left;
padding: 5px;
background-color: #efefef;
margin-right: 5px;
height: 30px;
overflow: hidden;
}

.titels {

display: inline;
float: left;
padding: 5px;
background-color: #efefef;
width: 438px;
height: 30px;
overflow: hidden;
margin-bottom: 5px;
}

.content-bg2 a:link {
	color: #efefef;
}