html, body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height:100%;
	font-size:20px;
	background-color:#f5f5f5;
	/*background-color:#f5f5f5;*/
	}
/*-----------------------------Header---------------------*/
header{
	
	display:block;
	height:120px;
	background-image: url('../billeder/head.jpg');
	margin-bottom:4px;
    box-shadow: 0px 0px 3px 2px #888888;
	}

/*-----------------------------Sidebar----------------------*/
aside {
	display:inline;
	float: right;
	margin:0;
	margin-left:30px;
	padding:0px;
	padding-top:30px;
	width:250px;
	border-style:none none none solid;
	border-color: #8FBCDB;
	flex:1;
	/*background-color:#8FBCDB;*/
}

aside p{
  margin:15px;
}


/* ------------------------------ Navigation ---------------*/
nav ul {
	display:block;
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:center;
	border:0px;
	/*#4900E8;*/
	}

nav ul li {
	margin:0px;
	padding:0;
	/*margin-right:2px;*/
	text-align:center;
	border:0px;
	}
	
	
nav ul li a
	{
	padding-top:7px;
	padding-bottom:4px;
	display:inline-block;
	margin:0px; 
	width:250px;
	height:30px;
	font-weight:bold;
	font-size:18px;
	color: #FFF; /* #447294; */
	background-image:url("inactive_pil.png");
	background-color: #FFF; /*#8FBCDB;*/
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	}
	
nav ul li a:hover 
	{
	margin:0px; 
	background-color: #FFF;/*#8FBCDB; /*#447294;*/
	background-image:url("active_pil.png");
	border:0px; 
	}	

/* Create an active/current tablink class */
nav ul li a:focus, .active{
	background-image:url("active_pil.png");
	background-color:  #FFF;/*#8FBCDB;*/
}

/*-------------------------------------------------------------------------*/
.content{
    display: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

/*-------------------------------------Section---------------------------------------------------*/
	
section
	{
	margin:0px;
	display:block;
	padding:20px;
	padding-right:0px;
	padding-left:30px;
	display:block;
	min-height:900px;
    	margin-left: auto;
    	margin-right: auto;
	width:1000px;
	background-color:#fff; 
	display: -ms-flex; 
	display: -webkit-flex;
	display: flex;
	/*border: 3px solid #333399;
	margin-right:25%;
	margin-left:25%;*/
	margin-bottom:40px;
	font-size:20px;
	font-family: "Roboto";
	font-weight:400;
    /*box-shadow: 0px 1px 3px 3px #888888;*/
    /*border-radius: 0 0 20px 20px;*/
	}

section h1{
	color:000;
	font-family:"Verdana";
	font-size:30px;
	font-style:bold;
}	

/*--------------------------------article-----------------------------------*/
/*til Print*/
article .udskriv{
	float:right;
}

article h1{
	color:#447294;
	text-align:center;
	font-family:helvetica;
	text-decoration:underline;
	font-size:40px;
}

article a{
	color:#447294;
	font-weight:bold;
	text-decoration:none;
}

article a:hover{
	color:#8FBCDB;
}

/*----------------------------Blog table --------------------------------*/
td.blog{
  table-layout: fixed;
  border-top: 1px solid black;
  border-collapse: collapse;
}

div.blog{
  height:200px;
  overflow:hidden;
}

div.blog h1{
  margin-top:2px;
  font-size:25px;
  color:black;
  text-align:left;
  text-decoration:underline;
}