@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 Statuszeile, Tools */
@import url(dvv-tools.css);

.clear
{
  clear : both;
}

body{font-family: Verdana, Arial, Helvetica, sans-serif;}

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

H1,H2,H3{ }
H1{font-size:1.6em; margin:20px 0em 8px;font-weight:normal;}
H2{font-size:1.3em; margin:20px 0em 8px;font-weight:normal;}
H3{font-size:1.1em; margin:1em 0em 0em;}
H4{font-size:1.0em; margin:0.5em 0em 0em;}
H5,
H6{font-size:1.0em; margin:0em 0em 0em;}

a{color:#0070b6;text-decoration:none;}
a:hover{color:#0070b6;text-decoration:underline;}

p,.x-cms-inplace-item-wrapper-dataType-Text {margin:3px 0 8px;}

.page{padding:0 10px;background:url(../img/bg_content.jpg) no-repeat 100px 500px;}

#header .c25l{text-align:center;}
#header .c25l img{width:100%;max-width:253px;}
.cssSchrift{}
#header .cssSchrift a{color:#fff;text-decoration:none;background:#000;border:1px solid #000;border-radius:3px;-moz-border-radius: 3px;padding:1px;}
.cssKontrast{margin:70px 0 10px;}
.dick{font-size:1.1em;}
#header .cssKontrast span{color:#fff;text-decoration:none;border:1px solid #fff;border-radius:3px;-moz-border-radius: 3px;padding:2px;}


#header .c75r{text-align:right;background: url(../img/teaserbild-start.jpg) no-repeat 0% 100%;height:379px;border:0px solid #F4F4F4;border-radius:8px;-moz-border-radius: 8px;}
.knot_22415 #header .c75r{background: url(../img/teaserbild-schule.jpg) no-repeat 0% 100%;}
.knot_22488 #header .c75r{background: url(../img/teaserbild-aktuelles.jpg) no-repeat 0% 100%;}
.knot_22426 #header .c75r{background: url(../img/teaserbild-verein.jpg) no-repeat 0% 100%;}


.teaserbild{background: url(../img/bodelschwingh-schule-gp.png) no-repeat 0% 0%;height:379px;border-top:1px solid transparent;}

#topnav{padding:10px;font-size:1em !important;}
#quicksearch{padding:0 10px;font-size:1em !important;}

#header a{color:#000;text-decoration:none;}
#header a:hover{color:#000;text-decoration:underline;}


div.wayhome
{
  border-bottom: 1px solid white;
  padding-bottom: 4px;
  margin-bottom: 8px;
}

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

#main{padding-top:20px;}

div.vlist{padding-right:20px !important;}

/* Ebene0 
div.vlist ul.ebene0{margin:0;padding:0;}
div.vlist ul.ebene0 li.current{background:url(.../img/bg-blau-trans.png);border-width:0px;border-style:solid;border-color:transparent #D9D9D9 #D9D9D9 transparent;border-radius:8px;-moz-border-radius: 8px;margin-bottom:2px;}
div.vlist ul.ebene0 li.current ul li{color:#000;background:url(../img/bg-grau-trans.png);border-width:0px;border-style:solid;border-color:transparent #D9D9D9 #D9D9D9 transparent;border-radius:8px;-moz-border-radius: 8px;padding:3px 20px !important;display:block;margin-bottom:2px;}
div.vlist ul.ebene0 li.current a.active{background:url(.../img/bg-blau-trans.png);border-width:0px;border-style:solid;border-color:transparent #D9D9D9 #D9D9D9 transparent;border-radius:8px;-moz-border-radius: 8px;margin-bottom:2px;}
div.vlist .ebene0 a{font-size:1.3em;color:#000;background:url(../img/bg-grau-trans.png);border-width:0px;border-style:solid;border-color:transparent #D9D9D9 #D9D9D9 transparent;border-radius:8px;-moz-border-radius: 8px;padding:3px 20px !important;display:block;margin-bottom:2px;}




/* Ebene1 */
div.vlist ul.ebene1{margin:0;padding:0;}
div.vlist li{list-style:none;margin:0;padding:0;}

div.vlist ul.ebene1 li.current,div.vlist ul.ebene1 li.currentParent{background:url(../img/bg-blau-trans.png);border-width:0px;border-style:solid;border-color:transparent #D9D9D9 #D9D9D9 transparent;border-radius:8px;-moz-border-radius: 8px;margin-bottom:2px;}
* html div.vlist .ebene1 li {background:transparent url();border:none;}
* html div.vlist li.currentParent {background:#B7D8EC url();border:none;}
* html div.vlist li.current {background:#B7D8EC url();border:none;}
* html div.vlist .ebene2 li {background:transparent url();border:none;}
*+html div.vlist .ebene1 li {background:transparent url();border:none;}
*+html div.vlist li.currentParent {background:#B7D8EC url();border:none;}
*+html div.vlist li.current {background:#B7D8EC url();border:none;}
*+html div.vlist .ebene2 li {background:transparent url();border:none;}

div.vlist .ebene0 a{font-size:1.3em;color:#000;background:url(../img/bg-grau-trans.png);border-width:0px;border-style:solid;border-color:transparent #D9D9D9 #D9D9D9 transparent;border-radius:8px;-moz-border-radius: 8px;padding:3px 20px !important;display:block;margin-bottom:2px;}

div.vlist .current a,div.vlist .currentParent a{font-size:1.3em;color:#000;background:url(../img/bg-blau-trans.png);border-width:0px;border-style:solid;border-color:transparent #D9D9D9 #D9D9D9 transparent;border-radius:8px;-moz-border-radius: 8px;padding:3px 20px !important;display:block;margin-bottom:2px;}
div.vlist .current ul li a{color:#000;background:url(../img/bg-grau-trans.png);border-width:0px;border-style:solid;border-color:transparent #D9D9D9 #D9D9D9 transparent;border-radius:8px;-moz-border-radius: 8px;padding:3px 20px !important;display:block;margin-bottom:2px;}
div.vlist .current ul li a:hover{color:#000;background:url(../img/bg-blau-trans.png);border-width:0px;border-style:solid;border-color:transparent #D9D9D9 #D9D9D9 transparent;border-radius:8px;-moz-border-radius: 8px;padding:3px 20px !important;display:block;margin-bottom:2px;}

div.vlist li a:hover{background:url(../img/bg-blau-trans.png);}

div.vlist .ebene2 .current a,div.vlist .ebene2 .currentParent a{background:transparent url();border:none;margin:0;padding:0;}
div.vlist .ebene2 .current a:hover,div.vlist .ebene2 .currentParent a:hover{background:transparent url();border:none;margin:0;padding:0;}

/* Ebene 2*/
div.vlist ul.ebene2{margin:0 15px 0 20px;padding:0 0 5px;}
div.vlist li.current ul.ebene2 li a,div.vlist li.currentParent ul.ebene2 li a{background:transparent url();border-width:0px;padding:0;margin-bottom:2px;padding:2px 15px !important;}
div.vlist li.current ul.ebene2 li a:hover,div.vlist li.currentParent ul.ebene2 li a:hover{background:transparent url(../img/bg-blau-trans.png);margin-bottom:2px;border-width:0px;display:block;border-width:0px;border-style:solid;border-color:transparent #D9D9D9 #D9D9D9 transparent;border-radius:8px;-moz-border-radius: 8px;padding:2px 15px !important;}

div.vlist .ebene2 a{font-size:1.0em;color:#000;}
div.vlist li a:hover{text-decoration:none;}



#col2_content{background:url(../img/bg-grau-trans.png);border-width:0px;border-style:solid;border-color:transparent #D9D9D9 #D9D9D9 transparent;border-radius:8px;-moz-border-radius: 8px;padding:10px 10px 20px !important;}
#col3{padding-right:20px !important;}
#content{background:url(../img/bg-grau-trans.png);border-width:0px;border-style:solid;border-color:transparent #D9D9D9 #D9D9D9 transparent;border-radius:8px;-moz-border-radius: 8px;padding:10px 20px !important;}

.contentDruck{padding:25px 0 5px;clear:left;}

#contentFooter{padding:0px 21px 20px !important;border:0px solid #fff !important;}


.statusBar {float:left;
  border-bottom:1px solid #a9bfd3;padding:2px 0 1px;
  border-top:1px solid #F0F5FA;
  background-color: #d0def0;
  background-image: url(../images/default/toolbar/bg.gif);
}
.statusBar ul{margin:0;padding:0;float:left;}
.statusBar ul li{float:left;margin:0 10px 0 0;padding:0 2px;list-style:none;}
.statusBar button{font-size:11px;height:1%;margin:0;padding:0;line-height:10px;}




/* Inhalt */

.composedcontent-standardseite .basecontent-image{margin:10px 0;padding:10px 0;width:47%;background:#fff;text-align:center;border:0px solid #fff;border-radius:8px;-moz-border-radius: 8px;}
.composedcontent-standardseite table .basecontent-image{margin:10px 0;padding:10px 0;width:auto;background:#fff;text-align:center;border:0px solid #fff;border-radius:8px;-moz-border-radius: 8px;}
#service .composedcontent-standardseite .basecontent-image{margin:10px 0;padding:10px 0;width:170px;background:#fff;text-align:center;border:0px solid #fff;border-radius:8px;-moz-border-radius: 8px;}

.basecontent-image .caption{font-size:0.8em;padding:3px;margin:0;}

.zoomIcon{display:none !important;}

.composedcontent-standardseite .float_left{float:left;margin:10px 10px 10px 0;}

.composedcontent-standard .float_right,.composedcontent-ludwigsburg-standardseite .float_right,.composedcontent-standardseite .float_right{float:right;margin-left:15px;}
.imagecenter{clear:left;margin:10px auto !important;}

.composedcontent-teaser{float:left;margin:10px 0!important;padding:10px 0px;background:#fff;border:0px solid #fff;border-radius:8px;-moz-border-radius: 8px;width:100%;}
.composedcontent-teaser h2{margin:5px 0em 8px 170px;}
.composedcontent-teaser p{margin:3px 0em 8px 170px;}
.composedcontent-teaser .basecontent-list ul{margin:3px 0em 8px 170px;padding:0px 0 0px 18px;}
.composedcontent-teaser .basecontent-image{float:left;margin:0 0;padding:0 10px;width:150px;background:transparent;border-radius:0px;-moz-border-radius: 0px;}
.composedcontent-teaser .caption{display:none;}

.basecontent-list ul{padding:10px 0 10px 18px;margin:0 0 0 7px;}
.basecontent-list ul li{list-style:round;font-size:1em;padding-bottom:4px;}
.basecontent-numbered-list ol{padding:10px 0 10px 10px;margin:0 0 0 20px;}
.basecontent-numbered-list ol div {font-weight: normal; color:#4F4F4F;}
.basecontent-numbered-list ol li{font-size:1em;padding:0 0 4px 0;margin:0 0 0 0px;}
*+html .basecontent-numbered-list ol {margin:0 0 0 30px;text-indent:-8px}
.basecontent-numbered-list ol li ol{padding:5px 0 0 14px;margin:0 0 0 5px;}
*+html .basecontent-numbered-list ol li ol{padding:5px 0 0 18px;margin:0 0 0 5px;}
.basecontent-numbered-list ol li ol li{list-style:lower-alpha;padding:0 0 4px;margin:0;}


.downloadlist{font-size:1em;border-spacing:1px;border:1px solid #e4e4e4;border-collapse:collapse;}

.downloadlist th{border-width:1px;border-style:solid;border-color:#e4e4e4;vertical-align:top;font-weight:bold;padding:2px 10px;margin:0;font-weight:bold;}
.downloadlist td{border-width:1px;border-style:solid;border-color:#e4e4e4;vertical-align:top;padding:2px 10px;margin:0;background-color:#f1f1f1;}
.downloadlist th,
.downloadlist td {padding:4px;}
.downloadlist th p,
.downloadlist td p{margin:0 0;}
.downloadlist td p+p{margin-bottom:6px;}
.downloadlist caption{padding:0.5em 0px 3px;text-align:left;font-weight:bold;margin:0 0 3px;font-size:1.0em;}
.downloadlist img{margin:5px;}


.show-grid{font-size:1em;border-spacing:2px;border:1px solid transparent;margin-bottom:15px;}
.show-grid th{border-width:0px;border-style:solid;border-color:transparent #D9D9D9 #D9D9D9 transparent;border-radius:8px;-moz-border-radius: 8px;vertical-align:top;font-weight:bold;margin:0;font-weight:bold;background:#B7D8EC;}
.show-grid td{border-width:0px;border-style:solid;border-color:transparent #D9D9D9 #D9D9D9 transparent;border-radius:8px;-moz-border-radius: 8px;vertical-align:top;margin:0;background:#fff;}
.show-grid th,
.show-grid td {padding:4px;}
.show-grid th p,
.show-grid td p{margin:0 0;}
.show-grid td p+p{margin-bottom:6px;}
.show-grid caption{padding:0.5em 0px 3px;text-align:left;font-weight:bold;margin:0 0 3px;font-size:1.0em;}

.hide-grid{font-size:1em;border-collapse:collapse;margin-bottom:15px;}
.hide-grid th{vertical-align:top;font-weight:bold;margin:0;font-weight:bold;}
.hide-grid td{vertical-align:top;pmargin:0;}
.hide-grid th,
.hide-grid td {padding:2px 4px 2px 0px;}
.hide-grid th p,
.hide-grid td p{margin:0 0;}
.hide-grid td p+p{margin-bottom:6px;}
.hide-grid caption{padding:0.5em 0px 3px;text-align:left;font-weight:bold;margin:0 0 3px;font-size:1.0em;}

.contentTableWithHeadlineRow{font-size:1em;border-spacing:1px;border:1px solid transparent;border-collapse:collapse;margin-bottom:15px;}
.contentTableWithHeadlineRow th{border-width:1px;border-style:solid;border-color:transparent;vertical-align:top;font-weight:bold;margin:0;font-weight:bold;background:url(../img/bg-blau-trans.png);}
.contentTableWithHeadlineRow td{border-width:1px;border-style:solid;border-color:transparent;vertical-align:top;margin:0;background:url(../img/bg-grau-trans.png);}
.contentTableWithHeadlineRow th,
.contentTableWithHeadlineRow td {padding:4px;}
.contentTableWithHeadlineRow th p,
.contentTableWithHeadlineRow td p{margin:0 0;}
.contentTableWithHeadlineRow td p+p{margin-bottom:6px;}
.contentTableWithHeadlineRow caption{padding:0.5em 0px 3px;text-align:left;font-weight:bold;margin:0 0 3px;font-size:1.0em;}
.contentTableWithHeadlineRow table td{padding:0px;border:0px solid #DDDDDD;}

/* Bildergalerie */

.composedcontent-bildergalerie{margin:10px 0;padding:10px;background:#fff;border:0px solid #fff;border-radius:8px;-moz-border-radius: 8px;float:left;}

.composedcontent-bildergalerie .basecontent-image{margin-right:10px;margin-bottom:10px;float:left;}
























/* 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("/master/images/flaggen/21_de.gif") no-repeat right;
  padding-right: 25px;
}
.sList a[hreflang=en]
{
  background: url("/master/images/flaggen/21_en.gif") no-repeat right;
  padding-right: 25px;
}
.sList a[hreflang=fr]
{
  background: url("/master/images/flaggen/21_fr.gif") no-repeat right;
  padding-right: 25px;
}
.sList a[hreflang=es]
{
  background: url("/master/images/flaggen/21_es.gif") no-repeat right;
    padding-right: 25px;
}
.sList a[hreflang=it]
{
  background: url("/master/images/flaggen/21_it.gif") no-repeat right;
  padding-right: 25px;
}
.sList a[hreflang=el]
{
  background: url("/master/images/flaggen/21_el.gif") 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("/master/images/icon16/user.gif") no-repeat;
  padding-left: 18px;
  border: 1px solid silver;
}
#j_password
{
  background: url("/master/images/icon16/key.gif") no-repeat;
  padding-left: 18px;
  border: 1px solid silver;
}

/* Schnellsuche */
.quicksearchtext
{
  background: url("/master/images/icon16/search.gif") no-repeat;
  padding-left: 18px;
  border: 1px solid silver;
}
.quicksearchimg
{
  vertical-align : bottom;
}
/* QuickLinks */
.quickLinks
{
  background : #ffe;
}
ul.quickLinkList
{
  margin-bottom: 0;
}
ul.quickLinkList + ul.quickLinkList
{
  border-top: 1px solid #66f;
}
.quickLinkList li
{
  list-style: none;
  margin-left: 0;
}
.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("/master/images/icon16/mail.gif") no-repeat;
  padding-left: 18px;
  border: 1px solid silver;
}
#recommend_form #text
{
  width: 368px;
  background: url("/master/images/icon16/comment.gif") no-repeat right bottom;
  border: 1px solid silver;
}
#recommend_form #fromName
{
  width: 350px;
  background: url("/master/images/icon16/user.gif") no-repeat;
  padding-left: 18px;
  border: 1px solid silver;
}
#recommend_form #from
{
  width: 350px;
  background: url("/master/images/icon16/mail.gif") 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("/master/images/icon16/mail.gif") no-repeat;
  padding-left: 18px;
  border: 1px solid silver;
}
#contact_form #subject
{
  width: 350px;
  background: url("/master/images/icon16/subject.gif") 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("/master/images/icon16/comment.gif") no-repeat right bottom;
  border: 1px solid silver;
}
#contact_form #fromName
{
  width: 350px;
  background: url("/master/images/icon16/user.gif") no-repeat;
  padding-left: 18px;
  border: 1px solid silver;
}
#contact_form #from
{
  width: 350px;
  background: url("/master/images/icon16/mail.gif") no-repeat;
  padding-left: 18px;
  border: 1px solid silver;
}

/* - - Links - - */
a.goPageTop
{
  padding: 0 10px 0 0;
  background: url("/master/images/links/up.png") no-repeat right;
}
a.dateiLink
{
  padding: 0 16px 0 0;
  background: url("/master/images/links/file_icon.png") no-repeat right;
  text-decoration: underline;
}
a.internerLink
{
  padding: 0 12px 0 0;
  background: url("/master/images/links/internal.png") no-repeat right;
  text-decoration: underline;
}
a.externerLink
{
  padding: 0 14px 0 0;
  background: url("/master/images/links/link_blue.png") no-repeat right;
  text-decoration: underline;
}
a.neuFensterLink
{
  padding: 0 18px 0 0;
  background: url("/master/images/links/newwindow.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("/master/images/links/phone_icon.png") left no-repeat;
}
span.fax
{
  padding-left: 18px;
  background: url("/master/images/links/fax_icon.png") left no-repeat;
}
span.mobile
{
  padding-left: 18px;
  background: url("/master/images/links/mobile_icon.png") left no-repeat;
}

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

/* Grundstruktur der Elemente */
.Kopf .title {
  font-weight: bold;
}
.Rumpf div {
}
.bez {
  float: left;
  display: block;
  width: 14em;
  font-weight: bold;
}
/* RSS */
.rss .title
{
  font-weight: bold;
}
/* Wetter */
.weatherBox {
  border : 1px solid orange;
  padding : 2px;
}
.weatherBox img {
  float: right;
}
.forecast
{
  border-top: 1px solid orange;
}
.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("/master/images/links/zoom.png") no-repeat;
  bottom: 16px;
  display: block;
  height: 20px;
  left: 4px;
  position: relative;
  z-index: 50;
}