/***********************************************************
	Reset browser specific definitions and define universalities
************************************************************/
html, body, div, p, h1, h2, h3,  span, a, table, td, form, img, hr, input, textarea, select {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;;
	vertical-align:top;

}

/***********************************************************
	For IE bug, with relative font definitions
************************************************************/

body {
	background-color:#d8efa3;
	font-size:small;
}

/***********************************************************
	Page Areas
************************************************************/

#page {
	padding:0;
	margin:0;
	width:830px;
	background-color:#ffffff;
	margin:0px auto;
	margin-top:10px;
}

/***********************************************************
	Page Area head
************************************************************/

#head {
	padding:0px;
	margin:0px 0px 0px 0px;
	height:172px;
	color:#a4c600;
	background-image:url(../img/head.jpg);
	background-repeat:no-repeat;
	position:relative;
	z-index:1;
}

#navi_top {
	margin:0px 25px 0px 0px;
	color:#a4c600;
	font-weight:bold;
	text-align:right;
	font-size:0.85em;
	padding-bottom:6px;
	z-index:2;
}

/*********************************
	Links
*/

#navi_top a {
	text-decoration:none;
	color:#a4c600;
	font-weight:bold;
}

#navi_top a:hover {
	text-decoration:none;
	color:#a4c600;
}
#navi_top a:active {
	text-decoration:none;
	color:#a4c600;
}

#navi_top .selecter{
	text-decoration:none;
	color:#d8efa3;
	font-weight:bold;
}

/***********************************************************
	Page Area left - zweite Ebene in der Topnavigation
************************************************************/

/***********************************************************
	Page Area navigation left
************************************************************/
/*Navigation Inhalt*/
#navi_left {
	margin-top:85px;
	vertical-align:bottom;
	font-size:0.85em;
	font-weight:bold;
}

/***********************************************************
	Navigation Links 1.Ebene
************************************************************/

/*Navigation Listenpunkt*/
#navi_left div.parent{
	padding:0;
	margin:0;
	vertical-align: bottom;
	height: 27px;
}

/*Navigation Liste Anfang*/
#navi_left div .begin {
	background-image: url(../img/tabs/b_begin.gif);
	float: left;
	width: 9px;
	height: 27px;
}


/*Navigation Liste Bodybereich*/
#navi_left div .body {
	background-image: url(../img/tabs/b_body.gif);
	float: left;
	height: 27px;
	padding-top:5px;
}

#navi_left div .body a {
	text-decoration: none;
	color: #456B18;


}
#navi_left div .body a:hover {
	color: #758D00;

}

/*Navigation Liste Ende*/
#navi_left div .end {
	background-image: url(../img/tabs/b_end.gif);
	float: left;
	width: 10px;
	height: 27px;
}


/*Navigation Liste Aktiviert*/
#navi_left div.active {

}
#navi_left div.active .begin {
	background-image: url(../img/tabs/b_s_begin_1.gif);
	float: left;
	width: 9px;
	height: 32px;
	position: relative;
	top: -5px;
}

#navi_left div.active .body {
	color: #456B18;
	background-image: url(../img/tabs/b_s_body.gif);
	float: left;
	height: 30px;
	position: relative;
	top: -5px;
}

#navi_left div.active .end {
	background-image: url(../img/tabs/b_s_end_2.gif);
	float: left;
	width: 10px;
	height: 32px;
	position: relative;
	top: -5px;
}

/***********************************************************
	Navigation Links 2.Ebene
************************************************************/

#navi_left div.child {
	height: 29px;
	vertical-align:bottom;

}


/*Navigation Liste Aktiviert*/

#navi_left .child span{

}

#navi_left .child a {
	color: #E4FDBB;
	text-decoration: none;
  font-weight: bold;
  height: 29px;
  line-height:0.90em;
}

#navi_left .child a:hover {
	color: #E4FDBB;
	text-decoration: underline;
  font-weight: bold;
}


/*Navigation Liste Aktiviert*/
#navi_left .child a.active_2 {
	text-decoration: none;
  font-weight: bold;
  color: #456B18;
}

.child_title {
	float:left;
	margin-left:24px;
	margin-top:-5px;
	margin-bottom:0px;
	line-height:13px;
}

/***********************************************************
	Page Area content
************************************************************/

#content {
	padding-top: 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(../img/body.jpg);
	min-height:400px;
	height: auto;
}


/***********************************************************
	Page Area content linke Spalte
************************************************************/
#content #column_left {
  float:left;
  margin:0px 0px 0px 10px;
  width:124px;
  text-align:left;
}

/***********************************************************
	Page Area content linke Spalte Loginbutton
************************************************************/
#login {
	margin:6px 0px 0px 0px;
}

a#button_login img {
	background-image: url(../img/button_login_out.jpg);
	height:61px;
	width:93px;
	border:0;
	margin-left:7px;

}
a#button_login:visited img {background-image: url(../img/button_login_out.jpg);}
a#button_login:hover img {background-image: url(../img/button_login_in.jpg);}
a#button_login:active img {background-image: url(../img/button_login_out.jpg);}

.box_login  {
	font-size:small;
	font-weight:bold;
	text-align:left;
}

.box_login input {
	width:95px;
	height:18px;
}

.box_login .submit {
	width:45px;
	background-color:#D8EFA3;
	color: #000;
	border: 1px solid #456B18;
	margin-top:5px;
	font-weight:normal;
	height:22px;
	font-size:small;
}

/***********************************************************
	Page Area content linke Spalte Newsbereich
************************************************************/

#ticker {
  font-size:0.92em;
  width:102px;
  height:auto;
  text-align:left;
  margin:0px;
  padding:0px;
}

#ticker div.header {
  background:url(../img/ticker_head.jpg) no-repeat;
  background-color:#D8EEA3;
  height:10px;
  width:102px;
}

#ticker div.text {
  background:#D9EFA4;
	width:99px;
  padding-left:3px;
  line-height:12px;

}

#ticker div.footer {
  background:url(../img/ticker_foot.jpg) no-repeat;
  width:102px;
  height:10px;

}

#ticker div.title_1 {
  font-size: 0.92em;
  font-weight: bold;
  padding: 0px 0px 5px 0px;
  margin: 0px 0px 0px 0px;
}

#ticker div.date {
  font-size:0.92em;
  font-weight: bold;
  padding: 0px 0px 2px 0px;
  color: #456B18;
}

#ticker a.line {
	text-decoration: none;
  font-size:0.92em;
  font-weight:normal;
  padding-bottom:0px;
}

#ticker  a.line:hover {
	color: #78A148;
	text-decoration: none;
  font-size:0.92em;
  font-weight:normal;
}


/***********************************************************
	Page Area content Mitte
************************************************************/
#content #column_center {
	width:540px;
	margin-left:145px;
}

/***********************************************************
	Page Area content Mitte Kontaktformular
************************************************************/
.box_contact .left {
  float:left;
  font-size:small;
}

.box_contact .left input{
  width:174px;
	height:18px;
}

.box_contact .form_div {
  margin-bottom: 10px;
  font-weight:normal;
  text-align: left;
}

.box_contact .text_left {
  text-align:left;
  font-size:small;
	font-weight:normal;
}

.box_contact  label{
	font-size:small;
	font-weight:normal;
	text-align:left;
}

.box_contact {
	font-size:small;
	font-weight:normal;
	text-align:left;
}

.box_contact textarea{
	font-size:small;
	font-weight:normal;
	text-align:left;
}

.box_contact input {
	width:95px;
	height:18px;
}

.box_contact .box{
	width:15px;
	height:18px;
}

.box_contact .submit {
	width:55px;
	background-color:#ADCF74;
	color: #000000;
	border: 1px solid #456B18;
	margin-top:5px;
	font-weight:normal;
	height:22px;
	font-size:small;
}

/***********************************************************
	Page Area content rechte Spalte
************************************************************/
#content #column_right {
	float:right;
	margin:0px 0px 0px 0px;
	width:124px;
	text-align:left;
}

/***********************************************************
	Page Area content rechte Spalte Suche
************************************************************/

.search_box {
	padding:5px 0px 10px 0px;
	margin:0px 0px 0px 5px;
	font-size:small;
	font-weight:bold;
	text-align:left;
}

.search_box input {
	width:95px;
	font-weight:normal;
	height:18px;
}

.search_box .submit {
	width:45px;
	background-color:#D8EFA3;
	color: #000;
	border: 1px solid #456B18;
	margin-top:5px;
	font-weight:normal;
	font-size:small;
	height:22px;
}

.search_result h3 {
	text-align:left;
}

/***********************************************************
	Page Area footer
************************************************************/

#footer {
	background-image: url(../img/footer.jpg);
	height: 112px;
	font-size:x-small;
	padding-top: 13px;
	background-repeat: no-repeat;
	background-color: #d9efa4;
}

#footer div.title {
	color: #456B18;
	text-align:center;
}

#footer div.text {
	color: #758D00;
	text-align:center;
	margin:5px 5px;
}

/***********************************************************
	H1-H6
************************************************************/
h1 {
	font-weight:bold;
  color: #456B18;
  font-size:medium;
  margin-bottom:2px;
}

h1 a {
	font-weight:bold;
	font-size:medium;
}

h2 {
	font-weight:bold;
  color: #456B18;
  font-size:small;
  margin-bottom:2px;
}
h2 a {
	font-weight:bold;
	font-size:small;
}

h3 {
	font-size:small;
	/*margin:10px 0px 2px 0px;*/
	color:#456B18;
	text-align:center;
	margin-bottom:2px;
}

h3 a {
	font-size:small;
}

h4 {
	font-size:small;
	color:#456B18;
	margin-bottom:2px;
}

h4 a {
	font-size:small;
}

/***********************************************************
	Linie
************************************************************/
.hr {
	margin:15px 5px 5px 0px;
	background-color:#D9EFA4;
	border-top:1px dashed #456B18;
}


/***********************************************************
	Boxen
************************************************************/


/***********************************************************
	mittlere Box
************************************************************/
#content div.center_box {
  margin-left:60px;
  background-color: #D8EFA3;
  width:400px;

}


#content div.center_header {
  background:url(../img/box_head_center.jpg) no-repeat;
  height:15px;
  width:400px;
}

#content div.center_content {
  background-color: #D8EFA3;
  width:384px;
  padding-left:8px;
  padding-right:8px;
  min-height:400px;
  height: auto;
}

#content div.center_footer {
  background:url(../img/box_foot_center.jpg) no-repeat;
  background-color:#FFFFFF;
  height:14px;
  width:400px;
}

/***********************************************************
	große Box
************************************************************/
#content .large_box {
  background-color: #D8EFA3;
  margin-left:0px;
  width:530px;

}

#content .large_header {
  background:url(../img/box_head_large.jpg) no-repeat;
  height:15px;
  width:530px;
}

#content .large_content {
  background-color: #D8EFA3;
  width:514px;
  padding-left:8px;
  padding-right:8px;
  min-height:400px;
  height: auto;
}

#content .large_footer {
  background:url(../img/box_foot_large.jpg) no-repeat;
  height:15px;
  width:530px;
  background-color:#FFFFFF;
}

#content .large_footer_info {
  background:url(../img/box_foot_large_info.jpg) no-repeat;
  height:30px;
  width:530px;
  padding-top:5px;
}

/***********************************************************
	kleine Box
************************************************************/

#content .small_box {
	padding-bottom:10px;

}

#content .small_header{
  background:url(../img/box_head_medium.jpg) no-repeat;
  height:15px;
  width:260px;
}

#content .small_content {
  background-color: #D8EFA3;
  width:244px;
  padding-left:8px;
  padding-right:8px;
}

#content .small_fill {
  width:10px;
}


#content .small_footer_bestellen {
  background:url(../img/box_foot_medium_bestellen.jpg) no-repeat;
  height:30px;
  width:260px;
  padding-top:5px;
}

#content .small_footer {
  background:url(../img/box_foot_medium.jpg) no-repeat;
  height:30px;
  width:260px;
  padding-top:5px;
}


/***********************************************************
	Verlinkungen
************************************************************/
#content a {
	color: #456B18;
	text-decoration: none;
}

#content a:hover, a:active {
	color: #758D00;
	text-decoration: none;
}
/***********************************************************
	misc definitions
************************************************************/

strong {
   font-weight:bold;
}

img {
	vertical-align:bottom;
}

/* Mastercolor*/
.mastercolor {
color:#A4C500;
}

/*Icons*/
.icons {
	width:24px;
}

/*Zurück-Links*/
.back {
	margin-top:5px;
	background-image:url(../img/arrow_left.gif);
	background-repeat:no-repeat;
	background-position:0px 9px;
	padding:5px 5px 5px 15px;
}

/*Nach vorne-Links*/
.forward {
	margin-top:5px;
	background-image:url(../img/arrow_right.gif);
	background-repeat:no-repeat;
	background-position:0px 9px;
	padding:5px 5px 5px 15px;
}

/*Listenansicht*/
.u_list {
	margin-left:15px;
	margin-bottom:-15px;
	margin-top:4px;
}

.list ul{
	list-style-image:url(../img/list.gif);
}

.list .indent {
	margin-left:15px;
}


.small {
   font-size:x-small;
}

.very_small {
	 font-size:xx-small;
}

.red {
   color:#CC0000;
}

.italic {
	font-style:italic;
}

.blue {
   color:#000099;
}

.green {
   color:#456B18;
}

.lightgreen {
   color:#A4C500;
}

.green_background {
   color:#A4C500;
   background-color:#456B18;
   padding:2px 3px 2px 3px;
   margin-bottom:5px;
}

.black {
   color:#000000;
}

.min_height {
		height:300px;
}

.space {
	margin:5px 0px;

}

.center{
	text-align:center;
	margin:0px auto;
}


/*Aussehen des Alphabetes*/
.alphabet {
	font-size:small;
	font-weight:bold;

}

img {
   border:0;
}

table {
	margin:0px;
	padding:0px;
	border:0px;
	margin-bottom:5px;
	font-size:small;
}

td.center, th.center {
	text-align: center;
	margin 0px auto;
}

td.left, th.left {
	text-align: left;
}

td.right, th.right {
	text-align: right;
}

.right {
	text-align: right;
	margin-right:5px;
	font-size:small;
}

div.right a {
	text-decoration:none;
}


.submit {
	background-color: #add074;
	color: #456b18;
	width:243px;
	border:1px solid #000000;
	font-weight: bold;
	cursor: pointer;
	padding: 2px;
}


textarea {
	font-size:small;
	width:380px;
}

.clearer {
	clear:both;
	line-height:0px;
	margin:0px;
	padding:0px;

}




/***********************************************************
	Error div
************************************************************/

div.error {
	border: 2px solid red;
	background-color: #7CADE6;
	padding: 0.5em;
	margin: 0.5em;
	visibility: hidden;
}



a.select {
	color:#456B18;
	background-image:url(../img/navi_2/open.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:17px;
}

.select {
	color:#000000;
	background-image:url(../img/navi_2/open_3.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:17px;
}


/***********************************************************
	Volltextdefinitionen
************************************************************/

/***********************************************************
	div um den Volltext herum
************************************************************/
.text_alignment {
	margin:0px 0px 0px 0px;
}
/*fulltext*/
#content p.fulltext {
 margin:10px 0px;

}

.textbase_table {
	width:540px;
}


/*inputfeld in der textbase fuer Zweispaltigkeit*/
div#content .textbase_input_double{
	width:240px;

}
/* Mittlerer Bereich Text*/
.center_column_text {
	padding:5px 0px;
	text-align:left;
}

.textbase_textarea {
	width:500px;

}

.textbase_textarea_flex{
	width:95%;
}

.textbase_textarea_double {
	width:240px;

}


.vertical_alignment {
	margin:0px 0px 10px 0px;
}

a.info:hover {
	color:D8EFA3;
	font-decoration:underline;
}

/* Zwischenüberschrift */
.headline {
	font-size:small;
	font-weight:bold;
	width:530px;
}

/*inputfeld in der textbase*/
#content .textbase_input{
	width:85%;

}
/* Farbdefinition der Überschriften in der Textbase */
#content  .round1 {
	background-color:#D9EFA4;
}

/* zwei Bilder nebeneinander */
.two_images {
	vertical-align:middle;
	text-align:center;
	width:95%;
}

/* zwei Tabellenspalten */
.two_table {
	font-size:small;
	width:250px;
	height:300px;
	vertical-align:top;
}
/* zwei Tabellenspalten Ausgabe*/
.two_table_view {
	font-size:small;
	width:47%;
	vertical-align:top;
}
/***************************************************************
	Formatierungen, die nur in den Textbasemodulen genutzt werden.
****************************************************************/

/*Textbaseformatierung*/
.middle {
	vertical-align:middle;
	margin-right:15px;
}

/*Textbaseformatierung*/
.alignment_bottom {
	margin-bottom:5px;
}

/*Textbaseformatierung*/
.alignment {
	margin: 10px 0px;
}


/*Aussehen der Anker*/
.anchor {
	margin:0px 0px 10px 20px;
}

/*fett*/
.bold {
	font-weight:bold;
}

/*********************************
	div.form_error
*/
#content div.form_error {
	background-image: url(../img/info.gif);
	background-position: 5px 5px;
	background-repeat:no-repeat;
	width: 300px;
 	padding: 3px;
 	padding-top:20px;
 	margin-bottom:10px;
 	border: 1px solid #456B18;
 	font-weight: bold;
 	background-color: #ADCF74;
	visibility: hidden;
	font-size:x-small;
	color:#456B18;
}

/*********************************
	div.hint_articles
*/
#content div.hint_articles {
	font-size:x-small;
	width: 530px;
 	padding: 3px;
 	margin-bottom:20px;
 	border: 1px solid #456B18;
 	font-weight: bold;
 	color:#456B18;
 	background-color: #ADCF74;
}

table.hint {
	width: 530px;
 	padding: 3px;
 	margin-bottom:20px;
 	border: 1px solid #456B18;
 	font-weight: bold;
 	color:#456B18;
 	background-color:#ADCF74;
	font-size:x-small;
}

.hint {
	width: 530px;
 	padding: 3px;
 	margin-bottom:20px;
 	border: 1px solid #456B18;
 	font-weight: bold;
 	color:#456B18;
 	background-color:#ADCF74;
	font-size:x-small;
}

/*********************************
	Form Labels
*/
#content label {
	cursor: pointer;
}

#content label.error {
	color: #C70505;
}


/*********************************
	Table borderless
*/
#content table.overview table.borderless th{
	text-align:left;
	border:0px;
}
#content table.overview table.borderless td{
	border:0px;
}

/*********************************
	Table overview
*/

/* table */
#content table.overview {
	width:530px;
	margin-top:5px;
	border-collapse:collapse;
}

/* Farbdefinition der Spalten */
#content table.overview .round1 {
	background-color:#D9EFA4;
}

#content table.overview .round2 {
	background-color:#EDF8D1;
}

/* Farbdefinition der Spalten */
#content .round3 {
	background-color:#F6FBE9;
}

#content .round4 {
	background-color:#FBFEF5;
}

/* td*/
#content table.overview td{
	padding:3px;
	border:1px solid #000000;
}

/* th*/
#content table.overview th{
	padding:3px;
	border:1px solid #000000;
}

/*********************************
	Table form
*/
/* table */
#content table.form {
	margin:10px;
	border-collapse:collapse;
}
/* th */
#content table.form th {

	font-weight:bold;
}
/* td */
#content table.form td {

	padding: 0.1em;
	text-align:left;
}
/* thead -> th */
#content table.form thead th {
	padding: 0.3em;
	text-align:center;
}
/* thead -> th.head */
#content table.form thead th.head {
	font-size:small;
}
/* tbody -> th */
#content table.form tbody th {
	padding: 0.1em;
	text-align:left;
	vertical-align:top;
}
/* tbody -> td */
#content table.form tbody td {

}

/* tbody -> td.subheading */
#content table.form tbody td.subheading {
	font-weight: bold;
	text-align: center;
}
/* tbody -> td -> input */
#content table.form tbody td input {
	width: 240px;
}
/* tbody -> td -> input 335px;*/
#content table.form tbody td textarea {
	font-size:small;
	width: 240px;
}

#content table.form tbody td input[type=checkbox] {
	width: 15px;
}

#content table.form td input[type=radio] {
	width: 15px;
}

#content table.form td .indent  {
	width: 77px;
}


/* tfoot -> th */
#content table.form tfoot th {
	padding: 0.3em;
	text-align: center;
}