@font-face {
 font-family: 'RobotoBold';
 src: url('../fonts/roboto_boldcondensed_german/RobotoCondensed-Bold-webfont.eot');
 src: url('../fonts/roboto_boldcondensed_german/RobotoCondensed-Bold-webfont.eot?iefix') format('eot'),
 url('../fonts/roboto_boldcondensed_german/RobotoCondensed-Bold-webfont.woff') format('woff'),
 url('../fonts/roboto_boldcondensed_german/RobotoCondensed-Bold-webfont.ttf') format('truetype'),
 url('../fonts/roboto_boldcondensed_german/RobotoCondensed-Bold-webfont.svg#webfont') format('svg');
}
 @font-face {
 font-family: 'Roboto';
 src: url('../fonts/roboto_medium_german/Roboto-Medium-webfont.eot');
 src: url('../fonts/roboto_medium_german/Roboto-Medium-webfont.eot?iefix') format('eot'),
 url('../fonts/roboto_medium_german/Roboto-Medium-webfont.woff') format('woff'),
 url('../fonts/roboto_medium_german/Roboto-Medium-webfont.ttf') format('truetype'),
 url('../fonts/roboto_medium_german/Roboto-Medium-webfont.svg#webfont') format('svg');
}


 @font-face {
 font-family: 'Websymbols';
 src: url('../fonts/websymbols-regular-webfont.eot');
 src: url('../fonts/websymbols-regular-webfont.eot?iefix') format('eot'),
 url('../fonts/websymbols-regular-webfont.woff') format('woff'),
 url('../fonts/websymbols-regular-webfont.ttf') format('truetype'),
 url('../fonts/websymbols-regular-webfont.svg#webfont') format('svg');
}

 @font-face {
 font-family: 'SourceBlack';
 src: url('../fonts/sourcesanspro-black-webfont.eot');
 src: url('../fonts/sourcesanspro-black-webfont.eot?iefix') format('eot'),
 url('../fonts/sourcesanspro-black-webfont.woff') format('woff'),
 url('../fonts/sourcesanspro-black-webfont.ttf') format('truetype'),
 url('../fonts/sourcesanspro-black-webfont.svg#webfont') format('svg');
}

 @font-face {
 font-family: 'Source';
 src: url('../fonts/sourcesanspro-regular-webfont.eot');
 src: url('../fonts/sourcesanspro-regular-webfont.eot?iefix') format('eot'),
 url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
 url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
 url('../fonts/sourcesanspro-regular-webfont.svg#webfont') format('svg');
}

 @font-face {
 font-family: 'SourceLight';
 src: url('../fonts/sourcesanspro-light-webfont.eot');
 src: url('../fonts/sourcesanspro-light-webfont.eot?iefix') format('eot'),
 url('../fonts/sourcesanspro-light-webfont.woff') format('woff'),
 url('../fonts/sourcesanspro-light-webfont.ttf') format('truetype'),
 url('../fonts/sourcesanspro-light-webfont.svg#webfont') format('svg');
}

body { margin:0; }

.content, .content2 {
    display:inline-block; position:relative; width:1920px; height:950px;  float:left; background-size:1920px 1080px; padding-top:130px;
}
.content2 {
    font-family:'Source'; font-size:16px; line-height:150%; padding:0;
}
.iframe_content {
    width:1232px; overflow:hidden; padding:30px 20px 10px 20px;  position:relative; background:#fff; opacity:1; 
    box-shadow:2px 2px 2px rgba(0,0,0,0.3); margin:4px 4px 4px 4px; border-radius:2px;   
}


.iframe_content:hover, .iframe_content1:hover {
    opacity:1;
}
.iframe_content h4 {
    padding:0 0 20px 0; margin:0; font-size:36px; font-family:'RobotoBold'; text-transform:uppercase; 
}


#iframe {
    position:relative; left:0; top:0; margin:50px auto; width:1280px; height:600px; background:none; box-shadow:none; opacity:1;
}
.iframe {
    position:relative; left:0; top:0;  width:1280px; height:600px; padding:0;  background:none; box-shadow:none;  opacity:1;
}

.content .inner_content {
     position:absolute; opacity:0.8; color:#000; padding:20px 20px 10px 20px; font-family:'Source'; font-size:16px; line-height:150%; border-radius:2px; box-shadow:2px 2px 2px rgba(0,0,0,0.3);
}

.content .inner_content:hover {
     opacity:1;
}
.content .inner_content h2 {
    margin:0; padding:0 0 10px 0; font-family:'RobotoBold'; font-size:24px;
}

.content .inner_content h3 {
   font-family:'RobotoBold'; text-transform:uppercase;
}
.content .inner_content p {
    margin:0; padding:0 0 10px 0;
}






.mappointer {
 width:1920px; height:1080px; position:relative; top:0; left:0; transition: background-image 2s ease-in-out;  
}


#map1 {} 
#map2 {}
#map3 {}
.a1 {
    position:absolute;  border-radius:50%;  width:20px; height:20px; display:block; text-decoration:none;   
}
.a2 {
    position:absolute;  border-radius:50%;  width:40px; height:40px; display:block;   text-decoration:none;  
}
.a3 {
    position:absolute;  border-radius:50%; width:60px; height:60px; display:block; text-decoration:none;  
}
.a4 {
    position:absolute;  border-radius:50%; width:30px; height:30px; display:block; text-decoration:none;  
}
.b2 {
    position:absolute; width:17px; height:17px; display:block; text-decoration:none; text-transform:uppercase; border:1px solid #000; opacity:0;
}
.b2:hover {
     border-radius:50%;  
}
.c3 {
    position:absolute; width:100px; height:40px; display:block; text-decoration:none; font-family:'RobotoBold'; color:#000; text-transform:uppercase; background:#fff; opacity:0; 

}

#info {
    position:fixed; top:741px; left:959px; height:120px; width:961px; 
}

#info2 {
    position:fixed; top:950px; left:479px; height:120px; width:961px; 
}