/* =============================================================================
   Navigations
   ========================================================================== */


/* moduleMainNavi */
.moduleTopNaviBg {width: 100%; height: 120px; position: absolute; top: 137px; left: 0; background: #0098d4; background: -moz-linear-gradient(top,  #0098d4 0%, #00589c 34%, #0098d4 34%, #00589c 66%, #0098d4 66%, #00589c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0098d4), color-stop(34%,#00589c), color-stop(34%,#0098d4), color-stop(66%,#00589c), color-stop(66%,#0098d4), color-stop(100%,#00589c)); background: -webkit-linear-gradient(top,  #0098d4 0%,#00589c 34%,#0098d4 34%,#00589c 66%,#0098d4 66%,#00589c 100%); background: -o-linear-gradient(top,  #0098d4 0%,#00589c 34%,#0098d4 34%,#00589c 66%,#0098d4 66%,#00589c 100%); background: -ms-linear-gradient(top,  #0098d4 0%,#00589c 34%,#0098d4 34%,#00589c 66%,#0098d4 66%,#00589c 100%); background: linear-gradient(to bottom,  #0098d4 0%,#00589c 34%,#0098d4 34%,#00589c 66%,#0098d4 66%,#00589c 100%); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.5); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.5); box-shadow: 0 2px 2px rgba(0,0,0,.5); border-top: 1px solid #e9e9e9; }
.ie9 .moduleTopNaviBg {background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOThkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iIzAwNTg5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iIzAwOThkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwNTg5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwOThkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDU4OWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }
.ie8 .moduleTopNaviBg, .ie7 .moduleTopNaviBg {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0098d4', endColorstr='#00589c',GradientType=0 ); zoom: 1; }
.moduleTopNavi {font-size: 85.71429%; position: relative; z-index: 99990; }
.moduleTopNavi ul {list-style: none; margin: 0; padding: 0; font-size:16px; font-size:1rem; }
.moduleTopNavi>ul {font-size: 0.8125em; }
.moduleTopNavi a:hover {text-decoration: underline; }

/* Erste Ebene */
.moduleTopNavi ul li {float: left; display: block; }
.moduleTopNavi .boxFirstDepth{width: 50%; height: 39px; }
.ie7 .moduleTopNavi .boxFirstDepth{width: 49.95%; height: 39px; }
.moduleTopNavi ul .boxFirstDepth>span {cursor: pointer;text-align: center; height: 28px; padding-top: 11px; display: block; text-decoration: none; color: #f9f9f9; text-shadow: 0 -1px 1px #000000, 0 1px 1px #ffffff; }
.moduleTopNavi ul .boxFirstDepth>.boxOdd {border-right: 1px solid #0098d4; }

/*
deactivated entry, aleri, mat, 2016-01-19
FIXME: check exact % values by counting odd = last, vs. even = special css class
.moduleTopNavi ul .boxFirstDepth.boxLast {width: 100%;}
*/
.moduleTopNavi ul .boxFirstDepth.boxLast>.boxOdd {border-right: none;}
.no-js .moduleTopNavi ul .boxFirstDepth:hover {background: #00589c; }
.moduleTopNavi ul .boxFirstDepth.hover {background: #00589c; }



/* Zweite Ebene */
.moduleTopNavi .module3Float {width:88% !important;margin: 2% 6% 2% 6%;}
.moduleTopNavi .module3FloatContainer {width:100%;}


.no-js .moduleTopNavi>ul>li:hover ul {display: block; }
.moduleTopNavi>ul>li.hover ul {display: block; }
.moduleTopNavi ul li ul {display: none; padding: 1% 0 0 0 !important; box-shadow: 0 2px 2px #333; position: absolute; left: 0; width: 100%; background: #00589c; margin: 0; }
.moduleTopNavi ul li ul li ul li a{text-align: left; border: none; display: block; color: #fff; font-size: 1.2em; font-weight: bold; text-shadow: none; background: #3379b0; padding: 5px 0 5px 9px; text-decoration: none; }

/* Zweite Ebene mit Banner */
.moduleTopNavi ul li ul li.moduleBanner {
	display: none;
	width: 96%;
	height: 80px;
	margin: 2% 2% 2% 2%;
}
.moduleTopNavi ul li ul li.moduleBanner img {
	float: left;
	height: inherit;
	padding-right: 10px;
	margin-right: 20px;
	background: #00589c;
}
.moduleTopNavi ul li ul li.moduleBanner p {
	width: 100%;
	height: 60px;
	padding: 20px 0 0;
	background: url(/_common/img/navigation/forschung_bg_texture.jpg);
	font-size: 1.25em;
	line-height: 1.2;
	font-weight: bold;
	color: #fff;
}
.ie7 .moduleTopNavi ul li ul li.moduleBanner p {
	width: auto;
}
.moduleTopNavi .boxHeading {height: 44px; position: relative;width: 96%; margin: 0 2%; }
.moduleTopNavi .boxHeading hr {background: #0098d4; width: 100%; height: 1px; border: none; position: absolute; top: 28px; margin: 0; }
.moduleTopNavi .boxHeading span {background: #0098d4; display: inline-block; width: auto; padding: 3px 5px; margin: 15px 0 0 15px; color: #fff; position: relative; z-index: 999; }


/* Zweite Ebene mit Bild */
.moduleTopNavi ul li ul li ul li a.boxImage {
	padding: 0;
	background: none;
}
.moduleTopNavi ul li ul li ul li a.boxImage>img{
	width: 100%;
	max-height: 148px;
}
.moduleTopNavi ul .boxOne ul li ul li a.boxImage>img{
	display: none;
}
.moduleTopNavi ul .boxOne ul li ul li a.boxImage> div {
	float: left;
	padding-left: 10px;
}
.moduleTopNavi ul li ul li ul li a.boxImage > span, .moduleTopNavi ul li ul li ul li a.boxImage> div > span {
	background: url('/_common/img/sprites/sprite_icons.gif') 0 -575px no-repeat;
	display: block;
	float: left;
	padding-left: 10px;
	margin-top: 10px;
	font-size: 14px;
	font-size: .875rem;
}
.moduleTopNavi ul .boxOne ul li ul li a.boxImage> div > span {
	margin-top: 0;
	width: 100%;
}
.moduleTopNavi ul li ul li ul li a.boxImage> div > p {
	margin: 0;
	padding-left: 30px;
	font-size: 12px;
	font-size: 0.8125rem;
	font-weight: normal;
}
.moduleTopNavi ul li ul li ul li a.boxImage>p span {
	margin-left: -18px;
}
.moduleTopNavi ul li ul li ul li a.boxImage:hover {
	text-decoration: none;
}
.moduleTopNavi ul li ul li ul li a.boxImage:hover>span{
	text-decoration: underline;
}


/* Unterpunkte 2. Ebene */
.moduleTopNavi ul li ul li ul{position: static; box-shadow: none; }
.moduleTopNavi ul li ul li ul li ul li {width: 100%; margin: 0 !important; padding: 10px 0; }
.moduleTopNavi ul li ul li ul li ul li.boxLast {padding: 10px 0 0 0 !important; }
.moduleTopNavi ul li ul li ul li ul li:first-child {border-top: none; }
.moduleTopNavi ul li ul li ul li ul li a {background: none; padding: 0 0 2px 9px; font-size: 1em; font-weight: bold; }
.moduleTopNavi ul li ul li ul li ul li p {color: #fff; padding: 0 10px 0 29px; margin: 0; font-size: .875em; font-weight: normal; }
.moduleTopNavi ul li ul li ul li ul li p a {color: #fff; padding: 9px 0 0 0; font-weight: normal; }
.moduleTopNavi ul li ul li ul li ul li p span.boxPhoneHidden {display: none; }

.moduleTopNavi .module2FloatContainer {display:block; margin-left: 0; width: 100%; }
.moduleTopNavi .module2Float {float:left;width:90% !important;margin: 2% 5% 2% 5%;}
.moduleTopNavi .boxLast .module2Float:first-child {margin: 0 5% 0 5%;}
.moduleTopNavi .boxLast .module2Float ~ .module2Float {margin: 0 5% 20% 5%;}

.moduleTopNavi .module2Float>a {background: #00b7ff url('/_common/img/sprites/sprite_icons.gif') 9px -609px no-repeat; padding-left: 22px; color: #000; }
.moduleTopNavi .module2Float>ul>li>a {background: url('/_common/img/sprites/sprite_icons.gif') -492px -236px no-repeat; padding-left: 28px; }
.moduleTopNavi .module2Float>ul>li>p>a {background: url('/_common/img/sprites/sprite_icons.gif') 0 -565px no-repeat; padding-left: 12px; }
.moduleTopNavi .boxExtern {background: url('/_common/img/sprites/sprite_icons.gif') -1000px -678px no-repeat !important; padding-left: 16px !important; }
.moduleTopNavi .boxPlatform {background: url('/_common/img/sprites/sprite_icons.gif') -1000px -620px no-repeat !important; padding-right: 0;text-indent: -9999px; display: inline-block;width: 11px;height: 11px;}
.moduleTopNavi .boxLegend {position: absolute; padding: 10px 0; bottom: 2%; color: #fff; font-size: .8125em;}



/* moduleSideNavi*/
.moduleSideNavi {padding-top: 30px; position: relative;}
.moduleSideNavi .boxToggle {padding: 0; top: 0; width: 40px; height: 30px; position: absolute; clip: rect(-5px 45px 30px -5px);}
.moduleSideNavi.active .boxToggle {filter: none; background: #fff; -webkit-box-shadow: 0 1px 4px #555; -moz-box-shadow: 0 0 4px #555; box-shadow: 0 0 4px #555;}
.moduleSideNavi .boxToggle .boxMenu {background: url('/_common/img/sprites/sprite_icons.gif') no-repeat -50px -730px; width: 16px; height: 14px; display: inline-block; vertical-align: middle;}
.moduleSideNavi.active .boxToggle .boxMenu {background-position: 0 -730px;}
.moduleSideNavi .boxInnerWrapper {display: none; height:auto; margin:0; background-color:#fff; -webkit-box-shadow: 0 0 4px #555; -moz-box-shadow: 0 0 4px #555; box-shadow: 0 0 4px #555; padding: 16px; overflow:hidden;}
.ie7 .moduleSideNavi .boxInnerWrapper, .ie8 .moduleSideNavi .boxInnerWrapper {border: 1px solid #a8a8a8; }
.moduleSideNavi.active .boxInnerWrapper, .no-js .moduleSideNavi .boxInnerWrapper {display: block;}
.moduleSideNavi p {padding: 5px 10px; margin: 0; font-size: 0.875em; color: #54616e; }
.moduleSideNavi .boxSelectWrapper {position:relative; margin-bottom: 16px; }
.moduleSideNavi .boxSelectWrapper select {width: 100%; position:relative; z-index:10; }
.no-js .moduleSideNavi .boxSelectWrapper select {width: 75%; float: left; position:relative; z-index:10; }
.js .moduleSideNavi .boxSelectWrapper input {display: none; visibility: hidden; }
.no-js .moduleSideNavi .boxSelectWrapper input {width: 20%; float: right; position:relative; z-index:10; }
.moduleSideNavi .boxInnerWrapper>ul {font-size: 0.875em; }
.moduleSideNavi .boxInnerWrapper>ul ul{font-size: 1em; }
.moduleSideNavi ul {list-style: none; margin: 0; padding: 0; }
.moduleSideNavi ul li a{display: block; border-bottom: 1px solid #d0d3d6; }
.moduleSideNavi .boxInnerWrapper>ul>li:first-child>a{border-top: 1px solid #d0d3d6; }
.moduleSideNavi .boxInnerWrapper>ul>li>a {font-weight: bold; text-decoration: none; display: block; color: #222; padding: 5px 10px; }
.moduleSideNavi .boxInnerWrapper>ul>li>a:hover {text-decoration: underline; }
.moduleSideNavi .boxInnerWrapper>ul>li.active>a {color: #fff; background: #0098d4; border-bottom: 1px solid #fff; }
/* ebene 2 */
.moduleSideNavi .boxInnerWrapper>ul>li>ul>li a {background: #99d6ee; margin: 0; padding: 5px 20px; border-color: #fff; color: #000; font-weight: normal; }
.moduleSideNavi .boxInnerWrapper>ul>li>ul>li.active>a {font-weight: bold; }
.moduleSideNavi .boxInnerWrapper>ul>li>ul>li:first-child>a{border-color: #fff; }
/* ebene 3 */
.moduleSideNavi .boxInnerWrapper>ul>li>ul>li>ul>li>a{background: #cceaf6; margin: 0; padding: 5px 30px; border-color: #fff; }
.moduleSideNavi .boxInnerWrapper>ul>li>ul>li>ul>li.active>a{font-weight: bold; }
/* ebene 4 */
.moduleSideNavi .boxInnerWrapper>ul>li>ul>li>ul>li>ul>li>a {background: #e5f4fb; margin: 0; padding: 5px 40px; border-color: #fff; }
.moduleSideNavi .boxInnerWrapper>ul>li>ul>li>ul>li>ul>li.active>a{font-weight: bold; }
/* ebene 5 */
.moduleSideNavi .boxInnerWrapper>ul>li>ul>li>ul>li>ul>li>ul>li>a {background: #fff; margin: 0; padding: 5px 50px; border-color: #e5f4fb; }
.moduleSideNavi .boxInnerWrapper>ul>li>ul>li>ul>li>ul>li>ul>li.active>a{font-weight: bold; }

.moduleSideNavi .boxImage {
    text-align: center;
    margin-bottom: 16px;
}
.moduleSideNavi .boxImage img {
    width: 75%;
    max-width: 250px;
}


/* moduleFooterNavi*/
.moduleFooterNavi {width:100%; font-size: 85.71429%; overflow: hidden; background: #0098d4; /* Old browsers */ background: -moz-linear-gradient(top,  #0098d4 0%, #00589c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0098d4), color-stop(100%,#00589c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #0098d4 0%,#00589c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #0098d4 0%,#00589c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #0098d4 0%,#00589c 100%); /* IE10+ */ background: linear-gradient(top,  #0098d4 0%,#00589c 100%); /* W3C */ padding:0 0 40px 0; text-align: center; }
.moduleFooterNavi ul {font-size: 0.875em; }
.ie9 .moduleFooterNavi {/* IE9 SVG */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOThkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDU4OWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }
.ie8 .moduleFooterNavi, .ie7 .moduleFooterNavi, .ie6 .moduleFooterNavi {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0098d4', endColorstr='#00589c',GradientType=0 ); }
.moduleFooterNavi>div {max-width: 800px; margin: 0 auto; }
.moduleFooterNavi ul {padding:0; list-style: none; }
.moduleFooterNavi ul li {float: left; margin:0 0 0 5px; width: 23%; border-right: 1px solid #0098d4; }
.moduleFooterNavi ul li:first-child {border-left: 1px solid #0098d4; }
.moduleFooterNavi ul a {display: block; padding:0 3px 0 3px; text-decoration: none; color: #fff; padding: 26px 0; }
.moduleFooterNavi ul a:hover {text-decoration: underline; }


/* moduleFooter */
.moduleFooter {clear: both;float: left;width:100%;overflow: hidden;background-color:#007ABA;padding:0 0 15px 0;}
.moduleFooter ul {float: left;position: relative;left: 50%;margin: 0 auto;padding:0;list-style-type: none;}
.moduleFooter ul li {float: left;position: relative;right: 50%;list-style:none; float:left;margin:0 0 0 5px;}
.moduleFooter ul a {float: left;width: auto;display: block;padding:0 3px 0 3px;}
.moduleFooter ul span {float: left;display: block;padding:0 0 0 5px;}


