@charset "UTF-8";
/* CSS Document for hydrologicalatlas.ch - excursions */


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

	
/*p.weiss	{
	color:#FFF;
	line-height:18px;
	margin:0;
}
p.rot	{
	color:#FFF;
	line-height:18px;
	margin:0 0 0 5px;
}
p.hades {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:400;
	line-height:18px;
	margin:5px 5px 0 0 ;
	color:#0A6289;
}*/


/* Style for subsites - HADES products */
#subsite_wrapper{
	width:922px;
	height: 100%;
}

#subsite_wrapper_dp{
	width:1156px;
	height: 100%;
}

#subsite_first_row{display: block; width:100%; margin-bottom:5px;}
#lm_subsite_first_row{display: block; width:100%; height: 100%; margin-bottom:3px;}
/* Titel */
#subsite_menu_title {padding-left:10px; vertical-align:top; width: 217px; height: 18px; background: #4d91ac; display: inline-block;}
#subsite_menu_title p {color: #fff;}
/*** Farbbalken: ***/
#colorbar{position:absolute; vertical-align:top; left: 232px; height: 18px; width:692px;  display: inline-block; z-index:20;}
#colorbar_map{position:absolute; vertical-align:top; left: 232px; height: 18px; width:100%;  display: inline-block; z-index:20;}
/*Exkursionen*/
.fbex1{background:linear-gradient(to right, #DC5041, #fff);}
.fbex2{background:linear-gradient(to right, #AA465F, #fff);}
.fbex3{background:linear-gradient(to right, #822878, #fff);}
.fbex4{background:linear-gradient(to right, #825AC8, #fff);}
.fbex5{background:linear-gradient(to right, #327D55, #fff);}
.fbex6{background:linear-gradient(to right, #728F41, #fff);}
.fbex7{background:linear-gradient(to right, #CD7925, #fff);}
.fbex8{background:linear-gradient(to right, #CE4C51, #fff);}
.fbex9{background:linear-gradient(to right, #9E4C6E, #fff);}
.fbexGREY{background:linear-gradient(to right, #9B9B90, #fff);}

/* #textbox_da_6 {position: absolute; left: 232px; width: 692px; background-color: #e5edf1; overflow:auto;}*/
#Titbox{display: flex; margin-bottom: 10px;}
#Texbox{margin-bottom: 10px;}
#textbox_da_6 {margin-right:70px; float:right; top: 0; width: 550px; overflow: visible; display: inline-block;}
#textbox_da_8 {margin-right: 0px; float:right; top: 0; width: 924px; overflow: visible; display: inline-block;}
#textbox_da_6 p {margin-top: 1em;}
#fillbox{top: 0; height:100%; background-color: #e5edf1; position:absolute; overflow:visible;}
#lm_fillbox{top: 0; height:100%; background-image: url(../images/linie_1px.png); background-repeat:repeat; position:absolute; overflow:visible;}
.fbr{right:0; width: 228px;}
.fbl{left:0;  width: 228px;}
.flhw{left:0; width: 228px; height:24px; background-color: #fff; z-index:9}


#textbox_ex_c2{margin: 0px;top: 0; width: 270px; background-color: #fff; overflow: visible; display: inline-block;}
.col-left{float:left; padding-right: 10px;}
.col-right{float:right;}
#textbox_ex_c1{margin: 0px;top: 0; width: 560px; background-color: #fff; overflow: visible; display: inline-block;}

/* Base CSS 4 subsite menu */
#subsite_menu {position: relative; float:left; width: 207px; font-size: 12px;}
#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;}

/*** Men�farben: ***/
/*Exkursionen*/
.ex_menu1{background-color:#DC5041;}
.ex_menu2{background-color:#AA465F;}
.ex_menu3{background-color:#822878;}
.ex_menu4{background-color:#825AC8;}
.ex_menu5{background-color:#327D55;}
.ex_menu6{background-color:#728F41;}
.ex_menu7{background-color:#CD7925;}
.ex_menu8{background-color:#CE4C51;}
.ex_menu9{background-color:#9E4C6E;}
.ex_menu10{background-color:#9B9B90;}


/*image maps*/
map{display: inline;}

/*figures in text*/
figure {display: inline;}
figure.left, img.left{float:left;margin-left:0px;margin-right:10px;}
figure.right, img.right{float:right;margin-left:10px;}