@charset "utf-8";

@font-face {
    font-family: 'Albertus';
    src:url('../fonts/Albertus_Medium_Regular.ttf'); format('truetype');
}

@font-face {
    font-family: 'Kleist-Fraktur';
    src:url('../fonts/Kleist-Fraktur.ttf'); format('truetype');
}

@font-face {
    font-family: 'Booter - One Zero';
    src:url('../fonts/BOOTEROZ.ttf'); format('truetype');
}

@font-face {
    font-family: 'Booter - Five Zero';
    src:url('../fonts/BOOTERFZ.ttf'); format('truetype');
}

@font-face {
    font-family: 'Almendra SC';
    src:url('../fonts/AlmendraSC-Regular.ttf'); format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    src:url('../fonts/Montserrat-Regular.ttf'); format('truetype');
}

body,td,th {
    font-family: Montserrat, Helvetica, sans-serif;
    font-size: 16px;
    color: #FFFFFF;
}
th {
    color: #FF751A;
}
td {
    line-height: 30px;
    text-align: center;
}
h1 {
    font-size: 50px;
    font-weight: bold;
    font-family: Albertus, Montserrat, Helvetica, sans-serif;
}

.textShadow {
    text-shadow:  
     1px  1px 0px #666666,
     1px -1px 0px #666666,
    -1px  1px 0px #666666,
    -1px -1px 0px #666666;
}

.red {
    background-color : red;
}

.siteHeading {
    font-family: 'Booter - Five Zero', Montserrat, Helvetica, fantasy;
    /*! font-variant: small-caps; */
    font-size: 4em;
    display:block;
}

.siteHeading.ta-right .bigHeading{
    text-align:left;
}

.siteHeading.ta-left .bigHeading{
    text-align:right;
}

.siteHeading.ta-right .bigHeading .emph{
    float: left;
    margin-left: -1em;
    text-align: right;
}

.siteHeading.ta-left .bigHeading .emph{
    float: right;
    margin-right: -1em;
    text-align: left;
}

.siteHeading > img{
    outline: 1px solid #29176C;
    margin-top: -0.4em;
}

.headingImg {
    display:block; 
    width:300px; 
    margin-top: -0.05em !important; /*compromis for FF and Chrome */
}

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

.ta-left {
    text-align:left;
}

.bigHeading {
    display:inline-block;
    width:70%;
    line-height: 100%;
}

.emph {
    font-size:200%;
    display: inline-block;
    line-height: 0.7em;
    width: 1em;
}

.emph2 {
    font-size:200%;
    display: inline-block;
    line-height: 100%;
    margin-top: -0.1em;
}

.capital-left {
    float:left; 
    margin-left:-1em; 
    width: 1em; 
    text-align: right;
}

.capital-right {
    float:right; 
    margin-right:-1em; 
    width: 1em; 
    text-align: left;
}

.pictureText-R{
    width: 64%;
    margin-top: -1em;
    padding-right: 3%;
    padding-left: 3%;
    padding-bottom: 25px;
    font-weight: normal;
    display: block;
    
    text-align: right;
    margin-left: auto;
    margin-right: 0px;
}

.pictureText-L{
    width: 64%;
    margin-top: -1em;
    padding-right: 3%;
    padding-left: 3%;
    padding-bottom: 25px;
    font-weight: normal;
    display: block;
    
    text-align: left;
    margin-left: 0px;
    margin-right: auto;
}

.alternatinBlock {
    display: table;
    margin-top: -250px;
}

.alternatinBlock > div {
    display:table-cell; 
}

.alternatinBlock.right > div:first-child {
    vertical-align: middle; 
    padding-left: 15em;
    text-align: right;
    padding-right: 1em;
}

.alternatinBlock.left > div:last-child {
    vertical-align: middle; 
    padding-left: 1em;
    text-align: left;
    padding-right: 15em;
}

.alternatinBlock.left > div:first-child {
    text-align: right;
}


.table-content-n {
    /*! margin-top: 2em; */
    /*! margin-bottom: 2em; */
}

.footer {
    display: block;
    width: 100%;
    height: 232px;
    /*! line-height: 356px; */
    white-space: nowrap;
    position: relative;
    margin-bottom: 3em;
}

.footerImgColl {
    height: 116px;
    /*! vertical-align: middle; */
    display:block;
    background: #85868A;
    border-top: 1px solid #29176C;
    border-bottom: 1px solid #29176C;
    border-left: 1px solid #29176C;
    border-right: 1px solid #29176C;
    padding: 0px;
    margin: 0px;
    margin-left: -2px;
    top: calc( 50% - 58px);
    position: absolute;
    z-index: 10;
    left: 1px;
    width: 100%;
}

.footerImgColl > img {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    height: 100%;
}

.footerImgColl > .footerLogoStretcher{
    display: inline-block;
    width:183px;
}

.footer > img.footerLogo {
    height: 232px !important;
    display: block;
    position: absolute;
    margin-left: calc( 50% - 108px);
    z-index: 11;
}

#kopf {
    height: 180px;
    width: 95%;
    margin-top:8px;
    margin: auto;
    text-align: center;
    white-space: nowrap;
}

#header {
    display: inline-block;
    height: 125px;
    font-family: Montserrat, Helvetica, sans-serif;
    text-align: center;
    vertical-align: bottom;
    margin: 0px 5em;
}

#logo {
    display: inline-block;
    height: 125px;
    width: 125px;
    margin-top: 30px;
}

#logo img {
    height: 125px;
    width: 125px;
}

#naviLine {
    background: white;
    width : 95%;
    height : 5px;
    margin : auto;
}

#navi {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    font-family: Montserrat, Helvetica, sans-serif;
    white-space: nowrap;
    text-align: center;
    display: table;
    width: 95%;
}

#navi > div {
    display: table-cell;
    margin-top: 15px;
    vertical-align: top;
    width: 10%;
    white-space: normal;
}

#navi a:link {
    color: #FFFFFF;
    text-decoration: none;
}
#navi a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
#navi a:hover {
    color: #8CE0F9;
    text-decoration: none;
}
#navi a:active {
    text-decoration: none;
    color: #007bba;
}
a[href] {
    color: #8CE0F9;
    text-decoration: none;
}
a:hover {
    color: #8CE0F9;
    text-decoration: underline;
}
a:active {
    color: #007bba;
}

h2 {
    font-size: 16px;
    font-weight: bold;
}
h3 {
    font-size: 16px;
    font-style: italic;
    font-weight: normal;
}
#wrapper {
    background-color:#85868A;
    width: 960px;
    margin:auto;
    border: 1px solid #29176C;
}

#transparenz {
    background-color:#85868A;
    width:960px;
    height: 100%;
    margin-left:-530px;
    margin-top:-8px;
    position: absolute;
    left:50%;
    top:0px;
    z-index:-1;
}

#transparenz-imp {
    background-color:#bbbbbb;
    width:1060px;
    height: 1935px;
    margin-left:-530px;
    margin-top:-8px;
    position: absolute;
    left:50%;
    top:0px;
    z-index:-1;
    opacity:0.3;
}


body {
    background-image: url(../img/bg_n.png);
    background-repeat:repeat-y;
    background-size:100%;
    margin: 0px;
}

#siteContent{
    background-image: url(../img/Wappenschatten2.png);
    background-repeat:space;
    background-size:90%;
    background-position-x: center;
    margin-top: 2em;
}

.inhalt {
    width: 852px;
    padding-right: 42px;
    padding-bottom: 25px;
    padding-left: 66px;
    /*! margin-top: 50px; */
    text-align: left;
    font-weight: normal;
}

.inhalt p>br{
    /*! margin-bottom: 0.25em; */
}

.inhalt .table-content-n td{
    vertical-align: top;
    text-align:left;
    line-height: normal;
    padding-right: 0.5em;
}

#contactEmph {
    font-size: 145%;
}

#footerImg {
    width: 959px;
    display: inline;
}

#navi a {
    -webkit-transition: all 1s 0s;
    -moz-transition: all 1s 0s;
    -ms-transition: all 1s 0s;
    -o-transition: all 1s 0s;
    transition: all 0.25s 0s;
}

#linksheader {
    /*! font-family: Albertus, Lancelot, Helvetica, sans-serif; */
    font-size: 1.3em;
    font-weight: normal;
    padding-top: 20px;
}

#links {
    
    font-weight: bold;
}

#links a {
    -webkit-transition: all 1s 0s;
    -moz-transition: all 1s 0s;
    -ms-transition: all 1s 0s;
    -o-transition: all 1s 0s;
    transition: all 1s 0s;
}

#privimp {
    text-align: center; 
    margin-bottom: 1em;
}

#privimp a {
    margin: 0em 2em;
    -webkit-transition: all 1s 0s;
    -moz-transition: all 1s 0s;
    -ms-transition: all 1s 0s;
    -o-transition: all 1s 0s;
    transition: all 1s 0s;
}

#privimp a:link {
    color: #FFFFFF;
    text-decoration: none;
}
#privimp a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
#privimp a:hover {
    color: #8CE0F9;
    text-decoration: none;
}
#privimp a:active {
    text-decoration: none;
    color: #007bba;
}
