/*--------------------------------------*/
/* Reset und Basics
/*--------------------------------------*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

body {font:13px/1.231 arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* CSS RESET */

html {
	background-image: url("../images/kachel.gif");
	background-repeat: repeat;
}

body {
	text-align:center;
	color: #264909;
}

a {
	text-decoration: underline;
	color: #264909;
}

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

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

.red {
  color: red;
}

div.clear {
  clear: both;
}

/*--------------------------------------*/
/* Header
/*--------------------------------------*/

#header {
  position:relative;
  width: 960px;
  height: 80px;
  border: 0px solid red;
  background: url(../images/hd1.png);
}

/*--------------------------------------*/
/* Wrap
/*--------------------------------------*/

#wrap {
	width:960px;
	text-align:left;
	margin:0 auto;
  /*background:url(../images/bg1.png);*/
}

/*--------------------------------------*/
/* Footer
/*--------------------------------------*/

#footer { width: 960px; background:url(../images/ft.png); height:75px; position:relative; }
#ftinner{ position:absolute; top:40px; width:960px; margin-left:20px; color:#264909; }
#ftinner a { color: #264909; }

.ftlink, div#gretelchen p, div#gretelchen p a {
  font-family: verdana; font-size: 11px; color: #264909;
}

div#gretelchen {
  float: right;
  padding-right: 40px;
  margin-top: -5px;
}

.fl{ float:left; }
.fr{ float:right; }
.clearfix{ clear:both; }

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

#logo1 {position:absolute; top:30px; left: 25px}
#logo2 {position:absolute; top:30px; left: 282px}
#logo3 {position:absolute; top:30px; left: 520px}

#logo1 a, #logo2 a, #logo3 a {
  font-family: "trebuchet ms", arial, verdana, sans-serif;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0px;
	color: white;
	text-decoration: none;
}

#logo1 a {
	color: white;
	text-decoration: underline;
}

#logo div {
	padding-left:100px
}

/*--------------------------------------*/
/* content 1
/*--------------------------------------*/

#content1 {
  background:url(../images/bg.png);
}

#content1 img.headergrafik {
  margin: 0px 0px 20px 3px;
  border: 0px solid red;
}

.main { width: 600px; font-family: Verdana, Arial, Helvetica; color: #264909; }
#text {margin:0px 0  0 25px }
#text p { font-family: Verdana, Arial; color: #264909; }
#text h2, #top h2 {font-family: georgia, serif; font-size: 18px; padding:20px 0 20px 0}
#text img {margin:10px 0  0 0}
#col {margin:30px 0  10px 65px ;width:300px; background:url(../images/col.jpg); width: 419px; height:161px ; }
#col div {width: 150px; margin: 20px 0 0  10px; display:inline}
#col .first  {margin: 20px 30px 0 20px;}
#col li{line-height:20px; list-style:inside disc;color:#9b3535;}
#col a { color:#9b3535; text-decoration:underline;}
.side { width:320px;display: inline;}
.side h2 {font-family: georgia, serif;font-size:18px}
.side li {line-height:20px; list-style:inside disc; color:#9b3535; }
.side ul {margin:20px  0 30px 20px}
.side p { font-family: Verdana, Arial, sans-serif; color: #264909; }

/*----------------------------------------------------------------------------*/
/* Navigation
/*----------------------------------------------------------------------------*/

#navigation {
  float: left;
  margin-left: 10px;
  margin-top: -8px;
  width: 190px;
  border: 0px solid red;
  padding-right: 15px;
}

#navigation ul {
  padding-left: 15px;
}

#navigation ul li {
  list-style-type: none;
  list-style-position: inside;
  margin-top: 2px;
  border: 0px solid green;
}

/* Navigationspunkte mit Button-Hintergrund */
#navigation ul li.navlidepth2 {
  background-image: url("../images/hg_navi_gruen_1.jpg");
	background-repeat: no-repeat;
	padding: 5px 0px 10px 6px;
}

/* Navigationspunkte ohne Button-Hintergrund */
#navigation ul li.navlidepth3, #navigation ul li.navlidepth4, #navigation ul li.navlidepth5 {
  margin-top: 15px;
  margin-bottom: -5px;
  margin-left: 0px;
  padding: 0px 5px 0px 0px;
  border: 0px solid lightgrey;

  /*list-style-type: circle;
  list-style-position: outside;*/
}

/* navlidepth3: Doch nicht einrücken! */
#navigation ul li.navlidepth3 {
  margin-left: -15px;
}

/* navlidepth4: Doch mit Bullet? */
#navigation ul li.navlidepth4 {
  /*list-style-type: circle;
  list-style-position: outside;
  margin-left: 10px;*/
}

/* Versuch mit Trenn-Linien */
hr.navitrenner {
  display: block;
  margin: 7px 0em 0px 0em;
  color: lightgrey;
  background-color: lightgrey;
  shadow-color: white;
  border: 0px none;
  height: 1px;
  border-style: solid;
  display: none;
}


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

#navigation ul li.navlidepth2 a {
  color: white;
}

#navigation ul li.navlidepth3 a, #navigation ul li.navlidepth4 a, #navigation ul li.navlidepth5 a{
  color: #264909;
}

#navigation ul li a {
  font-family: "trebuchet ms", arial, verdana, sans-serif;
  color: #264909;
  font-size: 13px;
  line-height: 16px;
  font-weight: normal;
  text-decoration: none;
  padding: 0px 0px 10px 0px;
  border: 0px solid red;
}



#navigation ul li a.active {
  text-decoration: underline;
  /*background-color: #5EB615;*/
  /*color: white;*/
  /*padding: 2px 3px 2px 3px;*/
}

p, tr, td, th, legend {
  font-family: "trebuchet ms", arial, verdana, sans-serif;
  color: #264909;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 15px;
  margin-top: 0em;
}

small, p.bildunterschrift, span.bildunterschrift  {
  font-family: "trebuchet ms", arial, verdana, sans-serif;
  color: #264909;
  font-size: 11px;
  line-height: 14px;
  margin-bottom: 15px;
  margin-top: 0em;
}

p.bildunterschrift, span.bildunterschrift {
  clear:both;
}

h1 {
  font-family: georgia, serif;
  color: #264909;
  font-size: 30px;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: 0em;
  margin-bottom: 15px;
  margin-top: 0em;
}

h2 {
  font-family: georgia, serif;
  color: #264909;
  font-size: 28px;
  line-height: 36px;
  font-weight: normal;
  letter-spacing: 0px;
  margin-bottom: 15px;
  margin-top: 0em;
}

h3 {
  font-family: georgia, serif;
  color: #264909;
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: 0em;
  margin-bottom: 10px;
  margin-top: 20px;
}

h4 {
  font-family: georgia, serif;
  color: #264909;
  font-size: 20px;
  line-height: 28px;
  font-weight: normal;
  letter-spacing: 0em;
  margin-bottom: 10px;
  margin-top: 20px;
}

/*** kleine Spezialfälle ***/

p.umbruch {
  clear: both;
}

p.white {
  color: white;
}

p.underline {
  text-decoration: underline;
}

em.bunt {
  color: red;
  font-style: normal;
}

ins {
  text-decoration: none;
}

/* Bilder-Links - ohne Rahmen */
a img {
  border: none;
}

/* L I S T E N  im  Text */

div.content ul , div.content ol {
  margin: 0px;
  padding-left: 30px;
  margin-bottom: 15px;
}

div.content ul li {
  list-style-type: disc;
  list-style-position: outside;
  font-size: 13px;
  line-height: 20px;
}

div.content ol li {
  list-style-type: decimal;
  list-style-position: outside;
  font-size: 13px;
  line-height: 20px;
}

/*-----------------------------*/
/* Layout 1: Eine große Fläche
/*-----------------------------*/

div.grid_flaeche_0 {
  float: left;
  width: 720px;
  border: 0px solid red;
  overflow: hidden;
}

/*---------------------------------------------*/
/* Layout 2: Fläche + Marginalienspalte rechts
/*---------------------------------------------*/

/* grid_flaeche_1: Hauptfläche */
div.grid_flaeche_1 {
  float: left;
  width: 525px;
  border: 0px solid red;
  overflow: hidden;
}

/* grid_flaeche_2: Marginalspalte */
div.grid_flaeche_2 {
  float: left;
  width: 175px;
  margin-left: 25px;
  border: 0px solid green;
  overflow: hidden;
}

/*--------------------------------------*/
/* Layout 3: Zwei Spalten
/*--------------------------------------*/

/* grid_flaeche_3: linke Spalte */
div.grid_flaeche_3 {
  float: left;
  width: 350px;
  border: 0px solid red;
  overflow: hidden;
}

/* grid_flaeche_4: rechte Spalte */
div.grid_flaeche_4 {
  float: left;
  width: 350px;
  margin-left: 25px;
  border: 0px solid green;
  overflow: hidden;
}

/*----------*/
/* Messages
/*----------*/

div.message_error {
  width: 90%;
  padding: 2em;
  padding-left: 2em;
  padding-bottom: 1em;
  border: 1px solid red;
  margin-bottom: 1.5em;
}

div.message_success {
  width: 90%;
  padding: 2em;
  padding-left: 2em;
  padding-bottom: 1em;
  border: 1px solid green;
  margin-bottom: 1.5em;
}

/*--------------------------------------*/
/* Abstände zwischen Einzelinhalten
/*--------------------------------------*/

div.content {
  float: left;
  padding-right: 15px;
  margin-bottom: 30px;
}

/*----------------------------------------------------------------------------*/
/* Bilder umfließen
/*----------------------------------------------------------------------------*/

/* Bild als Absatz */
img.articleImage0 {
  /*width: 150px;*/
  margin-right: 0px;
	padding-top: 1em;
	padding-bottom: 1em;
	clear: both;
}

/* Bild rechts */
img.articleImage1 {
  /*width: 150px;*/
  margin-right: 0px;
	padding-top: 0.5em;
	padding-left: 1.5em;
	padding-bottom: 1em;
	float: right;
	/*clear: both;*/
}

/* Bild links */
img.articleImage2 {
  /*width: 150px;*/
  margin-right: 0px;
	padding-top: 0.5em;
	padding-right: 1.5em;
	padding-bottom: 1em;
	float: left;
	/*clear: both;*/
}

/*--------------------------------------*/
/* Infobox
/*--------------------------------------*/

/* Runde Ecken OBEN */
div.infoboxtext_o {
  background-image: url("../images/hg_infobox_o.png");
  background-position: top center;
  background-repeat: no-repeat;
  width: 175px;
  height: 5px;
}

/* Runde Ecken UNTEN */
div.infoboxtext_u {
  background-image: url("../images/hg_infobox_u.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  width: 175px;
  height: 5px;
}

/* Box */
div.infoboxtext {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 5px 15px 5px 15px;
  background-image: url("../images/hg_infobox.png");
  background-repeat: repeat-y;
}

div.infoboxtext h1, div.infoboxtext h2, div.infoboxtext h3,
div.infoboxtext h4, div.infoboxtext p, div.infoboxtext a,
div.infoboxheadline h1, div.infoboxheadline h2, div.infoboxheadline h3,
div.infoboxheadline h4, div.infoboxheadline p, div.infoboxheadline a
{
  color: white;
  margin: 0px;
  padding: 0px;
}

div.infoboxtext p {
  margin-bottom: 15px;
}

/* Listen */
div.infoboxtext ul {
  padding-left: 15px;
}

div.infoboxtext ol {
  padding-left: 18px;
}

div.infoboxtext ul li, div.infoboxtext ol li {
  color: white;
  list-style-position: outside;
}

/*--------------------------------------*/
/*
/*--------------------------------------*/

.content_pdf {
  margin-bottoM: 25px;
}