@font-face{
font-family: 'Manus';
src:	url('../fonts/manus/2A36FA_0_0.eot');
src:	url('../fonts/manus/2A36FA_0_0.eot?#iefix') format('embedded-opentype'),
	url('../fonts/manus/2A36FA_0_0.woff') format('woff'),
	url('../fonts/manus/2A36FA_0_0.ttf') format('truetype');
}

@font-face{
font-family: 'DINNextLTPro-Bold';
src:	url('../fonts/din/289734_0_0.eot');
src:	url('../fonts/din/289734_0_0.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din/289734_0_0.woff') format('woff'),
	url('../fonts/din/289734_0_0.ttf') format('truetype');
}
 

@font-face{
font-family: 'DINNextLTPro-Light';
src:	url('../fonts/din/289734_1_0.eot');
src:	url('../fonts/din/289734_1_0.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din/289734_1_0.woff') format('woff'),
	url('../fonts/din/289734_1_0.ttf') format('truetype');
}

/* _________________________ Allgemein _________________________ */
*{
outline:none;
}

html,body{
width:100%;
height:100%;
background-color:#e3e4e6;
}

#nav_fixed, footer{
width:100%;
position:fixed;
z-index:2;
}

#nav_fixed_wrapper, #footer_wrapper{
width:960px;
color:#2f3d6e;
}

#nav_absolute a, img, p{
position:absolute;
display:block;
}

p{
font-family: 'DINNextLTPro-Light';
font-size:15px;
line-height: 20px;
color: #13235b;
}

p span{
font-family: 'DINNextLTPro-Bold';
}

.center_helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.center_content {
  display: inline-block;
  height: auto;
  vertical-align: middle;
  width: 99%;
  position: relative;
}

/* _________________________ Overlay _________________________ */
#overlay{
width:100%;
height:100%;
position:fixed;
z-index:5;
background-color: #e3e4e6;
}

/* _________________________ Overlay Daten _________________________ */
#overlay_daten{
width:100%;
height:100%;
position:fixed;
background-color: #4bb7e4;
z-index:4;
display:none;
}

#impressum, #kontakt{
width:960px;
height:480px;
position:absolute;
top:50%;
left:50%;
margin-left:-480px;
margin-top:-240px;
display:none;
}

#datenschutz{
width:960px;
height:100%;
margin:0px auto;
display:none;
}

#datenschutz_close{
top:0px;
right:0px;
position: absolute !important;
}

.ds_col, .ds_col_space{
float: left
}

.ds_col{
width:47.5%;
}

#datenschutz .center_content img, .ds_col p{
position: static;
}

#datenschutz .center_content img{
margin-bottom: 30px;
}

.ds_col p{
font-size: 13px;
line-height: 140%;
}

.ds_col_space{
width:5%;
}

#impressum_text, #datenschutz_text{
left:400px;
}

#impressum_text a{
text-decoration:none;
color:#2f3d6e;
}

#kontakt_image{
bottom:0px;
right:0px;
}

#kontakt_text{
width:500px;
top:150px;
}

#ivo{
top:391px;
left:670px;
}

.close{
right:0px;
cursor: pointer;
}

/* _________________________ Navigation absolute _________________________ */
#nav_absolute{
width:100%;
height:390px;
}

#nav_absolute a{
font-family: 'Manus';
font-size:24px;
color:#13235b;
text-decoration: none;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
-ms-transition: color 0.3s ease-out;
-o-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}

#nav_absolute a:hover{
color:#4BB7E4;
}

#link_paris{
top:144px;
left:161px;
}

#link_buxtehude{
top:218px;
left:84px;
}

#link_rom{
top:317px;
left:554px;
}

#link_athen{
top:141px;
left:726px;
}

#link_geratal{
top:22px;
left:709px;
}

/* _________________________ Navigation fixed _________________________ */
#nav_fixed{
height:64px;
background-color:rgba(255,255,255,0.9);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90ffffff,endColorstr=#90ffffff);
display:none;
}

#nav_fixed_wrapper{
margin:0px auto;
}

#nav_fixed_wrapper img{
padding-top:21px;
}

#nav_fixed_wrapper ul{
float:right;
padding-top:30px;
}

#nav_fixed_wrapper li{
float: left;
font-family: 'Manus';
font-size: 19px;
padding-right:30px;
}

#nav_fixed_wrapper li:last-child{
padding-right:0px;
}

#nav_fixed_wrapper a{
text-decoration: none;
color:#2f3d6e;
display: inline-block;
height: 17px;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
-ms-transition: color 0.3s ease-out;
-o-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}

#nav_fixed_wrapper a:hover{
color:#4BB7E4;
}

.active{
border-bottom: 2px solid #2f3d6e;
}

.active:hover{
color:#2f3d6e !important;
cursor: default;
}

/* _________________________ Content _________________________ */
#content{
width:960px;
margin: 0px auto;
background-image: url(../images/0_general/strasse_fstexpress.png);
background-repeat: no-repeat;
background-position: center top;
}

.gross_800, .klein_400{
position:relative;
}

.gross_800{
height:800px;
}

.klein_400{
height:400px;
}

/* _________________________ Start _________________________ */
#logo{
top:20px;   
}

#start_headline{
top:306px;
}

#start_text{
width:447px;
top:582px;
}

#start_image{
top:473px;
left:549px;
}

#start_stoerer{
top:350px;
left:765px;
z-index:1;
cursor: pointer;
}

#start_baum{
top:-21px;
left:-39px;
}

/* _________________________ Paris _________________________ */
#paris_headline{
top:341px;
left:268px;
}

#paris_text{
width:515px;
top:566px;
left:413px;
}

#paris_image{
top:83px;
left:638px;
}

#paris_illu{
top:415px;
left:72px;
}

#paris_baum{
top:24px;
left:575px;  
}

/* _________________________ Rom _________________________ */
#rom_headline{
top:99px;
}

#rom_text{
width:499px;
top:386px;
}

#rom_image{
top:565px;
left:36px;
z-index:1;
}

#rom_illu{
top:435px;
left:590px;
}

#rom_baum1{
top:87px;
left:634px;  
}

#rom_baum2{
top:131px;
left:-92px;  
}

/* _________________________ Athen _________________________ */
#athen_headline{
top:325px;
left:348px;
}

#athen_text{
width:612px;
top:483px;
left:352px;
}

#athen_image{
top:335px;
left:66px;
}

#athen_illu{
top:89px;
left:498px;
}

#athen_baum1{
top:-22px;
left:-20px;  
}

#athen_baum2{
top:150px;
left:639px;  
}

/* _________________________ Buxtehude _________________________ */
#buxtehude_headline{
top:333px;
}

#buxtehude_text{
width:494px;
top:556px;
}

#buxtehude_image{
top:153px;
left:336px;
}

#buxtehude_illu{
top:133px;
left:464px;
}

#buxtehude_baum1{
top:-22px;
left:764px;  
}

#buxtehude_baum2{
top:150px;
left:-168px;  
}

/* _________________________ Gotha _________________________ */
#geratal_headline{
top:351px;
left:484px;
}

#geratal_text{
width:424px;
top:499px;
left:487px;
}

#geratal_image{
top:481px;
left:34px;
}

#geratal_illu{
top:91px;
left:356px;
}

#geratal_baum{
top:-121px;
left:575px;  
}

/* _________________________ Footer _________________________ */
footer{
background-color:#fff;
height:35px;
bottom:0px;
}

#footer_wrapper{
margin:12px auto 0px;
font-family: 'DINNextLTPro-Bold';
font-size: 12px;
text-transform: uppercase;
}

#footer_wrapper_left{
float:left;
}

#footer_wrapper_left li{
float:left;
padding-right:20px;
cursor: pointer;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
-ms-transition: color 0.3s ease-out;
-o-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}

#footer_wrapper_left li:hover, #footer_wrapper_left li a:hover{
color:#4BB7E4;
}

#footer_wrapper_left li a{
text-decoration: none;
color:#2f3d6e;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
-ms-transition: color 0.3s ease-out;
-o-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}

#footer_wrapper_right{
float:right;
cursor: pointer;
}

#show{
cursor: pointer;
}

#kontakt_button{
color:#4BB7E4;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
-ms-transition: color 0.3s ease-out;
-o-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}

#kontakt_button:hover{
color:#2f3d6e;
}

#footer_wrapper_right li{
float:left;
}

#footer_wrapper_right i{
color:#4BB7E4;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
-ms-transition: color 0.3s ease-out;
-o-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}

#footer_wrapper_right i:hover{
color:#2f3d6e;
}

#footer_wrapper_right a{
text-decoration: none;
padding-right:20px;
}