/*GENERELT*/
* {margin: 0; padding: 0;}  /*Fjern standardafstande*/
body {
	font-family: sans-serif, verdana, geneva, sans-serif;
	font-size: 100%; /*16px;*/
	line-height: 1.3;
	background-color: white;   /* silver #929292;  */
}

h1 {
font-family: times new roman, georgia, verdana, arial, helvetica;
font-weight: bold;
font-size: 2em; /*32px;*/
padding: 10px 0 5px 0;
text-align: left;
}

h2 {
font-family: times new roman, georgia, verdana, arial, helvetica;
font-weight: bold;
font-size: 1.5em; /*20px;*/
padding: 10px 0 5px 0;
text-align: left;
}

h3 {
font-family: times new roman, georgia, verdana, arial, helvetica;
font-weight: bold;
font-size: 1.15em; /*16px;*/
padding: 5px 0 5px 0;
text-align: left;
}

h4 {
font-family: times new roman, georgia, verdana, arial, helvetica;
font-weight: bold;
font-size: 1em; /*14px;*/
padding: 5px 0 5px 0;
text-align: left;
}

p {
	margin: 10px 0 10px 0;
}

ul.alm {
	margin: 5px 0 5px 0;
	padding: 0 0 0 30px;
}

ul.alm li {
	margin: 5px 0 5px 0;
}


ol.alm {
	margin: 5px 0 5px 0;
	padding: 0 0 0 30px;
}

ol.alm li {
	margin: 5px 0 5px 0;
}

dt {
font-weight: bold;
}

dd {
padding: 0 0 0 40px;
}


#container {
	background-color: white;  /* #e6e6e6;  */
	margin: auto;   /*centrering*/
}



/*SIDEHOVED*/
header {
	background-color: skyblue;  
	height: 63px;
	position: relative;
	border-bottom: solid 1px blue;
	border-left: solid 1px blue;
/*	position: fixed;  medfører, at header altid vises. men desværre lægger tekst sig bagved skjult*/
	top: 0;
/*	width: 1000px; */
}

header nav {   /*Topmenu*/
	bottom:5px;
	height: 20px;
	position: absolute; 
/*	right: 100px; */
	left: 110px;
}




#logo {
	width=113px;
	height: 63px;
	float: left;
	margin: 0 0 0 0px;
/*	opacity: 0.7;*/
}
#logotext {
	color: black;
	float: left;
	font-family: times new roman, georgia, verdana;
	font-size: 1.9em; /*30px;*/
	margin: 0px 0px 0px 14px;
}


/* Navbar class */
.navbar {
  overflow: hidden;
  background-color: white; 
  	color: #979696;
/*	font-family: verdana, arial; */
	font-size: 1em; /*14px;*/
	margin: 0 10px;
	text-decoration: none;
}

/* Links inside the navbar */
.navbar a {
	float: left; 
	font-size: 1em; /*16px;*/
    color: green;
    text-align: center;
    padding: 0px 6px;
    text-decoration: none;
}


/*SIDEHOVED*/
.subheader {
	background-color: skyblue;  
	height: 30px;
	position: relative;
	border-bottom: solid 1px blue;
	border-left: solid 1px blue;
/*	position: fixed;  medfører, at header altid vises. men desværre lægger tekst sig bagved skjult*/
	top: 0;
/*	width: 1000px; */
}

.subheader nav {   /*Submenu*/
	bottom:5px;
	height: 20px;
	position: absolute; 
/*	right: 100px; */
	left: 120px;
}


/* subnavbar class */
.subnavbar {
  overflow: hidden;
  background-color: skyblue; 
  	color: #979696;
	height: 20px;
}

/* Links inside the subnavbar */
.subnavbar a {
  background-color: white; 
	float: left; 
	font-size: 1em; /*16px;*/
    color: green;
    text-align: center;
    padding: 0px 6px;
    text-decoration: none;
}

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 1em; /*16px; */
  border: none;
  outline: none;
  color: green;
  padding: 0px 6px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}
.dropdown .dropbtn2 {
  font-size: 1em; /*16px; */
  border: none;
  outline: none;
  color: black;
  padding: 3px 6px;
  background-color: #f9f9f9;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a blue background color to navbar links on hover */
.navbar a:hover, .subnavbar a:hover, .dropdown:hover .dropbtn, .dropdown:hover .dropbtn2 {
  background-color: dodgerblue;
  color: white;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 60px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 3px 6px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a blue background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: dodgerblue;  /* #ddd; */
}

/* Dropdown content (hidden by default) */
.dropdown-content2 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 60px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content2 a {
  float: none;
  color: black;
  padding: 3px 6px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a blue background color to dropdown links on hover */
.dropdown-content2 a:hover {
  background-color: dodgerblue;  /* #ddd; */
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content, .dropdown:hover .dropdown-content2{
  display: block;
}





/*SIDEMENU*/
#sidemenu {
	float: left;
	width: 200px;
}


#sidemenu li {
	margin: 10px 0;
}

#sidemenu ul {
	float: right;
	list-style: none;
	margin-top: 50px;
	text-align: center;
}

#sidemenu ul a {
	color: #912124;
	font-family: verdana, arial;
	font-size: 12px;
	text-decoration: none;
}


#sidemenu ul a:hover {
	color: black;
}


/*INDHOLD*/
#content {
/*	float: left; */
	background-color: white; /*#ededed; lysegrå lysere end gainsboro*/
	min-height: 300px;
	max-width: 980px;
/*	width: 980px;  750px;*/
	padding: 10px 10px 10px 10px;
/*	width: 75%;  */
}

.standardtabel {
  border-collapse: collapse;
  width: 100%;
}

.standardtabel caption {
	font-family: times new roman, georgia, verdana, arial, helvetica, sans-serif;
	font-size: 1.5em; /*25px;*/
	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;
  text-align: left;
  background-color: lightblue;
  color: white;
}

.standardtabel td {
  border: 1px solid #ddd;
  padding: 5px;
  text-align: left;
}

.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;
}

.centertabelfoto {
  border-collapse: collapse;
  width: 100%;
}

.centertabelfoto caption {
	font-family: times new roman, georgia, verdana, arial, helvetica, sans-serif;
	font-size: 1.5em; /*25px;*/
	font-weight: bold;
	text-align: center;
}

.centertabelfoto td:hover {background-color: #ddd;}

.centertabelfoto th {
  border: 1px solid #ddd;
  padding: 6px 4px;
  text-align: center;
  background-color: lightblue;
  color: white;
}

.centertabelfoto td {
  border: 1px solid #ddd;
  padding: 5px;
  text-align: center;
}

.centertabelfoto img {
  border: 0;
}

/*SIDEFOD*/
footer {
	background-color: skyblue;
/*	background-color: #1f1f1f; */
	height: 25px;
	clear: both;
	color: white;
	position: center;
}

footer nav {   /*Bundmenu*/
	position: center; 
	left: 150px;
	right: 150px;
	float: left;
}


footer nav a {  /*Bundmenu links*/
	color: white;  
/*	font-family: verdana, arial; */
	font-size: 14px;
	margin: 0 20px;
	text-decoration: none;
	text-transform: uppercase;
	
}


footer nav a:hover {  /*Bundmenu reaktion når musen peger på et element*/
	border-bottom: solid 3px white;  /*#912124;  */
/*	color: #606060;  */
}


#copyright {
	float:right;
	text-align: right;
	padding: 0 10px 0 0;
}

/*Rotation af image*/
.rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.rotate180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.rotate270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}