/* global settings */
body {
  background: url(/fileadmin/dh/images/bg_stadt.jpg) top center no-repeat #429ABE;
  color: #333333;
  font-family: arial,helvetica,sans-serif;
  font-size: 12px;
  line-height: 20px;
}
a {
  color: #009DE0;
}
h1{
  color: #ffb100;
  font-size: 22px;
  font-weight: bold;
  margin: 10px 0 15px;
}
h2{
  color: #545454;
  font-weight: bold;
  font-size: 16px;
  margin: 0 0 10px;
}
h3{
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
}
h2 a{
  color: inherit;
  text-decoration: none;
}
table{
  font-size: 12px;
  border-collapse: inherit;
  border-spacing: inherit;
}
td{
  vertical-align: top;
}
b{font-weight: bold;}
p{margin: 10px 0;}

ol{
  list-style: decimal;
  padding-left: 22px;
}
ul{
  list-style: disc;
  padding-left: 22px;
}
label em, legend em{
  display: inline !important;
}
div.csc-mailform li label{
  line-height: 30px;
  width: 100px !important;
}
div.csc-mailform li.csc-form-element-checkbox label{
  width: inherit !important;
}


/* common elements */
.clearfix:before,.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1;
}

/* wrappers */
#wrapper {
  width: 961px;
  position: relative;
  left: 50%;
  margin: 10px 0 10px -480px;
  background-color: #fff;
  box-shadow: 0 5px 5px #aaa;
  -webkit-box-shadow: 0 5px 5px #aaa;
  -moz-box-shadow: 0 5px 5px #aaa;
}
#head {
  position: relative;
  height: 170px;
  width: 961px;
  background: #009DE0;
}
#logo {
  position: absolute;
  left: 24px;
  top: 25px;
}
#menu_top {
  position: absolute;
  right: 10px;
  top: 10px;
}
#logo_wh {
  position: absolute;
  right: 0;
  top: 40px;
}
#socialmedia {
  position: absolute;
  right: 10px;
  bottom: 50px;
}
.fblike {
  position: absolute;
  right: 10px;
  bottom: 10px;
  height: 30px;
  width: 114px;
}
.fblike iframe {
  width: 115px;
}
#socialmedia li {
  list-style: none;
  float: left;
  margin-left: 10px;
}
#mainwrapper {
  position: relative;
  padding-bottom: 50px;
  width: 961px;
}
#menu_main {
  background: url(/fileadmin/dh/images/menbg.png) top left no-repeat transparent;
  display: block;
  height: 33px;
  padding-top: 8px;
  position: absolute;
  left: -9px;
  width: 977px;
  top: -8px;
}
#content {
  padding: 20px 20px;
  margin-left: 30px;
  float: left;
  position: relative;
}
body.layout-0 #content, body.layout-1 #content {
  width: 530px;
}
#topimage img {
  width: 100%;
  margin-top: 32px;
}
#content_nav {
  float: left;
  margin: -20px -20px 40px -10px;
  z-index: 12;
  position: relative;
  min-width: 170px;
}

#content_nav_right {
  float: right;
  margin-right: -10px;
  margin-top: -30px;
  position: relative;
  min-width: 170px;
  z-index: 12;
}

#footerwrapper {
  background-color: #767676;
  color: #fff;
  padding: 20px 0 100px;
  height: 290px;
  width: 961px;
  background: url(/fileadmin/dh/images/bg_westfalenhallen.png) bottom left no-repeat #767676;
  position: relative;
}

/* top menu */
#menu_top span {
  padding-left: 10px;
}
#menu_top a {
  text-decoration: none;
  color: #fff;
}
#meu_top a.active {
  font-weight: bold;
}

/* main menu */
#menu_main ul.menu {
  display: block;
  margin: 0 0 0 20px;
  padding: 0;
}
#menu_main ul.menu li {
  float: left;
  display: block;
  height: 33px;
  position: relative;
  margin: 0;
  padding: 0;
  border-right: 1px solid #686868;
}
#menu_main ul.menu li.last {
  border-right: 0;
}
#menu_main ul.menu a {
  color: #fff;
  line-height: 33px;
  font-size: 12px;
  padding: 0 20px;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
}
#menu_main ul.menu > li > a.active {
  font-weight: bold;
  background-color: #DAE3DE;
  background-image: linear-gradient(bottom, rgb(224,229,225) 23%, rgb(255,255,255) 62%);
  background-image: -o-linear-gradient(bottom, rgb(224,229,225) 23%, rgb(255,255,255) 62%);
  background-image: -moz-linear-gradient(bottom, rgb(224,229,225) 23%, rgb(255,255,255) 62%);
  background-image: -webkit-linear-gradient(bottom, rgb(224,229,225) 23%, rgb(255,255,255) 62%);
  background-image: -ms-linear-gradient(bottom, rgb(224,229,225) 23%, rgb(255,255,255) 62%);
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.23, rgb(224,229,225)),color-stop(0.62, rgb(255,255,255)));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#FFFFFF", endColorStr="#CCCCCC");
  color: #333;
  height: 36px;
  margin-top: -3px;
  padding-top: 3px;
  position: relative;
  z-index: 15;
}

/* main-menu: subnav */
#menu_main ul.menu li ul {
  display: none;
}
#menu_main ul.menu li:hover ul {
  display: block;
  position: absolute;
  z-index: 14;
  left: 0;
  top: 33px;
  width: 250px;
}
#menu_main ul.menu ul {
  margin: 0;
  padding: 0;
}
#menu_main ul.menu li ul li {
  display: block;
  float: none;
  background-color: #484848;
  border-bottom: 1px solid #aaa;
}
#menu_main ul.menu li ul a {
  text-transform: uppercase;
}
#menu_main ul.menu li ul a.active {
  background: #E0E5E1;
  color: #333;
  font-weight: bold;
}
#menu_main ul.menu li li.third a.active, #menu_main ul.menu li li.fourth a.active {
  background: #fff;
  color: #333;
  font-weight: bold;
}
#menu_main ul.menu li.third, #menu_main ul.menu li.fourth {
  background-color: #666;
}
#menu_main ul.menu li.third:hover, #menu_main ul.menu li.fourth:hover {
  background-color: #999;
}
#menu_main ul.menu li.third a, #menu_main ul.menu li.fourth a {
  padding-left: 30px;
  text-transform: none;
}
#menu_main ul.menu li.fourth a {
  padding-left: 50px;
}
#menu_main ul.menu li ul li:hover {
  background-color: #666;
}

/* left column */
#menu_sub, #menu_sub_alt, #content_nav_right div.iconav {
  background-color: #ffffff;
  box-shadow: 0 2px 2px #ccc;
  -webkit-box-shadow: 0 2px 2px #ccc;
  -moz-box-shadow: 0 2px 2px #ccc;
}
#content_nav_right div.iconav.big a {
  height: 44px;
}
#content_nav_right div.iconav.big img {
  position: absolute;
  left: 2px;
  top: -4px;
} 
#menu_sub_alt {
  display: none;
}
body.layout-1 #menu_sub_alt {
  display: block;
}
body.layout-1 #menu_sub {
  display: none;
}
#content_nav_right div.iconav {
  margin-top: 10px;
  position: relative;
  padding: 0;
}
#content_nav_right div.iconav a {
  text-decoration: none;
  display: block;
  padding: 5px;
  border-bottom: 2px solid #009DE0;
}
#content_nav_right div.iconav span {
  display: block;
  position: absolute;
  left: 60px;
  top: 18px;
  color: #333;
  text-transform: uppercase;
}

/* second level nav */
#menu_sub, #menu_sub_alt {
  padding: 10px;
}
#menu_sub_alt ul, #menu_sub ul {
  margin: 0;
  padding: 0;
}
#menu_sub_alt li, #menu_sub li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#menu_sub_alt a, #menu_sub a {
  padding: 8px 10px;
  margin-bottom: 5px;
  text-transform: uppercase;
  display:block;
  text-decoration: none;
  color: #333;
  background-color: #DADADA;
  background-image: linear-gradient(bottom, rgb(200,200,200) 39%, rgb(245,245,245) 90%);
  background-image: -o-linear-gradient(bottom, rgb(200,200,200) 39%, rgb(245,245,245) 90%);
  background-image: -moz-linear-gradient(bottom, rgb(200,200,200) 39%, rgb(245,245,245) 90%);
  background-image: -webkit-linear-gradient(bottom, rgb(200,200,200) 39%, rgb(245,245,245) 90%);
  background-image: -ms-linear-gradient(bottom, rgb(200,200,200) 39%, rgb(245,245,245) 90%);
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.39, rgb(200,200,200)),color-stop(0.9, rgb(245,245,245)));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#FFFFFF", endColorStr="#CCCCCC");
}
#menu_sub_alt a.active, #menu_sub a.active {
  font-weight: bold;
  color: #fff;
  background-image: linear-gradient(bottom, rgb(70,70,70) 39%, rgb(98,98,98) 70%);
  background-image: -o-linear-gradient(bottom, rgb(70,70,70) 39%, rgb(98,98,98) 70%);
  background-image: -moz-linear-gradient(bottom, rgb(70,70,70) 39%, rgb(98,98,98) 70%);
  background-image: -webkit-linear-gradient(bottom, rgb(70,70,70) 39%, rgb(98,98,98) 70%);
  background-image: -ms-linear-gradient(bottom, rgb(70,70,70) 39%, rgb(98,98,98) 70%);
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.39, rgb(70,70,70)),color-stop(0.7, rgb(98,98,98)));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#333333", endColorStr="#666666");
}
#menu_sub_alt li.sub a, #menu_sub li.sub a {
  background-color: transparent;
  padding: 3px 10px 3px 13px;
  background: url(/fileadmin/dh/images/snav_arrow.jpg) no-repeat 0 6px transparent;
  text-transform: none;
  filter: none;
  font-weight: normal;
}
#menu_sub_alt li.sub.subsub a, #menu_sub li.sub.subsub a {
  margin-left: 10px;
}
#menu_sub_alt li.sub a.active, #menu_sub li.sub a.active {
  color: #333;
  font-weight: bold;
  filter: none;
}

/* footer nav */
#footer {
  padding: 0 20px;
}
#footer a {
  color: #fff;
}
#footer ul.menu, #footer ul.menu ul {
  padding: 0 0 30px;
  margin: 0;
}
#footer ul.menu li {
  float: left;
  padding: 0 15px;
  margin: 0;
  list-style: none;
}
#footer ul.menu li.first {
  padding-left: 0;
}
#footer ul.menu li.last {
  padding-right: 0;
}
#footer ul.menu li a {
  text-decoration: none;
  font-weight: bold;
  display: block;
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
#footer ul.menu li ul li {
  float: none;
  padding: 0;
}
#footer ul.menu li ul li a {
  font-weight: normal;
  padding: 3px 10px 3px 16px;
  background: url(/fileadmin/dh/images/snav_arrow2.jpg) no-repeat 0 6px transparent;
  border-bottom: 0;
  margin-bottom: 0;
  text-transform: none;
}

/* content */ 
.headline{
  color: blue;
}
.subheadline {
  position: absolute;
  right: 20px;
  top: 30px;
  font-weight: bold;
}
.accordion div.content, div.layout-3 p, div.layout-3 div, div.layout-3 ul, div.layout-3 table, div.layout-3 h3 {
  display: none;
}
.accordion > div,div.layout-3 {
  margin-bottom: 1px;
}
.accordion div.title,div.layout-3 .csc-header {
  padding: 5px;
  cursor: pointer;
  display: block;
  background-color: #009EE0;
  padding-left: 20px;
}
.accordion div.content, div.layout-3 .csc-header {
  padding-left: 20px;
  background-color: #009EE0;
}
.accordion div.content iframe, div.layout-3 iframe {
  border: 0;
  width: 100%;
  height: 800px;
}
div.layout-3 .csc-header h1 {
  color: #ffffff;
  font-size: inherit;
  margin: 0;
}

.csc-uploads-fileSize{
  padding-left: 10px;
}

.contenttable td {
  padding: 3px;
}

.news-list-item{
  border-bottom: 1px solid #eee;
  margin-bottom: 25px;
}

.ttnav{
  display: none;
}
.news-single-backlink{
  position: absolute;
  top: 0px;
  padding: 15px 0px;
}
.news-single-item{
  margin-top: 15px;
}


/* color-rules for special pages */
/* ideenreich */
body#page-265 .csc-header-n1 h1, body#page-265 #menu_sub li.sub a.active, body#page-207 h1, body#page-207 #menu_sub li.sub a.active, .p207 {
  color: #DF5315; 
}
/* mode & beauty */
body#page-266 .csc-header-n1 h1, body#page-266 #menu_sub li.sub a.active, body#page-209 h1, body#page-209 #menu_sub li.sub a.active, .p209 {
  color: #E61772;
}
/* wohnen & einrichten */
body#page-267 .csc-header-n1 h1, body#page-267 #menu_sub li.sub a.active, body#page-213 h1, body#page-213 #menu_sub li.sub a.active, .p213 {
  color: #016295;
}
/* küche & genuss */
body#page-268 .csc-header-n1 h1, body#page-268 #menu_sub li.sub a.active, body#page-208 h1, body#page-208 #menu_sub li.sub a.active, .p208 {
  color: #97C11F;
}
/* haus & energie */
body#page-269 .csc-header-n1 h1, body#page-269 #menu_sub li.sub a.active, body#page-206 h1, body#page-206 #menu_sub li.sub a.active, .p206 {
  color: #E94C19;
}
/* unterwegs */
body#page-270 .csc-header-n1 h1, body#page-270 #menu_sub li.sub a.active, body#page-211 h1, body#page-211 #menu_sub li.sub a.active, .p211 {
  color: #C6D300;
}
/* seniora */
body#page-271 .csc-header-n1 h1, body#page-271 #menu_sub li.sub a.active, body#page-210 h1, body#page-210 #menu_sub li.sub a.active, .p210 {
  color: #FFE500;
}
/* westd. mineraltage */
body#page-272 .csc-header-n1 h1, body#page-272 #menu_sub li.sub a.active, body#page-212 h1, body#page-212 #menu_sub li.sub a.active, .p212 {
  color: #23338B;
}
/* body & health */
body#page-257 .csc-header-n1 h1, body#page-257 #menu_sub li.sub a.active, body#page-205 h1, body#page-205 #menu_sub li.sub a.active, .p205 {
  color: #25b8ca;
}

body#page-1 table{
  margin: 0 auto;
}
body#page-1 table td{
  padding: 0 10px 10px 0;
}

.messenavi {
  border-top: 1px solid #eee;
  margin-top: 30px;
  padding-top: 10px;
}
.messenavi .right{
  float: right;
}
.messenavi a{
  text-decoration: none;
  font-weight: bold;
}

#footerwrapper a.link-wh{
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -150px;
  width: 300px;
  height: 80px;
}

#content_border {
  margin-top: 20px;
  box-shadow: 0 2px 2px #CCCCCC;
  padding: 0;
}
#content_border img {
 margin: 0;
}

#page-221 iframe {
  width: 100%;
  height: 680px;
}

.download {
    background: url("/fileadmin/dh/images/ico_filedownload.png") no-repeat scroll 0 top transparent;
    padding-left: 17px;
}

div.csc-mailform fieldset {
  border: 1px solid #ccc;
}

div.csc-mailform fieldset li label{
  width: 150px !important;
}

.csc-mailform ol { list-style: none; } .csc-mailform ol li { list-style: none; }

.layout-3 h1 { color: #fff !important; }