html {
  background: url(../images/gesine_bgrepeater.gif) repeat-y;
}

body {
  margin : 0;
  background: url(../images/site_bgline.gif) repeat-x top;
}

#wrapper {
  max-width: 61.87500em;
  margin-bottom : 0.625em;
  margin-right : auto;
  margin-left : auto;
  overflow : hidden;
  background-color : #FFF;
}

#kopf, #kopf2 {
  overflow : hidden;
}

#logo {
  width : 50%;
  float : left;
  display: table;
  height : 10.62500em;
}

#logo a {
  display: table-cell;  
  vertical-align : middle;
  padding-left: 2em;
}

#kopf_links {
  float : right;
  width: 50%;
  display: table;
  height : 10.62500em;
}

#kopf_links ul {
  display: table-cell;  
  vertical-align : middle;
  margin : 0;
  padding : 0; 
  list-style-type: none;
}

#kopf_links li {
  float: right;
  display: inline;
}

#footer {
  height: 4.75em;
  background-color : #EDEDEE;
  overflow : hidden;
  width: 100%;
}

#ftm_links {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

#ftm_links ul {
  margin-top: 0.32em;
  margin-bottom: 0;
  list-style-type: none;
  text-align: center;
  padding-left: 0;
}

#ftm_links li  {
  COLOR: #b1b3b4;
  padding-left: 0.25em;
  padding-right: 0.25em;
  display : inline;
  font-size: 0.750em;
}

#ftm_links a {
  text-decoration: none;
  color: #b1b3b4;
}

#main {
  position : relative;
  padding-bottom : 1.250em;
}


#boxes h3 {
  margin: 10px 10px 0 10px;
  color: #FFF;
  font: 18pt Arial, sans-serif;
  letter-spacing: -1px;
  font-weight: bold;
}

#kopf_links a {
  COLOR: #87888a;
  padding-left: 0.3125em;
  padding-right: 0.3125em;
  margin-left: 0px;
  margin-right: 0px;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  FONT-SIZE: 0.750em;
  font-family: Verdana, Arial, Tahoma;
  LINE-HEIGHT: 1.250em;
}

.divider {
  COLOR: #87888a;
  FONT-SIZE: 0.750em;
  LINE-HEIGHT: 1em;
}

#boxes {
  overflow: hidden;
  margin-right: -1%;
}


#boxes .csc-default {
  width: 32.3%;
  margin-right: 1%;
  float: left;
}

#boxes .caption {
  position: relative;
  padding-bottom: 66%;
  height: 0;
}

#boxes .caption img {
  width: 100%;
  height: auto;
  position: absolute;
}

#boxes .innerCaptionWrap {
  position: absolute;
  bottom: -4em;
  opacity: 0.8;
  height: 7em;
  width: 100%;
  transition: bottom 1s;
}

#boxes .caption:hover .innerCaptionWrap {
  bottom: -1em;
  transition: bottom 1s;
}

#boxes .innerCaptionWrap .cover {
  padding: 0.625em;
}


#boxes h3 {
  margin: 0;
  color: #FFF;
  font: 1.500em Arial, sans-serif;
  letter-spacing: -1px;
  font-weight: bold;
  line-height: 1em;
}

#boxes .cover p {
  margin-top: 1em;
  color: #000;
  font-weight: bold;
  font: 0.750em "Verdana", Arial, sans-serif;
}

#boxes .cover a {
  color: #000;
  font-weight: 800;
  font-style: italic;
  text-decoration: none;
}

#boxes .cover a:hover {
  color: #fff;
}

.boxcaption1 {
  background-color : #97b8da;
}

.boxcaption2 {
  background-color : #94c48a;  
}

.boxcaption3 {
  background-color : #f18f22;
}


#wegweiser {
  width : 100%;
  padding: 0.438em 0.3125em 0.625em 0.3125em;
  height: 3.5em;
}

#wegweiser p {
  font-size: 0.688em;
  color: #87888a;
  text-decoration: none;
  padding-left: 0.125em;
  font-family: Verdana, Arial, Tahoma, Sans-Serif;
  margin-top : 0;
}

#wegweiser a {
  color: #000;
  font-weight: 900;
}

#navigation a {
  font-weight: bold;
  display: block;
  padding: 0.46em 0.91em;
  max-width: 12em;
  background-color: #fff;
  border-bottom: 0.15em solid #dbdbdc;
  text-decoration: none;
  text-indent: 0.500em;
  font-family: verdana, arial, Helvetica, sans-serif;
  font-size: 0.688em;
}

#navigation a:hover {
  color: #87888a;
  text-decoration: none;
}

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

#navigation {
  border-left: 0.625em solid #dbdbdc;
}

#navigation .orange {
  color: #f18f22;
}

#navigation .blau {
  color: #97b8da;
}

#navigation .gruen {
  color: #94c48a;
}

#left {
  float: left;
  width: 21%;
}


.inhaltBox {
  float: right;
  margin-bottom: 1.250em;
}

#inhalt {
  width: 65%;
  padding-left: 14%;
}

#inhalt p {
  max-width: 41em;
}

h1 {
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  font-size: 1.87500em;
  margin-top : 0;
  margin-bottom : 0.5em;
  color : #564b47;
}

#sPage .inhaltBox p, #nPage .inhaltBox p {
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.75em;
  margin-top: 0;
  color: #564b47;
  margin-bottom: 0.275em;
}

.inhaltBox a {
  color: #87888a;
}

.inhaltBox ul {
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  list-style-type: square;
  font-size: 1em;
  font-weight: normal;
  line-height: 2em;
  margin: 0;
  padding: 0.1875em 0px 0.375em 1.875em;
  color : #564b47;  
}

#subnavlist a {
  display: block;
  padding: 0.46em 0.91em;
  color: #87888a;
  font-weight: normal;
  background-color: #f3f3f4;
  border-bottom: none;
  text-decoration: none;
  max-width: 12em;
}

#subnavlist a:hover {
  color: #87888a;
  background-color: #dbdbdb;
  text-decoration: none;
}

#active {
  background: url(../images/menu_active_bg.gif) no-repeat top left;
  text-decoration: none;
}

.parend {
  background-image: url(../images/paragraph_gfx.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding: 0 1.5em 0 0;
}

a:visited {
    color: #000000;
}

#postit {
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-image: url(../images/postit.jpg);
    width: 10.75em;
    height: 11.75em;
    position: relative;
    padding: 2em 1.5em;
    overflow: hidden;
}

.socialButtons {
  position : absolute;
  top : 2em;
}

#postit h1 {
    margin-top: 0;
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.938em;
    font-family: Verdana, Arial, Tahoma;
    COLOR: #f18f22;
    margin-bottom: 0.5em;
}

#postit p {
  FONT-WEIGHT: normal;
  FONT-SIZE: 0.688em;
  font-family: Verdana, Arial, Tahoma;
  color: #564b47;
}

#postit a {
  color: #f18f22;
  font-style: italic;
}

.socialButtons {
    position: absolute;
    top: 1.5em;
    width: 1em;
}

.socialButtons img {
    width: 2em;
    height: 2em;
}

#twitter {
    right: 3.5em;
}

#facebook {
    right: 1.5em;
}

#nPage {
  background : url(../images/sitecontent_bgline.gif) repeat-x top
}

#mediaboxes .csc-default {
  margin-bottom: 0.625em;
}

#right {
  position: absolute;
  right: 0;
  top: -7.5em;
  width: 23%;
}

#colbox {
  position: absolute;
  width: 76%;
  height: 3.75em;
  top: -3.75em;
  left: 0;
}

.blue {
  float: left;
  width: 49%;
  height: 3.75em;
  background-color: #97b8da;
}

.green {
  float: right;
  width: 49%;
  height: 3.75em;
  background-color: #94c48a;
}

#mediaboxes .caption {
  position: relative;
  overflow: hidden;
  padding-bottom: 100%;
  height: 0;
}

#mediaboxes img {
  position: absolute;
  width: 100%;
  top: 0;
  height : auto;
}

#mediaboxes .cover {
  position: absolute;
  height: 5em;
  top: -2em;
  border-bottom: 0.625em solid #fff;
  width: 100%;
  opacity: 0.9;
  transition: top 1s;
}

#mediaboxes .caption:hover .cover {
  top : 0;
  transition: top 1s;
}

#mediaboxes h3 {
  margin-top: 0;
  color: #FFF;
  font: 1.500em Arial, sans-serif;
  letter-spacing: -1px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0;
  line-height: 1.5em;
}

#mediaboxes p {
  margin-top: 1em;
  color: #000;
  text-align: center;
  font-weight: bold;
  font: 0.750em "Verdana", Arial, sans-serif;
  margin-bottom: 0;
  line-height: 2em;
}

.boxcaption_m1 {
  background: #f18f22;
}

.boxcaption_m2,
.boxcaption_m3 {
  background: #dbdbdc;
}

#mediaboxes a {
  color: #000;
  font-style: italic;
  font-weight: bold;
  text-decoration: none;
}

#mediaboxes a:hover {
  color: #FFF;
}

#inhalt2 {
  width: 47%;
  padding-left: 7%;
  padding-right: 25%;
}

.photobunch {
  overflow: hidden;
  margin-bottom: 1.2em;
}

.photobunch-item {
  display: block;
  float: left;
  margin-right: 1%;
  margin-bottom: 1%;
}

#nPage #wegweiser {
  margin-top: 3.75em;
}


#inhalt2 h2, #inhalt2 h3 {
  font-size: 1.2em;
  font-weight: normal;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color: #564b47;
  margin-bottom: 0.3125em;
  margin-top: 0.625em;
}

.csc-mailform {
  border: none;
  padding: 0;
  margin-top: 0.625em;
  display: block;
  overflow: hidden;
}

.csc-mailform-field {
  margin-bottom: 0.5em;
}

.csc-mailform label {
  width: 20%;
  float: left;
  display: block;
  font-size: 0.688em;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color: #564b47;
  margin-right: 2%;
}

.align-right {
  text-align: right;
}

.mediabox .boxhead {
  background-color: #96b9d9;
  padding: 0.4em;
  border-bottom: 0.2em solid;
  color: #fff;
  font-size: 0.688em;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
}


.mediabox .boxcontent {
  background-color: #d3d3d3;
  padding: 0.25em 0.5em;
}

.mediabox {
  margin-top : 1em;
}


#sPage #inhalt > .csc-default,
#sPage #inhalt > .csc-frame {
    padding-right: 10%;
}

.tx-powermail * {
    font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
}

.powermail_fieldset {
    padding: 1em;
    margin-top: 1em;
}

.col-sm-2 {
    width: 32%;
    float: left;
}

.powermail_fieldwrap {
    margin-bottom: 0.5em;
    overflow: hidden;
}

.col-sm-10 {
    width: 65%;
    float: right;
}

.powermail_input {
    width: 90%;
}

.powermail_textarea {
    width: 89.5%;
}

.mandatory {
    color: #f00;
    margin-left: 0.25em;
}