@import url('https://fonts.googleapis.com/css?family=Montserrat:900');
html { overflow-y: scroll; }
body { text-align:center; font-family:"Courier New"; font-weight:400; font-size: .9rem; line-height:1.25; color:#000; }

#tooltip {
	position: absolute;
	z-index: 10000;
	background-color: #eee;
	padding: 2px 10px 4px 4px;
	opacity: 0.85;
}
.tooltip, .fancybox__caption { margin: 0; font-family:"Montserrat"; font-weight:900; font-size:14px; letter-spacing:0.025em; }
#logo { margin:75px auto 20px; }
#logo img { max-width:420px; height:auto; }

header { min-height:155px; }
nav { list-style-type:none; }
#mainnav, #subnav { margin:0; padding:0; }
#subnav { margin-top:8px; font-size: 0.85rem; }
#mainnav a:hover, #subnav a:hover, #subnav a.current { color: #000; text-decoration:none; border-bottom:1px solid #000; }
#mainnav li { margin:5px 8px 0; padding:0; display:inline-block; }
#subnav li { margin:0 0 0 10px; padding:0;  display:inline-block;  }
#mainnav li a, #subnav li a { color:#000; border-bottom: 1px dashed #fff; }
#mainnav li a:hover,#mainnav li.aktiv,#mainnav a.aktiv_hauptnav, #subnav li a:hover,#subnav li.aktiv { color:#000; border-bottom: 1px solid #000; }

a { color: #000; text-decoration:none !important; }
a.contact { border-bottom:1px solid #333; }
a.contact:hover { color:#666; border-bottom:1px solid #666; }
h1 { font-size:1rem; margin:2rem 0 1.5rem; }
h1:first-child { margin-top:0; }
em, small, a.contact, .legend { font-size: 0.8rem; font-style: normal }
.title, .videotitle { font-family:"Montserrat"; font-weight:900; font-size:0.9rem; letter-spacing:0.05em; padding:0; margin:0; }
.small { display: inline-block; text-align: left;  font-size: 0.8rem; hyphens: auto; }
.exhibit em { display:inline-block; margin-bottom:1rem; }
.zitat { display:block; font-family:georgia; font-size:1.6rem; }

/* HOMEPAGE */
.homebild { margin:0 0 30px 0; }
#home div { display:block; width:740px; text-align:left; margin:30px auto; } 

/* VIDEOS + CONTENT */
#content { margin-bottom:45px; }
#bilder img { vertical-align:top; margin:0 5px 10px 0; padding:0; }
#content #bilder a { border-bottom:0; text-decoration:none; margin:0; outline:none; }
#bilder { position:relative; z-index:5000; margin:0; }
#player { position:relative; top:-90px; background-color:#fff;}
#x { position:absolute;left:0;top:0; }
.videotitle, .tech { text-indent:2rem; }
.tech { display:block; font-size:13px; font-style:normal; text-indent:40px; }
.techo { display:block; font-size:13px; font-style:normal; }
.line { width:22px; height:1px; background-color:#000; margin:35px 0; }
.wechsler a { color:#000; }
.wechsler a:hover { color:#666; }
#detailinfos { clear:both; margin-left:282px; width:395px; text-align:left; padding-top:20px; height:30px; }
#title { float:left; margin-bottom:12px; padding-left:12px; text-align:left; width:100%;}
#title .wechsler { float:right; margin-right:10px; }
#cont a { font-size:13px; font-style:normal; }
#cont { font-size:17px; line-height:20px; }
.u20 { margin-bottom:20px; }
.o20 { margin-top:20px; }

.fancybox__backdrop {
	background:#1a1a1c;
}	

.carousel__button {
	width: 28px;
	height: 28px;
}

/* BLAETTERER */
a.linkslink { background:url(/img/arr_li_i.gif) 0 2px no-repeat; border:1px solid #fff; }
a.linkslink:hover { background:url(/img/arr_li_a.gif) 0 2px no-repeat; }
a.rechtslink { background:url(/img/arr_re_i.gif) 0 2px no-repeat; border:1px solid #fff; }
a.rechtslink:hover { background:url(/img/arr_re_a.gif) 0 2px no-repeat; }
.linksleer { background:url(/img/arr_li_inaktiv.gif) 0 2px no-repeat; border:1px solid #fff; }
.rechtsleer { background:url(/img/arr_re_inaktiv.gif) 0 2px no-repeat; border:1px solid #fff; }

/* MEDIA QUERIES */
@media (max-width:960px){
}

@media (max-width:600px){
body { font-size: 0.9rem; }
header { min-height:185px; }
#logo { margin:50px auto 20px; }
#logo img { max-width:340px; height:auto; }
#subnav { margin-top:12px; font-size: 0.8rem; }
.zitat { font-size:1.25rem; }
.title { font-size:0.8rem; }
#player { position:relative; top:-140px; background-color:#fff;}
}

@media (min-width:1366px){
}