@charset "UTF-8";
/* CSS Document for hydrologicalatlas.ch - basic styles valid for all sub pages */

*{margin: 0px; padding: 0px;}
#clear, .clear {clear: both;} 
html {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
body, table {margin:0 5px 0 5px;width:101%;	height:100%;overflow:scroll;
	 font-family: 'Fira Sans', sans-serif;font-size: 14px;}
#main{width: 1156px; margin: 0 auto;}
a {font-weight: 	500; text-decoration:none; color:#0A6289;}  /* Links */
header{position:relative; width: 100%;height:82px; margin-top:10px; margin-bottom:5px;}
#logo{position:absolute; width: 227px; height: 100%; background-color: #FFFFFF;}
#hades{position:absolute; left:227px; margin-left:5px;}
#languages {float:right; margin-top: 5px; text-align: right;}

img.left{margin:5px;float:left;margin-left:0px;margin-right:10px;}
img.right{margin:5px;float:right;margin-right:0px;margin-left:10px;}
img.left2{margin:5px;float:left; margin-left:0px;}
img.right2{margin:5px;float:right; margin-right:0px;}

/*Menus*/
#menu_oben li, #languages li {float:left; list-style-type:none;}
/*menu_oben & Produkte-Menu links*/
#menu_oben {position:absolute; left:227px; margin-top:64px; width:928px; height:18px; display: inline-block; z-index:20; font-family: 'Fira Sans Extra Condensed', sans-serif;}
#menu_oben ul{padding:0px}
#menu_oben div,
#menu_oben li{float:left; height: 18px; width: 111px; margin-left:5px;text-decoration:none;}
#menu_oben a,
#menu_products a{display:block; padding-left:5px; padding-top:1px; width: 106px; color:#ffffff;  font-size:13px; font-weight:400;}
#menu_products{width: 111px; /* height: 100%; */ font-family: 'Fira Sans Extra Condensed', sans-serif;}
#menu_products a:link, 
#menu_products a:visited {padding: 0;}
#menu_oben li:hover, 
#menu_oben li:active, 
#menu_oben li.active,
#menu_products li.active,
#menu_products a:hover, 
#menu_products a:active, 
#menu_products a.active{background-color:#ad112b;}
#mo1, #mo2, #mo3, #mo4 {background-color: #0A6289;} 
#mo5 {background-color: #80b0c4;}
#mo6 {background-color: #b2d0dc;}
#mo7 {background-color: #d1e3ea;}
#mo8 {background-color: #e5eff3;}
/* Produkte Menü */
#pma {padding-left:5px; padding-top:2px; width: 106px;}
#pmenu1, #pmenu2, #pmenu3, #pmenu4, #pmenu5, #pmenu6, #pmenu7{width: 111px; height: 82px;}
#pmenu2, #pmenu3, #pmenu4, #pmenu5, #pmenu6, #pmenu7{margin-top: 5px;}

#pmenu1{background-image: url(../buttons/110suche.png);}
#pmenu1:hover {background-image: url(../buttons/110suche_over.png);} 
#pmenu1.active {background-image: url(../buttons/110suche_over.png);}
#pmenu1:hover #pma{background-color:#ad112b;}

#pmenu2{background-image: url(../buttons/110hydromaps.png);}
#pmenu2:hover, #pmenu2.active {background-image: url(../buttons/110hydromaps_over.png);}
#pmenu2:hover #pma{background-color:#ad112b;}

#pmenu3{background-image: url(../buttons/110druckausgabe.jpg);}
#pmenu3:hover, #pmenu3.active {background-image: url(../buttons/110druckausgabe_over.jpg);}
#pmenu3:hover #pma{background-color:#ad112b;}

/*#pmenu3{background-image: url(../buttons/110daten.jpg);}
#pmenu3:hover, #pmenu3.active {background-image: url(../buttons/110daten_over.jpg);}
#pmenu3:hover #pma{background-color:#ad112b;}*/

#pmenu4{background-image: url(../buttons/110exkursion.jpg);}
#pmenu4:hover, #pmenu4.active {background-image: url(../buttons/110exkursionen_over.jpg);}
#pmenu4:hover #pma{background-color:#ad112b;}

#pmenu5{background-image: url(../buttons/110lernmedium.jpg);}
#pmenu5:hover, #pmenu5.active {background-image: url(../buttons/110lernmedium_over.jpg);}
#pmenu5:hover #pma{background-color:#ad112b;}

#pmenu6{background-image: url(../buttons/110hydromapscc_l3px.png);}
#pmenu6:hover, #pmenu6.active {background-image: url(../buttons/110hydromapscc_l3px_over.png);}
#pmenu6:hover #pma{background-color:#ad112b;}

/*#pmenu7{background-image: url(../buttons/110arbeitsblaetter.jpg);}
#pmenu7:hover, #pmenu6.active {background-image: url(../buttons/110arbeitsblaetter_over.jpg);}
#pmenu7:hover #pma{background-color:#ad112b;}
#pmenu6{background-image: url(../buttons/110plattform.jpg);}
#pmenu6:hover, #pmenu6.active{background-image: url(../buttons/110plattform_over.jpg);}
#pmenu6:hover #pma{background-color:#ad112b;}*/
#pmenu	{margin-top: 5px;width: 111px;height: 82px;background-color: #e5edf1;}

.badge{
border: none;
color: #FFFFFF;
padding: 1px 7px 3px 6px;
font-size: 13px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 43px 0px 0px 76px;
cursor: pointer;
border-radius: 50px;
background-color:#ad112b}


/* Produkte Menü als Drop-Down */
#logo_menu{margin-top: 82px; padding: 5px 5px 5px 0; position:absolute; z-index:999; background-color:white;
		   visibility: hidden; opacity: 0; transition: all 0.5s ease 0s, visibility 0s linear 0.5s;}
#logo:hover + #logo_menu, 
#logo_menu:hover  {visibility: visible; opacity: 1; transition-delay: 0s;}
/*Sprachmenü*/
.lang{margin-left:15px;}	
.lang:hover{text-decoration: none;color: #ad112b;}

/* Titel */
#subsite_menu_title {padding-left:10px; vertical-align:top; width: 217px; height: 18px; background: #4d91ac; display: inline-block; color: #fff; }
#subsite_menu_title p {color: #fff; font-family: 'Fira Sans Extra Condensed', sans-serif; font-size: 14px}



#button p{margin-top: 2px; margin-bottom: 2px}


/*Boxen für Inhalte*/
#inhalt {position:relative; 	margin-bottom:5px; width:100%; overflow:hidden; }
.hmin800px{min-height:800px;}
.hmin680px{min-height:680px;}
.hmin650px{min-height:658px;}
.hmin834px{min-height:834px;}
.hmin1383px{min-height:1383px;}
.hmin500px{min-height:500px;}
#textbox {position: absolute; top: 0; height: 100%; background-color: #e5edf1; overflow: visible;}
.links_3 {left: 116px; width: 343px;}
.mitte_3 {left: 464px; width: 343px;}
.mitte_4 {left: 464px; width: 459px;}
.mitte_5 {left: 464px; width: 575px;}
.rechts_6 {left: 464px; width: 691px;}
.mitte_2a {left: 464px; width: 227px;}
.mitte_2b {left: 696px; width: 227px;}
#textbox p{padding-left:10px;padding-right:10px;}
/* Link-Liste */
a.linklist{font-size: 11px;}
a.linklist:hover,
a.linklist:active{color:#ad112b;}
a.linklist:visited{color:green;}

#imagebox {position: absolute; top: 0; height: 100%; background-position: center; background-repeat: no-repeat; background-color: #e5edf1;}
.rechts_2 {left: 928px; width: 227px;}
.rechts_3 {left: 812px; width: 343px;}
.rechts_4 {left: 464px; width: 691px;}
.home {background-image: url(../images/home.jpg);}
.aboutus {background-image: url(../images/aboutus.jpg);}
.actuell {background-image: url(../images/news.jpg);}
.actuell_media {background-image: url(../images/tagung.jpg);}
.actuell_lang {background-image: url(../images/tagung.jpg);}
.contact{background-image: url(../images/contact.jpg);}
.links{background-image: url(../images/links.jpg);}
.projects{background-image: url(../images/produkte.jpg);}
.plattform{background-image: url(../images/atlas.jpg);}
.jubi{background-image: url(../images/jubi.jpg);}

#fillbox {
    top: 0;
    height: 100%;
    background-color: #e5edf1;
    position: absolute;
    overflow: visible;
}
.fbr {
    right: 0;
    width: 228px;
}


#fuss {position:relative; margin-top:5px; margin-bottom:5px;	width:100%; height:169px;}
#feld_grau_links  { position: absolute; width: 227px; height: 169px; background-color: #E8E8E7;}
#feld_grau_rechts{ position: absolute; left: 928px; width: 227px; height: 169px; background-color: #E7E7E7;}
#logo_unibe_box	{position: absolute; left: 232px; width: 227px; height: 169px; background-color: #E7E7E7;} 
#logo_unibe	{position: relative; margin-left: 10px; margin-top: 7px; height: 154px; background-image: url(../images/logo_unibe.svg); background-size: contain; background-repeat: no-repeat;} 
#logo_bafu_box	{position: absolute; left: 464px; width: 459px; height: 169px; background-color: #E7E7E7;} 
#logo_bafu	{position: relative; margin-left: 10px; margin-top: 107px; height: 52px; background-image: url(../images/logo_bafu.svg); background-size: contain; background-repeat: no-repeat;} 
#disclaimer {position: relative; width: 459px; height: 25px; z-index: 2;}

p, table {font-weight:400; line-height:18px;
	margin-left: 0px; margin-right:0px; margin-bottom:1em; }
th p{margin-bottom:0em;}

/*Listenformatierung*/
ul, ol{display:inline-block; padding-left:20px; list-style-type:square; list-style-position:outside; list-style-color:#0A6289;} 

#disclaimer > p > a	{
	font-size:12px;
	font-weight:400;
	margin:0 0 0 0;
	color:#0A6289;
}

h1{
	margin: 10px;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	color: #000;
}
h_titel	{
	font-size: 22px;
	font-weight:400;
	line-height:22px;
	color:#0A6289;
}
h2	{
	margin: 10px 0px 5px 10px;
	font-size:15px;
	font-weight:500;
	line-height:18px;
	}
h3	{
	font-size: 13px;
	font-weight: 600;
	line-height: 18px;
	margin: 0 0 0 0;
	color: #2E8F24;
}

div#ort a:link, 
div#ort a:visited {
	display: block;
	padding-left: 10px;
	color: #fff;
	background-color:#4D91AC;
	text-decoration: none;
	font-size: 13px;
	font-weight: 700;
	line-height: 18px;
	margin: 0;
}

div#ort a:hover, 
div#ort a:active, 
div#ort a.current {
	background-color:#0A6289;
}

a.layout:link {
	font-size:13px;
	font-weight:700;
	text-decoration: none;
	font-weight:700;
	color:#CCC;
}
a.layout:visited {
	text-decoration: none;
	color: #CCC;
}
a.layout:hover {
	text-decoration: none;
	color: #ad112b;
}
a.layout:active  {
	text-decoration: none;
	color:#ad112b;
}

a.layout.current {
	text-decoration: none;
	color:#ad112b;
}
a.active{
	text-decoration: none;
	color:#ad112b;
}

/* Base CSS 4 subsite menu */
#subsite_menu {position: relative; float:left; width: 207px; font-family: 'Fira Sans Extra Condensed', sans-serif;}
#subsite_menu a {font-size: 15px; font-weight: 400;}
#subsite_menu ul,
#subsite_menu ul li,
#subsite_menu ul ul {display: block; position: relative; list-style: none; margin: 0; padding: 0; border: 0;}
#subsite_menu ul {width:100%; z-index: 397;}
#subsite_menu ul li {min-height: 1px; width: 100%; line-height: 1em; vertical-align: middle;}
#subsite_menu ul li:hover a{position: relative; z-index: 399; cursor: default;}
#subsite_menu ul ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 398; width: 100%;}
#subsite_menu ul ul ul {top: 0px; left: 99%;}
#subsite_menu ul li:hover > ul { visibility: visible;}
#subsite_menu ul ul {top: 0px; left: 99%;}
#subsite_menu ul .fa-caret-right{float:right;}

/* Custom CSS 4 subsite menu Styles */
#subsite_menu  ul ul {width: 380px; border-width: thin; border: thin ridge; border-color: #E8E8E7;}
#subsite_menu ul li {padding: 7px 10px; color: #E8E8E7; font-weight: bold; border-width: thin; border-bottom: thin ridge; border-color: #E8E8E7;}
#subsite_menu ul li.hover,
#subsite_menu ul li:hover {background: #aaa; color: #fff;}
#subsite_menu ul a:link,
#subsite_menu ul a:visited {color: #fff; text-decoration: none;}
#subsite_menu ul a:active {color: #ffa500;}
/*
#lm_subsite_menu {position: relative; float:left; width: 228px; font-size: 12px;}
#lm_subsite_menu ul,
#lm_subsite_menu ul li,
#lm_subsite_menu ul ul {display: block; position: relative; list-style: none; margin: 0; padding: 0; border: 0; height: 17px;}
#lm_subsite_menu  ul ul {width: 380px; border-width: thin; border: thin ridge; border-color: #E8E8E7;}
#lm_subsite_menu ul li {padding: 3px 1px 1px 10px; color: #E8E8E7; font-weight: bold; border-bottom-style: solid; border-bottom-width: 1px; border-color: #E8E8E7;}
#lm_subsite_menu ul li.hover,
#lm_subsite_menu ul li:hover {color: #fff;}
#lm_subsite_menu ul a:link,
#lm_subsite_menu ul a:visited {color: #fff; text-decoration: none;}
/*#lm_subsite_menu ul a:active {color: #ffa500;}
*/