/*
-----------------------------------------------
ALLGEMEINES
----------------------------------------------- */


body { 
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	color: #000;
	background: #A9D04D url(/images/bg.gif) repeat-x;
	background-attachment: fixed; /* Hintergrund bleibt stehen */
	text-align: center; /* center IE 5 */
}

html>body {
/* was hier stehen wuerde koennte der ie nicht lesen */
	padding: 10px;
}

.clearboth {
	overflow: hidden;
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	width: 0;
}


#center_content {
	background: #fff url(/images/ecke_oben_rechts.gif) no-repeat;
	background-position: 100% 0;
	max-width: 87em;
	margin: auto;
	width:expression(document.body.clientWidth > 1050? "86em": "auto" ); /* max Breite für IE */
}

#corner_left {
	background: url(/images/ecke_oben_links.gif) no-repeat;
	max-width: 87em;
	padding: 10px; /* ist für den weissen Aussenrand. */
	padding-top: 0;
	padding:expression(document.body.clientWidth < 850? "0": "0 10px 10px 10px" ); /*  H-Scroll im IE5 bei 800 Pixeln entfernen */
	text-align: left; /* center IE 5 Inhalt wieder links */
}

.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;
}

.paddings {
	padding: 1em;
}

hr {
	border: 0;
	border-top: 1px solid #ccc;
	height: 1px;
}



.hlinks a {
	border: #77A30D 2px solid;
	padding: .1em .5em .1em .5em;
	background-color: #FFD800;
	text-decoration: none;
}


.hlinks_back a {
	border: #77A30D 2px solid;
	padding: .1em .5em .1em .5em;
	background-color: #FFD800;
	text-decoration: none;
}

.hlinks_download a {
	border: #77A30D 2px solid;
	padding: .1em .5em .1em .5em;
	background-color: #FFD800;
	text-decoration: none;
}

.hlinks_homepage a {
	border: #77A30D 2px solid;
	padding: .1em .5em .1em .5em;
	background-color: #FFD800;
	text-decoration: none;
}


#sitenavi a {

	border: #77A30D 2px solid;
	padding: .1em .5em .1em .5em;
	background-color: #fff; 
	text-decoration: none;

}


/* ------------- Bilder -------------- */

img {
	border: 0;
}

.---------pic_left {
	float: left;	
	padding: .5em 1em 1em 0;
}

.---------pic_right {
	float: right;
	padding: .5em 0 1em 1em;
}

.bildpadding {
	float: left;
	padding: 0 1em 1em 0;
}

.bildpadding img {
	padding: 2px;
	background-color: #77A30D;
}


/*
-----------------------------------------------
HEADER
----------------------------------------------- */

#header {
	width: 100%;
	height: 95px;
	background: #77A30D url(/images/bg_header.gif) repeat-x;
}

#logo {
	margin-top: 10px;
	width: 370px;
	float: left;
}


#header_right {
	padding: 16px 20px 0 0;
	width: 278px;
	float: right;
	right: 0;
	background: url(/images/ecke_header_rechts.gif) no-repeat;
	background-position: 100% 0;
}


/*
-----------------------------------------------
LINKS MITTE RECHTS
----------------------------------------------- */


#site { 
	float: left;  /* damit der linke und rechte Rand den Footer runter druecken kann */
	width: 100%;
	width:expression(document.body.clientWidth > 10? "98%": "auto" ); /* für IE sonst geht der Inhalt nach rechts raus */
	background: #FFD800 url(/images/bg_unten.gif) repeat-x;
	background-position: 0 100%;
	padding: 0;
}

#hermann { 
	float: left;  /* damit der linke und rechte Rand den Footer runter druecken kann */
	width: 100%;
	width:expression(document.body.clientWidth > 10? "100%": "auto" ); /* für IE sonst geht der Inhalt nach rechts raus */
	background: url(/images/hermann.gif) no-repeat;
	background-position: 100% 100%;
	padding: 0;
}


#home #hermann { 
	float: left;  /* damit der linke und rechte Rand den Footer runter druecken kann */
	width: 100%;
	width:expression(document.body.clientWidth > 10? "100%": "auto" ); /* für IE sonst geht der Inhalt nach rechts raus */
	background: url(/images/hermann.gif) no-repeat;
	background-position: 0 100%;
	padding: 0;
}



#left { 
	float: left; 
	width: 14em; 
	}
	
#middle { 
	float: middle; 
	margin: 0 21.5em 0 14.7em;
	background: url(/images/bg_middle.gif) no-repeat;
	font-size: .95em;
}
	
#right { 
	float: right; 
	width: 19em;
	padding-top: 3.6em;
}

#paddingleft {
	padding-left: 1.4em;
}


/*
-----------------------------------------------
INHALT
----------------------------------------------- */


.headline {
	background: url(/images/pfeil_headline.gif) 0 1em no-repeat;
	width: auto;
	padding: 1em 0 1.2em 2.3em;
}

.message {
  float: left;
	font: normal 1em/1.8em Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	width:expression(document.body.clientWidth > 850? "52em": "370px" ); /* max Breite für IE */
	color: #000;
	background: #77A30D url(/images/ecke_inhalt_links.gif) no-repeat;
	-moz-border-radius: 0 0 15px 15px; /* macht runde Ecken */
	margin-bottom: 1.3em;
}

.message a {
	color: #000;
}

.message .title {
	padding: .5em;
	background: url(/images/ecke_inhalt_rechts.gif) no-repeat;
	background-position: 100% 0;
}

.message .text {
	float: left;
	width: 99%;
	width:expression(document.body.clientWidth < 10 ? "100%": "100%" ); /* max Breite für IE */
	border: 3px solid #77A30D;
	background-color: #fff; 
	-moz-border-radius: 15px; /* macht runde Ecken */
}

.padding_text { padding: 1em; }



/* ------------- News rechts -------------- */


.news {
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	width: 93%;
	color: #000;
	background: #77A30D url(/images/ecke_inhalt_links.gif) no-repeat;
}

.news hr {
border: 1px #77A30D solid;
height: 1px;
}

.news a {
	color: #000;
}

.news .title {
	padding: .5em;
	background: url(/images/ecke_inhalt_rechts.gif) no-repeat;
	background-position: 100% 0;
}

.news .text {
	border: 3px solid #77A30D;
	background-color: #fff; 
}

.padding_news {
	height: 1.3em;
}

.padding_text {
	padding: 1em;
}


/* ------------- Doppel-Container -------------- */


.twobox {
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	width:expression(document.body.clientWidth > 850? "100%": "350px" ); /* max Breite für IE */
	color: #000;
	float: left;
}

.twobox_left {
	float: left;
	width: 48%;
}

.twobox_left img {
	padding: 10px 0 5px 10px;
}

.twobox_right {
	float: right;
	width: 48%;
}

.twobox_right img {
	float: right;
}




/* ------------- Ueberschriften -------------- */


h1 {
	font: bold 1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #77A30D;
	margin: 0;
}

h2 {
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
}

h3 {
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	color: #4A630F;
	margin: 0;
	padding-bottom: 1em;
}





/*
-----------------------------------------------
GLOBALE SUCHE
----------------------------------------------- */

#global_search {
	background-color: #eee;
	width: 100%;
}

#global_search form {
	padding: 0;
	margin: 0;
}

#global_search #global_search_inputfield {
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	width: 7.4em;
	height: 1.4em;
}

#global_search #global_submit {
  font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	padding: 0 0 .3em 0;
	margin: 0;
	width: 3.8em;
	height: 1.8em;
	border: 1px solid #ccc;
	-moz-border-radius:10px; /* macht runde Ecken */
}

/*
-----------------------------------------------
MENÜ
----------------------------------------------- */


#menue {
	font: normal 1.2em Arial, Helvetica, sans-serif; 
	margin: 0;
	padding: 0;
	color: #fff;
	background: #77A30D url(/images/bg_menue.gif) repeat-x;
}

#menue ul {
	margin: 0;
	padding: 0;
}

#menue li {
	margin: 0; 
	padding: 0;
	list-style-type: none;	
}
	
#menue a:link, 
#menue a:visited {
	width: auto;
	color: #fff;
	text-align: left;
	display: block;
	margin: 0;
	padding: .6em 0 .4em 0;
	height: 1.5em;
  position: relative;
	text-decoration: none;
	border-top: 1px solid #fff;
}

#menue a:link.active, 
#menue a:visited.active, 
#menue a:hover {
	color: #fff;
	background-color: #638414;
}

.menuselected {
	background-color: #638414;
}



/*
-----------------------------------------------
SCHRIFT-GROESSE VERAENDERN
----------------------------------------------- */

#fontsize {
	padding: 1em;
}

#fontsize a {
	font: bold 1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	background-color: #FFEE99;
	border: 1px #000 dotted;
	padding: .2em .4em .2em .4em;
}

#fontsize a:hover {
	background-color: #fff;
}

#fontsize h4 {
	padding: 0;
	marging: 0;
	font: normal 1.5em Verdana, Arial, Helvetica, sans-serif;
}

/*
-----------------------------------------------
FOOTER
----------------------------------------------- */

#footer {
	background-color: #77A30D;
	height: 3.2em;
}

#footer_left {
	float:left;
}

#footer_right {
	float:right;
	width: 14em;
}

#footer a {
	color: #fff;
}

#button_top {
	float: right;
	padding: 1em;
}


#schatten {
	float: right;
	height: 12px;
	width: 100%;
	background: #A9D04D url(/images/schatten.gif) no-repeat;
	background-position: 100% 0;
}

	/* -------- Kontaktformular --------- */

#kontaktformular .reihe {
	float:left;
	width: 100%;
	padding: .1em;
}

#kontaktformular label {
	float: left;
	width: 25%;
}

#kontaktformular .feld {
	float: left;
	width: 70%;
}

#kontaktformular input  {
	border: 2px solid #77A30D;
}

#kontaktformular #submit  {
	border: 2px solid #77A30D;
	-moz-border-radius:10px; /* macht runde Ecken */
}

#kontaktformular textarea  {
	border: 2px solid #77A30D;
	overflow: auto;
}

#kontaktformular #einverstanden  {
	border: 2px solid #fff;
}

#kontaktformular .error {
	border: 2px solid #FF0000;
}




#kontaktformular .inhaltzeilelinks {
	float: left;
	width: 100%;
} 

#kontaktformular .inhaltzeilelinkstext {
	float: left;
	width: 100%;
}