body {							color: #494949;
								margin: 0px;
								font-family: Verdana, Geneva, Helvetica, sans-serif;
		    					font-style: normal;
		    					font-variant: normal;
		    					font-weight: normal;
		    					font-size: 80%;
		    					line-height: 1.5;
		    					font-size-adjust: none;
		    					font-stretch: normal;
		    					z-index: 1;
								}

a {								color: #0066CC;
								text-decoration: none; }
								
ul {							margin: 0px;
								padding: 0px;
								list-style-type: none;
								}
								
.downloadButton {				margin-right: 10px;
								padding: 3px;
								padding-left: 5px;
								padding-right: 5px;
								border: 1px solid #707070;
								border-radius: 4px;
								background: none;
								color: #707070;
								}
.downloadButton:hover {			background: white;
								color: #165293;
								}


/** AUTHENTIFICATION */

div.authentificationDiv {		margin-top: calc(25vh);
								padding: 20px;
								font-size: 180%;
								line-height: 2.3;
								text-align: center; }
								
p.authErrorMsg {				color: #ea8337;
								font-size: 80%;
								}
								
input.login {					padding: 10px;
								font-size: 100%; }


/** STRUCTURE / HEADER */

div.header {					width: 100%;
								height: 80px;
								margin-bottom: 10px;
								padding: 20px;
								background: #fcfcfc;
								border-bottom: 1px solid #dddddd;
								position: fixed;
								z-index: 2;
								}
								
div.header_left {						width: 260px;
										height: 100px;
										float: left;
										}
								
div.header_left img.logo_marmota {		height: 50px;
										margin-left: 20px;
										margin-top: 10px;
										float: left;
										}
div.header_left img.logo_brem {			height: 40px;
										margin-top: 10px;
										float: left;
										}
										
div.header_left p.project_name {		padding-top: 10px;
										font-size: 120%;
										clear: both;
										}
										
div.header_centre {						width: calc(100vw - 260px - 200px - 40px - 80px);
										padding-top: 20px;
										padding-bottom: 20px;
										font-size: 180%;
										float: left;
										}
								
div.header_centre a.nav_item {			margin-left: 40px; }	
div.header_centre a.nav_item:hover {	color: #424242; }

div.header_centre a.nav_item_current {			margin-left: 40px;
												color: orange; }	
div.header_centre a.nav_item_current:hover {	color: #424242; }

div.header_right {						width: 250px;
										height: 100px;
										padding-top: 12px;
										padding-right: 50px;
										font-size: 110%;
										text-align: right;
										float: right;
										}



/** STRUCTURE */

div.left {								width: 250px;
										height: calc(100vh - 120px);
										background: #fcfcfc;
										border-right: 1px solid #dddddd;
										position: fixed;
										top: 121px;
										left: 0px;
										float: left;
/*										clear: both;*/
										}
										
div.left img {							height: 200px;
										}
										
div.left p.explanation {				font-size: 50%;
										margin-top: -10px;
										}
										
li.nav_left {							padding: 15px;
										border-bottom: 1px solid #dddddd;
										color: #165293;
										list-style-type: none;
										font-size: 140%;
										}
li.nav_left .ramp_overview_legend_north {color: #1f77b4;
										font-size: 80%;
										}
li.nav_left .ramp_overview_legend_south {color: #ff7f0e;
										font-size: 80%;
										}
li.nav_left_admin {						padding: 15px;
										border-bottom: 1px solid #dddddd;
										color: #165293;
										list-style-type: none;
										font-size: 110%;
										}
										
select.nav_left {						margin-bottom: 10px;
										padding: 10px;
										color: #545454;
										font-size: 100%;
										}

										
										
#sections {								position: inherit;
										}
/*#sections:hover {						width: 800px;
										z-index: 100;
										}*/

div.centre {							width: calc(100vw - 270px);
										height: calc(100vh - 140px);
										padding: 0px;
										position: relative;
										top: 121px;
										left: 251px;
										float: left;
										}
div.centre_admin {						width: calc(100vw - 270px - 20px);
										height: calc(100vh - 140px);
										padding: 0px;
										padding-top: 5px;
										padding-left: 20px;
										position: relative;
										top: 121px;
										left: 251px;
										float: left;
										}
										

div.right {								width: 0px;
/*										width: 250px;*/
										height: calc(100vh - 130px);
										margin-top: 121px;
										background: #fcfcfc;
										float: right;
										}
										
/** Overlay div & img */
.overlay {								width: calc(100vw - 300px);
										height: calc(100vh - 170px);
										padding: 20px;
										background: white;
										opacity: 1;
										visibility: hidden;
										position: fixed;
										left: 255px;
										top: 125px;
										z-index: 99;
										}
									
.img_overlay {							height: calc(100vh - 200px);
/*										width: calc(100vw - 300px - 40px);*/
										opacity: 1.0;
										position: fixed;
										z-index: 100;}
										
										


			



/** GENERAL OVERVIEW */

div.ramps_overview {					width: 600px;
										height: 130px;
										margin: 30px;
										margin-right: 10px;
										margin-bottom: 10px;
										border: 1px solid grey;
										font-size: 300%;
										color: grey;
										text-align: center;
										line-height: 130px;
										float: left; }
div.ramps_overview:hover {				color: orange;
										background: #fcfcfc; }







/** ADMIN MENU */

td {									border: 1px solid grey;
										padding-left: 5px;
										padding-right: 20px; }