* {
  box-sizing: border-box; }

html, body {
  height: 100%;
  margin: 0;
  padding: 0; }

body {
  background: #FFFFFF url(../images/bg_left_top.jpg) no-repeat left top fixed; }

/************************************* Schrift *****************************************/
DIV.ueberschrift {
  width: 100%;
  line-height: 24px;
  color: #000000;
  font-size: 16px;
  font-weight: 700; }

DIV#main {
  width: 1024px;
  margin: 1em auto; }

DIV#main_content {
  width: 100%; }

DIV#kopf {
  height: 178px;
  position: relative;
  background-image: url(../images/header.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

DIV#template_navi_oben {
  border: 1px #E0E0E0 solid;
  vertical-align: middle;
  line-height: 2em;
  margin: .75em 0px;
  background: #F9F9F9;
  padding-top: 8px;
  padding-left: 5px; }

DIV#template_navi_oben A {
  display: block;
  text-decoration: none;
  color: #FFFFFF;
  font-weight: 700;
  padding: 5px 0; }

DIV#mainlogo {
  z-index: 10;
  position: absolute;
  top: 20px; }

DIV#koepfe {
  text-align: right;
  vertical-align: bottom;
  height: 100%; }

DIV#koepfebild, DIV#einzelkoepfe {
  position: relative;
  right: 0px;
  bottom: 0px;
  height: 138px;
  z-index: 0;
  overflow: hidden; }

DIV#koepfebild IMG {
  bottom: 0;
  margin-top: 38px; }

DIV#einzelkoepfe {
  z-index: 1;
  bottom: 100px; }

#links {
  width: 210px;
  float: left;
  text-align: left;
  margin-left: 0; }

#links ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

#links ul li {
  border: 1px #E0E0E0 solid;
  list-style-type: none;
  background-color: #DEDEDE;
  margin-bottom: 2px; }

#links ul li ul {
  margin: 0;
  padding: 0 0 0 5px; }

#links ul li ul li {
  background-color: #DEDEDE; }

#links ul li span.navipfeil {
  width: 15px;
  padding-top: 5px;
  padding-left: 2px;
  text-align: left;
  float: left; }

#links ul li:hover span.navipfeil {
  visibility: hidden; }

#links ul li span.navipfeil_act {
  width: 15px;
  padding-top: 5px;
  padding-left: 2px;
  text-align: left;
  float: left; }

#links ul li:hover span.navipfeil_act {
  visibility: hidden; }

#links ul li a {
  padding: 5px 5px 5px 1em;
  display: block;
  color: #383742;
  font-weight: 700;
  text-decoration: none;
  background-color: #FFFFFF;
  transition: all 0.25s ease-in-out; }

#links ul li a:hover, #links ul li a:active {
  color: #23a3f3;
  background-color: #F9F9F9; }

#links ul li a:focus {
  background-color: #E0E0E0; }

#navigation_usermenu {
  width: 150px;
  float: left; }

#navigation_usermenu ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

#navigation_usermenu ul li {
  border: 1px #F0F0F0 solid;
  list-style-type: none;
  background-color: #DEDEDE; }

#navigation_usermenu ul li ul {
  margin: 0;
  padding: 0;
  padding-left: 5px;
  list-style-type: none; }

#navigation_usermenu ul li ul li {
  list-style-type: none;
  background-color: #DEDEDE; }

#navigation_usermenu ul li a {
  padding: 2px;
  padding-left: 1em;
  display: block;
  color: #383742;
  font-weight: 700;
  text-decoration: none;
  background-color: #FFFFFF; }

#navigation_usermenu ul li a:hover, #navigation_usermenu ul li a:active {
  color: #23a3f3;
  font-weight: 700;
  /*text-decoration:underline;*/
  background-color: #F9F9F9; }

#navigation_usermenu ul li a:focus {
  color: #FF0000;
  font-weight: 700;
  background-color: #E0E0E0; }

#template_content {
  height: 100%;
  margin-left: 220px;
  margin-right: 0;
  padding: 10px;
  background-color: #FFFFFF;
  border: 1px #E0E0E0 solid; }

#fuss {
  position: relative;
  text-align: center;
  font-size: 0.9em;
  clear: both;
  background-color: #F9F9F9;
  border: 1px #E0E0E0 solid;
  margin-top: .75em;
  color: #CCC;
  padding: .75em; }

ul.liste, li.liste {
  list-style-type: square;
  line-height: 1.3em;
  color: #333333;
  list-style-image: url(../images/list_style_image.gif);
  margin-left: 20px;
  margin-top: 5px; }

#template_content P {
  line-height: 1.5em; }

#rechts {
  width: 178px;
  float: right;
  margin-right: 5px;
  display: none; }

#template_news {
  width: 100%; }

DIV#fuss, DIV#fuss A {
  color: #CCC;
  text-decoration: none; }

DIV#fuss A:hover {
  color: #AAA; }

DIV#template_head_re_unten {
  position: absolute;
  width: 980px;
  text-align: right;
  top: 100%;
  margin-bottom: 20px; }

.head {
  padding-top: 2px;
  background-image: url(../images/boxheader.jpg);
  height: 16px;
  width: 680px;
  color: #666666;
  text-align: center;
  font-weight: 700;
  margin-left: -10px;
  margin-right: -20px;
  margin-top: -10px; }

.smallhead {
  padding-top: 2px;
  background-image: url(../images/boxheader.jpg);
  height: 16px;
  width: 100%;
  color: #666666;
  text-align: center;
  font-weight: 700;
  margin-left: -10px;
  margin-right: -20px;
  margin-top: -10px; }

DIV#mainlogo {
  z-index: 10;
  position: absolute;
  top: 40px;
  left: 40px; }

DIV#koepfe {
  text-align: right;
  vertical-align: bottom;
  height: 100%; }

DIV#koepfebild, DIV#einzelkoepfe {
  position: relative;
  right: 0px;
  bottom: 0px;
  height: 138px;
  z-index: 0;
  overflow: hidden; }

DIV#koepfebild IMG {
  bottom: 0;
  margin-top: 38px; }

DIV#einzelkoepfe {
  z-index: 1;
  bottom: 100px; }

/*# sourceMappingURL=main.css.map */