/*  Standards
    ---------
    
    Farben
    ---
    FcA! Schwarz:   rgb(7, 14, 14)
    FcA! Grün:      rgb(23, 114, 68)
    FcA! Gold:      rgb(236, 194, 92)
    Rot:            rgb(214, 30, 4)
    Blau:           rgb(43, 115, 183)
    Grau:           rgb(177, 177, 177)
    Dunkelgrau:     rgb(131, 131, 131)
    
    Schriften
    ---
    Serif           WarnockPro
    Sans            BentonSans */


/*  Schriften einbinden */

/*  WarnockPro Light und Semibold */

@font-face {
  font-family: 'WarnockPro';
  src: url('/_static/fonts/WarnockPro/WarnockPro-Light.eot');
  src: url('/_static/fonts/WarnockPro/WarnockPro-Light.woff2') format('woff2'),
       url('/_static/fonts/WarnockPro/WarnockPro-Light.woff') format('woff'),
       url('/_static/fonts/WarnockPro/WarnockPro-Light.ttf') format('truetype'),
       url('/_static/fonts/WarnockPro/WarnockPro-Light.svg#WarnockPro-Light') format('svg'),
       url('/_static/fonts/WarnockPro/WarnockPro-Light.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'WarnockPro';
  src: url('/_static/fonts/WarnockPro/WarnockPro-LightItalic.eot');
  src: url('/_static/fonts/WarnockPro/WarnockPro-LightItalic.woff2') format('woff2'),
       url('/_static/fonts/WarnockPro/WarnockPro-LightItalic.woff') format('woff'),
       url('/_static/fonts/WarnockPro/WarnockPro-LightItalic.ttf') format('truetype'),
       url('/_static/fonts/WarnockPro/WarnockPro-LightItalic.svg#WarnockPro-LightIt') format('svg'),
       url('/_static/fonts/WarnockPro/WarnockPro-LightItalic.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'WarnockPro';
  src: url('/_static/fonts/WarnockPro/WarnockPro-Semibold.eot');
  src: url('/_static/fonts/WarnockPro/WarnockPro-Semibold.woff2') format('woff2'),
       url('/_static/fonts/WarnockPro/WarnockPro-Semibold.woff') format('woff'),
       url('/_static/fonts/WarnockPro/WarnockPro-Semibold.ttf') format('truetype'),
       url('/_static/fonts/WarnockPro/WarnockPro-Semibold.svg#WarnockPro-Semibold') format('svg'),
       url('/_static/fonts/WarnockPro/WarnockPro-Semibold.eot?#iefix') format('embedded-opentype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'WarnockPro';
  src: url('/_static/fonts/WarnockPro/WarnockPro-SemiboldItalic.eot');
  src: url('/_static/fonts/WarnockPro/WarnockPro-SemiboldItalic.woff2') format('woff2'),
       url('/_static/fonts/WarnockPro/WarnockPro-SemiboldItalic.woff') format('woff'),
       url('/_static/fonts/WarnockPro/WarnockPro-SemiboldItalic.ttf') format('truetype'),
       url('/_static/fonts/WarnockPro/WarnockPro-SemiboldItalic.svg#WarnockPro-SemiboldIt') format('svg'),
       url('/_static/fonts/WarnockPro/WarnockPro-SemiboldItalic.eot?#iefix') format('embedded-opentype');
  font-weight: bold;
  font-style: italic;
}


/*  BentonSans Book und Medium */

@font-face {
  font-family: 'BentonSans';
  src: url('/_static/fonts/BentonSans/BentonSans-Book.eot');
  src: url('/_static/fonts/BentonSans/BentonSans-Book.woff2') format('woff2'),
       url('/_static/fonts/BentonSans/BentonSans-Book.woff') format('woff'),
       url('/_static/fonts/BentonSans/BentonSans-Book.ttf') format('truetype'),
       url('/_static/fonts/BentonSans/BentonSans-Book.svg#BentonSans-Book') format('svg'),
       url('/_static/fonts/BentonSans/BentonSans-Book.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BentonSans';
  src: url('/_static/fonts/BentonSans/BentonSans-BookItalic.eot');
  src: url('/_static/fonts/BentonSans/BentonSans-BookItalic.woff2') format('woff2'),
       url('/_static/fonts/BentonSans/BentonSans-BookItalic.woff') format('woff'),
       url('/_static/fonts/BentonSans/BentonSans-BookItalic.ttf') format('truetype'),
       url('/_static/fonts/BentonSans/BentonSans-BookItalic.svg#BentonSans-BookItalic') format('svg'),
       url('/_static/fonts/BentonSans/BentonSans-BookItalic.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'BentonSans';
  src: url('/_static/fonts/BentonSans/BentonSans-Medium.eot');
  src: url('/_static/fonts/BentonSans/BentonSans-Medium.woff2') format('woff2'),
       url('/_static/fonts/BentonSans/BentonSans-Medium.woff') format('woff'),
       url('/_static/fonts/BentonSans/BentonSans-Medium.ttf') format('truetype'),
       url('/_static/fonts/BentonSans/BentonSans-Medium.svg#BentonSans-Medium') format('svg'),
       url('/_static/fonts/BentonSans/BentonSans-Medium.eot?#iefix') format('embedded-opentype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'BentonSans';
  src: url('/_static/fonts/BentonSans/BentonSans-MediumItalic.eot');
  src: url('/_static/fonts/BentonSans/BentonSans-MediumItalic.woff2') format('woff2'),
       url('/_static/fonts/BentonSans/BentonSans-MediumItalic.woff') format('woff'),
       url('/_static/fonts/BentonSans/BentonSans-MediumItalic.ttf') format('truetype'),
       url('/_static/fonts/BentonSans/BentonSans-MediumItalic.svg#BentonSans-MediumItalic') format('svg'),
       url('/_static/fonts/BentonSans/BentonSans-MediumItalic.eot?#iefix') format('embedded-opentype');
  font-weight: bold;
  font-style: italic;
}


/*  Abstände aufräumen */
* {
    margin: 0;
    padding: 0;
}


html {
    font-family: "WarnockPro", "Times New Roman", serif;
	font-size: 16px;
    line-height: 20px;
}

body {
    background: url(/_static/images/bg.png) repeat rgb(242, 242, 242) fixed;
}

a,
a:link,
a:visited {
    text-decoration: none;
    color: rgb(23, 114, 68);
}

a:link:hover,
a:visited:hover,
a:link:focus,
a:visited:focus,
a:link:active,
a:visited:active {
    text-decoration: underline;
}

a:link:focus,
a:visited:focus {
    outline: 1px dotted;
}

/*  Container in Streifenform */
#header,
#wrapper,
#footer {
    width: 55%;
    min-width: 620px;
    max-width: 1050px;
    margin-bottom: 5px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 45px;
    padding-left: 45px;
    
    background: rgb(255, 255, 255);
    
    /* center hack 1 */
    /*overflow: hidden;*/
}

@media only screen and (max-width: 767px) {
    #header,
    #wrapper,
    #footer {
        width: 87%;
        min-width: initial;
        max-width: initial;
        
        margin-right: 0;
        margin-left: 0;
        
        padding-right: 6.5%;
        padding-left: 6.5%;
    }
}

.clearBoth {
    clear: both;
}

.noTopMargin {
    margin-top: 0 !important;
}

.noBottomMargin {
    margin-bottom: 0 !important;
}

.bigBottomMargin {
    margin-bottom: 28px !important;
}


/*  Header */

#header .branding {
    padding-top: 35px;
    padding-bottom: 35px;
}

#header .signet {
    margin-left: auto;
    margin-right: auto;
    height: 125px;
    
    background: url(/_static/images/logo.png) no-repeat center;
}

#header .logo {
    margin-top: 16px;
    
    font-size: 21px;
    line-height: 21px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

#header .logo .smallcaps {
    font-variant: all-small-caps;
}

@media only screen and (max-width: 767px) {
    #header .branding {
        padding-top: 10px;
        padding-bottom: 10px;
        
        text-align: center;
    }
    
    #header .signet {
        display: none;
    }
    
    #header .logo {
        display: inline-block;
        
        margin-top: 0;
        
        padding-left: 35px;
        padding-top: 6px;
        padding-bottom: 4px;
        
        background-image: url(/_static/images/logo.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: contain;
    }
}


/*  Wrapper */

#wrapper {
    padding-top: 35px;
    padding-bottom: 35px;
    
    font-size: 16px;
    line-height: 24px;
}

#content > *:last-child {
    margin-bottom: 0 !important;
}

/*  headings */
#wrapper h1,
#wrapper h2,
#wrapper h3 {
    margin-bottom: 7px;
    
    line-height: inherit;
}

#wrapper h1 {
    margin-top: 28px;
}

#wrapper h1 {
    font-size: 24px;
    font-weight: bold;
}

#wrapper h2 {
    font-size: 22px;
    font-family: "BentonSans", Arial, sans-serif;
    font-weight: bold;
    color: rgb(177, 177, 177);
}

#wrapper h3 {
    font-size: 16px;
    font-weight: bold;
}

/* columns */
#wrapper .columns {
    float: left;
    
    text-align: center;
}

#wrapper .columns.two {
    width: 50%;
}

@media only screen and (max-width: 767px) {
    #wrapper .columns {
        float: none;
    }
    
    #wrapper .columns.two {
        width: 100%;
        
        margin-bottom: 7px;
    }
}

/*  containers */
#wrapper caption,
#wrapper figcaption,
#wrapper summary,
#wrapper legend {
    font-family: "BentonSans", "Arial", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
}

#wrapper p,
#wrapper ul,
#wrapper ol,
#wrapper dl,
#wrapper pre,
#wrapper table,
#wrapper hr,
#wrapper blockquote,
#wrapper figure,
#wrapper details,
#wrapper fieldset,
#wrapper address {
    margin-bottom: 7px;
}

/*  lists */
#wrapper ul,
#wrapper ol {
    padding-left: 1.5em;
}

#wrapper li,
#wrapper dd {
    margin-left: 1.5em;
}

#wrapper dt {
    font-weight: bold;
}

#wrapper li {
    color: rgb(177, 177, 177);
}

#wrapper .li {
    color: rgb(0, 0, 0);
}

#wrapper li ul,
#wrapper li ol,
#wrapper li dl,
#wrapper dl ul,
#wrapper dl ol,
#wrapper dl dl {
    margin-bottom: 0;
}

#wrapper ul {
    list-style: square outside;
}

#wrapper ol {
    list-style: decimal outside;
}

#wrapper ol ol {
    list-style-type: lower-alpha;
}

#wrapper ol ol ol {
    list-style-type: upper-roman;
}

#wrapper ol ol ol ol {
    list-style-type: upper-alpha;
}

#wrapper ol ol ol ol ol {
    list-style-type: lower-roman;
}

#wrapper .image {
    float: left;
    
    margin-right: 5%;
}

#wrapper .image:last-child {
    margin-right: 0;
}

#wrapper .image.wide {
    width: 35%;
}

#wrapper .image.narrow {
    width: 20%;
}

#wrapper .image img {
    display: block;
    
    border: none;
    
    width: 100%;
    height: auto;
}

#wrapper .image p {
    font-family: "BentonSans", Arial, sans-serif;
    font-size: .95em;
    
    margin-top: 7px;
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
    #wrapper .image {
        float: none;
        
        margin-right: 0;
        margin-bottom: 14px;
    }
    
    #wrapper .image:last-child {
        margin-bottom: 0;
    }
    
    #wrapper .image.wide,
    #wrapper .image.narrow {
        width: 100%;
    }
}

/*  forms */
#wrapper form {
    display: inline;
}

#wrapper fieldset {
    max-width: 546px;
    padding: 8px 12px;
    
    border: 1px solid rgb(177, 177, 177);
}

#wrapper fieldset > :last-child {
    margin-bottom: 0;
}

#wrapper legend {
    padding: 0 .25em;
    color: rgb(131, 131, 131);
}

#wrapper label {
    font-family: "BentonSans", "Arial", sans-serif;
    font-size: 14.4px;
    line-height: 24px;
    font-weight: normal;
    
    vertical-align: middle;
    cursor: pointer;
}

#wrapper label span {
    padding: 0 8px;
    
    font-weight: bold;
}

#wrapper label.simple span {
    font-weight: normal;
}

#wrapper input,
#wrapper textarea,
#wrapper button,
#wrapper select,
#wrapper optgroup,
#wrapper option,
#wrapper keygen,
#wrapper output,
#wrapper meter,
#wrapper progress {
    font-family: "BentonSans", "Arial", sans-serif;
    font-size: 14.4px;
    line-height: 24px;
    
    vertical-align: middle;
    box-sizing: content-box;
}

#wrapper input,
#wrapper select,
#wrapper keygen {
    border: none;
    border-bottom: 1px solid rgb(177, 177, 177);
}

#wrapper textarea {
    padding: 2px 4px;
    border: 1px solid rgb(177, 177, 177);
}

#wrapper input[type=submit],
#wrapper input[type=button],
#wrapper input[type=reset],
#wrapper input.button,
#wrapper button, {
    padding: 1px 8px;
    
    border: none;
    background: rgb(177, 177, 177);
    
    cursor: pointer;
    overflow: visible;
}

#wrapper input[disabled],
#wrapper button[disabled],
#wrapper select[disabled],
#wrapper textarea[disabled],
#wrapper option[disabled],
#wrapper input[readonly],
#wrapper button[readonly],
#wrapper select[readonly],
#wrapper textarea[readonly] {
    cursor: auto;
    opacity: .5;
}

#wrapper input:focus,
#wrapper input:hover,
#wrapper select:focus,
#wrapper select:hover,
#wrapper keygen:focus,
#wrapper keygen:hover,
#wrapper textarea:focus,
#wrapper textarea:hover {
    border-color: rgb(131, 131, 131);
}

#wrapper input[type=submit]:hover,
#wrapper input[type=button]:hover,
#wrapper input[type=reset]:hover,
#wrapper input.button:hover,
#wrapper button:hover {
    background: rgb(177, 177, 177);
}

#wrapper input::-moz-focus-inner,
#wrapper button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

#wrapper select {
    max-width: 100%;
}

#wrapper optgroup {
    font-style: italic;
    font-weight: bold;
}

#wrapper option {
    font-style: normal;
    font-weight: normal;
}


/* progress bar */
#wrapper .progressbar {
    display: block;
    
    width: 100%;
    margin-bottom: 7px;
    
    border: 1px rgb(177, 177, 177) solid;
    
    font-family: "BentonSans", Arial, sans-serif;
    
    background: rgb(242, 242, 242);
}

#wrapper .progressbar > .bar {
    padding-top: 6px;
    padding-bottom: 4px;
    
    color: rgb(255, 255, 255);
    text-align: center;
    
    background: rgb(23, 114, 68);
}

#wrapper .progressbar > .number {
    float: right;
    display: block;
    box-sizing: border-box;
    
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 4px;
    
    color: rgb(0, 0, 0);
    text-align: left;
}

#wrapper .progressinfo {
    font-style: italic;
    text-align: right;
}


/*  Footer */

#footer {
    padding-top: 21px;
    padding-bottom: 19px;
    
    text-align: center;
}