body {
  background: #fff url(../images/background.png) repeat-x;
  text-align: center;
  margin: 20px 0px;
  font-family: Helvetica, Arial, sans-serif;
}

.clear {
  clear: both;
}

a {
  /* Farbe: Links */
  color: #695a56;
}

p {
  font-size: 12px;
  line-height: 1.5;
  /* Farbe: Text */
  color: #695a56;
}


/* Toplevel Wrapper */

#wrapper {
  width: 1030px;
  margin: 0px auto;
  text-align: left;
}

#wrapper-left-column {
  width: 220px;
  float: left;
  margin-right: 10px;
}

#wrapper-right-column {
  width: 800px;
  float: left;
}


/* Logo */

#image-logo {
  display: block;
  margin-bottom: 10px;
}


/* Navigation */

#wrapper-navigation {
  margin-bottom: 10px;
}

#navigation-top {
  background: url(../images/navi-background-top.png) no-repeat;
  height: 11px;
}

#navigation-fill {
  background: url(../images/navi-background-fill.png) repeat-y;
}

#navigation-top2 {
  background: url(../images/navi-background-top2.png) no-repeat;
}

#navigation-bottom {
  background: url(../images/navi-background-bottom.png) no-repeat;
  height: 13px;
}

#navigation li {
  margin: 0px 14px 0px 10px;
  /* Farbe: Navigation Trennstriche */
  border-bottom: 1px solid #dcdcdc;
}

#navigation li a {
  /* Farbe: Navigation Links */
  color: #ce2c00;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  padding: 10px 10px;
  height: 12px;
}

#navigation li a:hover {
  /* Farbe: Navigation Hover-Hintergrund */
  background: #ebbfb3;
}


/* Netzwerk */

#netzwerk-links li {
  text-align: center;
  margin-bottom: 10px;
  float: left;
}


/* Box Small */

div.box-small {
  margin-bottom: 10px;
}

div.box-small-top {
  background: url(../images/box-small-background-top.png) no-repeat;
  height: 3px;
}

div.box-small-fill {
  background: url(../images/box-small-background-fill.png) repeat-y;
  padding: 17px 20px;
}

div.box-small-bottom {
  background: url(../images/box-small-background-bottom.png) no-repeat;
  height: 3px;
}

div.box-small h2 {
  /* Farbe: Small-Box Überschrift */
  color: #000;
  font-size: 14px;
  margin-bottom: 20px;
}


/* Box Big */

div.box-big {
  margin-bottom: 10px;
}

div.box-big-top {
  background: url(../images/box-big-background-top.png) no-repeat;
  height: 3px;
}

div.box-big-fill {
  background: url(../images/box-big-background-fill.png) repeat-y;
  padding: 17px 20px;
}

div.box-big-bottom {
  background: url(../images/box-big-background-bottom.png) no-repeat;
  height: 3px;
}

div.box-big h2 {
  /* Farbe: Big-Box Überschrift */
  color: #000;
  font-size: 20px;
  margin-bottom: 20px;
}

/* Interface Box Big */

div.ifbox-big {
  margin-bottom: 10px;
}

div.ifbox-big-top {
  background: url(../images/ifbox-big-background-top.png) no-repeat;
  height: 10px;
}

div.ifbox-big-fill {
  background: url(../images/ifbox-big-background-fill.png) repeat-y;
}

div.ifbox-big-top2 {
  background: url(../images/ifbox-big-background-top2.png) no-repeat;
  padding: 0px 10px 6px 10px;
}

div.ifbox-big-bottom {
  background: url(../images/ifbox-big-background-bottom.png) no-repeat;
  height: 7px;
}


/* Button */

a.button {
  background: url(../images/button-background-right.png) right no-repeat;
  height: 28px;
  display: block;
  padding-right: 3px;
  text-decoration: none;
}

a.button span.button-fill {
  padding: 0px 7px 0px 10px;
  text-align: center;
  background: url(../images/button-background-fill.png) no-repeat;
  /* Farbe: Text Button */
  color: #ffffff;
  height: 28px;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 30px;
  display: block;
  overflow: hidden;

}

/* Banner Top */

#banner-top {
  height: 90px;
  margin-bottom: 16px;
}


/* Banner Right */

#banner-right {
  height: 2000px;
  margin-bottom: 10px;
  float: left;
}


/* Content */

#wrapper-content {
  float: left;
  width: 610px;
  margin-right: 10px;
}


/* Suche */

#search-input {
  background: url(../images/search-input.png) no-repeat;
  height: 25px;
  width: 222px;
  float: left;
  margin-right: 10px;
}

#search-input input {
  background: transparent;
  border: 0px;
  display: block;
  height: 25px;
  width: 215px;
  line-height: 25px;
  padding: 0px 5px;
  font-size: 12px;
  /* Farbe: Suchfeld Schrift */
  color: #000;
}

#search-button {
  background: url(../images/search-button.png) no-repeat;
  height: 25px;
  width: 87px;
  float: left;
  text-align: center;
}

#search-button input {
  margin: 0px auto;
  background: transparent;
  border: 0px;
  display: block;
  height: 25px;
  width: 77px;
  line-height: 25px;
  padding: 0px 5px;
  font-size: 12px;
  /* Farbe: Suchfeld Submit Schrift */
  color: #fff;
  cursor: pointer;
}


/* Aktuelle Ausgabe */

#aktuelle-ausgabe-left-column {
  float: left;
  width: 180px;
  margin-right: 20px;
}

#aktuelle-ausgabe-left-column a.button {
  margin-top: 10px;
}

#aktuelle-ausgabe-right-column {
  float: left;
  width: 370px;
}

#aktuelle-ausgabe-topics {
  list-style-type: disc;
}

#aktuelle-ausgabe-topics li {
  margin-left: 10px;
  font-size: 12px;
  margin-bottom: 10px;
  line-height: 1.3;
}


/* Die neuesten Blogbeiträge */

#blogbeitraege-topics {
  list-style-type: disc;
}

#blogbeitraege-topics li {
  margin-left: 10px;
  font-size: 12px;
  margin-bottom: 10px;
  line-height: 1.3;
}


/* Offerboxen */

#offerboxen li {
  float: left;
  height: 250px;
  width: 300px;
  margin-right: 10px;
  margin-bottom: 10px;
}

#offerboxen li.last {
  margin-right: 0px;
}


/* Footer */

#footer-main-links li a,
#footer-sub-links li a {
  /* Farbe: Footer-Links */
  color: #000;
}

#footer-main-links li,
#footer-sub-links li {
  float: left;
  margin-right: 10px;
}

#footer-main-links li a {
  font-size: 12px;
  display: block;
  margin-bottom: 10px;
}

#footer-sub-links li a {
  font-size: 11px;
  display: block;
}

#footer-sub-links2 li a {
  /* Farbe: Footer-Links */
  color: #000;
}

#footer-sub-links2 li {
  float: left;
  margin-right: 10px;
}

#footer-sub-links2 li a {
  font-size: 11px;
  display: block;
}

.spacer-5 {
	height: 5px;
}

.spacer-10 {
	height: 10px;
}

.spacer-15 {
	height: 15px;
}

.spacer-20 {
	height: 20px;
}

.spacer-25 {
	height: 25px;
}
ul.list {
  color: #4c606c;
  margin-bottom: 15px;
}

ul.list li {
  margin-left: 25px;
  margin-bottom: 2px;
}

/* Formulare */

form.formular {
  font-size: 12px;
  color: #4c606c;
}

form.formular fieldset {
  border: none;
}

form.formular label.label {
  float: left;
  width: 170px;
  text-align: right;
  margin-right: 15px;
  margin-bottom: 5px;
  line-height: 25px;
}

form.formular input,
form.formular textarea,
form.formular file,
form.formular select {
  border: 1px solid #8CCCF0;
  padding: 5px;
  font-size: 12px;
  color: #4c606c;
}

form.formular select {
  width: 150px;
}

form.formular input.active {
  background: #e9f6fd;
}

form.formular input.text {
  width: 250px;
  float: left;
  margin-bottom: 5px;
}

form.formular input.radio {
  margin-right: 5px;
}

form.formular input.checkbox {
  margin-right: 5px;
}

/* Netzwerk */

ul.object-icons li {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

ul.object-icons li.last {
  margin-right: 0px;
}

ul.object-icons li a {
  padding: 5px;
  background: #e0ddd3;
  display: block;
}

ul.object-icons li a:hover {
  background: #ffe831;
}

ul.object-icons li a img {
  display: block;
}


