html {
	background: url(images/back.jpg) repeat-x left top #ffffff; /* Old browsers */
	background-color: #BDD6EB;
	background: -webkit-linear-gradient(#BDD6EB, white); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#BDD6EB, white); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#BDD6EB, white); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#BDD6EB, white); /* Standard syntax */
}

body {
  text-align: center;
  font-family: 'Verdana', sans-serif;
  margin: auto;
  -webkit-font-smoothing: antialiased;
}

#wrapper {
	display: block !important;
	margin: 0 auto;
	width: 100%;
	min-width: 800px;
    max-width: 1350px; /* 650 for mobil-versjonen */
}

header {
	float: left;
	width: 100%;
	height: 25vh;
	min-height: 150px;
	max-height: 300px;
	margin-bottom: 50px;
}

footer {
	font-size: 9pt;
	margin-bottom: 50px;
}

footer a {
	color: blue;
}
footer a:visited {
	color: blue;
}

#logo {
	/* background-attachment:fixed; */
	margin-left: 2em;
	margin-top: 1em;
	float: left;
	height: 100%;
	min-height: 50px;
	max-height: 300px;
}

a {
  text-decoration: none;
}

h1, h2 {
  width: 100%;
  float: left;
}

.main {
  margin: 0 auto;
  height: 100%;
}

.subwrap {
	clear: both;
	width: 100%;
	margin: auto;
	min-height: 300px;
	margin-bottom: 200px;
}
	
#loginwrap {
	clear: both;
	top: 32%;
	width: 70%;
	min-width: 500px;
	margin: auto;
}

	#loginwrap input[type="submit"] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	#loginwrap .button {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		display: block;
		background-color: #BDD7ED;
		font-family: 'Verdana', sans-serif;
		font-size: 16pt;
		color: black;
		text-align: center;
		width: 200px;
		padding: 10px 0px;
		margin: 0 auto;
		margin-bottom: -15px;
		border: 3px solid #E7E5E5 !important;
		-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,.3); /* Safari */
		-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,.3);	/* Firefox */
		box-shadow: 1px 1px 2px 0px rgba(0,0,0,.3); /* Standard */
		cursor: pointer;
	}

	#loginwrap .button a {
		color: black;
	}
		#loginwrap .button a:visited {
			color: black;
		}
		#loginwrap .button a:hover {
			color: black;
		}
		

	#loginbutton {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		color: #EF820D !important;
		display: block;
		background-color: #BDD7ED;
		font-family: 'Verdana', sans-serif;
		font-size: 16pt;
		text-align: center;
		width: 200px;
		padding: 10px 0px;
		margin: 0 auto;
		margin-bottom: -15px;
		border: 3px solid #E7E5E5 !important;
		-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,.3); /* Safari */
		-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,.3);	/* Firefox */
		box-shadow: 1px 1px 2px 0px rgba(0,0,0,.3); /* Standard */
		cursor: pointer;
	}

	#loginwrap table {
		width: 100%;
		margin: 10px auto;
		font-family: 'Verdana', sans-serif;
		font-size: 14pt;
		text-align: left;
		padding: auto;
	}

	#loginwrap .thead {
		display: block;
		background-color: #BDD7ED;
		border: 3px solid #E7E5E5;
		padding: 7px 12px;
		width: 125px;
	}

	#loginwrap th {
		width: 120px;
	}

	#loginwrap table td {
		display: block;
		padding: 20px 30px;
		padding-left: 15%;
	}

	#loginwrap table td input {
		width: 100%;
		padding: 7px 12px;
		font-size: 18pt;
		-webkit-box-shadow: 3px 3px 0px 0px rgba(0,0,0,.3); /* Safari */
		-moz-box-shadow: 3px 3px 0px 0px rgba(0,0,0,.3); /* Firefox */
		box-shadow: 3px 3px 0px 0px rgba(0,0,0,.3); /* Standard */
	}


.textboxwrap {
	position: relative;
	clear: both;
	top: 45%;
	width: 70%;
	min-width: 500px;
	margin: auto;
	font-family: 'Verdana', sans-serif;
	font-size: 20pt;
	color: black;
	min-height: 200px;
}

.textboxwrap img {
	width: 23%;
	/* min-width: 170px;
	max-width: 400px; */
}

.textboxwrap p {
	width: 70%;
	margin: 0;
	text-align: right;
	/* max-width: 60%; */
	padding-top: 7%;
}
#firstp {
	padding-top: 11%;
}

.textboxwrap p .indented {
	padding-right: 15%;
}

.textboxwrap p.rightside {
	float: left;
}
.textboxwrap img.leftside {
	float: left;
	margin-right: 7%;
}


.textboxwrap p.leftside {
	float: right;
}
.textboxwrap img.rightside {
	float:right;
	margin-left: 7%;
}