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


/* Info: Left Part							           				   */
/* ----------------------------------------------------------------------------*/
.company_name {
font-family: 'Calibri Light';
font-size: 14px;
color: #092139;	
font-weight: bold;
line-height: 12px;
text-decoration: none;
}
.company_address {
font-family: 'Calibri Light';
font-style: italic;
font-size: 13px;
line-height: 12px;
color: #878787;	
text-decoration: none;
}
.company_contact {
font-family: 'Calibri Light';
font-size: 13px;
line-height: 15px;
color: black;	
text-decoration: none;
}
.news_title {
font-family: 'Alike', serif;
font-size: 20px;
line-height: 15px;
color: #092139;	
text-decoration: none;
}
.news_text {
font-family: 'Calibri Light';
font-size: 12px;
line-height: 14px;
color: #636363;	
text-decoration: none;
margin-top: 10px; 
margin-bottom: 0px;
}
/* ----------------------------------------------------------------------------*/



/* Info: Menue Top		 						           				   	   */
/* ----------------------------------------------------------------------------*/
.login {
font-family: 'Calibri Light';
font-size: 12px;
line-height: 15px;
color: black;	
text-decoration: none;
}
.login a:link {
font-family: 'Calibri Light';
font-size: 12px;
line-height: 15px;
color: black;	
text-decoration: none;
}
.login a:hover{
font-family: 'Calibri Light';
font-size: 12px;
line-height: 15px;
color: black;	
text-decoration: none;
}
.login a:visited {
font-family: 'Calibri Light';
font-size: 12px;
line-height: 15px;
color: black;	
text-decoration: none;
}
/* ----------------------------------------------------------------------------*/



/* Info: Contend		 						           				   	   */
/* ----------------------------------------------------------------------------*/
h1 {
font-family: 'Alike', serif;
font-size: 25px;
line-height: 25px;
color: #3a3a3a;	
text-decoration: none;
font-weight: 100;
}
h3 {
font-family: 'Alike', serif;
font-size: 18px;
line-height: 25px;
color: #3a3a3a;	
text-decoration: none;
font-weight: 100;
}
.text {
font-family: 'Calibri Light';
font-size: 13px;
line-height: 16px;
color: black;	
text-decoration: none;
font-weight: 100;
}
a:text {
font-family: 'Calibri Light';
font-size: 16px;
line-height: 16px;
color: black;	
text-decoration: none;
font-weight: 100;
}
.text_picture {
font-family: 'Calibri Light';
font-size: 12px;
line-height: 14px;
color: grey;	
text-decoration: none;
font-weight: 100;
text-align: right;
}
.text_verysmall {
font-family: 'Calibri Light';
font-size: 10px;
line-height: 11px;
color: white;	
text-decoration: none;
font-weight: 100;
}
.text_bold_arial {
font-family: 'Arial', nonserif;
font-size: 13px;
line-height: 16px;
color: black;	
text-decoration: none;
font-weight: 700;
}
/* ----------------------------------------------------------------------------*/


/* Info: Forms		 						           				   	   */
/* ----------------------------------------------------------------------------*/
.button_login {
font-family: 'Calibri Light';
font-size: 16px;
color: #FFFFFF;	
text-decoration: none;
font-weight: 100;
}
.button_search {
font-family: 'Calibri Light';
background-color: #092139; 
height: 24px; 
width: 80px; 
font-size: 16px; 
color: white; 
border: 1px black solid;
cursor: pointer;
text-decoration: none;
}
/* ----------------------------------------------------------------------------*/


/* Info: Results		 						           				   	   */
/* ----------------------------------------------------------------------------*/
.result_title {
font-family: 'Calibri Light';
font-size: 20px;
color: #092139;	
text-decoration: none;
font-weight: 700;
}
.result_text_bold{
font-family: 'Calibri Light';
font-size: 15px;
color: #092139;	
text-decoration: none;
font-weight: 700;
}
.result_small{
font-family: 'Calibri Light';
font-size: 13px;
color: #000000;	
text-decoration: none;
font-weight: 100;
}
.result_splash_title{
font-family: 'Calibri Light';
font-size: 18px;
color: #000000;	
text-decoration: none;
font-weight: 700;
padding-bottom: 10px; 
}
.result_splash_text{
font-family: 'Calibri Light';
font-size: 12px;
color: #000000;	
text-decoration: none;
font-weight: 100;
}
/* ----------------------------------------------------------------------------*/


/* Info: MessageBox		 						           				   	   */
/* ----------------------------------------------------------------------------*/
.messagebox_title {
font-family: 'Calibri Light';
font-size: 26px;
color: #FFFFFF;	
text-decoration: none;
font-weight: 700;
}
.messagebox_title a:link{
font-family: 'Calibri Light';
font-size: 26px;
color: #FFFFFF;	
text-decoration: none;
font-weight: 700;
}
.messagebox_title a:hover{
font-family: 'Calibri Light';
font-size: 26px;
color: #FFFFFF;	
text-decoration: underline;
font-weight: 700;
}
.messagebox_title a:visited{
font-family: 'Calibri Light';
font-size: 26px;
color: #FFFFFF;	
text-decoration: underline;
font-weight: 700;
}
.messagebox_text {
font-family: 'Calibri Light';
font-size: 16px;
color: #FFFFFF;	
text-decoration: none;
font-weight: 100;
}
.messagebox_text a:link{
font-family: 'Calibri Light';
font-size: 16px;
color: #FFFFFF;	
text-decoration: none;
font-weight: 100;
}
.messagebox_text a:visited{
font-family: 'Calibri Light';
font-size: 16px;
color: #FFFFFF;	
text-decoration: none;
font-weight: 100;
}
.messagebox_text a:hover{
font-family: 'Calibri Light';
font-size: 16px;
color: #FFFFFF;	
text-decoration: underline;
font-weight: 100;
}
/* ----------------------------------------------------------------------------*/


/* Info: container flipps		 						           				   	   */
/* ----------------------------------------------------------------------------*/
#f1_container {
  position: relative;
  margin: 0px auto;
  width: 150px;
  height: 150px;
  z-index: 1;
}
#f1_container {
  -webkit-perspective: 150px;
  -moz-perspective: 150px;
  -o-perspective: 150px;
  perspective: 150px;
}
/*
#f1_card {
  width: 150px;
  height: 150px;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: all 100ms linear;
  -moz-transform-style: preserve-3d;
  -moz-transition: all 100ms linear;
  -o-transform-style: preserve-3d;
  -o-transition: all 100ms linear;
  transform-style: preserve-3d;
  transition: all 100ms linear;
}
*/
#f1_container:hover #f1_card, #f1_container.hover_effect #f1_card {
  -webkit-transform: rotateY(20deg);
  -moz-transform: rotateY(20deg);
  -o-transform: rotateY(20deg);
  transform: rotateY(20deg);
border: 1px silver solid;
background-color: white;
cursor: pointer;
  -webkit-box-shadow: -5px 5px 5px #aaa;
  -moz-box-shadow: -5px 5px 5px #aaa;
  box-shadow: -5px 5px 5px #aaa;
}
.face {
  position: absolute; 
  float: left;
  width: 150px;
  height: 150px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
/*
.face.back {
  display: block;
  -webkit-transform: rotateY(180deg);
  -webkit-box-sizing: border-box;
  -moz-transform: rotateY(180deg);
  -moz-box-sizing: border-box;
  -o-transform: rotateY(180deg);
  -o-box-sizing: border-box;
  transform: rotateY(180deg);
  box-sizing: border-box;
  padding: 0px;
  color: white;
  text-align: center;
  background-color: #aaa;
  float: left;
}
*/