/*html5 display rule*/
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, nav, menu, nav, section, summary {
	display: block;
}




body {
	
	font-family: Arial, Helvetica, sans-serif;		
	
	}
	
	h1, h2, h3, h4, h5, h6 {	
	color: #8590A4;
	font-weight: bold;		
	}	
	

a:link {
	color: #00022e;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #00022e;
}

a:hover {
	
	color: blue;
}


.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}

.clearone {
	height: 1%;	
	margin: 0;
	padding: 0;	
	clear: both;
	}

	.topbanner  {
	width: 100%;		
	height: 150px;
	background-color: #112236;
		
	}
	
	 .inner_header {	
	background: url("billeder/logo_bent_olsen150_20210123.png") no-repeat;
	
	height: 100%;
	width: 980px;	
	display: block;
	margin: 0 auto;
	}
	
	
	.logo_container {
		background-color: white;
		
		height: 100%;
		display: table;
		float: right;
			
		
	}
	 .logo_container h1 {
		color: red;	
		height: 100%;
		display: table-cell;
		vertical-align: middle;
		font-family: verdana;
		font-size: 32px;
		padding: 0 20px;
	}
	
	
	.wrapper {
	width: 980px;
	display: block;
	margin: 0 auto;
	}

	
		
		
	nav#hovedNav ul {
		float: left;		
	}	
	
	nav#hovedNav ul li{
	float: left;
	height: 20px;
	list-style: none;
	margin: 0px;
	padding: 0px;
		}	
		
	nav#hovedNav ul li a {
	display: inline-block;	
	color: #112236;
	font-weight: bold;
	padding: 0 1em;	
	text-align: center;
	text-decoration: none;	
	}
	

	nav#hovedNav ul li a:hover {
	color: blue;
	text-decoration: none;
	}
	
	nav#hovedNav  {
	border-bottom: 3px solid #be1e2d;	
	}
	
	main {	
	display: block;
	float: left;		
	width: 700px;	
	padding: 0;
	}			
		
		
		
	main article h1 {		
		font-size: 2em;	
		
	}
	
	main article h2 {	
		font-size: 1.5em;			
	}	
	
	main article h3 {
		font-size: 1.1em;			
		}
	
	main article p {
		line-height: 1.2em;
		padding: 0 16px 0 0;	
	}
	
	
	main section {
		margin-top: 10px;
	}
		
	article p.pub  {		
		font-size: small;
		font-style: italic;	
		margin-top: -15px;
	}
	
	  
	main article figure {
		margin: 0;
	}
	
	figcaption .foto {
		font-weight: normal;
		font-size: 14px;
	}
	
	figcaption .tekst{
		font-weight: bold;
		font-size: 14px;		
	}
	
	figure .hest23 {
  border: 2px solid green;
  display: flex;  
  padding: 5px 0;
  
}



figure figcaption .hest23 {
  background-color: #222;
  color: #fff;
  font: italic smaller sans-serif;
  padding: 3px;
  text-align: center;
}

	
figure	figcaption .navn{
		font-weight: bold;
		
		padding: 5px 0px;
		align-items: center;
	}

	
 .my-first-grid {
		display: inline-grid;
		grid-gap: 10px;		
		grid-template-columns: 200px 200px 200px;
		grid-template-rows: 175px 175px 175px; 		
		grid-auto-rows: 175px;
			}
	
	
	
	figcap .navn {
		font-weight: bold;		
		align-items: center;
		padding: 5px 0;
		
	}	
	
	[class^='grid-item'] {
		display: grid;
		align-items: center;
		justify-content: center;		
		font-size: 1rem;
		color: #333;		
	}
	
	.grid-item-1 {
		grid-row: 1;
		grid-column: 1;
	}
	
	.grid-item-2 {
		grid-row: 1;
		grid-column: 2;
	}
	
	.grid-item-3 {
		grid-row: 1;
		grid-column: 3;
	}
	
	.grid-item-4 {
		grid-row: 2;
		grid-column: 1;
	}
	
	.grid-item-5 {
		grid-row: 2;
		grid-column: 2;
	}

	.container {
		display: flex;
		flex-wrap: wrap;
		gap: 1rem;
		
		justify-content: flex-start;
								
	}
	
 .container  p{
		padding: 0;
		margin: 0;
		text-align: center;		
	}
	
	
	
	.small {
		font-weight: normal;
		font-size: 0.9em;
	}
		
	
	section.sideBar {
	float: right;	
	padding: 0;
	width: 280px;
	}
	
	section.sideBar h2{
		color: #8590A4;
		font-size: 1.5em;
		
	}			 
		
	aside.boks {
		margin-bottom: 10px;
		width: 280px;
	}
	
	 aside.boks ul {	
	margin-top: 3px;			
	}
	
	aside.boks ul li{
		padding: 0 0.5em;
	
			}
			
	aside.boks p {
		padding: 2px 0;
	}
	
	
	aside.boks  h3{	
	background-color: #8590A4;
	color: #FFF;
	font-weight: bold;	
	margin-bottom: 12px; 
	margin-top: 10px;
	text-align: center;	
	}
	
	aside.boks h4{
	margin: 5px 0; 
	}
	
	aside.boks figure {
	margin: 0; 
	padding: 5px;
	
	}
	
	
	 	
	
	
	section.sideBar {
	float: right;	
	padding: 0;
	width: 280px;
	}
	
			
	main article figcaption.tekst {
	font-size: 14px;	
	font-weight: bold;			
	}
	
	section.sideBar .tekst {
		width: 280px;
	}
	
	main .left {
		float: left;
		width: 33%;				
	}
	
	main .left h3{
	color: #be1e2d;
	}	
	
	main .left ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	main .left li {
		padding: 5px 0;				
	}
		
		
	
table	.linkside {
	display: table;
	margin-top: 0.5em;
	border-collapse: collapse;
	border: 1px solid black;
	background: #FDEECA;
	width: 97%;
	}
table .linkside caption {
	margin-bottom: .2em;
	text-align: left;
	font-size: 1.2em;
	color: rgb(107,107,132)
	}
	
table .linkside th {
	background: #d0d0d0;
	color: white;
	padding: 1em 0.5em;
	}
table .linkside td {
	padding: .4em;	
	text-align: center;
	}
	
table .linkside tr{
	background:   #ededed;		
	color: #000;	
	text-align: center;
}

table.staldvinduet   {
	font-family: "Trebuchet MS", Verdana, sans-serif;		
	font-weight: normal;
	border-collapse: collapse;			
	border: none;
	margin-bottom: 1em;	
	width: 97%;
	}
	
.staldvinduet caption {
 	padding: 5px 5px;
 	font-size: 105%; 
	color: #FFF;
	background-color: #8590A4;
 	text-align: left; 		
 	 	
 	}
	
 .staldvinduet th {
	font-size: 1.1em;
	text-align: left;
	padding: 2px 0 0 5px;	
	background-color: #ededed;
	color: #000;	 
	}
	
 .staldvinduet td {
	text-align: left;
	font-size: 1em;
	padding: 2px 3px 0 3px;	
	}
	
	
	
	
	.startHeste  {		
	border-collapse: collapse;	
	display: table;
	margin: 0;
	padding: 0 10px;
	width: 97%;
	}
	
	
	
	.startHeste caption {	
	background: #8590A4;
	color: #FFF;
	text-align: left;	 	
	font-weight: bold;
	font-size: 1.1em;
	padding-left: .3em;
	padding-bottom: .5em;
	padding-top: .5em;													
	}
	
		
	.startHeste  th {
	text-align: left;
	background: #ccc; 	
	padding:  .3em;
	}

 .startHeste td {	
	padding: .5em;
	font-size: 90%;	
	text-align: left;
	}
	
 .startHeste tfoot  td {
	background: #fff;
	color: #000;
	font-weight: bold;
	text-align: left;
	}

	.startHeste tr {
	background:   #ededed;		
	color: #000;	
	text-align: center;
	
	}
	
	.startHeste tr:nth-child(odd)  {
	background: #fff;
	}
	
		

.ugestart {
  border-collapse: collapse;
  margin: 22px 0;
  font-size: 0.9em;
  width: 97%;
  overflow: hidden;  
	}

.ugestart caption {		
	background: #8590A4;	
	color: #FFF;
	text-align: center;
	font-size: 1.1rem;
	font-weight: bold;	
	padding: 5px 5px;														
	}
	
.ugestart thead tr {
  background-color: #ededed;
  color: #000;
  text-align: left;
  font-weight: bold;
}
.ugestart th {
	background-color: #ccc;
	color: #000;
	font-size: 1rem;	
}
.ugestart th, td {
	padding: 0.4rem;
	text-align: left;
	
}
.ugestart tbody tr {
  border-bottom: 1px solid #dddddd;
}

.ugestart tbody tr:nth-of-type(odd) {
  background-color: #f3f3f3;
}

.ugestart tbody tr:last-of-type {
  border-bottom: 2px solid #c4c4c4;
}

.ugestart tbody tr.active-row {
  font-weight: bold;
  color: #e8e8e8;
}

.ugestart tfoot td {
	font-size: 1rem;
}


			
.ugestart	footer {
		width: 100%; 
		margin-top: 10px;
		border-top: 1px solid #112236;		
		}
		
	footer p {
		line-height: 2em;
		text-align: center;
	}
	
table	.ugestart {
  border-collapse: collapse;
  margin: 22px 0;
  font-size: 0.9em;
  width: 97%;
  overflow: hidden;  
	}
	
table.sportSpil {
  border-collapse: collapse;
  margin: 22px 0;
  font-size: 0.9em;
  width: 80%;
  overflow: hidden;  
	}
	
.tablescroll {
	overflow: auto;
}
	
	

.sportSpil caption {		
	background: #8590A4;	
	color: #FFF;
	text-align: center;
	font-size: 1.1rem;
	font-weight: bold;	
	padding: 5px 5px;														
	}
	
.sportSpil thead tr {
  background-color: #ededed;
  color: #FFF;
  text-align: left;  
}

.sportSpil th {
	background-color: #587386;	
	color: #FFF;
	font-size: 1em;	
	font-weight: bold;
	padding: 5px;
	text-align: left;
}
.sportSpil th, td {
	
	text-align: left;	
}


.sportSpil tbody tr:nth-of-type(even) {
  background-color: #f3f3f3;
}

.sportSpil tbody tr:last-of-type {
  border-bottom: 1px solid #c4c4c4;
}

 .sportSpil tfoot td {
	font-size: 1rem;
}

blockquote {
	max-width: 620px;	
	padding: 0 10px;	
}

			
table 	footer {
		width: 100%; 
		margin-top: 10px;
		border-top: 1px solid #112236;		
		}
		
	footer p {
		line-height: 2em;
		text-align: center;
	}
	






	
	.pageHeader nav {
	background: rgba(35, 31, 32, .8);
	height: 45px;
	width: 980px;
	position: absolute;
	top: 0px;
}

.pageHeader ul {
	list-style: none;
	margin-left: 20px;
}

.pageHeader li {
	float: left;
	margin-right: 50px;
}
.pageHeader a {
	color: white;
	text-decoration: none;
	line-height: 45px;
	font-size: .9em;
	text-transform: lowercase;
}
.pageHeader a:hover {
	color: rgb(251, 174, 44);
	background: none;
}