* {
    margin: 0;
    padding: 0;
    box-sizing: content-box;
}

@font-face {
    font-family: "NotoSans-Bold";
    src: url("NotoSans-Bold.ttf"), format('truetype');
}

@font-face {
    font-family: "NotoSans";
    src: url("NotoSans-Regular.ttf"), format('truetype');
}

html {
    background-image: url('bg_html_monster.jpg');
    background-repeat: repeat;
    background-color: #1D2516;
}

body {
    line-height: 1.4;
    font-size: 16px;
    text-align: center;
    font-family: NotoSans;
}

section {
    margin: 15vh 50vw;
    transform: translateX(-50%);

    width: 90%;
    max-width: 768px;
}

article {
    background-color: #f5f5f5;
    padding: 3rem;
    border-radius: 0.5rem;
    box-shadow: rgba(0,0,0,0.2) 0 10px 10px;
}

h1 {
    font-size: 24pt;
    font-family: NotoSans-Bold;
	margin-bottom:1rem;
}

p {
	text-align:left;
}

a:link, a:visited, a:hover, a:active {
    padding: 0.25rem;
    text-decoration: none;
    color: darkblue;
    font-weight: bold;
}


/*

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after, q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}*/

/* ********************************************************************************************************************************************** 
--------------------------------------------------------------- Structure.css ------------------------------------- 
******************************************************************************************************************************************************* */

/* Global.master */

/*#GlobalSection {

	width: 96%;*/ /* 1000px; */ /*;

	max-width: 1060px;

	margin: 0px auto 25px auto;

	padding: 3%;
	padding-top: 1.5%;*/

/* 30px / 1000px = 0,03 = 3% */ /*background-color: white;

}

#GlobalHeader {

}

#AboutNav {

	float: right;*/

/* margin-top: -1.5em; */

/*font-size: 85%;

}
#LogoNav {
	float:left;
}

#GlobalNav {

	margin: 2em 0 2em 0;

	background-color: #E5E5E5;

	outline: solid thin #D9D9D9;

}

#GlobalNavDiv {

	float:left;

}

#ContentSection {

}

#GlobalFooter {

	clear: both;

	padding-top: 2em;

}*/

/* Om.master, Pages */

/*div #ContentArticle, #ContentArticle {

	width: 65%;*/ /* 640 / 940 = 0,68 = 68% */ /*;

	float: left;

	margin-right: 2%;*/ /* 20 / 940 = 2% */

/*}

#ArticleNav {

	margin: 2em 0 2em 0;

}

#SectionNav {

	width: 30%;*/ /* 320 / 940 = 34% */ /*;

	float: right;

	font-size: 90%;

}*/

/* FrontPage */

/*#NewsSection {

	width: 65%;*/ /* 640 / 940 = 0,68 = 68% */ /*;

	float: left;

	margin-right: 2%;*/ /* 20 / 940 = 2% */

/*}

#ThankYouSection {

	width: 30%;*/ /* 320 / 940 = 34% */ /*;

	float: right;

}

#ContactInfoSection {

	width: 30%;*/ /* 320 / 940 = 34% */ /*;

	float: right;

	clear: right;

}

#NewArticlesSection div.ArticleIntroDiv {

	margin-bottom: 4em;

}

#NewImagesSection {

	margin-top: 5em;

}*/

/* **********************************************************************************************************************************
--------------------------------------------------------- Format.css ----------------------------------- 
************************************************************************************************************************************* */

/* html-tags */

/*html {

	background-image: url('bg_html_monster.jpg');

	background-repeat: repeat;

	background-color: #1D2516;

}

body {

	font-family: verdana;

	font-size: 16px;

	margin: 0;

	padding: 0;

	line-height: 150%;

	background-image: url('bg_body_toning.jpg');

	background-repeat: repeat-x;

}

h1, h2, h3, h4, h5, h6 {

	margin-top: 0em;

	margin-bottom: 0.25em;

	font-weight: bold;

}

h1 {

	font-size: 175%;

}

h2 {

	font-size: 155%;

}

h3 {

	font-size: 135%;

}

h4 {

	font-size: 115%;

}

h5 {

	font-size: 100%;

}

p {

	margin: 0;

	margin-bottom: 1.25em;

}

h2 + p, .ingress {

	font-weight: bolder;

	margin-top: 1em;

}

em {

	font-style:italic;

}

p.readmore em a {

	font-size:smaller;

	display:inline-block;

	background-color: #E5E5E5;

	outline: solid thin #D9D9D9;

	padding: 0.25em;



}

p.relaterat {

	font-size:smaller;

}*/

/* Floats */

/*.ClearFloat {

	clear: both;

}

.FloatRight {

	float: right;

}
.alignleft {
	float:left;
	margin-right: 1em;
	margin-bottom:1em;
}
.alignright {
	float:right;
	margin-left:1em;
	margin-bottom:1em;
}
.aligncenter {
	
}
ol {
	list-style-type:decimal;
	list-style-position:inside;
}*/

/* Fixing upper-case datavalue from database. Text transforms when fetched in SQL-queries with LOWER(column)-function.*/

/*#LocalNav h3, #AlternativesNav, #LocalNav li a, #ThankYouSection li a, #ImagesSection h2 {

	text-transform: capitalize;

}*/

/* Fixing formatting on MenuAlternativesSelection */

/*#AlternativesNav tr {

	padding-bottom: 1em;

}*/

/* ArticleDefinitationList-formatting */

/*dl {

	float: left;

	clear: left;

}

dt {

	width: 25%;

	float: left;

	font-weight: bolder;

}

dd {

	width: 65%;

	float: left;

}

article li {

	padding-bottom: 0.5em;

}*/

/* Article Images placed in an html5 aside-tag. ClassNames should vary between WholeWidthAside, FloatLeftAside, FloatRightAside. The actual image inside the aside-tag defines the width of the tag itself (unless the image takes up 100% width) */

/*#ContentArticle .FullWidthAside, #ContentArticle .LeftPlacementAside, #ContentArticle .RightPlacementAside {

	font-size: 11px;

	font-style: italic;

}

figure.FullWidthFigure {
margin-bottom:0.5em;

}

figure.FullWidthFigure img {

	width: 100%;
	height: 100%;
	outline:thin #d9d9d9 solid;

}

.LeftPlacementAside, figure.LeftPlacementFigure {

	float: left;

	margin: 1em 1em 1em 0;

}

.RightPlacementAside, figure.LeftPlacementFigure {

	float: right;

	margin: 1em 0 1em 1em;

}

aside.FullWidthAside, aside.LeftPlacementAside, aside.RightPlacementAside, figure.FullWidthFigure {

	font-size: 85%;

}*/

/* -- WordPress 404.php -- */

/*.img404 {

	width: 350px;

	margin: 3em auto 3em auto;

}*/

/* ---------- WordPress CommentSection -------- */

/*#CommentsSection {

	background-color: #E5E5E5;
	outline: solid thin #D9D9D9;
	padding: 1em;
	margin-top:3em;

}

#CommentsSection div.comment-body {

	margin-bottom: 3em;

}

#CommentsSection h3 {

	margin-top: 0;
	margin-bottom: 1em;
	padding-top: 0;

}
ul#recentcomments li {
	display: block;
	margin-bottom: 0.2em;
	padding: 0.5em;
	text-decoration: none;*/
/* background-color: #e5e5e5;
	color: #1a1a1a; 
	border: solid thin #d9d9d9; */
/*}*/
/* ---------- WordPress Articles --------------------- */

/*#NewsSection article, #ContentArticle article {

	margin-bottom: 5em;

}*/

/* --------------------------- WordPress ContactForm ----------------- */

/*article form {

	margin-top: 3em;

}

article form input {

	width: 95%;

	height: 2em;

}

article form textarea {

	width: 95%;

	height: 10em;

}

article form input[type=submit] {

	width: auto;

	margin-bottom:4em;

}*/

/* ------------------------- Images ------------------------ */

/*div.wp-caption, div.wp-caption img {
	width:100%;
	height:auto;
}
.wp-caption-text {
	font-size:smaller;
}*/

/* ************************************************************************************************************************************ 
----------------------------------- Nav.css -------------------------------------------------------------------------------------------------
***************************************************************************************************************************************** */

/* ----------------------- Global.master / header.php ----------------------------- */

/* Common attributes&Values */

/*#searchform {

	float: right;

}

#AboutNav ul, #GlobalNav ul, #GlobalFooter ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

}

#AboutNav ul li, #GlobalNav ul li, #GlobalFooter ul li {

	display: inline;

}*/

/* Individual attributes&values */

/*#AboutNav, #GlobalFooter ul {

	text-align: right;

}

#GlobalNav ul li a, #GlobalNav form#searchform div {

	display: inline-block;

	padding: 0.5em;

	font-weight: bolder;

	text-decoration: none;

}

#GlobalNav li a.selected, #GlobalNav li.current-menu-item a, li.current-menu-item a, li.current-category-ancestor a,*/ /* li.current-post-ancestor a, */ /*li.current-post-parent a, .PaginateNav .current {

	font-weight: bolder;

	background-color: #fff;

	color: Black;

}
#LocalNav li ul {
	margin-left: 1em;
}
.PaginateNav {
	text-align:center;
	width:95%;
	background-color:#e5e5e5;
	padding:0.5em;
	margin:0 auto 0 auto;
	clear:both;
	outline:thin #d9d9d9 solid;
}*/


/* -------------------------- Section.master ------------------------ */

/*#SectionNav {

}*/

/* Pages */

/* ----------------------- ArticleMenu --------------------------- */

/*#ArticleNav ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

}

#ArticleNav ul li {

	display: inline;

}*/

/* ------------------------- Menu Categories -------------------------- */

/*#MenuCategoriesNav ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

}

#MenuCategoriesNav ul li {

	display: inline;

}*/

/* -------------------------- Menu alternatives ------------------------ 

#AlternativesPanel {

	margin-bottom: 3em;

}

#AlternativesNav {

}

#AlternativesNav a {

	width: 47.5%;

	float: left;

	font-size: smaller;

	padding: 0 0.25em 0 0.25em; /*

        background-color: #E5E5E5;

        outline: solid thin #D9D9D9;*/

/*}*/

/*

#AlternativesNav a.selected {

	background-color: #E5E5E5;

	outline: solid thin #D9D9D9;

}

#AlternativesNav a.Year {

	width: 22.5%;

	text-align: center;

}

#AlternativesNav a.AltNavHide {

	clear: both !important;

	width: 98%;

	text-align: center;

	margin: 1em auto 0 auto;

	background-color: #E5E5E5;

	outline: solid thin #D9D9D9;

}

#AlternativesPanel {

	position: relative;

	z-index: 100;

	width: 400px;

	float: right;

	padding: 0.5em;

	outline: solid thin #D9D9D9;

	background-color: white;

}

#AlternativesPanel.NarrowWidth {

	width: 100%;

	position: static;

} */

/* Meny => Länkar till Artiklar */

/*#LocalNav {

	clear: both;

}

#LocalNav ul, #ThankYouSection ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

}

#LocalNav li a, #ThankYouSection li a {

	display: block;

	margin-bottom: 0.2em;

	padding: 0.5em;

	text-decoration: none;

	background-color: #e5e5e5;

	color: #1a1a1a;

	border: solid thin #d9d9d9;

}

#LocalNav li a.selected {

	font-weight: bolder;

}

#ThankYouSection li a {

	font-size: 90%;

}*/

/* Images */

/* #ImagesSection ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

} */

/* FrontPage-images, ImagesPage-Images */

/* #NewImagesSection ul, #ImagesSection ul, ul#ImagesListArticles {

	list-style-type: none;

	margin: 0;

	padding: 0;

}

#NewImagesSection ul li, #ImagesSection ul li, ul#ImagesListArticles li {

	float: left;

	margin-right: 5px;

	width: 32.5%;

}

#NewImagesSection ul li a img, #ImagesSection ul li a img, ul#ImagesListArticles li a img {

	width: 100%;

}

*/

/*a:link, a:visited, a:hover, a:active {

	color: #262626;

	text-decoration: none;

}

#ArticleNav li a.selected, #MenuCategoriesNav li a.selected, #AboutNav li a.selected, #GlobalFooter a {

	background-color: #E5E5E5;

	color: #262626;

	padding: 0.25em;

	border: solid thin #D9D9D9;

	text-decoration: none;

}
#menu-aboutmenu li {
	border-right: 1px solid black;
	padding-right: 0.25em;
}
#menu-aboutmenu li:last-child {
	border-right: none;
}*/