@font-face {
   font-family: "Monserrat";   
   src: url('../font/Montserrat-Light.ttf');
}    
    
@font-face {
   font-family: "Monserrat";   
   src: url('../font/Montserrat-Medium.ttf');
   font-weight: bold;   
}

html {
   height : 100%;
}

body {
   font-family : "Monserrat", "Helvetica", "Arial", sans-serif;
   background-color : #fafafa; /*#f7f3eb;*/
   position : relative;
   padding-bottom : 175px;
   min-height : 100%;
}

h2 {
   margin-top: 50px;
   color: #3b5686;
}

.csrt h2 {
   color: #5b050b;
}

label::after {
   content : "*";
   font-weight : normal;
   color : #666666;
}

label.optional::after {
   content : "";
}


input[type='date']::-webkit-inner-spin-button {
   display : none;
}

.stt-header {
   position:relative;
   width: 100%;
   height: 150px;
   color: #ffffff;
   background-color: #3b5686;
   border-bottom: 10px solid #8ea6ca;
   /* background-image: url(../img/flag-background.png); */
   /* background-image: url(../img/org_logo_de_DE.png); */
   background-repeat: no-repeat;
   background-size: 120px 120px;
   background-position: -20px -10px;
   padding-left: 30px;
   box-shadow: 0px -10px 15px 15px rgba(0, 0, 0, 0.4);
   z-index: 500;
   padding-top: 37px;
}

html[dir='rtl'] .stt-header {
   background-position: right -20px top -10px;
   padding-right: 30px;
}

.fc-header {
   background-color: #a77d3c;
   border-bottom: 10px solid #bf9b62;
   background-image: url(../img/fc-background.png);
   box-shadow: 0px -10px 15px 15px rgba(0, 0, 0, 0.2);
   background-size: 138px 120px;
   background-position: -5px -10px;
   padding-left: 100px;
}

html[dir='rtl'] .fc-header {
   background-position: right -5px top -10px;
   padding-right: 30px;
}

.csrt-header {
   background-color: #90232b;
   border-bottom: 10px solid #ae4f56;
   background-image: url(../img/csrt-logo.png);
   box-shadow: 0px -10px 15px 15px rgba(0, 0, 0, 0.2);
   background-size: 90px 90px;
   background-position: 0px 0px;
   padding-left: 90px;
   padding-top: 18px;
}

.stt-header h1 {
   margin-top: 0px;
    display: block;
}

header p{
	display: block;
    vertical-align: top;
    margin-top: 25px;
    margin-bottom: 0;									

}

@media (max-width: 800px) {
  .stt-header h1 {
     font-size : 20px;
  }
}

.slider {
   background-color: #c8b899;
   z-index: 0;
}

.slider .slide {
   background-size: cover;
   background-position: 50% 50%;
}


.slider-overlay {
   position: absolute;
   z-index: 5000;
   width: 100%;
   margin-top: 50px;
   font-size: 18px;
}

@media (max-width: 800px) {
  .slider-overlay {
     font-size : 14px;
  }
}

.stt-footer {
   position: absolute;
   bottom: 0px;
   left : 0px;
   right : 0px;
   width: 100%;
   height: 125px;
   color: #ffffff;
   background-color: #666666;
   border-top: 10px solid #999999;
   text-align: center;
   padding-top: 40px;
   font-size: 10px;
}

.stt-footer a {
   color : #f3f3f3;
}

.stt-footer .language-select {
   padding-bottom: 1em;
}

.screen-block {
   position: fixed;
   left: 0px;
   top: 0px;
   right: 0px;
   bottom: 0px;
   background-color: rgba(0, 0, 0, 0.6);
   display: none;
   z-index: 100000;
}

.screen-block .screen-block-message {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 200px;
   height: 40px;
   margin-left: -100px;
   margin-top: -20px;
   color: #ffffff;
   text-align: center;
}

.space-top {
   margin-top: 50px;
}

.sub-question {
   padding-left: 20px;
}

.hp {
   display : none;
}

header img{
    height: 150px;
    display: inline-block;
  	float: left;
}