body {
    background: #fff;
    font-size: 100.1%;
    padding: 0px;
    margin:0px;
    text-align: center;
    font-smoothing: antialiased;
    moz-osx-font-smoothing: grayscale;
    font-family: 'Arial', sans-serif;
    color:#222;
    text-align:center;
}

body.contentpane {
	width:auto;
	margin:10px;
	text-align: left;
}

img { border: 0 none; }

div#header {
  position:fixed;
  left:0px;
  top:0px;
  width:100%;
  height:60px;
  background-color:rgba(255,255,255,1.0);
  padding-top:10px;
  padding-bottom:10px;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
  z-index:888;
}
div#logo {
  float:left;
  width:237px;
  margin-left:30px;
  margin-right;30px;
  margin-top:-10px;
  margin-bottom:-70px;
}
div#headerbild img {
  width:100%; 
  margin-top:60px;
}
div#hauptmenue {
  margin-left:292px;
}
div#hauptmenue ul.menu_hauptmenue {
  list-style-type: none;
  margin:opx;
  padding:0px;
  padding-left:40px;
}
div#hauptmenue ul.menu_hauptmenue li {
  float:left;
  padding-right: 40px;

  margin:0px;
}
div#hauptmenue ul.menu_hauptmenue li a {
  text-decoration:none;
  color:#444;
  font-size:20px;
}
div#hauptmenue ul.menu_hauptmenue li.current a,
div#hauptmenue ul.menu_hauptmenue li.active a {

}
div#inhalt {
   font-weight:300;
   line-height:1.55em;
   padding-left:40px:
   padding-right:40px;
   width: calc(100% - 80px);
   max-width: 1000px;
   margin:auto;
   text-align:left;
}
div#inhalt h2 {
   font-weight:bold;
   color:#084175;
   font-size:2em;
   line-height:34px;
}
div#inhalt h3 {
   font-weight:bold;
   font-size:1em;
}
div#inhalt ul {
   list-style-type:none;
   margin:0px;
   padding:0px;
}
div#inhalt ul li {
   margin-bottom:8px;
   margin-left:0px;
   padding-left:30px;
   background-image: url("../images/list-style-type-kreis.png");
   background-repeat:no-repeat;
   background-position: 0px 6px;
}
div#inhalt a {
   color:#084175;
   text-decoration:none;
   font-weight:700;
   
}
div#bild-palme {
   display:none;
   width:100%;
   text-align:center;
}
div#bild-palme img {
   width:100%;
   max-width:250px;
}



article {
  margin-bottom:70px;
}
#div-palme {
  width:100%;
  background-image: url("../images/uracher-palme.png");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  min-height:200px;
  padding-bottom:100px;
  padding-top:100px;
  margin:auto;
  z-index:100;
}
#palm-text-links {
  left:0px;
  top:0px;
  text-align:left;
  width:44%;
  z-index:111;
  float:left;
}
#palm-text-rechts {
  float:right;
  right:0px;
  top:0px;
  text-align:right;
  width:44%;
  z-index:111;
}



















@media (max-width: 1297px) {
   div#header {
        margin-top:0px;
        height:0px;
        padding-top:0px;
        padding-bottom:0px;
   }
   div#headerbild img {
        width:100%; 
        margin-top:45px;
   }
}
@media (max-width: 1108px) {
    #palm-text-links {
      width:100%;
      max-width:350px;
      float:left;     
      display:block;
      padding:0px;
      margin:0px;
      margin-right:20px;
    }
    #palm-text-rechts {
      width:100%;
      max-width:450px;
      float:left;
      display:block;
      padding:0px;
      margin:0px;
      margin-right:20px;
      text-align:left;
    }
    div#bild-palme {
      display:block;
    }
    #div-palme {
       width:100%;
       padding-top:0px;
       padding-bottom:0px;
       background-image: url("../images/transparent.png");
     }
}