﻿/*JPgallry stylesheet*/
/*Copyright 2021 Erik Juul-Pedersen*/
* {margin: 0; padding: 0;}
body {
	font-family: sans-serif, verdana, geneva, sans-serif;
	font-size: 100%;
	line-height: 1.3;
	background-color: white;
}

p {
	margin: 0;
}

button {
	border: none;
	background-color: inherit;
}

img {
	object-fit: contain
}

#container {
	background-color: white;
	margin: auto;
}


/*SIDEHOVED*/
header {
	background-color: skyblue;  
	height: 63px;
	position: relative;
	border-bottom: solid 1px blue;
	border-left: solid 1px blue;
	top: 0;
}

header nav {   /*Topmenu*/
	bottom:5px;
	height: 20px;
	position: absolute; 
	left: 110px;
}




#logo {
	width=113px;
	height: 63px;
	float: left;
	margin: 0 0 0 0px;
}
#logotext {
	color: black;
//	float: left;
	font-family: times new roman, georgia, verdana;
	font-size: 1.3em; /*30px;*/
	margin: 0px 0px 0px 20px;
	padding: 0 0 0 6px;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#indexbill {
	max-width: 100%;
	height: auto;
}

.detailbill {
/*	max-width: 100%;
	min-width: 100% */
/*	min-height: 100%; */
	max-width: 100%
/*	max-height: 100%-64px; */
/* 	height: auto; */
}

.detailvideo {
	max-width:100%;
}

/* Navbar class */
.navbar {
  overflow: hidden;
  background-color: white; 
  	color: #979696;
	font-size: 1em;
	margin: 0 10px;
	text-decoration: none;
}

/* Links inside the navbar */
.navbar a {
	float: left; 
	font-size: 1em;
    color: green;
    text-align: center;
    padding: 0px 12px;
    text-decoration: none;
}



/*INDHOLD*/
#content {
	background-color: white;
	min-height: 300px; 
	max-width: 100%;    //980px;
}

.standardtabel {
  border-collapse: collapse;
  width: 100%;
	text-align: left;
}

.standardtabel caption {
	font-family: times new roman, georgia, verdana, arial, helvetica, sans-serif;
	font-size: 1.5em;
	text-align: left;
}

.standardtabel tr:nth-child(even){background-color: #f2f2f2;}

.standardtabel tr:hover {background-color: #ddd;}

.standardtabel th {
	border: 1px solid #ddd;
	padding: 6px 4px;
	background-color: lightblue;
	color: white;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.standardtabel td {
	border: 1px solid #ddd;
	padding: 5px;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.standardtabel button {
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.centertabel {
  border-collapse: collapse;
  width: 100%;
}

.centertabel caption {
	font-family: times new roman, georgia, verdana, arial, helvetica, sans-serif;
	font-size: 1.5em; /*25px;*/
	font-weight: bold;
	text-align: center;
}

.centertabel tr:nth-child(even){background-color: #f2f2f2;}

.centertabel tr:hover {background-color: #ddd;}

.centertabel th {
  border: 1px solid #ddd;
  padding: 6px 4px;
  text-align: center;
  background-color: lightblue;
  color: white;
}

.centertabel td {
  border: 1px solid #ddd;
  padding: 5px;
  text-align: center;
}

.centertabel img {
  border: 0;
}

