/*begin our styles*/

body {
  font-family: sans-serif;
  color: #1c1c1c; /* dark gray; */
  font-size: 1em;
  line-height: 120%;
  margin: auto;
  max-width: 1300px;
}

h1 {
  font-size: 1.3em;
  font-weight: bold;
  text-align: left;
  margin-bottom: 0.5em;
}

div:not([class]):not([id]) {
  padding-bottom: 0.7em;
}

h2,
h3 {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 0.2em;
  text-align: left;
}

.faq {
  font-weight: bold;
  margin: 0.6em 0 0.2em 0;
}

.likebutton {
  color: #dd7700; /* orange; */
  background-color: #dcdcd5; /* light gray */
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
}

.likebutton:hover,
.likebuttonlight:hover {
  color: #e919e9; /* light gray */
  background-color: #1c1c1c; /* dark gray */
}

.likebuttonlight {
  color: #dd7700; /* orange; */
  background-color: #ffffff; /* white */
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

p,
ul {
  margin: 0 0 1.5em;
}

ul {
  list-style: disc;
  padding: 0 0 0 2em;
}

a {
  color: #dd7700; /* orange; */
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

td {
  padding: 1px;
}

table {
  border-collapse: collapse;
}

/*layout*/
#wrapper {
  border-top: 5px solid #dd7700; /* orange; */
}

#navwrapper {
  background-color: #000000; /* black */
  background-image: url("background1.gif");
  padding-top: 1em;
  margin-right: 100px;
  clear: left;
}

#mainwrapper {
  padding: 1em;
}

#logoimage {
  float: right;
  display: block;
}

#logotext {
  color: #f2f2f2; /* very light gray */
  margin-left: 0.5em;
  float: left;
  display: block;
}

#logotext h1 {
  font-size: 2.5em;
  line-height: normal;
  text-align: left;
  margin: 0;
}

#logotext a,
#logotext a:visited,
#logotext a:hover,
#logotext a:focus {
  color: #f2f2f2; /* very light gray */
  text-decoration: none;
}

#homeimage {
  background-image: url("home.png");
  background-repeat: no-repeat;
  background-position: 50% 33%;
  color: transparent !important;
}

#homeimage:hover {
  background-image: url("homeblack.png");
}
.article {
  margin: 0 0 1em 0;
}

#searchimage {
  background-image: url("searchgreen.png");
  background-repeat: no-repeat;
  background-position: 50% 40%;
  color: transparent !important;
}

#searchimage:hover {
  background-image: url("search.png");
}
.article {
  margin: 0 0 1em 0;
}

#sponsors {
  margin-top: 1.5em;
  font-size: 0.5em;
  float: left;
  margin-left: 0.5em;
}

#sponsors a {
  margin-right: 2em;
}

#newshoutboxentry {
  display: none;
  margin-bottom: 1em;
}

#newshoutboxentry textarea,
#newshoutboxentry input {
  border: 1px solid #000000;
  width: 97%;
}

#newshoutboxentry submit {
  border: 1px solid #000000;
  width: 100%;
}

/* --------------------------------------------------- */
/* NHC related stuff clean later */

.printversiononly {
  display: none;
}
/* Input and button fields for Forms */

input {
  border: 1px solid #000000;
  color: #000000;
}

/* Figures */
.figure {
  margin-left: 15px;
  margin-right: 15px;
  display: inline;
  margin-bottom: 8px;
  clear: right;
}

.figure img {
  border: 1px solid #666666;
}

.figurelink:hover {
  border: 1px solid #000000;
}

.figurecaption {
  padding: 0px;
  margin: 0px;
  font-style: italic;
  font-size: 90%;
  text-align: left;
}

.gallery {
  margin-bottom: 5px;
  text-align: justify;
}

/* Punktetabelle */

#punktetabelle {
  border: 2px solid #1c1c1c;
  font-size: 0.9em;
}

#punktetabelle .dunkel {
  background-color: #dcdcd5;
}

#punktetabelle td {
  border: 1px solid #1c1c1c;
}

/* Tabellen mit Rand */
table .bordered,
.bordered td,
.bordered tr {
  border: 1px solid #1c1c1c;
}

.bordered td {
  padding: 2px;
}

/* andere Tabellen */
.tabledark {
  background-color: #dcdcd5; /* light gray; */
}

/* Tabellen für Blog, Shoutbox und Terminkalender */
.tk_td_intermed {
  padding-bottom: 1.2ex;
}

.tk_tr_dark,
.tk_td_intermed_dark {
  margin: 0 0 0 0;
}

.tk_table_small {
  border: none;
  border-collapse: collapse;
  width: 100%;
}
.tk_table_small td {
  padding: 2px;
  vertical-align: top;
}

.tk_table_medium {
  border: 1px solid #000000;
  border-collapse: collapse;
  margin-top: 3px;
  width: 99%;
}
.tk_table_medium td {
  border: 1px solid #000000;
  vertical-align: top;
  padding: 3px;
}

.tk_table_large,
.tk_table_details,
.tk_table_form {
  border: 1px solid #000000;
  border-collapse: collapse;
  margin: 1px;
  margin-top: 3px;
  width: 99%;
  padding: 0px;
}

.tk_table_large td,
.tk_table_details td {
  border: 1px solid #000000;
  vertical-align: top;
  padding: 3px;
}

.tk_table_details {
  width: 75%;
}
.tk_table_form {
  width: 60%;
  margin: 1px;
}
.tk_table_form td {
  border: 1px solid #000000;
  vertical-align: top;
  padding: 3px;
}
.tk_table_form password,
.tk_table_form checkbox,
.tk_table_form input,
.tk_table_form option,
.tk_table_form select,
.tk_table_form textarea {
  background-color: #dcdcd5;
  border: 1px solid #000000;
  color: #000000;
}

/* End of NHC related stuff clean later */
/* --------------------------------------------------- */

/*header*/

#header {
  background-color: #000000; /* black */
  background-image: url("background1.gif");
  padding: 1em 1em 0em 1em;
  clear: both;
}

/*shorter clearfix http://nicolasgallagher.com/micro-clearfix-hack/*/
#header:before,
#header:after {
  content: "";
  display: table;
}

#header:after {
  clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
#header {
  zoom: 1;
}

#opennav {
  color: #f2f2f2; /* very light gray */
  background-color: #000000; /* black */
  background-image: url("background1.gif");
  display: block;
  padding: 0 20px;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  letter-spacing: 0.1em;
  line-height: 2em;
  height: 2em;
  border-bottom: 1px solid #333333; /* Dark gray */
}

#opennav:hover,
#opennav:focus {
  background-image: none;
  color: #000000; /* black */
  background-color: #f2f2f2; /* very light gray */
}

/*navigation*/

#primary_nav ul {
  list-style: none;
  background-color: #000000; /* black */
  background-image: url("background1.gif");
  padding: 5px 0 0 0;
}

#primary_nav li a {
  display: block;
  padding: 0 20px;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  letter-spacing: 0.1em;
  line-height: 2em;
  height: 2em;
  border-bottom: 1px solid #333333; /* Dark gray */
}

#primary_nav li:last-child a {
  border-bottom: none;
}

#primary_nav li a:hover,
#primary_nav li a:focus {
  color: #1c1c1c; /* dark gray */
  background-color: #dcdcd5; /* light gray */
}

#primary_nav ul li ul li a {
  padding-left: 3em;
}

/*footer*/

#footer {
  margin-bottom: 2em;
  border-bottom: 5px solid #dd7700; /* orange; */
  background-color: #dcdcd5; /* light gray; */
  padding: 0.5em 1em 0.5em 1em;
  font-size: 0.7em;
  text-align: center;
  clear: both;
}

@media print {
  /* print version */
  #primary_nav {
    /* hide navigation */
    display: none;
  }

  #opennav {
    /* hide link to menu */
    display: none;
  }

  a:link,
  A:visited,
  A:active,
  A:hover {
    color: #000000;
    text-decoration: underline;
  }

  .printversiononly {
    display: block;
  }

  img {
    max-width: 50%;
  }
} /* end print version only */

@media only screen and (max-width: 767px) {
  /* small screens */
  #primary_nav {
    display: none;
  }

  #primary_nav li a {
    color: #f2f2f2; /* very light gray */
  }

  #logoimage {
    display: none;
  }

  #logotext h1 {
    font-size: 1.5em;
    text-align: left;
    margin: 0;
  }

  #navwrapper {
    width: 100%;
  }

  .figure {
    width: 100%;
  }
} /* end small screens */

@media only screen and (min-width: 768px) {
  /* Other screens */

  #opennav {
    /* hide link to menu */
    display: none;
  }

  #wrapper {
    position: relative;
    margin: auto;
  }

  #leftColumn {
    width: 49%;
    float: left;
    margin-right: 1%;
  }

  #rightColumn {
    width: 49%;
    float: left;
    margin-bottom: 1em;
  }

  #primary_nav {
    position: relative;
    background: none;
    display: block;
  }

  #primary_nav li a {
    color: #f2f2f2; /* very light gray */
    margin-left: 0.5em;
    border: none;
    padding: 0 0.5em;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
  }

  #primary_nav ul {
    padding: 0 0 2px 0;
    margin: 0px;
  }
  #primary_nav ul:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }

  #primary_nav ul li {
    list-style: none;
    float: left;
  }

  #primary_nav ul li a {
    text-decoration: none;
    display: block;
  }

  #primary_nav ul li:hover > ul {
    visibility: visible;
  }

  #primary_nav ul li ul {
    display: inline;
    visibility: hidden;
    position: absolute;
    padding: 0em 0 0.4em 0;
    border: 1px solid #333333; /* Dark gray */
    border-top: 0px;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
  }

  #primary_nav ul li ul li {
    margin-right: 0.5em;
    float: none;
  }

  #primary_nav ul li ul li a {
    padding: 0 0.5em;
  }

  .clear {
    clear: both;
  }
}