body{width:100%;border:0px solid red;margin:0 auto;padding:0;background-color:#fff;list-style-type:none;list-style-image:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:none;color:#595959;font:0.875em/1.5em "Roboto",sans-serif;text-decoration:none;}
h1{margin-top:3.5em;} 
img {max-width:100%;height:auto;}
#content img {box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5);}
a:link{color:#1f60a9;text-decoration:none;}
a:visited{color:#1f60a9;text-decoration:none;}
a:hover{color:#000000;text-decoration:underline;}
a:active{color:#1f60a9;text-decoration:none;}
a span {color: #004a8f; }
ol {position:relative; left:-25px;}
div.table {display:table; width:calc(100% - 10px); border:0px solid blue; padding:5px 0px;}
div.spalte1 {display:table-cell; border:0px solid red; width:25%; padding:0px;}
div.spalte2 {display:table-cell; border:0px solid red; width:75%; padding:0px;}
#container{border:0px solid lightgrey;background-color:#fff;width:100%;margin:0 auto;text-align:left;-moz-box-shadow: 0 0 0em #000;-webkit-box-shadow: 0 0 0em #000;box-shadow: 0 0 0em #000;}
#open-mobile-navigation {display:inherit; position:absolute; z-index:4000; top:15px; right:15px;}
#open-mobile-navigation span {display:block; width:30px; height:6px; background:#004a8f;}
#header{float:left;width:100%;height:75px;padding-right:10px;background:url('/public/uniwue-header-bg.png') no-repeat 200px 0 #d1d4d4;text-align:left;border:0px solid grey;box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.5);}
.page-header {margin: 0 auto 15px auto;width:90%;box-sizing:border-box;position:relative;box-sizing:border-box;background:url(/public/uniwue-header-bg.png) no-repeat 200px 0 #d1d4d4;height:95px;margin-top:15px;}
.page-header_logo {position:relative;}
.page-header_logo:before {box-sizing:border-box;display:inline-block;content:'';width:75px;height:75px;background:#fff;border-left:15px solid #004a8f;border-top:15px solid #004a8f;border-bottom:15px solid #004a8f;}
.page-header_logo-link {position:absolute;top:1px;left:0px;}
.page-header_logo-link img {width:170px;height:74px;}
#nav-wrap{float:right;margin-top:0.75em;text-shadow:none;}
#menu-icon{display:none;}
#nav, #nav li{margin:0em;padding:0.25em;}
#nav li{list-style:none;float:left;margin-right:5px;}
#nav a{padding:4px 15px;display:block;color:#818484;background:transparent;font-weight:bold;font-size:1.0em;}
#nav a:hover{color:#818484;text-decoration:underline;}
#nav ul{background:#fff;padding:2px;position:absolute;border:solid 1px #ccc;display:none;width:200px;}
#nav ul li{float:none;margin:0;padding:0;}
#nav li:hover > ul{display:block;}
#content{background-color:white;width:97%;border:0px solid red;padding:10px 15px;font-size:1.2em;}
#content h1, #content h2, #content h3{color:#004a8f;}
#mainmenu{text-align:right;font-size:1.1em;}
#mainmenu li{display:inline-block;margin-bottom:1px;background-color:#004a8f;color:#fff;margin-left:-3px;}
#mainmenu a{padding:10px;display:block;}
#mainmenu a:hover{text-decoration:underline;}
#footer{padding:0.5em;background-color:white;width:98%;height:2.0em;border:0px solid green;text-align:right;text-shadow:none;font-size:1.0em;}
#footer a{font-weight:lighter;color:#818484;}
#footer a:hover{font-weight:bold;color:#818484;text-decoration:underline;}
.bildzoom {-webkit-transition:all 0.7s ease; transition:all 0.7s ease;}
.bildzoom:hover {-webkit-transform:scale(1.5); transform:scale(1.5);}
.bildunterschrift {width:100%; position:relative; border:0px solid #004a8f;}
.bildunterschrift img {display: block;}
.bildunterschrift span {background-color:hsla(0,0%,100%,0.5); position:absolute; width:50%; line-height:1.25em; text-align:left;}
.in-echterblau{color:#004a8f;font-size:1.25em;}
.in-blau{color:blue;text-shadow:0px 0px grey;font-size:1em;}
.in-gruen{color:green;text-shadow:0px 0px grey;font-size:1em;}
.in-rot{color:red;text-shadow:0px 0px grey;font-size:1em;}
.in-gelb{background-color:#818484;color:yellow;text-shadow:0px 0px grey;font-size:1em;}
.in-weiss{background-color:#004a8f;color:white;text-shadow:1px 1px grey;font-size:1em;}
.links{float:left;}
.rechts{float:right;}
.typA {margin:10px;padding:20px;background-color:#fff;color:#000;}
.typB {margin:10px;padding:10px;background-color:#d1d4d4;color:#000;}
.typC {margin:10px 20px 30px;background-color:#ffff99;}
.containing-element .ui-slider-switch{width:7em;}
.ub-line{width:100%;height:2px;margin:0 auto;background:#004a8f;}

@media only screen and (max-width:767px){
#nav-wrap{position:relative;}
#menu-icon{padding:0.75em;color:#818484;width:2.5em;height:2em;background:transparent;cursor:pointer;border:0px solid #004a8f;display:block;}
#menu-icon span + span {margin-top:3px; align:center;}
#menu-icon span {display:block; width:2.5em; height:0.5em; background:#004a8f;}
#menu-icon.active{width:15em;}
#nav{background:#d1d4d4;border:1px solid #004a8f;font-size:larger;clear:both;position:absolute;top:3em;width:20em;z-index:10000;display:none;}
#nav li{clear:both;float:none;margin:.5em .2em;line-height:3em;}
#nav a, 
#nav ul a{font:inherit;background:none;display:inline;padding:0;color:#004a8f;border:none;}
#nav a:hover, 
#nav ul a:hover{text-decoration:underline;}
#nav ul{width:auto;position:static;display:block;border:none;background:inherit;}
#nav ul li{margin:3px 0 3px 15px;}
div.spalte1 {display:inline; width:100%;}
div.spalte2 {display:inline; width:100%;}
#footer{text-align:left;}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
#nav{font-size:smaller; display:block !important;}
#container{max-width:768px;width:100%;margin:0 auto;background-color:white;text-align:left;}
}

@media only screen and (min-width:1025px) and (max-width:1280px) {
#nav{font-size:1.0em; display:block !important;}
#container{max-width:990px;width:100%;margin:0 auto;background-color:white;text-align:left;}
}

@media only screen and (min-width:1281px){
#nav{display:block !important;}
#container{max-width:1190px;width:100%;margin:0 auto;background-color:white;text-align:left;}
}