div#teaser_div {
  position:absolute;
  width:160px;
  left:768px;
  top:249px;
  border-left-color:#2B9A7A;
  border-left-style:solid;
  border-left-width:1px;
  padding-left:10px;
  padding-top:10px;
  }

.navMacroPubtxt0, a.navMacroPubtxt0:link, a.navMacroPubtxt0:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333333;
  text-decoration: none;
  font-weight:bold;
  padding-left:10px;
  margin-top:2px;
  #margin-top:0px;

}

.navMacroPub0, a.navMacroPub0:link, a.navMacroPub0:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333333;
  text-decoration: none;
  font-weight:bold;
  padding-left:10px;
  margin-top:2px;
  #margin-top:0px;


}

.navMacroPub1, .navMacroPub1:link, .navMacroPub1:visited, .navMacroPub1:visited:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  color: #ffffff;
  font-weight:bold;
  background-image:url(http://haarerholungsgebiet.de/common/nbg.jpg);
  padding-left:10px;
  margin-top:2px;
}

.navMacroPubtxt1, a.navMacroPubtxt1:link, a.navMacroPubtxt1:visited, a.navMacroPubtxt1:visited:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  color: #ffffff;
  font-weight:bold;
  padding-left:10px;
  margin-top:2px;
}

.navMacroPub0 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  color: #333333;
  font-weight:bold;
  padding-left:10px;

}


.navMacroPubtxt0 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  color: #333333;
  font-weight:bold;
  padding-left:10px;

}

.navMacroPub0:visited:hover{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  color: #333333;
  font-weight:bold;
  background-image:url(http://haarerholungsgebiet.de/common/nbgh.jpg);
  padding-left:10px;
  width: 100%;
}

.navMacroPubtxt0:visited:hover{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  color: #333333;
  font-weight:bold;
  #background-image:url(http://haarerholungsgebiet.de/common/nbgh.jpg);
  padding-left:10px;
  width: 100%;
}

.navMacroPub0:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  color: #333333;
  font-weight:bold;
  background-image:url(http://haarerholungsgebiet.de/common/nbgh.jpg);
  padding-left:10px;
  width: 100%;
}

.navMacroPubtxt0:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  color: #333333;
  font-weight:bold;
  #background-image:url(http://haarerholungsgebiet.de/common/nbgh.jpg);
  padding-left:10px;
  width: 100%;
}


.navMacroSub0, a.navMacroSub0:link, a.navMacroSub0:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333333;
  text-decoration: none;
  padding-left:10px;
  font-weight:normal;
}

.navMacroSub1, a.navMacroSub1:link, a.navMacroSub1:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
  color: #2B9A7A;
  padding-left:2px;
  font-weight:normal;
  padding-left:5px;
  border-left-color:#2B9A7A;
  border-left-style:solid;
  border-left-width:5px;
}

.navMacroSub0, a.navMacroSub0:hover, a.navMacroSub0:visited:hover{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
  color: #2B9A7A;
  font-weight:normal;
  padding-left:10px;
}



div#fuss {
  width:100%;
  height:80px;
  float:none;
  font-size:9px;
  } 

div#navi {
  position:absolute;
  top:260px;
  left:29px;
  width:150px;
  line-height: 22px;
  border-left-color:#2B9A7A;
  border-left-style:solid;
  border-left-width:1px;
  }

#infobox {
  position:absolute;
  top:800px;
  left:29px;
}



div#head {

  }



div.ZMSTeaserContainer {
  padding:1px;
  }

div.ZMSTeaserElement {
  padding:0px;
  margin-bottom:30px;
  }

div.ZMSTeaserElement img.title {
  border: 1px;
border-color: #cccccc;
border-style: solid;
margin-top: 5px;
margin-bottom: 5px;

  }

div.ZMSTeaserElement div.title {
font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;
font-size: 13px;
font-weight:bold;
text-decoration:none;
color:#000000;
display: block;
border-bottom: 1px;
border-bottom-style: solid;
border-bottom-color: #cccccc;

}

div.ZMSTeaserElement div.text {
  font-family: Verdana,Geneva,Helvetica,sans-serif;
  font-size: 10px;
  line-height: 13px;
  font-weight:normal;
  text-decoration:none;
  color:black;
  display: block;
  }


div#logo {
  position:absolute;
  top:0px;
  left:80px;
  }

a.zoom img.zoom {
  width: 20px;
  height: 20px;
  background-image:url(http://haarerholungsgebiet.de/common/zoom.gif);
  }

div#menue1 {
  position:absolute;
  top:148px;
  width:180px;
  left:125px;
  }

#menue2 {
  position:absolute;
  top:168px;
  left:135px;
  }

#content {
  position: absolute;
  top:250px;
  left:210px;
  width:520px;
  }


#graphic_right {
  padding:5px;
  float:right;
  border: 1px;
  border-style: solid;
  border-color: #cccccc;
  background-color: #F3FEFB;
  margin-bottom: 20px;
  margin-left: 20px;
  }

#graphic_left {
  margin-right:15px;
  border:0px;
  }

hr{
height: 1px;}



/****************/
/* Layout*/
/****************/



.ahem {
  display: none;
  }

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

a:link {
  text-decoration:none;
  color:#58AABE;
  }

a:hover {
  text-decoration : none;
  color:#58AABE;
  }

a:visited {
  color:#58AABE;
  text-decoration : none;
  }

a:visited:hover {
  color:#58AABE;
  text-decoration : none;
  }

/*********************/
/* Textbody-Elements */
/*********************/

a{
font-weight: bold;
}

form, p, ol, ul, li, em, sup, sub, table, tr, th, td {
  font-size:11px;
  }

body{
  font : 12px/18px Verdana,Geneva,Arial,Helvetica,sans-serif;
 background-image:url(http://haarerholungsgebiet.de/common/bg2.jpg);
  background-position:top left;
  background-repeat:no-repeat;
  }

.text{
  font:12px Verdana,Geneva,Helvetica,sans-serif;
line-height: 140%;

}

li{
margin-bottom: 5px;
}

h1 {
  font:22px Arial,Verdana,Geneva,Helvetica,sans-serif;
  color: #ffffff;
  text-align: left;
margin-top: 10px;
background-color: #00815C;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;

  }

h2 {
  }

.heading1 {

  }

.heading2 {
  font:14px Arial,Verdana,Geneva,Helvetica,sans-serif;
  color:#00815C;
  padding-bottom:0px;
  margin-top:40px;
  font-weight:bold;
  }
 

.small {
  font-size: 0.9em;
  }

.smalllight {
  font-size: 0.9em;
  color: #666666;
  }

.caption, .description {
  font-weight: bold;
  font-style: normal;
  color: #333333;
  }

p.emphasis {
  background-color:#f0f0f0;
  padding:7px;
  line-height: 18px;
  border-color:#000;
  border-style:solid;
  border-width:1px;
  width:520px;
  }

p.em {
  color: #CDCDCD;
  }

.Adresse {
  font-size: 0.9em;
  }

.Datum {
  font-style: italic;
  font-size: 0.9em;
  margin: 0px;
  }

.Referenz {
  font-size: 0.9em;
  }

sup, sub {
  font-size: 0.8em;
  }

.arrup {
  float : right;
  margin-right: 10px;
  }


/**********************/
/* Teaser */
/**********************/

.teaserTitle {
  position: relative;
  line-height: 14px;
  color : #005249;
  font-weight: bold;
  font-size: 12px;
  padding: 0px;
  margin: 4px 2px 2px;
  }

.teaserText {
  position: relative;
  color : #005249;
  font-size : 0.9em;
  line-height: 1.2em;
  padding: 0px;
  margin: 0px 5px;
  }

a.teaserTitle,  a.teaserText {
  color : #000000;
  text-decoration: none;
  font-size: 1em;
  }

a.teaserTitle:hover, a.teaserText:hover {
  color : #FF8418;
  text-decoration: none;
  }

a.teaserTitle:visited, a.teaserText:visited  {
  color : #000000;
  text-decoration: none;
  }

a.teaserTitle:visited:hover, a.teaserText:visited:hover {
  color : #FF8418;
  text-decoration: none;
  }

/**********************/
/* Functions */
/**********************/

a.functions{
  color: white;
  font-weight : bold;
  font-size : 0.8em;
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
  }

a.functions:visited{
  color: white;
  text-decoration: none;
  }

a.functions:visited:hover{
  color: white;
  text-decoration: none;
  }

.suchform {
  border : thin solid #595959;
  font-size: 0.8em;
  }

/*******************/
/* H.3.6 Sitemap   */
/*******************/

p.sitemapTitle0 {
  margin-top: 0px;
  margin-bottom: 0px;
  }

p.sitemapTitle1 {
  margin-top: 0px;
  margin-bottom: 0px;
  }

td.sitemapTitle0 {
  background-color: #CDCDCD;
  height: 12px;
  }

td.sitemapTitle1 {
  background-color: #1B746B;
  height: 12px;
  }

A.sitemapTitle0:link {
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  }

A.sitemapTitle0:visited {
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  }

A.sitemapTitle1:link {
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  }

A.sitemapTitle1:visited {
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  }

A.sitemapTitle0:hover {
  font-weight: bold;
  color: #1B746B;
  text-decoration: underline;
  }

A.sitemapTitle0:active {
  font-weight: bold;
  color: #1B746B;
  text-decoration: underline;
  }

A.sitemapTitle1:hover {
  font-weight: bold;
  color: #000000;
  text-decoration: underline;
  }

A.sitemapTitle1:active {
  font-weight: bold;
  color: #000000;
  text-decoration: underline;
  }

td.sitemapElement0 {
  height: 12px;
  }

td.sitemapElement1 {
  height: 12px;
  }

p.sitemapElement0 {
  margin-top: 0px;
  margin-bottom: 0px;
  }

p.sitemapElement1 {
  margin-top: 0px;
  margin-bottom: 0px;
  }

A.sitemapElement0:link {
  font-weight: normal;
  text-decoration: none;
  }

A.sitemapElement0:visited {
  font-weight: normal;
  text-decoration: none;
  }

A.sitemapElement1:link {
  font-weight: bold;
  text-decoration: none;
  }

A.sitemapElement1:visited {
  font-weight: bold;
  text-decoration: none;
  }

A.sitemapElement0:hover{
  color: #1B746B;
  text-decoration: underline;
  }

A.sitemapElement0:active {
  color: #1B746B;
  text-decoration: underline;
  }

A.sitemapElement1:hover {
  color: #1B746B;
  text-decoration: underline;
  }

A.sitemapElement1:active {
  color: #1B746B;
  text-decoration: underline;
  }

/*************************/
/* Management Interface  */
/*************************/

.cmsTxtColorStrong0 { color: #000066; } /* primColorStrong0 */
.cmsTxtColorStrong1 { color: #666666; } /* neutralColorStrong0 */
.cmsBgColorStrong0 { background-color: #000066; } /* primColorStrong0 */
.cmsBgColorStrong1 { background-color: #CCCCCC; } /* neutralColorLight0 */
.cmsBgColorMedium0 { background-color: #E8F2F9; } /* primColorLight0 */

/* :mode=css: */