 
/**************************************************************
  page inhalt
 **************************************************************/

#content {
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
}



/**************************************************************
  topbar
 **************************************************************/

#topbar {
  float: left;
  width: 100%;
  padding: 0.6em 0;
  padding: 0px;
  font-size: 0.9em;
  text-transform: uppercase;
  color: #fff;
  background: url(/fileadmin/templates/images/bg/topbar.gif) repeat-x bottom left;
}



/**************************************************************
   Top menu und logo
 **************************************************************/

#header2 {
	clear: both;
	position: relative;
	height: 58px;
	margin: 0 auto;
color: #011400;
	background: url(/fileadmin/templates/images/header/top.jpg) top right;
	background-color: #000;
}
#header {
	clear: both;
	top: 0px;
	position: absolute;
	width: 776px;
	left: 50%;
	margin-left: -388px;
	height: 58px;
/*	background: url(/fileadmin/templates/images/header/top.jpg) top right;*/
/*	background-color: #000;*/
	z-index: 5;
}


#header img {
  position: absolute;
  top: 5%;
  left: 10px;
}

#header ul {
  margin: 1.5em 1em 0 35px !important;
  margin: 1.5em 0.5em 0 0;
  padding: 0;
  float: left;
}

#header ul li {
  display: inline;
  list-style: none;
}

#header ul li a {
  float: left;
  padding: 0 1em;
  font: 400 0.9em Verdana, Arial, Helvetica, sans-serif;

  line-height: 1.1em !important;
  color: #cccccc;
  border-right: 1px solid #fff;
}

#header ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#header ul li a:hover {
  color: #94C300;
}



/**************************************************************
   Header Images
 **************************************************************/

#headerImg {
  margin: 0 auto;
  height: 144px;
  background: url(/fileadmin/templates/images/header/steven_body.jpg) no-repeat top left;
}

#headerSub2 {
	position: absolute;
	width: 776px;
	top: 264px;
	height: 54px;
	left: 50%;
	margin-left: -392px;
	z-index: 14;
}

#headerSub3 {
	width: 594px;
}

/**************************************************************
   Menu
 **************************************************************/

#menu {
  margin: 0 auto;
  position: absolute;
width: 776px;
left: 50%;
top: 202px;
/* height: 50px;*/
margin-left: -388px;
/*background: #00ff00;*/
z-index: 10;
/*top: 230px;*/
}

#menu ul {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: left;
/*  background: url(/fileadmin/templates/images/navi/main-navi-bg.jpg) repeat-x top left;*/
}

#menu ul li {
  display: inline;
  margin: 0;
 padding: 0;
  list-style: none;
}

#menu ul li a {
	text-align: center;
  float: left;
  width: 15%;
  height: 4.5em;
  font: 400 1.1em Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: 0.1em;
  color: #fff;
  border-top: 7px solid #000;
  background: #000;
}

#menu ul li a span {
  display: block;
  padding: 4px 7px;
}

#menu ul li a:hover,
#menu ul li a.here {
  background: #000;
	padding-top: 2px;
  border-top: 5px solid #94C300;
}




/**************************************************************
   Page Content
 **************************************************************/

#page {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 6em;
  text-align: left;
  margin-top: 62px;
}
#page .Mtitle {
margin: 0 0 30px 0;
padding: 0;
	height: 36px;
	width: 594px;
	background-color: #2C370B;
}
#darkgreenB {
height: 155px;
  margin: 20px 0 0 0;
  padding: 0;
  background: #2C370B;
  border-top: 1px solid #2C370B;
  border-bottom: 1px solid #2C370B;
}
#darkgreenB img {
margin: 0 20px 0 35px;
padding: 0;
	float: left;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

#darkgreenB .headline {
	padding: 20px 20px 10px 240px;
	display: block;
  font: 700 0.9em Verdana, Helvetica, sans-serif;
}
#darkgreenB .txt {
color: #fff;
	padding: 10px 20px 10px 250px;
	display: block;
  font: 500 0.9em Verdana, Helvetica, sans-serif;
}
#darkgreenB .more {
	padding: 0 20px 10px 240px;
	display: block;
  font: 500 0.9em Verdana, Helvetica, sans-serif;
}

#darkgreenB .more a {
	text-decoration: underline;
  font: 500 0.9em Verdana, Helvetica, sans-serif;
}
#darkgreenB .more a:hover {
	color: #DAFB91;
  font: 500 0.9em Verdana, Helvetica, sans-serif;
}
.content_txt {
clear: both;

	color: #fff;
	padding: 20px 20px 10px 35px;
	display: block;
  font: 500 1.0em Verdana, Helvetica, sans-serif;
}
.content_txt .headline {
clear: both;

	color: #fff;
	padding: 10px 20px 10px 0;
	display: block;
  font: 700 1.1em Verdana, Helvetica, sans-serif;
}
.content_txt img {
margin: 0 20px 0 0px;
padding: 0;
	float: left;
  /* border: 1px solid #ccc;*/

}
.content_txt .datum {
  font: 700 1.1em Verdana, Helvetica, sans-serif;
margin: 5px 20px 5px 35px;
padding: 0;
	float: left;


}
#spalten {
  margin: 0 auto;
}


/* spalten breiten */
.width {
  width: 776px;
}
.widthPad {
  width: 776px;
}

.width25 {

  width: 24%;
}
.width182{

  width: 182px;
}

.rightColumn595
{
float: right;
background-color: #4A6100;
  width: 594px;
}

.width595 {
background-color: #4A6100;
  width: 594px;
}
.width75 {
  width: 75%;
}

.width100 {
  width: 100%;
}


/**************************************************************
   Footer
 **************************************************************/


#footer {
  clear: both;
  float: left;
  width: 100%;
  height: 5em;
  margin-top: -5em;
}

#footer #bg {
  position: relative;
  height: 5em;
  margin: 0 auto;
  background-color: #000;
}

#footer #bg ul {
  float: right;
  margin: 3em 1em 0 0 !important;
  margin: 3em 0.5em 0 0;
  padding: 0;
}

#footer #bg ul li {
  display: inline;
  list-style: none;
}

#footer #bg ul li a {
  float: left;
  padding: 0 1em;
  font: 400 0.9em  Verdana, Helvetica, sans-serif;
  letter-spacing: 0.1em;
  line-height: 0.8em !important;
  line-height: 1em;
  color: #ccc;
  border-right: 1px solid #ccc;
}

#footer #bg ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#footer #bg ul li a:hover {
  color: #94C300;
}

#footer #bg img {
  position: absolute;
  top: 6%;
  left: 10px;
}


/**************************************************************
   News
 **************************************************************/

.news {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;

  margin-bottom: 1.5em;

  border-bottom: 1px solid #CCCCCC;
}

.news .date {
  position: absolute;
  top: 0;
  left: 5px;

  width: 120px;
  text-align: left;
}

.news .date .tag {

  font: 700 1.0em Verdana, Helvetica, sans-serif;
  color: #fff;
}

.news .date .monat {
  display: block;
 
  font: 500 1.0em Verdana, Helvetica, sans-serif;
  color: #fff;
}

.news .title {
  display: block;
  padding: 0 0 5px 0;
  font-size: 1.1em;
  font-weight: bold;
  color: #fff;
}

.news p {
width: 400px;
  margin: 0 0 0 120px;
  padding:  0 0 1em 1.2em;
  border-left: 1px solid #CCCCCC;
}

.news p img {
clear: both;
  margin: 0;
  padding:  0;
  border-left: 1px solid #CCCCCC;
}
.content_news {
clear: both;

	color: #fff;
	padding: 20px 20px 10px 35px;
	display: block;
  font: 500 1.0em Verdana, Helvetica, sans-serif;
}
.content_news img {
margin: 10px 20px 0 0px;
padding: 0;
	float: left;
  border: 1px solid #ccc;

}
/**************************************************************
   Leftmenu Styles
 **************************************************************/

#leftmenu {
  float: left;
  padding: 50px 10px 0 0;
  width: 168px;
}
#leftmenu ul {
  margin: 0;
  padding: 0;
}
#leftmenu ul li {
  border-bottom: 1px solid #C6E773;
  list-style: none;
  margin: 0 0 2px 0;
  text-decoration: none;
}
#leftmenu ul li a {
  color: #fff;
  font: 500 0.9em Verdana, Helvetica, sans-serif;
  padding: 0 0 0 13px;
}
#leftmenu ul li a:hover {
text-decoration: underline;
}
#leftmenu .active a {
  background-image: url("/fileadmin/templates/images/navi/more_info3.gif");
  background-repeat:no-repeat;
  color: #DAFB91;
  font: 700 0.9em Verdana, Helvetica, sans-serif;
  padding: 0 0 2px 13px;
  text-decoration: none;
}
#leftmenu .title {
  color: #fff;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  padding: 0 0 5px 0;
}



/**************************************************************
   Generelle Anzeigen
 **************************************************************/


.block {
  display: block;
}

.clear {
  clear: both;
}

.marginRight {
  margin-right: 15px;
}

.paddingLeft {
  padding-left: 5px;
}

.paddingRight {
  padding-right: 5px;
}

.floatLeft {
  float: left;
}

.floatRight {

  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignTop {
  vertical-align: top;
}

.alignMiddle {
  vertical-align: middle;
}

.alignBottom {
  vertical-align: bottom;
}

.lightBlueBg {
  background-color: #E9EAEB;
}
/**************************************************************
   Galerie
 **************************************************************/
#galerie {
  margin: 0;
  padding: 0 20px 20px 35px;
  background: #2C370B;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#galerie .pos {
  margin: 0;
  padding: 0 20px 0 35px;
  background: #2C370B;

}
#galerie img {
  margin: 4px;
  border: 1px solid #ccc;
}

/* andere Galerie */
#gallerypreview { margin-left: 200px; }


/* News in der linken Spalte */
/**************************************************************
  NEWS
 **************************************************************/

.news_pos {
  border: 1px solid #94C300;
	background-color: #89A833;
	position: relative;
/*	float: left; */
	color: #58442B;
	padding: 0 ;
	line-height: 14px;
}
#aktuell {
	position: relative;
/*	float: left; */
	color: #58442B;
	padding: 10px 0 0 0;
	line-height: 14px;
}

#aktuell h1 {
	padding: 0px; margin: 0px;
}

#aktuell h4 {
	font: 400 1.0em verdana, arial, sans-serif;
	padding: 20px 0 0 20px;
	color: #443355;
	margin: 0;
}

#aktuell h1 a:link,
#aktuell h1 a:visited {
  	font: 400 9px verdana, arial, sans-serif;
	background-color: #333;
/*	float: left;*/
	display: block;
	width: 138px;
	padding: 5px 0 5px 30px;
	margin: 0;
	background: url(/fileadmin/templates/images/navi/news.jpg) no-repeat top left;
	line-height: 12px;
}

#aktuell h1 a:hover,
#aktuell h1 a:active {
	background-color: #333;
	background: url(/fileadmin/templates/images/navi/news.jpg) no-repeat top left;
	text-decoration: none;
}

.datum {
 	font: 600 0.8em verdana, arial, sans-serif;
	text-align: right;
	color: #293408;
	font-size: 9px;
	margin: 2px 10px 3px 20px;
}
.linieAktuell {
	text-align: right;
	width: 140px;
	height: 1px;
	/* border-bottom: 1px solid #C6E773; */
	margin: 5px 0 5px 20px;

}
.news_txt {
	color: #293408;
	font-size: 9px;
	margin: 0 10px 3px 20px; 
}
.news_pos p.bodytext { color: #293408;
	font-size: 9px;
	margin: 0 10px 3px 20px;    }

.news_pos img { padding: 0px 0px 0px 20px; }

/* Tabellen, durch RTE erzeugt */
.contenttable { border-style: none; }
.contenttable tr { border-style: none; }
.contenttable tr td { border-style: none; }
.contenttable tr td p	{ margin: 0px; }

/* Galerie Flash */
#galleryLayer	{ position: absolute; left: 0px; top: 0px; width: 100%; 
	z-index: 50; }

/* Links grundsätzlich */
a		{ cursor: pointer; }

/* Steven-Bild oben rechts */
#spic {
	position: absolute;
	width: 776px;
	top: 0px;
	left: 0px;
	left: 50%;
	margin-left: -388px;
	z-index: 3;
	text-align: right;
}
