body {line-height:1.65em;font-size:15px;font-family:'LinotypeUniversW01-Regu'; }
.nav li a { letter-spacing:0.06em}
#region-sidebar-first h4 {margin}
p {margin-top:0}

.nav {position:relative;}
#region-sidebar-first h4 { margin:0;padding:0 }

.nav li a { font-family:'News Gothic W01 Bold';font-size:15px; }

h1#site-title {line-height:1.25em;font-size:30px;font-family:'News Gothic W01 Bold';letter-spacing:.06em}



a, a:link, a:active, a:visited { 
    border: none;
    outline: none;
    text-decoration:none
}
h1, h2 { font-weight:normal }


#content-inner ul { margin:0;padding:0 }
#content-inner li { padding:0 0 0 18px; list-style:none;font-size:14px;}

#content-inner li {background:url('../imgs/lidot.gif') no-repeat 0 9px;}


.hidden {display:none}

#cyclercontainer { margin-top:6px;font-size:13px;position:relative; width:492px; height:320px; }
#cycler { position:relative }
#next{position:absolute;top:306px;right:0px;z-index:1000;cursor:pointer}
div.legend {
    line-height:1.25em;
    padding-left:16px;
    background-image:url("../imgs/lidot.gif");
    background-position: 0 4px;
    background-repeat: no-repeat; 
    margin-top:1.35em}

.who { font-size:15px }


#region-sidebar-first h4 {display:none}
h1#site-title { margin:0;padding:0;position:absolute; top:38px;right:0px }
#main { position:absolute; top:116px }
.who { position:absolute; top:105px;width:420px; right:0px }
.subwho { position:absolute; top:127px; }
.nav li { text-align:right; }
.nav li, h1#site-title, .who {
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    }
#content-inner  { display:none;line-height:1.6em;letter-spacing:0.05em;padding-bottom:2em;margin-top:98px;width:468px;margin-left:10px; }    
.framecontent {width:488px;position:absolute;z-index:2;}
.framebg {position:absolute;z-index:1;}
#wasbg, #mitwembg, #wobg {position:absolute; top:380px;right:-240px;}
#wobg {top:280px;}
#sitplan { margin-left: 100px}
    
html.desktop body.visualisierung .legend { width:85%}
iframe { margin-top:.5em }

object {
  width: 350%; /* for responsiveness */
}


/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    #region-sidebar-first h4 {display:none}
    h1#site-title { margin:0;padding:0;position:absolute; top:38px;right:0px }
    #main { position:absolute; top:116px }
    .who { position:absolute; top:105px;width:420px; right:0px }
    .subwho { position:absolute; top:125px; }
    .nav li { text-align:right; }
    .nav li, h1#site-title, .who {
        opacity: 0;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	    filter: alpha(opacity=0);
	    }
    #content-inner  { margin-top:96px;width:468px;margin-left:10px; }    
    .framecontent {width:488px;position:absolute;z-index:2;}
    .framebg {position:absolute;z-index:1;}
    #wasbg, #mitwembg, #wobg {top:380px;right:-240px;}
    #wobg {top:280px;} 
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    #region-sidebar-first h4 {display:none}
    h1#site-title { margin:0;padding:0;position:absolute; top:38px;right:0px }
    #main { position:absolute; top:116px }
    .who { position:absolute; top:105px;width:420px; right:0px }
    .subwho { position:absolute; top:125px; }
    .nav li { text-align:right; }
    .nav li, h1#site-title, .who {
        opacity: 0;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	    filter: alpha(opacity=0);
	    }
    #content-inner  { margin-top:96px;width:468px;margin-left:10px; }    
    .framecontent {width:488px;position:absolute;z-index:2;}
    .framebg {position:absolute;z-index:1;}
    #wasbg, #mitwembg, #wobg {top:380px;right:-240px;}
    #wobg {top:280px;}
    #sitplan { margin-left: 0px}
}

/* Landscape phones and down ----------- */
@media screen and (max-device-width: 480px) {
    #cyclercontainer { width:100%; height:auto; }
    img { height: auto; -ms-interpolation-mode: bicubic; max-width: 100%; }
    div#main { padding-top:1em;position:relative; top:auto;margin-right:12px }
    .nav li { text-align:left; }
    .nav {margin-bottom:2em}
    #sidebar-first-inner { margin: 1em 0 }
    #cycler > div {margin-bottom:2em}
    #next { display:none }
    div.legend { padding-left:0;background-image:none;line-height:1.2em}
    .who { position:relative; top:auto;width:100%; right:auto }
    .subwho { position:relative; top:auto; }
    .nav li, h1#site-title, .who {
        opacity: 1;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	    filter: alpha(opacity=100);
	    }
	h1#site-title { margin:1em 0;padding:0;position:relative; top:auto;right:auto }
	#content-inner  { margin-top:auto;width:auto;margin-left:10px;position:relative }    
    .framecontent {width:auto;position:relative;z-index:auto;}
    .framebg {position:relative;z-index:auto;}
	#wasbg, #mitwembg, #wobg {position:relative;top:auto;right:auto;}
	#region-sidebar-first h4 { display:block; }
	#sitplan { margin-left: 0px}
}

/* Tablet portrait */
@media screen and (min-device-width:481px) and (max-device-width:768px) {
#cyclercontainer { width:100%; height:auto; }
    #region-sidebar-first h4 { display:none }
    h1#site-title { margin:0;padding:0;position:absolute; top:42px;right:24px; }
    #page {}
    
    #main { position:absolute; top:144px }
    .who { position:absolute; top:100px;width:326px; right:0px }
    .subwho { position:absolute; top:122px; }
    img { height: auto; -ms-interpolation-mode: bicubic; max-width: 100%; }
    .nav li { text-align:right; padding-right:12px }
    #wasbg, #mitwembg, #wobg { position:relative;top:0;right:auto }
    #wobg { top:auto }
    #cycler > div {margin-bottom:2em}
    #next { display:none }
    .framecontent, #content-inner  {width:488px;position:relative;}
    .framebg {position:relative;z-index:1;}
}
 
/* Portrait tablet to landscape and desktop and up 

@media (max-device-width: 1024px) and (orientation: landscape) { 
    #wasbg, #mitwembg, #wobg {top:180px;}
}

*/