@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @creator       YAML Builder V1.2b (http://builder.yaml.de)
 * @file          my_layout.css
 * @-yaml-minver  3.1
 *
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(../yaml/core/base.css);
/* import screen layout | Screen-Layout einbinden */
/* @import url(../yaml/navigation/nav_slidingdoor.css); */
/* @import url(../yaml/navigation/nav_vlist.css); */
@import url(screen/basemod.css);
@import url(screen/content.css);
@import url(screen/forms.css);
/* import print layout | Druck-Layout einbinden */
@import url(print/print.css);
/* Basis-CSS fuer Suche */
@import url(search.css);
/* Basis-CSS fuer Statuszeile, Tools */
@import url(dvv-tools.css);

.clear
{
  clear : both;
}

.body_search .clear
{
  clear : none;
}

.invisible {
  position: absolute;
  left: -2999px; /* Sprungmarke wird "aus dem Bildschirm geschoben" - denn: display: none gefýllt Screenreadern nicht*/
  width: 1500px;
}


.vlist {
  width: 100%;
  overflow: hidden;
  margin: 0 0 1.5em 0;
  list-style-type: none;
  background-color : #ffe884;
  font-weight: bold;
}

.vlist ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.vlist li {
  float: left; /* LTR */
  width: 100%;
  margin: 0;
  padding: 0;
}

.vlist a,
.vlist strong,
.vlist span {
  display: block;
  padding: 3px 0 3px 10%;
  text-decoration: none;
  border-bottom: 1px #dd0 solid;
}
.vlist a,
.vlist a:visited {
  color: #003;
}

/* Level 1 */
.vlist li a,
.vlist li strong,
.vlist li span { width: 97%; padding-left: 3%; font-size: 1.1em;} /* LTR */

/* Level 2 */
.vlist li ul li a,
.vlist li ul li strong,
.vlist li ul li span { width: 90%; padding-left: 10%; font-size: 1em;} /* LTR */

/* Level 3 */
.vlist li ul li ul li a,
.vlist li ul li ul li strong,
.vlist li ul li ul li span { width: 80%; padding-left: 20%;} /* LTR */

/* Level 4 */
.vlist li ul li ul li ul li a,
.vlist li ul li ul li ul li strong,
.vlist li ul li ul li ul li span { width: 70%; padding-left: 30%; } /* LTR */

/* Level 5 */
.vlist li ul li ul li ul li ul li a,
.vlist li ul li ul li ul li ul li strong,
.vlist li ul li ul li ul li ul li span { width: 60%; padding-left: 40%; } /* LTR */


.vlist li.current a.active
{
  background-color:#f8f8c0;
  color: #008;
}

.vlist li.currentParent
{
  background-color : #ffe160;
}

/* any level */
.vlist a:active { background-color:#f93 !important; color: #fff !important; }
.vlist a:hover { background-color:#f93 !important; color: #fff !important; }
.vlist a:hover { background-color:#f93 !important; color: #fff !important; }

/* - - Markierung von geýnderten und neuen Seiten - - */
.vlist a.is_new
{
  background: url("../img/links/asterisk_yellow.png") no-repeat right;
}
.vlist a.is_modified
{
  background: url("../img/links/asterisk_orange.png") no-repeat right;
}

.hlist ul {
  /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
  display: inline;
  float: left; /* LTR */
  /* (en) Left margin of the first button  */
  /* (de) Abstand des ersten Buttons vom linken Rand  */
  margin: 0 0 0 0; /* LTR */
  padding: 0;
}

.hlist ul li {
border-left: 0px solid #56c ;
border-right: 1px solid #006bb1;
  /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
display: inline;
float: left; /* LTR */
font-size: 1.0em;
line-height: 1em;
list-style-type: none;
margin: 0;
padding: 0;
height: 58px;
}

.hlist ul li a,
.hlist ul li strong {
background: transparent;
color: #006bb1;
display: block;
font-size: 1em;
font-weight: bold;
margin: 0;
padding: 20px 25px 26px 20px;
text-decoration: none;
width: auto;
}

.hlist ul li a:focus,
.hlist ul li a:hover,
.hlist ul li a:active {
color: #ffffff;
text-decoration: none;
}

.hlist ul li a:focus,
.hlist ul li a:hover,
.hlist ul li a:active {
background: #006bb1 url("../img/Blind.gif") no-repeat;
color: #ffffff;
text-decoration: none;
}

.hlist ul li.nav_94167 a:focus,
.hlist ul li.nav_94167 a:hover,
.hlist ul li.nav_94167 a:active {
background: url("../img/h_list_active.png") no-repeat;
color: #ffffff;
text-decoration: none;
}

.hlist ul li.current, 
.hlist ul li.currentParent {
  /* (en) Repeat the main color from the image */
  /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
background: #006bb1 url("../img/Blind.gif") no-repeat;
}

.hlist ul li.nav_94167.current, 
.hlist ul li.nav_94167.currentParent {
  /* (en) Repeat the main color from the image */
  /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
background: url("../img/h_list_active.png") no-repeat;
}


.hlist ul li.current a,
.hlist ul li.currentParent a {
color: #ffffff;
}

.hlist ul li.active strong,
.hlist ul li.active a:focus,
.hlist ul li.active a:hover,
.hlist ul li.active a:active { 
background: transparent; 
color: #fff; 
text-decoration: none; 
}



.hlist2
{
  background: #008100 url("../img/bg/candy-dark-green.png") repeat-x;
}
.hlist2 .active
{
  background: #33a033 url("../img/bg/candy-green.png") repeat-x;
}

.hlist2 ul li a:focus,
.hlist2 ul li a:hover,
.hlist2 ul li a:active
{
  background: #33a033 url("../img/bg/candy-green.png") repeat-x;
  color: #131;
  text-decoration: none;
}

.hlist2 ul li, .hlist2 ul li.currentParent {
  border-left: 1px #070 solid;
  border-right: 1px #060 solid;
}

.hlist2 ul li.current, .hlist2 ul li.currentParent {
  /* (en) Repeat the main color from the image */
  /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
  background: #035080 url("../img/bg/candy-green.png") repeat-x;
}

/* Sitemap */

.sList{
  margin: 0 0 2.5em 0;
  background-color : #f5f5f5;
  font-weight: bold;
}
.sList ul {
  margin-bottom: 0;
  border-left: 1px dotted silver;
}
.sList li {
  list-style-type: none;
}
.sList a[hreflang=de]
{
  background: url("../img/flaggen/de.png") no-repeat right;
  padding-right: 25px;
}
.sList a[hreflang=en]
{
  background: url("../img/flaggen/en.png") no-repeat right;
  padding-right: 25px;
}
.sList a[hreflang=fr]
{
  background: url("../img/flaggen/fr.png") no-repeat right;
  padding-right: 25px;
}
.sList a[hreflang=es]
{
  background: url("../img/flaggen/es.png") no-repeat right;
    padding-right: 25px;
}
.sList a[hreflang=it]
{
  background: url("../img/flaggen/it.png") no-repeat right;
  padding-right: 25px;
}
.sList a[hreflang=el]
{
  background: url("../img/flaggen/el.png") no-repeat right;
  padding-right: 25px;
}

#contentFooter
{
  margin-top: 12px;
  border-top: 1px solid white;
  padding-top: 4px;
  border-bottom: 1px solid white;
  padding-bottom: 4px;
}

#contentFooter hr
{
  height: 1px;
  border-bottom: 1px solid white;
}

/* Allgemein */
.nowrap
{
  white-space:nowrap;
}
/* Formulare */
.requiredMark
{
  color: #6666FF;
}
.error .requiredMark
{
  color: #FF6600;
}
.error
{
  color: red;
}

/* Login */
#j_username
{
  background: url("../img/links/user.png") no-repeat;
  padding-left: 18px;
  border: 1px solid silver;
}
#j_password
{
  background: url("../img/links/key.png") no-repeat;
  padding-left: 18px;
  border: 1px solid silver;
}

/* QuickLinks als Liste */
ul.quickLinkList
{
  margin-bottom: 0;
}
ul.quickLinkList + ul.quickLinkList
{
  border-top: 1px solid #66f;
}
.quickLinkList li
{
  list-style: none;
  margin-left: 0;
}
/* QuickLinks als Dropdown */
.quickLinkDropdown
{
  width: 100%;
  background: #ffe;
}
.quickLinkDropdown .quickLinkSeparator
{
  color: #66f;
}

/* #recommend_form */ fieldset
{
  padding: 8px;
}
/* #recommend_form */ legend
{
  margin-bottom : 8px;
}
#recommend_form
{
  width: 380px;
  padding-top: 8px !important;
  padding-bottom: 12px !important;
}
#recommend_form #to
{
  width: 350px;
  background: url("../img/links/mail.png") no-repeat;
  padding-left: 18px;
  border: 1px solid silver;
}
#recommend_form #text
{
  width: 368px;
  background: url("../img/links/comment.png") no-repeat right bottom;
  border: 1px solid silver;
}
#recommend_form #fromName
{
  width: 350px;
  background: url("../img/links/user.png") no-repeat;
  padding-left: 18px;
  border: 1px solid silver;
}
#recommend_form #from
{
  width: 350px;
  background: url("../img/links/mail.png") no-repeat;
  padding-left: 18px;
  border: 1px solid silver;
}

#contact_form
{
  width: 380px;
  padding-top: 8px !important;
  padding-bottom: 12px !important;
}
#contact_form #to
{
  width: 350px;
  background: url("../img/links/mail.png") no-repeat;
  padding-left: 18px;
  border: 1px solid silver;
}
#contact_form #subject
{
  width: 350px;
  background: url("../img/links/subject.png") no-repeat;
  padding-left: 18px;
  border: 1px solid silver;
}
/* funktioniert nicht z.B. bei Firefox
#contact_form #attachment
{
  width: 310px;
  background: url("/master/images/icon16/attachment.gif") no-repeat;
  padding-left: 18px;
  border: 1px solid silver;
}
*/
#contact_form #text
{
  width: 368px;
  background: url("../img/links/comment.png") no-repeat right bottom;
  border: 1px solid silver;
}
#contact_form #fromName
{
  width: 350px;
  background: url("../img/links/user.png") no-repeat;
  padding-left: 18px;
  border: 1px solid silver;
}
#contact_form #from
{
  width: 350px;
  background: url("../img/links/mail.png") no-repeat;
  padding-left: 18px;
  border: 1px solid silver;
}

/* - - Links - - */
a.goPageTop
{
  padding: 0 10px 0 0;
  background: url("../img/links/up.png") no-repeat right;
}
/***
a.dateiLink
{
  padding: 0 16px 0 0;
  background: url("../img/links/file_icon.png") no-repeat right;
  text-decoration: underline;
}
a.internerLink
{
  padding: 0 12px 0 0;
  background: url("../img/links/internal.png") no-repeat right;
  text-decoration: underline;
}
a.externerLink
{
  padding: 0 14px 0 0;
  background: url("../img/links/link_blue.png") no-repeat right;
  text-decoration: underline;
}

a.neuFensterLink
{
  padding: 0 18px 0 0;
  background: url("../img/links/newwindow.png") no-repeat right;
  text-decoration: underline;
}
***/

a.mailLink
{
  padding: 0 18px 0 0;
  background: url("../img/links/mail.png") no-repeat right;
  text-decoration: underline;
}

/* - - Social Bookmarks - - */
a.socialbookmark {
  text-decoration: none;
}

span.socialbookmark
{
  white-space: nowrap;
}

/* - - CMS7 specific - - */
.boxborder {
  border: 1px solid #ddd;
}

/* - - Bildergalerie - - */
.galleryImage
{
  float: left;
  width: 200px;
  height: 150px;
  margin-right:8px
}

.galleryImage .caption
{
  color : gray;
}

.textSubheading /* Zwischenýberschrift */
{
  display: block;
  font-weight: bold;
}

/*** Tag clouds ***/
div.tagCloud {
  font-size: 1.2em;
  background-color: #F5FFF5;
  padding-left: 0;
  padding-right: 4px;
  padding-bottom: 4px;
  text-align: center;
  word-spacing: 6px;
}

.tagCloud ul {
  margin: 0;
}

.tagCloud li {
  margin-left: 0;
  display: inline;
}

.tagCloud a {
  text-decoration: none;
  white-space: nowrap;
  word-spacing: 0;
  color: #0000FF;
  border-bottom: 1px dotted #bbf;
}

a.tag1 { /* geringste Hýufigkeit */
  font-size: 0.9em;
  color: #6666FF;
}

a.tag2 {
  font-size: 1.0em;
  color: #4444FF;
}

a.tag3 {
  font-size: 1.2em;
  font-weight: 600;
  color: #1111FF;
}

a.tag4 {
  font-size: 1.3em;
  font-weight: 800;
  color: #0000FF;
}

a.tag5 { /* grýýte Hýufigkeit */
  font-size: 1.5em;
  font-weight: 800;
  color: #0000CC;
}
/* Zufýllige Hervorhebung 1 */
a.tag_rnd1
{
  color : #f00;
}
/* Zufýllige Hervorhebung 2 */
a.tag_rnd2
{
  color : #f77;
}

/* Adress-Anzeige */
.telSp
{
  display: inline-block;
  width: 0.2em;
}
.vCard
{
  position: relative;
  line-height: 140%;
}
.vCardLink
{
  float: left;
  width: 10em;
}
.vCard .fn
{
  font-weight: bold;
}
.vCard .org
{
  font-weight: bold;
}
.vCard .bez
{
  display: inline-block;
  width: 10em;
}
.vCard .mapsLink, .vCard .efaLink
{
  padding-left: 10em;
}
.vCard .homepage
{
  padding-left: 10em;
  margin-bottom: 1em;
}
span.tel
{
  padding-left: 18px;
  background: url("../img/links/phone_icon.png") left no-repeat;
}
span.fax
{
  padding-left: 18px;
  background: url("../img/links/fax_icon.png") left no-repeat;
}
span.mobile
{
  padding-left: 18px;
  background: url("../img/links/mobile_icon.png") left no-repeat;
}

/* Element "Download-Liste" */
table.downloadlist
{
  border: 1px solid #ddd;
  border-collapse: collapse;
}
.downloadlist td, .downloadlist  th
{
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddf;
  border-bottom: 1px solid #ddd;
}
.downloadlist td, .downloadlist th
{
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: top;
  background-color: white;
}

/* Service-bw */
.aktivAktuelleAuswahl
{
  font-weight: bold;
}

/* Grundstruktur der Elemente */
.kopf .title {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 0.2em;
}
.rumpf div {
}
.fuss .caption {
  font-weight: bold;
  font-size: 1.1em;
}
.bez {
  float: left;
  display: block;
  width: 14em;
  font-weight: bold;
}
#service .bez
{
  width: 8em;
}
/* RSS */
.rss .title
{
  font-weight: bold;
}
/* Wetter */
.weatherBox {
  border : 1px solid #ffa500;
  padding : 2px;
}
.weatherBox img {
  float: right;
}
.forecast
{
  border-top: 1px solid #ffa500;
}
.forecast .date
{
  font-weight: bold;
}
/* Klima */
.climateBox
{ /* wegen float-adjust */
  overflow: auto;
}
.climateBox .title
{
  font-weight: bold;
}
div.temperatur, div.niederschlag {
  width: 4em;
  height: 8em;
  position: relative;
  float: left;
  margin-right: 0.2em;
}
div.skala
{
  top: 2em;
  height: 4em;
  width: 4em;
  position: relative;
}
.niederschlag .skala {
  height: 3em;
}
.climateBox div.dat {
  font-size: 0.9em;
  white-space: nowrap;
}
.climateBox div.month {
  position: absolute;
  top: 0.2em;
  left: 0.2em;
  z-index: 5;
}
.climateBox div.dat {
  position: absolute;
  bottom: 0.2em;
  left: 0.2em;
  z-index: 5;
}
.climateBox div.graph {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align:center;
}
.luftTemperaturen div.graph {
  background-color: #F60;
}
.wasserTemperaturen div.graph {
  background-color: #33F;
}
.niederschlaege div.graph {
  background-color: #00F;
}
.climateBox br
{
  clear: both;
}

.zoomIcon {
  background: url("../img/links/zoom.png") no-repeat !important;
  bottom: 16px;
  display: block;
  height: 20px;
  left: 4px;
  position: relative;
  z-index: 50;
}