@font-face {
	font-family:swiss;
	src: url('fonts/SWISSCB-dtype.ttf');

}

#main {
max-width:900px;
margin:0 auto;
position:absolute;
top:0;
}
#main2 {
max-width:900px;
margin:550px auto 0 auto;
}
body {
max-width:900px;
margin-left:0 auto;
margin-right:0 auto;
margin:0 auto;
}

nav ul{
margin:0;
padding:0 60px 0 0;
font-family:swiss;
}
nav li{
list-style: none;
display: inline;
margin-left: 25px;
}
nav {
 font-family: arial;
 text-align: left;
 padding-top: 22px;
 font-size: 14px;
 color: #fff;
}
seperator ul{
margin:0;
padding:0;
}
seperator li {
list-style: none;
display: inline;

}
seperator {
 text-align: left;
 padding-top: 20px;
 font-size: 14px;
 font-family:swiss;
 color: #fff;
}

hightlight1{
font-family:serif;
font-size:10px;
}

hightlight2{
font-family:san-serif;
font-size:8px;
}

hightlight3{
font-family:swiss;
font-size:8px;
}

hightlight4{
font-family:swiss;
font-size:8px;
}

footer {
font-size: 10px;
font-family:swiss;
color: #fff;
font: bold;
text-align: justify;
}
nav a{
text-decoration: none;
color: #fff;
}
nav a:hover{
color: gray;

}



/** container
**/


.infobox{
display:none;
width:180px;
height:80px;
background-image: url(images/infobox.png);
position:absolute;
margin-top:8px;
margin-left:700px;
background-repeat: no-repeat;
z-index:10000;

}

.featured{
width:900px;
height:400px;
box-shadow: 5px 5px 5px gray;
background-image: url(images/spotlight.png);
position:absolute;
margin-top:35px;


}
 
.logobox{
width: 320px;
height:180px;
background-image:url(images/logo.png);
position: absolute;
background-color:#fff;
box-shadow: 5px 5px 5px grey;
z-index:999998;
margin-left:50px;
}

.nav{
width:500px;
height:38px;
box-shadow: 5px 5px 5px gray;
position:absolute;
background-color: #e82c2f;
margin-top:50px;
opacity:0.8;
z-index:999997;
margin-left:400px;
text-align:right;
}

.seperator{
width:900px;
height:40px;
box-shadow: 5px 5px 5px gray;
background-color: #e82c2f;
position:absolute;
margin-top: 450px;
margin-left:auto;
float:center;
}
.seperator UL {
	padding: 0 60px;
}
.seperator LI {
	display: block;
	text-align: center;
}
.seperator DIV {
	float: left;
	margin: 0 10px;
}
.content_rot {
width:900px;
box-shadow: 5px 5px 5px gray;
background-color:#e82c2f;
position:absolute;
margin-top:550px;
background-repeat: no-repeat;
margin-left: 0px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
font-size:11px;

}
.content2 {
font-family:Verdana,Arial,Helvetica;
color:#435054;
width:900px;
background-repeat: no-repeat;
margin-left:0px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;

}
.highlight1{
width:200px;
height:350px;
box-shadow: 5px 5px 5px gray;
background-color:#e82c2f;
position:absolute;
margin-top:550px;
background-repeat: no-repeat;
margin-left: 0px;
padding-left:10px;
padding-right:10px;
font-size:11px;
}

.highlight2{
width:200px;
height:350px;
box-shadow: 5px 5px 5px gray;
background-color:#e82c2f;
position:absolute;
margin-top:550px;
background-repeat: no-repeat;
margin-left:227px;
padding-left:10px;
padding-right:10px;
font-size:11px;
}

.highlight3{
width:200px;
height:350px;
box-shadow: 5px 5px 5px gray;
position:absolute;
background-color:#e82c2f;
margin-top:550px;
background-repeat: no-repeat;
margin-left:454px;
padding-left:10px;
padding-right:10px;
font-size:11px;
}

.highlight4{
width:200px;
height:350px;
box-shadow: 5px 5px 5px gray;
background-color:#e82c2f;
position:absolute;
margin-top:550px;
background-repeat: no-repeat;
margin-left: 681px;
padding-left:10px;
padding-right:10px;
font-size:11px;

}

.footer{
width:860px;
height:20px;
padding:20px;
box-shadow: 5px 5px 5px gray;
background-color:gray;
box-align:bottom;
/* position:absolute; */
/* margin-top:950px; */
}


/* Image slider auf Seite Referenzen */
.image-source-link {
	color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}

.mfp-title, .mfp-counter {
  font-family:Verdana,Arial,Helvetica;
}