/*Stylesheet used for hovedsider*/

a{
	text-decoration:none;
	color:#000000;
}

html,body{
	/*background:#AAAAAA;*/
	width:100%;
	height:100%;
	margin:0%;
	overflow:hidden;
	padding:0px;
}

body.body-flex{
	display:inline-flex;
	flex-wrap:wrap;
	background: url(../imgs/bg-header-new.png);
	align-items:center;
	justify-content:center;
}

header.header-flex{
	display:inline-flex;
	height:20%;
	width:80%;
	justify-content:center;
	align-items:center;
}

/*tvmeny.php*/

main#main-tvmeny{
	width:100%;
	height:80%;
	display:inline-flex;
	justify-content:center;
}

div.storvindu{
	display:inline-flex;
	flex-direction:column;
	flex-wrap:wrap;
	background-color:#EEEEEE;
	width:90%;
	height: 90%;
	border-radius:10px;
	border:1px solid black;
	overflow:scroll;
}

nav.storvindunavigasjon{
	display:inline-flex;
	flex-wrap:wrap;
	box-sizing:border-box;
	width:20%;
	height:100%;
	align-content:flex-start;
}

nav.storvindunavigasjon a{
	padding-left:10px;
	display:inline-flex;
	align-items:center;
	width:100%;
	height:10%;
	box-sizing:border-box;
	border-bottom:1px solid black;
	transition:1s;
	font-weight:bold;
	border-right:1px solid black;
}

nav.storvindunavigasjon a.undervalg{
	padding-left:40px;
}

nav.storvindunavigasjon a:hover{
	transition:1s;
	background-color:#CCCCCC;
}

div.storvindu-hoyre{
	background-color:#EEEEEE;
	height:100%;
	width:80%;
	box-sizing:border-box;
	border-left:0px;
}

h1.storvindu-hoyre-overskrift{
	display:inline-flex;
	width:100%;
	height:10%;
	margin:0px;
	justify-content:center;
	align-items:center;
}

div.storvindu-hoyre-innhold{
	padding-top:10px;
	display:inline-flex;
	flex-wrap:wrap;
	background-color:inherit;
	justify-content:center;
	width:100%;	
}

table.storvindu-hoyre-table{
	background-color:#DDDDDD;
	width:90%;
	border-radius:10px;
	border-collapse: collapse;
	border-spacing:0px;
	overflow:scroll;
	margin-left:5%;
}

table.storvindu-hoyre-table tr{
	text-align:center;
	height:25px;
	font-size:18px;
}

table.storvindu-hoyre-table td{
	padding:0px;
}
table.storvindu-hoyre-table td img{
	display: block;
}

table.storvindu-hoyre-table td.red{
	color:red;
	font-weight:bold;
}

table.storvindu-hoyre-table td.left, th.left{
	text-align:left;
}

table.storvindu-hoyre-table td.right, th.right{
	text-align:right;
}

table.storvindu-hoyre-table tr:nth-child(even){
	background-color: #EEEEEE;
}

div.headeroverskrift{
	display:inline-flex;
	background-color:#FFFFFF;
	width:80%;
	height:50%;
	border-radius:10px;
	justify-content:center;
	align-items:center
}

div{
	background:#BBBBBB;
}

body.trekking{
	/*background-color:#000f7f; /*mørk blåfarge*/
	/*background-color:rgb(237, 237, 237); /*lys gråfarge*/
	background: url(../imgs/bg-header-new.png);
}

body#indexbody{
	display:flex;
	flex-direction:column;
	align-items:center;
	background: url(../imgs/bg-header-new.png);
}

header#indexheader{
	display:inline-block;
	background:#FFFFFF;
	box-sizing:border-box;
	width:60%;
	height:10%;
	margin:40px 0px;
	font-size: 50px;
	border-radius: 10px;
	text-align: center;
	min-width: 600px;
	max-width:700px;
	max-height:60px;
}

main#indexmain{
	display:inline-flex;
	background:#FFFFFF;
	border-radius: 10px;
	width:40%;
	margin:40px 0px;
	min-width: 400px;
	max-width:500px;
	padding-top:15px;
	flex-direction:column;
	justify-content: center;
	
}

main#indexmain label, input{
	justify-content:flex-start;
	display:inline-block;
	width:30%;
}

main#indexmain input{
	display:inline-block;
	width:50%;
}

main#indexmain label{
	padding-right:10px;
	text-align:right;
	font-weight:bold;
}

main#indexmain h1{
	text-align:center;
	margin:0px 0px 20px 0px;
}

main#indexmain form{
	display:inline-flex;
	flex-wrap:wrap;
	justify-content:center;
}

main#indexmain form p{
	width:100%;
	text-align:center;
	padding-bottom:10px;
}

.indexknapp{
	border-radius:5px;
	background: #BBBBBB;
	color:#000000;
	text-decoration:none;
	height:30px;
	padding:10px 5px 0px 5px;
	border: 1px solid black;
	margin: 10px 0px;
}

body#indexbody p{
	font-weight:bold;
	font-family:"Times New Roman";
	text-align: left;
	margin: 0px;
}

a.blanklink{
	text-decoration:none;
	color:#000000;
	text-align:center;
	margin-bottom:10px;
}

a.blanklink:hover{
	color:#999999;
}

input.indexknapp{
	padding: 2px;
}

.indexknapp:hover{
	cursor: pointer;
	background: #999999;
}

a.indexknapp{
	width:210px;
}