.imap img, img.westfalenkarte {
  border:0;
}

#schmuckbild {
  height:200px;
  margin:0;
  padding:0;
}

#schmuckbild img {
  position:absolute;
  left:0;
  bottom:0;
}

#area #content {
  width:80%;
  margin-right:0;
  float:right;
  display:inline;
}

.imap {
  width:100%;
  text-align:center;
}

.headline {
  cursor:pointer;
  margin:0 15px;
  padding:5px 0;
  border-bottom:1px solid #3c3c3c;
  position:relative;
  font:normal 150% serif;
  color:#00559d;
}
.plaintext {
  margin-bottom:12px;
}

.toggle {
  font-size:150%;
  display:inline-block;
  text-align:center;
  width:1em;
  position:absolute;
  right:0;
  top:5px;
  color:#000;
}

.lwl-info {
  border-bottom:2px solid #3c3c3c;
  font-size:75%;
  margin:0 15px 15px;
}

.lwl-info .stadtteil {
  padding:10px 0;
}

#content ul.schulen {
  list-style:none none;
  padding:0;
}

.schule {
  position:relative;
  line-height:1.5;
  margin:0;
  padding:3px 0 15px 15px;
}

.desc {
  font-weight:bold;
  margin:10px 0 15px;
  position:relative;
}

.desc .header-einrichtung {
  display:inline-block;
  width:75%;
}

.desc .header-anzahl {
  position:absolute;
  right:15px;
  top:0;
}

.schule .anzahl {
  font-weight:bold;
  position:absolute;
  right:15px;
  top:3px;
}

.schule:nth-child(2n) {
  background-color:#eff0f1;
}

.schule .einrichtung {
  width:85%;
  display:inline-block;
}

.schule a {
  display:block;
  width:90%;
}

.schule .bezeichnung {
 display:inline-block;
 width:90%;
}

.HK:before, .SH:before,
.KM:before, .SQ:before {
  content:"";
  width:10px;
  height:10px;
  display:inline-block;
  position:absolute;
  left:0;
  top:8px;
  background-color:#f00;
}

.HK:before {
  background-color:#669;
}

.SH:before {
  background-color:#00c7ff;
}

.KM:before {
  background-color:#be1e2d;
}

.SQ:before {
  background-color:#ee8310;
}

.lwl-info .einrichtungen li {
  border-bottom-style:dotted;
}

/* sidebar */

.sidebar-block h3 {
    font-size: 81.25%;
    padding: 10px;
}

#sidebar .sidebar-block {
    padding: 0 0 10px;
}

/* diagramm */

/*plugin styles*/
.visualize {height: auto !important;}
.visualize canvas {margin:-1px;}
.visualize-labels-x, .visualize-labels-y { top: 70px; left: 40px; z-index: 100;}
.visualize-pie .visualize-labels { position: absolute; top: 0; left:0;}
.visualize-labels-x li span.label, .visualize-labels-y li span.label { /*color: #aaa; font-size: 1.3em;*/ padding-right: 5px;}
.visualize-labels-y li span.line { border-style: dotted; opacity: .6;}
.visualize .visualize-info { border: 0; position: static; opacity: 1;}
.visualize .visualize-title {color: #000; margin-bottom: 0; font-size: 100%;}
.visualize ul.visualize-key {bottom: 15px; z-index: 10; padding: 10px 0; width: 100%;}
.visualize { margin:0; padding: 0; position:relative; text-align:center;}
.visualize ul,.visualize li { margin: 0; padding: 0;}

/*table title, key elements*/
th {background-color:#f4f4f4;}
.visualize .visualize-title { display: block; color: #333; margin-bottom: 3px;}
#sidebar .visualize ul.visualize-key { list-style: none; padding:0; text-align:left;}
.visualize ul.visualize-key li { list-style: none; margin-right: 10px; padding-left: 10px; position: relative;}
.visualize ul.visualize-key .visualize-key-color { width: 10px; height: 10px; left: 0; display:inline-block; margin-top: -4px;}
.visualize ul.visualize-key .visualize-key-label {padding-left:5px;}

/*pie labels*/
.visualize-pie .visualize-labels { list-style: none;}
.visualize-pie .visualize-label-pos, .visualize-pie .visualize-label { position: absolute;  margin: 0; padding:0;}
.visualize-pie .visualize-label { display: block; color: #fff; font-weight: bold; font-size: 100%;}
.visualize-pie-outside .visualize-label { color: #000; font-weight: normal;}

/*line,bar, area labels*/
.visualize-labels-x,.visualize-labels-y { position: absolute; left: 0; top: 0; list-style: none;}
.visualize-labels-x li, .visualize-labels-y li { position: absolute; bottom: 0;}
.visualize-labels-x li span.label, .visualize-labels-y li span.label { position: absolute; color: #555;}
.visualize-labels-x li span.line, .visualize-labels-y li span.line {  position: absolute; border: 0 solid #ccc;}
.visualize-labels-x li { height: 100%;}
.visualize-labels-x li span.label { top: 100%; margin-top: 5px;}
.visualize-labels-x li span.line { border-left-width: 1px; height: 100%; display: block;}
.visualize-labels-x li span.line { border: 0;}
.visualize-labels-y li { width: 100%;}
.visualize-labels-y li span.label { right: 100%; margin-right: 5px; display: block; width: 100px; text-align: right;}
.visualize-labels-y li span.line { border-top-width: 1px; width: 100%;}
.visualize-bar .visualize-labels-x li span.label { width: 100%; text-align: center;}

@media screen and (max-width:48em) {
  #stepnav, #page #content, #page #sidebar {
    float:none;
    width:100%;
    margin:0;
  }
  .visualize {
    text-align:left;
  }
}