@charset "utf-8";
/* CSS Document */

/* FARVER 
/* Red: 	#582323
/* Green:	#939931
/* Blue:	#1b2c4a

*/

/* --------------------- SCREEN SIZES - Kun til udvikling -------------------- */

.screensizes {
	display:block;
	padding:10px;
	position:fixed;
	z-index:10000;
	background-color:rgba(28,193,52,1.00);
	color:white;
	top:40px;
	left:0;
	font-size:1.5em;
}

a.ns2-readmore span {
	background: none;
	padding:none;
	font-size:14px;
	float:right;
}

.ns2-date-blog {
	font-family: "Times New Roman";
	float: left;
	margin: 0 10px 0 0;
	background: #582323;
	padding: 6px 10px;
	text-align: center;
	color: white;
	height:85px;
	width:85px;
}

.ns2_date_day {
	font-size:28px;
}

span.ns2_date_month, span.ns2_date_year{
	font-size:14px;
	line-height: 100%;
}

.ns2-title, .ns2-title a {
	color:black;
	font-size:140%;
}

.ns2-readmore {
	font-weight:bold;
	text-decoration:underline;
	display:block;
	float:right;
}

.ns2-readmore a:hover {
	text-decoration:underline;
}

/* ----------------- END SCREEN SIZES - Kun til udvikling -------------------- */


body {
	background-color:#383838;
}

.header {
	height:auto;
	margin:0;
	padding:0;
	overflow:hidden;
}

.sitetitle {
	height:51px;
	margin:0;
	padding:0;
	overflow:hidden;
	background-color:#000000;
	color:#FFFFFF;
	border-bottom:1px solid #808080;
}

.sitetitle h1 {
	font-family: "Times New Roman";
	color: #ffffff;
	font-size: 29px;
	text-transform:uppercase;
	text-indent:40px;
	font-weight: 400;
	line-height: 9px;
	letter-spacing:-0.03em;
}

.navigation {
	height:55px;
	background-color:#383838;
	color:#FFFFFF;
	margin:0;
	padding:0;
}

.hero {
	border-bottom: #000000 1px solid;
	margin:0;
	padding:0;
	overflow:hidden;
	clear:both;
	position:relative;
}

.logo {
	background-image:url(../images/logo.png);
	height:210px;
	width:210px;
	z-index:1000000;
	position:relative;
	top:-305px;
	left:80px;
}

.smalllogo {
	padding-bottom:10px;
	padding-top:10px;
}

.main {
	background-color:#FFFFFF;
	padding-top:21px;
}

.main-right, main-left {
	margin-bottom:21px;
}

.main-right {
	padding-left: 20px;
	background-color: rgba(235,235,235,1.00);
}

.main-left {

}

.subfooter {
	clear:both;
	height:100%;
	background-color: #282828;
	padding:21px 20px;;
}


.space {
	height:50px;
	clear:both;
}

.footer {
	clear:both;
	min-height:200px;
	background-color:#000000;
	color:#282828;
	border-bottom:#FFFFFF solid 2px;
	padding:21px 20px;
}

.box1, .box2, .box3 {
	background-color:#3D0C0D;
	background-image: url(../images/small_BG.png);
	text-align:center;
	color:#FFFFFF;
	height:85px;
	margin:10px 0;
	font-family: "Times New Roman";
	color: #ffffff;
	font-size: 21px;
	text-transform:uppercase;
	line-height: 85px;

}

.box1 {
	background-color:#582323;
}

.box2 {
	background-color:#939931;
}

.box3 {
	background-color:#1b2c4a;
/*	margin:10px; */
}

.box1 a, .box2 a, .box3 a,
.box1 a:visited, .box2 a:visited, .box3 a:visited,
.box1 a:active, .box2 a:active, .box3 a:active 	{
	color:#FFFFFF;
	display:block;
}


.totop a{
	display:block;
	text-align:center;
	padding:5px 10px;
	background-color:#222222;
	color:#A2A2A2;
	width:100%;
	text-transform:uppercase;
	margin:0 0 14px 0;
}

.toptop:hover {
	background-color:#444444;
}


.search {
    width: 100%;
    display: block;
    margin: 1em auto;
}

.search label {
  display: none;
}

input#mod-search-searchword {
  width: 100%;
  height: 34px;
  background-color: #282828;
  border: none;
  padding-left: .8em;
}

@media (min-width: 992px) {

  input#mod-search-searchword {
  width: 50%;
}

  
  
}

/* ------------------- NAVIGATION --------------------------- */

/* BOOTSTRAP OVERRIDES */

.navbar-inverse {
	background-color: transparent;
	border: none;
}

/* END BOOTSTRAP OVERRIDES */

#mainnav {
	padding:0;
	margin:0;
	height:auto;
}

#mainnav ul {
	height:100px;
	font-family: "Times New Roman";
	color: #ffffff;
	font-size: 21px;
	text-transform:uppercase;
	
}

#mainnav li {
	display:block;
	float:none
	border-bottom:1px solid #808080;
	line-height:35px;
	padding:0 21px ;
}

#mainnav li a {
	color:white;
}

#mainnav li:last-child {
	border-right:1px solid #808080;
}

/* ------------------------ ARKIV NAVIGATION ------------------------- */

.filters {
	padding:10px 10px;
}
#month, #year, #limit {
	width:25%;
	vertical-align:middle;
}

.filters .btn-primary {
    color: #fff;
    background-color: rgba(160,160,160,1.00); 
    border-color: rgba(85,85,85,1.00);
	margin-top:-5px;
	margin-left:10px;
}


/* ------------------------ RIGHT MENU ------------------------------- */

.menuright {
	padding:0;
	margin:0;
	padding-top:48px;
}

.menuright ul li {
	padding:0;
	margin:0;
	list-style:none;
}

.menuright li {
	display:block;
	width:100%;
	padding:0;
	margin:0;
	border-bottom:solid 1px rgba(126,126,126,1.00);
	font-size:15px;
	text-transform:uppercase;
}

.menuright li a:link {
}


.menuright li:first-child {
	border-top:solid 1px rgba(126,126,126,1.00);
}



/* ------------------ TYPOGRAFI ------------------------------*/

p, td, ul{
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
}

a {
	color:#383838;
}

.footer p {
	padding:0;
	margin:0;
	line-height:16px;
	font-size:12px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Times New Roman";
}


h1 {
	font-family: "Times New Roman";
	text-transform:uppercase;
	font-size:35px;
	margin-top:21px;
	margin-bottom:14px;
	line-height:42px;
}

h2, .componentheading {
	font-family: 'Open Sans', sans-serif;
	font-size:21px;
	margin-top:14px;
	margin-bottom:7px;
	line-height:28px;
	clear:both;
}
.readmore {
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:10px 8px;
	float:right;
}


/* SUBFOOTER TYPOGRAFI */

.subfooter p {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color: #D8D8D8;
}

.subfooter h1 {
	font-family: "Times New Roman";
	text-transform:uppercase;
	font-size:35px;
	color: #D8D8D8;
}

.subfooter h2 {
	font-family: 'Open Sans', sans-serif;
	font-size:21px;
	clear:both;
	color: #D8D8D8;
}
.subfooter .readmore {
	font-weight:bold;
	text-decoration:underline;
	display:block;
	padding:10px 8px;
	float:right;
	color: #D8D8D8;
}

/* ASIDE TYPOGRAFI */

.main-right p, .main-right ul {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
}

/*
.main-right ul {
	list-style:none;
	text-indent:0;
	margin:0;
	padding:0;
}

.main-right ul li {
	float:left;
	margin-bottom:21px;
}
*/

.main-right ul li .date {
	display:block;
	width:100%;
	height:42px;
	overflow:hidden;
	font-size:21px;
	line-height:42px;
	font-family: "Times New Roman";
	background-color:#1b2c4a;
	color:white;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:21px;
}


/* ----------------------- MEDIA QUERY -------------------------------------------------------------------*/

/* ----------------------- Alt før denne linje gælder mobiltelefoner mindre end 768px --------------------*/



/* ---------------------- Small devices - Tablets - 768px and up ---------------------------------------- */

@media (min-width:768px) {
	
.header {
	height:140px;
}


.hero {
	height: 229px;
}

.logo {
	height:210px;
	width:210px;
	top:-220px;
	left:20px;
}

.subfooter {
	height:100%;
}

.footer {
	height:100%;
}


.box1, .box2, .box3 {
	margin:10px 0;
}

.totop a{
	width:100%;
}

.totop a{
	display:block;
	padding:7px;
}

.main-right ul li .date {
	width:100%;
}

/* ------------------- NAVIGATION --------------------------- */

/* BOOTSTRAP OVERRIDES */

.navbar-inverse {
	background-color: transparent;
	border: none;
}

/* END BOOTSTRAP OVERRIDES */

#mainnav {
	padding:0;
	margin:0;
	height:55px;
}

#mainnav ul {
	height:100px;
	font-family: "Times New Roman";
	color: #ffffff;
	font-size: 14px;
	text-transform:uppercase;
	
}

#mainnav li {
	display:block;
	float:left;
	border-left:1px solid #808080;
	line-height:35px;
	padding:0 21px ;
	width:115px;
}

#mainnav li a {
	color:white;
}

#mainnav li:last-child {
	border-right:1px solid #808080;
}


}

/* ---------------------- Medium devices - Tablets - 992px and up ---------------------------------------- */

@media (min-width:992px) {
	
.hero {
height: 296px;
}


.logo {
	height:210px;
	width:210px;
	top:-255px;
	left:50px;
}


.subfooter {
	height:100%;
}

.totop a{
	display:block;
	text-align:center;
	padding:5px 10px;
	background-color:#222222;
	color:#A2A2A2;
	width:100px;
	float:right;
	text-transform:uppercase;
}

.toptop:hover {
	background-color:#444444;
}

.main-right ul li .date {
	width:104%;
}

.main-right {
	padding-left: 20px;
	background-color: transparent;
}

/* ------------------- NAVIGATION --------------------------- */

#mainnav {
	height:55px;
}


#mainnav ul {
	font-size: 18px;
}

#mainnav li {
	width:151px;
	text-align:center;
}


}

/* ---------------------- Large devices - Desktops - 1200px and up ---------------------------------------- */

@media (min-width:1200px) {

.hero {
	height: 315px;
}

.logo {
	top:-305px;
	left:80px;
}


.subfooter {
	height:240px;
}

.box1, .box2, .box3 {
	margin: 0; 
}
.footer {
	height:70px;
}

.main-right ul li .date {
	width:104%;
}

/* ------------------- NAVIGATION --------------------------- */


#mainnav {
	padding:0;
	margin:0;
	height:55px;
}

#mainnav ul {
	height:100px;
	font-family: "Times New Roman";
	color: #ffffff;
	font-size: 21px;
	text-transform:uppercase;
	
}

#mainnav li {
	display:block;
	float:left;
	border-left:1px solid #808080;
	line-height:35px;
	padding:0 21px ;
	width:185px;
}


#mainnav li a {
	color:white;
}

#mainnav li:last-child {
	border-right:1px solid #808080;
}




}