/* CSS FOR HEADEREN PLUS NAVIGATION BAR*/
/* Add a black background color to the top navigation */

/*.bodybox{
	background-color:  #FCFCFC;
	opacity:0.1;
	position:relative;
	display: inline-block;
}*/


.logobar{
	width: 98.65%;
	height:200px;
	padding:0px;
	/*padding: 20px 20px;*/
	position: absolute;
	top: 0px;
	background-image: linear-gradient(rgba(103, 122, 188, 0.3), #80b3ff);
	
	color: #f4f7f8;/*#FCFCFC;*/
	text-align:center;
	
	
}

#forsidebilde{
	width:100%;
}



.maintex{
	position: sticky;
	padding:30px;
	top: 0px;
	background-color:  rgba(127, 127, 239, 0.0);
	text-align: center;
	text-decoration: line-through;
	font-size: 60px;
	font: 60px impact, sans-serif;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  /*padding-top: 60px;*/
}

#togglenav{
	font: 25px impact, sans-serif;
	/*top: 170px;*/
	width:100%;
	overflow:hidden;
	
}

#navbaricon{
	padding: 0px;
	opacity:0.6;
  text-align: right;
	float:right;
}

#navbaricon:hover{
	opacity:1.5;
	/*background-color: rgb(152, 184, 224);*/
	color:rgb(255, 255, 255);
	
	
}

.disclaimer{
	text-align: left;
	font: 12px impact, sans-serif;
	padding:50px;
	
	
}

.topnav {
  background-color: #80b3ff;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #e6f0ff;
  color: #195e9f;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color:#195e9f;
;
  color: white;
}


/*CSS FOR MAIN AV SIDEN*/


/*h1:hover{
	background-color:red;
}
h1{
	text-align:center;
}*/

.mapouter{
	top: 0px;
	text-align: center;
	
}

p{
	color:#000000; font-weight: normal;
	font-family: "Arial", sans-serif;
}


.divider{
	height:100px;
}


.form-style-5{
	max-width: 500px;
	padding: 40px 40px;
	background: #647592;/*#f4f7f8;*/
	margin: 50px auto;
	padding: 20px;
	background: #f4f7f8;
	border-radius: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.form-style-5 fieldset{
	border: none;
}
.form-style-5 legend {
	font-size: 1.4em;
	margin-bottom: 10px;
}
.form-style-5 label {
	display: block;
	margin-bottom: 8px;
}
.form-style-5 input[type="text"],
.form-style-5 input[type="date"],
.form-style-5 input[type="datetime"],
.form-style-5 input[type="email"],
.form-style-5 input[type="number"],
.form-style-5 input[type="search"],
.form-style-5 input[type="time"],
.form-style-5 input[type="url"],
.form-style-5 textarea,
.form-style-5 select {
	font-family: Georgia, "Times New Roman", Times, serif;
	background: rgba(255,255,255,.1);
	border: none;
	border-radius: 4px;
	font-size: 15px;
	margin: 0;
	outline: 0;
	padding: 10px;
	width: 100%;
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	background-color: #e8eeef;
	color:#8a97a0;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	margin-bottom: 30px;
}
.form-style-5 input[type="text"]:focus,
.form-style-5 input[type="date"]:focus,
.form-style-5 input[type="datetime"]:focus,
.form-style-5 input[type="email"]:focus,
.form-style-5 input[type="number"]:focus,
.form-style-5 input[type="search"]:focus,
.form-style-5 input[type="time"]:focus,
.form-style-5 input[type="url"]:focus,
.form-style-5 textarea:focus,
.form-style-5 select:focus{
	background: #d2d9dd;
}
.form-style-5 select{
	-webkit-appearance: menulist-button;
	height:35px;
}
.form-style-5 .number {
	background: #5277a9;
	color: #fff;
	height: 30px;
	width: 30px;
	display: inline-block;
	font-size: 0.8em;
	margin-right: 4px;
	line-height: 30px;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255,255,255,0.2);
	border-radius: 15px 15px 15px 0px;
}

.form-style-5 input[type="submit"],
.form-style-5 input[type="button"]
{
	position: relative;
	display: block;
	padding: 19px 39px 18px 39px;
	color: #FFF;
	margin: 0 auto;
	background: #195e9f;
	font-size: 18px;
	text-align: center;
	font-style: normal;
	width: 70%;
	border: 1px solid #a1bde8;
	border-width: 1px 1px 3px;
	margin-bottom: 10px;
}
.form-style-5 input[type="submit"]:hover,
.form-style-5 input[type="button"]:hover
{
	background: #a1bde8;
}


span  {
	color:green;
}
.stclass {color:pink; font-weight: normal;}
.classs{background-color: yellow; border-style: double; }
#ide{background-color:magenta; 	color:white; 
	border-style:dotted; border-color:white;}
	
#applelogo{
	
	/*position:absolute;*/
	float:right;
	top:90px;
}


.divider{
	/*padding:50px;*/
	height:20px;
}


/*############################--LOGIN FORM--#################################*/
*/*{ padding:0; margin:0;}*/
 
.login-card {
   
  width: 400px;
  background-color: #f2f2f2;
  margin: 0px auto ;
  border-radius: 9px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  min-height:440px;
  
}
 
.log_head{ background:#4D94C6; width:400px; height:120px; border-radius:9px 9px 0 0px; }
 
.login-card h1 {
  text-align: center;
  font-family:open Sans;
  color:#FFFFFF;
  font-weight:700px;
  font-size:20px;
  line-height:27px;
  padding-top: 24px;
   
}
 
.lock{ padding-left:181px; width:30px; height:37px; padding-top:10px;}
 
.log_body{ padding:40px 20px 20px 20px;}
 
.log_user{ background:#FEFEFE; color:#999999; border-radius: 10px; width:349px; height:31px; padding:5px; font-family:open Sans; font-weight:700px; font-size:15px; border:none; }
 
.log_Pass{background:#FEFEFE; color:#999999; border-radius: 10px; width:349px; height:31px; padding:5px; font-family:open Sans; font-weight:700px; font-size:15px; border:none;}
 
 
.login-submit{ background:#4D7EC6; border:none; border-radius: 10px; width:359px; height:36px; cursor:pointer; font-family:open Sans; font-weight:700px; font-size:15px; color:#FFFFFF; }
 
.log_body a{ text-decoration:none; color:#78C0ED; font-family:open Sans; font-weight:900px; font-size:15px; line-height:21px;}
/*###########################################################################*/








	
footer{
	background-image: linear-gradient(#80b3ff, rgba(103, 122, 188, 0.3));
	height: 200px;
	width:100%;
}
.linker{
	height:170px;
}

#thecopyright{
	font-family: "Arial", sans-serif;
	
}

/* unvisited link */
#seccopyright:link {
	
  color: white;
}

/* visited link */
#seccopyright:visited {
  color: white;
}

/* mouse over link */
#seccopyright:hover {
  color: white;
	text-decoration: underline;	
}

/* selected link */
#seccopyright:active {
  color: white;
}

#seccopyright{
	font-family: "Arial", sans-serif;
	
}


#hyperlinks{
	padding:50px;
	background-color: #474040;
	float:right;
	
}

.subfooter{
	background-color: rgba(109, 109, 109, 1);
	height: 300px;
	width:100%;
}

#hyperlinks ul{
	text-decoration:none;
	float:right;
}

.hyperlinkss a{
	float:left;
	text-decoration:none;
	color:black;
	padding:25px;
}