/* FlexSlider Necessary Styles
*********************************/ 
.flexslider-hamm  {width: 100%; margin: 0; padding: 0;}
.flexslider-hamm  .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider-hamm  .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

body {
  background: url("/++resource++280-BBW-Soest/bg.jpg");
}

.findeuns {
  margin-top:8px;
  display: block;
}
.findeuns img {
  width: 100%;
  height: auto;
}

.loading {
  background:  url("/++resource++280-BBW-Soest/slider/slide1.jpg") no-repeat center;
  width: 100%;
}

#suche {
  float:right;
  width:27.5%;
  display: block;
  margin: 14px 0px 0 0;
}

#suche .suchbegriff {
  background: url("/++resource++ready/refresh/images/suche.png") no-repeat scroll 0 50% #FFFFFF;
  border: 1px solid #BFBFBF;
  border-radius: 5px;
  box-shadow: -1px -1px 1px #CCCCCC;
  height: 1.7em;
  padding-left: 3%;
  width: 60%;
  margin-top:0px;
  display: block;
  float: left;
}

#suche .suche_button {
  background: url("/++resource++ready/refresh/images/suche_button.png") repeat-x scroll 0 0 #3C3C3C;
  border: 1px solid #3C3C3C;
  border-radius: 5px;
  color: #FFFFFF;
  font-weight: bold;
  height: 2em;
  padding: 0 3px;
  width: 25%;
  margin-left: 2%;
}

#suche .suche_button:hover, #suche .suche_button:focus {
  opacity: 0.6;
}

dl.dlmnogo ul {
  list-style: none;
}

dl.dlmnogo dd {
  margin-left:0;
  border-bottom: 1px solid #ccc;
}

dl.dlmnogo dt {
  margin-top: 20px;
}

ul#blaettern {
  list-style: none;
  display: block;
  padding: 15px 0 0 0;
}

ul#blaettern li {
  float: left;
  padding: 0 16px 0 0;
}

#navi_div {
  background: #fff;
}

.stepnav ul li a, .stepnav ul li strong {
  padding: 7px 0 6px 0;
}

#stepnav .stepnav ul li.startseite, #stepnav .stepnav ul ul ul li.first {
  border-top: 1px solid #3C3C3C;
}

#stepnav .stepnav ul ul li {
  border-bottom: 1px solid #3C3C3C;
  padding-left: 0;
}

#stepnav .stepnav ul ul li.first {
  border-top: 1px solid #3C3C3C;
}

#stepnav .stepnav ul ul li a, #stepnav .stepnav ul ul li strong {
  padding-left: 30px;
  display: block;
}

#stepnav .stepnav ul ul ul li a, #stepnav .stepnav ul ul ul li strong {
  padding-left: 50px;
  display: block;
}

#stepnav .stepnav ul li.last, #stepnav .stepnav ul ul {
  border: 0 none;
}

#stepnav .stepnav ul ul ul ul li a, #stepnav .stepnav ul ul ul ul li strong {
  padding-left: 70px;
  display: block;
}

#stepnav .stepnav ul ul ul ul ul li {
  padding-left: 5px;
  border: 0 none;
  list-style-element: disc !important;
}

#stepnav .stepnav a, #stepnav .stepnav strong {
  padding-left: 8px;
  display: block;
}

#stepnav .stepnav li strong {
  background: #3C3C3C;
  color: #fff;
}

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

#schmuckbild {
  border: none;
  margin: 0;
  height: auto;
}

#breadcrumb {
  background:#fff;
  padding: 10px 1%;
  margin-bottom:10px;
  width: 98%;
  font-size: 12px;
}

#breadcrumb li {
  display: inline;
}

#header {
  margin: 0;
  width: 100%;
}

.logokopf {
  background: #fff;
  overflow: hidden;
}

#header h1 {
  font-size: 25px;
  color:#034289;
  line-height: 20px;
  padding: 14px 0 14px 10px;
  display: block;
  float: left;
} 

#header h1 span {
  color: #cc0000;
}

#header h1 em {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
}

#content {
  font-size: 18px;
}
.article.img-fullwidth img {
  width: 100%;
}
.article .img span {
  margin-top: 2px;
}
.article h2, .eintrag h2 {
  font: 24px verdana,arial,trebuchet ms,calibri,helvetica,sans-serif;
  margin-bottom: 0;
}

.article h3, .eintrag h3 {
  font: 18px verdana,arial,trebuchet ms,calibri,helvetica,sans-serif;
  font-weight: bolder;
}

#sidebar ul, #sidebar ol, #sidebar p, .sidebar-block .fliesstext {
  font-size: 13px;
  line-height: 145%;
}

.sidebar-block {
  margin-bottom: 13px;
}

.video-container {
  position: relative;
  padding-bottom: 60%;
  padding-top: 30px;
  height: 0;
  height: hidden;
}

.video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-container video {
   width: 100%    !important;
   height: auto   !important;
}

* html .video-container { /* IE6 */
  width : 540px;
  height: 328px;
  padding-bottom: 0;
}

*+html .video-container { 
  width : 540px;
  height: 328px;
  padding-bottom:0;
}

* html #rahmen { 
  width: 990px;
}

* + html #rahmen { 
  width: 990px;
}

* html .video-container object { 
  width : 540px;
  height: 328px;
}
 
*+html .video-container embed {  
  width : 540px;
  height: 328px;
}
#social-icons {

 }

#teilen {
  float: left;
  width: 30%;

}
#teilen p {
  font-weight: bold;
}

#social-thumps {
  list-style: none;	
  margin-top: 15px;
  width: 90%;
  padding: 5%;
  background: #fff;
  display:block;
}

#social-thumps img {
  width: 100%;
}

#social-thumps a {
  margin: 0 2% 0 0;
  box-shadow: 1px 1px 1px #ccc;
  display: block;
  float:left;
}

#social-thumps a:hover {
  margin-top: 2px;
}

#social-thumps a:active {
  margin-top: 5px;
}

#land, .land {
  margin-top: 12px;
  width: 92%;
  padding: 4%;
  background: #fff;
  display:block;
  overflow: hidden;
}

#land h3, .land h3 {
  font-size: 13px;
  font-weight: normal;
  padding: 0 0 4px 1%;
}

#land a, .land a {
  width: 100%;
  display: block;
}

#land img, .land img {
  width: 100%;
  height: auto;
  vertical-align:bottom;
}

#land ul li, .land ul li {
  width: 23%;
  float: left;
  margin: 1%;
  list-style:none;
}

.headerimg img {
  width: 100%;
  height: auto;
}

@media screen and (max-width:40em) {
  #header h1 {-moz-hyphens:auto; -webkit-hyphens:auto;}
  #suche {width:100%;}
}