/* Created by A. Gulich */



/* ############################################  Seitenaufbau #################################################### */

/* ---------------------------------------------------- body / html ---------------------------------------------- */
body, html {
	border: 0px;
	margin:0px 0 0px 0;
	padding:0;
	height:100%;
}

body {
	background:#349317;
	background-image:url(../images/bg.jpg);
	color:#fdfdfd;
	font-size:75%;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	line-height:1.58em;
}

/* ----------------------------------------------------- wrapper -------------------------------------------------- */
div#wrapper {
	position: relative;
	width:980px;
	min-height:100%;
	margin:0 auto;
	background-image:url(../images/wrapper-back.jpg);
	background-repeat:repeat-y;
	z-index:1;
}

* html #wrapper {height:100%;}

/* ----------------------------------------------------- Head ----------------------------------------------------- */
#head {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:980px;
	height:331px;
	background-image:url(../images/head.jpg);
	background-repeat:no-repeat;
}

/* ----------------------------------------------------- Navigation ------------------------------------------------ */
#navigation {
	position:absolute;
	top:351px;
	left:100px;
	width:220px;
	height:220px;
	background-image:none;
	background-repeat:no-repeat;
}

/* ----------------------------------------------------- Content --------------------------------------------------- */
#content {
	margin:0 0 0 0;
	padding:160px 75px 220px 411px;
	width:494px;
	height:241px;
	background-image:url(../images/content.jpg);
	background-repeat: no-repeat;
}

#content2 {
	margin:0 0 0 0;
	padding:160px 75px 220px 411px;
	width:494px;
	min-height:241px;
	background-image:url(../images/content2.jpg);
	background-repeat: no-repeat;
}

#content3 {
	margin:0 0 0 0;
	padding:160px 75px 220px 411px;
	width:494px;
	height:241px;
	background-image:url(../images/content2.jpg);
	background-repeat: no-repeat;
}

/* ----------------------------------------------------- Footer ---------------------------------------------------- */
#footer {
	position:relative;
	margin:-170px auto;
	padding:0 0 0 0;
	width:980px;
	height:170px;
	background-image:url(../images/footer.jpg);
	background-repeat: repeat;
	color:#fdfdfd;
	z-index:10;
}

/* ----------------------------------------------------- Aktuell ------------------------------------------- */
#aktuell {
	position:absolute;
	top:278px;
	left:789px;
	width:141px;
	height:149px;
}

/* ----------------------------------------------------- Newsletter ---------------------------------------- */
#newsletterbox {
	position:absolute;
	top:-68px;
	left:80px;
	width:146px;
	height:147px;
}

/* ----------------------------------------------------- Logo-Link ------------------------------------------- */

div#logolink {
	position:absolute;
	top:87px;
	left:399px;
	width: 390px;
	height: 71px;
	text-indent: -9999px;
}

a#logo { width: 390px; height: 71px; display: block; border: none;}
a#logo:hover { background: url(../images/logo.jpg);}

div#logolink h1 {
	width: 0;}
	
/* ############################################ Adresse ######################################### */

#adresse1 {
	position:absolute;
	top:80px;
	left:440px;
	width:133px;
	height:auto;
	color:#fdfdfd;
	line-height:1.8em;
}

#adresse2 {
	position:absolute;
	top:79px;
	left:601px;
	width:160px;
	height:auto;
	color:#fdfdfd;
	line-height:1.8em;
}

#adresse3 {
	position:absolute;
	top:44px;
	left:732px;
	width:153px;
	height:auto;
	color:#00796c;
	line-height:1.6em;
}

/* ############################################ Ueberschrift ######################################### */

#contenttitel {
	position:absolute;
	top:354px;
	left:412px;
	width:378px;
	height:72px;
	color:#44a62a;
}

/* ############################################  Bildgalerie - Ueber uns ######################################### */

.bild1 {
	float:left;
	padding-right:15px;
	padding-bottom:10px;
	width:150px;
	height:auto;
}

.bild2 {
	float:left;
	padding-right:15px;
	padding-bottom:10px;
	width:150px;
	height:auto;
}

.cms_bild1 {
	float:left;
	margin-right:15px;
	margin-bottom:10px;
	border:2px solid #fff;
}

.cms_bild2 {
	float:left;
	margin-right:15px;
	margin-bottom:10px;
	border:2px solid #fff;
}

.bild3 {
	float:left;
	padding-right:13px;
	padding-bottom:10px;
	width:150px;
	height:auto;
}

/* ############################################  Klassen ##################################################### */


/*  ---------------------------------------- Allgemein ---------------------------------------- */

* { margin: 0px; padding:0; border: 0;}

body  {
	margin:0px 0 0px 0;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:1.58em;
	color:#fdfdfd;
}

.clear { clear:both; margin:-15px 0 0 0; }

/*  ---------------------------------------- Schriften ---------------------------------------- */

h1 { 
	font-family:Arial, Helvetica, sans-serif;
	margin:15px 0 15px 0; 
	font-size:2.5em;
	line-height:1.4em;
	color:#ffffff;
	font-weight:normal;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	margin:15px 0 15px 0; 
	font-weight:bold;
	font-size:1.5em;
	color:#ffffff;
	line-height:1.6em;
} 

h3 {
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 -10px 0; 
	font-weight:bold;
	font-size:1.17em;
	color:#8c1c31;
	line-height:1.4em;
} 

h4 {
	font-family:Arial, Helvetica, sans-serif;
	margin:15px 0 15px 0; 
	font-weight:bold;
	font-size:1.17em;
	color:#ffffff;
	line-height:1.6em;
} 

.big {
	font-size:1.5em;
	font-weight:bold;
	line-height:1.2em;
}

/* -------------------------------Mousover-Einstellungen für a:hover ------------------------------------*/

a { 
	color:#fdfdfd; 
	outline-style:none;
	text-decoration:underline;
}

a:hover { 
	color:#185208; 
	text-decoration:underline;
}

a.hcolor {
	color:#a4a3a3;
	text-decoration:none;
}

a.hcolor:hover {
	color:#3a6899;
	text-decoration:underline;
}

a.hcolor2 {
	color:#3a6899;
	text-decoration:none;
}

a.hcolor2:hover {
	color:#ffffff;
	text-decoration:underline;
}

a.hcolor3 {
	color:#ffffff;
	text-decoration:none;
}

a.hcolor3:hover {
	color:#496423;
	text-decoration:none;
}

.nodisplay {
	display:none;
}



/*  ---------------------------------------- Absatzeinstellungen ---------------------------------------- */
p {
    margin:15px 0 15px 0;
}

.padoben {
	padding:30px 0 0 0;
}

.padoben2 {
	padding:15px 0 0 0;
}

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

.padrueck {
	margin:0 0 -10px 0;
}

.padrechts2 {
	margin:0 0 0 15px;
}

#divpad {
	clear:both;
	width:auto;
	height:30px;
}

#divpad2 {
	clear:both;
	width:auto;
	height:80px;
}

/*  ---------------------------------------- Zusätzliche Klassen ----------------------------------------- */

.border {
	border:3px solid #f1f1f1;
}

.liste {
	list-style-position:outside;
	margin: 0px 0 0px 40px;
	list-style:disc;
	font-weight:normal;
	font-size:1.0em;
}

.liste li {
	padding: 0 0 0px 0;
}

.liste2 {
	list-style-position:outside;
	margin: 40px 0 0px 40px;
	list-style:disc;
	font-weight:normal;
	font-size:1.0em;
}

.liste2 li {
	padding: 0 0 0px 0;
}

.liste3 {
	list-style-position:outside;
	margin: 20px 0 0px 40px;
	list-style:disc;
	font-weight:normal;
	font-size:1.0em;
}

.liste3 li {
	padding: 0 0 0px 0;
}


.linie {
	border-bottom:#ffffff dotted 1px;
}

.linie2 {
	padding:70px 0 0 0;
	border-bottom:#ffffff dotted 1px;
}

.rightfloat {
	float:right;
	margin: 0px 0px 15px 5px;
}

.rightfloat2 {
	float:right;
	margin: 20px 0px 15px 15px;
}

.rightborder {
	float:right;
	margin: 0px 0px 15px 15px;
	border:3px solid #f1f1f1;
}

.rightfloat5 {
	float:right;
	margin: -35px 0px 15px 15px;
}

.leftfloat {
	float:left;
	margin: 5px 20px 10px 0px;
}

/* ############################################  Navibuttons ##################################################### */

/* Root = Vertical, Secondary = Vertical */
ul#navmenu,
ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0 0 8px 0;
  width: 100px; /*For KHTML*/
  list-style: none;
}

ul#navmenu ul,
ul#navmenu ul li {
  width: 190px; /*For KHTML*/
  list-style: none;
  margin:0;
  border: 0 none;
  padding: 0 0 0 0;
  height:21px;
}

.navmenulong {
	width:260px;
}

ul#navmenu li {
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#navmenu a {
  border: none;
  border-right-color: none;
  border-bottom-color: none;
  padding: 0 6px;
  display: block;
  background:none;
  color: #affda9;
  font: normal 14px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 100%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background:none;
  color: #185208;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  margin:0 0 1px 0;
  background: #f7f7f5;
  color: #185208;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #185208;
  color: #ffffff;
}

ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 100px;
}

/* 3nd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  margin:0 0 1px 0;
  background: #dedede;
  color: #b71916;
}

/* 3nd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #b71916;
  color: #eebd20;
}

ul#navmenu ul,{
  display: none;
  position: absolute;
  top: 0;
  left: 140px;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 180px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

/* ############################################  Buttons Aktuell und Newsletter ##################################################### */

.navi {
	list-style-type: none;
	display: block;

}

.navi a {
	list-style-type: none;
	display: block;

}

/*  ---------------------------------------- Buttons ---------------------------------------- */
li.button-aktuell {
	width:141px;
	height:149px;
	background:url(../images/aktuell-b.jpg);
	text-indent:-9999px;
}
li.button-aktuell a {
	width:141px;
	height:149px;
	background:url(../images/aktuell-a.jpg);
}
/* -------------------------------------- */

li.button-newsletter {
	width:146px;
	height:147px;
	background:url(../images/newsletter-b.jpg);
	text-indent:-9999px;
}
li.button-newsletter a {
	width:146px;
	height:147px;
	background:url(../images/newsletter-a.jpg);
}
/* -------------------------------------- */

Ul.navi li a:hover {
	background:none;
}