* { font-family: Rubik, Arial, Helvetica, sans-serif;  font-size: 20px; box-sizing: border-box; margin: 0; padding: 0;  font-weight: normal; color: #222; text-decoration: none; }

body { padding-top: 50px; padding-bottom: 250px; background: #fff97f url("/images/background.jpg") top left no-repeat; }

#page_wrapper {  max-width: 1200px; margin: 0 auto; }

#header { height: 248px; }
#logo_mobil { display: none; }
#content_top { margin-top: 20px; background: url("/images/content_top.png") top center no-repeat; padding-top: 25px; padding-left: 185px;}
#content_top ul { list-style-type: none; }
#content_top li { display: inline-block; margin-right: 20px; }
#content_top a { display: block; color: #7c236a; font-weight: bold; font-size: 1.2em; padding: 5px; transition: color 100ms linear;}
#content_top a:hover { color: #ed1c24; }
#content_top a.active { color: #ed1c24; }
#content_top a:before { content: "|"; padding-right: 5px; }
#content { padding-top: 10px; padding-bottom: 25px; background-color: #fff; padding-left: 185px; padding-right: 185px;  background: url("/images/content.png") top center repeat-y; }
#content_bottom { height: 60px; background: url("/images/content_bottom.png") top center no-repeat;}

#content h1 { color: #2c8b66; font-size: 2.4em; padding-top: 10px; padding-bottom: 10px;border-top: 2px dotted #7c236a;   }
#content h2 { color: #7c236a; font-weight: bold; font-size: 1.2em; padding-top: 10px; }
#content p { line-height: 1.4em; padding-bottom: 10px; }
#content img { display: block; margin: 0 auto; width: 80%; border-radius: 15px; border: 7px solid #7c236a;}
#content img { border: unset; }
#content table { width: 100%; border-collapse: collapse; margin-top: 10px; }
#content strong { font-weight: bold; }
#content a { color: blue; text-decoration: underline; font-weight: bold; }
#content label { font-weight: bold; }

#content th { color: #fff; background-color: #7c236a; font-size: 1.4em; font-weight: bold; padding: 15px 10px; border-radius: 15px;  }

#content tr.b td {  border-top: 1px solid #7c236a; }
#content td { padding: 15px 10px; }

#footer_top { height: 210px;  background: url("/images/footer_top.png") top center no-repeat;}
#footer_bottom { height: 210px;  background: url("/images/footer_bottom.png") top center no-repeat;}
#footer {   padding-left: 250px; padding-right: 250px;   background: url("/images/footer.png") top center repeat-y;}
#footer img { display: none; }
#footer ul { margin-top: 25px; text-align: right; }
#footer li { display: inline-block; padding-left: 20px;}
#footer li a { display: inline-block;  }
#footer a {  text-decoration: underline; }

#publisher .small { font-size: 0.8em; font-weight: bold; }
#publisher .large { font-size: 1.4em; color: #2c8b66; }
#publisher .space { margin-top: 10px; }
#publisher p { margin-bottom: 5px; }

@media (max-width: 1300px) {
  #page_wrapper {  max-width: 1000px;  }
  #header { height: 207px; }
  #header img { max-width: 1000px; }
  #content_top { background-size: 1000px; padding-left: 145px;}
  #content_top a { font-size: 1em; }
  #content h1 { font-size: 2em; }
  #content { background-size: 1000px; padding-top: 0; padding-left: 145px; padding-right: 145px; }
  #content_bottom { background-size: 1000px; }
  #footer_top { background-size: 1000px;height: 175px;}
  #footer_bottom { background-size: 1000px;height: 175px; }
  #footer { background-size: 1000px; padding-left: 210px;}
  #content img { width: 90%; }
}

@media (max-width: 1000px) {
 #header { height: unset; }
 #header img { width: 100%; }
 #logo { display: none; }
 #logo_mobil { display: block; }
#content_top {  height: unset; padding-top: 20px; padding-left: 35px; background: url("/images/content_top_mobil.png") top center no-repeat; background-size: 100%;  }
#content {   background: url("/images/content_mobil.png") top center repeat-y;  padding-left: 35px; padding-right: 35px; background-size: 100%;}
#content h1 { font-size: 1.8em; }

#content img { width: 95%; border: 3px solid #7c236a;}
#content img { border: unset; }
#content_bottom {   background: url("/images/content_bottom_mobil.png") top center no-repeat;  background-size: 100%;}

#content th {  padding: 15px 5px;  font-size: 1em; font-weight: normal; }
#content td {  padding: 15px 5px; font-size: 0.6em;  }
#content td strong { font-size: 1em; }
#footer_top {  height: 50px;background: url("/images/footer_top_mobil.png") top center no-repeat;  padding: 0;  background-size: 100%; }
#footer {  background: url("/images/footer_mobil.png") top center repeat-y;  padding: 35px;  background-size: 100%; }
#footer_bottom { height: 210px; background: url("/images/footer_bottom_mobil.png") top center no-repeat;  padding: 0;  background-size: 100%; }
}

.switch { display: inline-block; width: 20px; height: 20px; border-radius: 50%; background: #999; vertical-align: middle; }
.switch-on  { background: #2c8b66; }
.switch-off { background: #ed1c24; }