* {
	box-sizing: border-box;
	}
img { border: 0; }

body {
	margin: auto;
	overflow:auto;
	min-height: 100vh;
	}	 
header {
	width: 100%;
	height: 70px;
	font: 15px arial;
    color: #fff;
    background-color: #000;
	}
header img {
	max-width:220px;
	padding:20px 20px 0 20px;
	border:0;
	}
header div.logo {
	float:left;
	width:15%;
	}
header div.center {
	float:left;
	width:70%;
	text-align:center;
	padding-top: 27px;
	}
header div.right {
	float:left;
	width: 15%;
    text-align: right;
	padding-top: 27px;	
    padding-right: 35px;
	}
.date-mobile {
	display:none;
	}

.page {
    min-height: 100vh;
    }
    
    
/* MENU CSS */
nav {
	float:left;
	width:12%;
	text-align:left;
	background-color: #fafafa;
	}
nav {
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #777777;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font: 12px/18px verdana, lucida, sans-serif;
    color:#000;
	}
nav .menu-top {
	border-top: #4b7dca 5px solid;
	}
nav .menu-mobile {
	display:none;
	}
nav a {
    padding: 2px 0px 5px 15px;
	display:block;
	width:100%;
	color:black;
	text-decoration:none;
	}
nav .active, nav a:hover{
    background: #dbdbdb;
    color: #000000;
    font-weight: bold;
	}
	
/* MAIN CSS */
main {
	float:left;
	width:65%;
	padding:0 25px;
	margin:15px 0;
	font: 13px/18px Verdana, Arial;
	}
main .left {
	float:left;
	width:50%;
	padding-right:10px;
	}
main .right {
	float:left;
	width:50%;
	padding-left:10px;
	}	
main h1 {
    color: #aaa;
    margin: 0 0 10px 0;
    font-size: 16px;
    border-width: 0 0 1px 0px;
    border-style: solid;
    border-color: #ccc;
    padding-bottom: 5px;
	}  
main .onepage {
   	margin: 5px;
	} 
main .onepage h1 {
   	margin-bottom: 20px;
	} 
main .onepage h2 {
   	color:#333;
	margin: 25px 0 10px -5px;
	font-size:12px;
	} 
main .onepage p {
   	padding: 0;
	} 
main .onepage ul {
   	margin: 10px 0 0 0;
	padding: 0;
	} 
main .onepage li {
   	margin: 2px 0 0 20px;
    padding: 0;
	} 
main .breadcrumbs {
   	margin-bottom: 20px;
	} 
main .box-fav {
   	border: 1px solid #ddd;
	padding: 15px;
	line-height:1.5em;
	} 
main .box-fav i {
   	color: #999;
	line-height: 24px;
	}
img.userPresImage {
   	display: block;
	float: right;
	margin-right: 20px;
	}
	
main h2 {
	font-family: Arial, sans-serif;
    color: #111111;
    background-color: #eeeeee;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: bold;
    margin: 15px 0 5px 0;
    padding: 5px;
	}
main p, .sidebar p {
    font-family: Verdana, Arial;
    line-height: 1.5em;
    color: #000000;
    padding-left: 5px;
    margin: 0 0 10px 0;
	}
main .dropdown form {
	margin: 10px 0 7px 5px;
	}
main .dropdown select {
	font: 13px arial;
	color: #000000;
	padding: 3px;
	width: 200px;
	}


/* FORUM CSS */

A.h1link:visited {
    text-decoration: none;
}
A.h1link {
    color: #BBBBBB;
    text-decoration: none;
}
.forum-post {
	width:100%;
	max-width:550px;
	margin:0 auto;
    font: 13px verdana;
}
.forum-post input, .forum-post select {
    font: 16px arial;
	padding: 7px;
	background: #efefef;
	border: 1px solid #777;
}
.forum-post textarea {
    font: 16px arial;
	padding: 7px;
	width: -webkit-fill-available; 
	max-width: 550px;
	height: 200px;
	background: #efefef;
	border: 1px solid #777;
}
.forum-post input[type=submit] {
	padding: 5px;
	border: 1px solid #777;
}


	
/* LINK CSS */

a:-webkit-any-link {
    text-decoration: none;
}

main a, .box-login a, .sidebar a, footer a {
	text-decoration:none;
    color: #0000AD;
	}
main a:visited, .sidebar a:visited {
    text-decoration: underline;
	}
main a:hover, .sidebar a:hover, footer a:hover {
	color: #0055FF;
	}


/* MATERIAL ICON CSS */
/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }


	
/* SIDEBAR CSS */
.sidebar {
	float:left;
	width:23%;
	padding: 0 0 15px 0;
	margin-top:15px;
	text-align:left;
	font-family: Verdana, Arial;
	font-size: 12px;
	}
.sidebar p {
	padding: 0 5px 0 10px;
	}
.sidebar h3  {
	font-family: arial, sans-serif;
    color: #111111;
    background-color: #eeeeee;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 5px;
    }
.sidebar ul {
    margin-top: 5px;
    padding-left: 10px;
    list-style-type: disc;
    list-style-position: inside; 
    line-height:1.5em;
	}
.sidebar li a {
	position: relative;
	left: -4px;
	}
.happybirthday {
	padding:10px; 
	color:#000; 
	margin: 10px 0;
	background-color: #21D4FD;
	background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
}
.box-hitta {
    	background-color: #F9F9F9;
    	font: 11px verdana,arial;
    	line-height: 16px;
    	margin-bottom: 15px;
    	padding: 10px;
	}
.box-login {
    	color: rgb(0, 0, 0);
    	background-color: rgb(249, 249, 249);
    	font: 11px verdana,arial;
    	line-height: 16px;
    	margin-bottom: 15px;
    	margin-top: -5px;
    	padding: 10px;
	}
.box-login input {
    font: 11px verdana;
	padding: 3px;
	margin-bottom: 8px;
}
.box-login input[type=checkbox], .nav-login .box-login input[type=checkbox] {
	float:left;
	display:block;
	margin: 2px 0 0 0;
}
.box-login input[type=submit], .nav-login .box-login input[type=submit] {
	margin-left: 5px;
}
.box-login span.autologin {
	float:left;
	display:block;
	margin-left: 5px;
}
.box-login li {
	margin-left: 5px;
    list-style-type: disc;
    color: #aaaaaa;
    font: 12px verdana,arial;
	}
.box-fav {
   	border-style: none dashed dashed dashed;
    border-color: #aaaaaa;
    border-width: thin;
    font: 12px verdana,arial;
    padding: 8px 8px 10px 13px;
    line-height: 16px;
    margin-bottom: 15px;
	margin-top: -5px;
	}
.box-fav p {
	padding: 0;
	margin: 0;
	}
.box-fav ul {
	list-style-image: url('/images/icons/arrowsm.gif');
    margin-top: 4px;
	margin-bottom: 5px;
    padding-left: 0px;
    line-height:1.5em;
	}

.dagensnamn {
	margin: 5px 0 15px 0;
	}
.dagensnamn div.date {
	float: left;
	width: 50px;
	color: #555;
	}
span.new {
	margin-left: 2px;
    padding: 2px;
    background-color: yellow;
    font-size: 65%;
    vertical-align: top;
	position: relative;
	top: -2.5px;
	}


/* FOOTER CSS */
footer {
	background-color:#F9F9F9;
	float:left;
	width:100%;
	padding:15px 15px;
	margin-top:25px;
	text-align:left;
	font: 11px verdana, arial;
    color: #000000;
    line-height: 20px;
    position:relative;
    bottom:0;
	}
footer .center {
	display:none;
	}
footer .left {
	float:left;
	}
footer .right {
	float:right;
	padding-right:20px;
	}	 
footer a.black {
	color:#111;
	}



/* COOKIE CONSENT CSS */
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
.cc-message {
	font: 14px/18px arial !important;
	}
	

/* MEDIA RESPONSIVE CSS */


@media screen and (min-width:1400px) {
  /* For wide screen: */
  nav {
    width:12%;
  }
  main {
    width:67%;
  }
   .sidebar {
    width:21%;
  }
}

@media (max-width: 900px) {  
  main .left, main .right {
	width:100%;
	height:auto;
	padding:0;
	}	
  .news-left, .news-right {
	width:100% !important;
	height:auto !important;
	padding: 0 !important;
	}
  .news-right {
	padding-top: 10px !important;
	}
}





@media screen and (max-width:1000px) {
  /* For iPads: */
 main {
    width:70%;
  }
 .sidebar {
    width:30%;
  }
 header img {
	padding: 22px 0 0 60px;
}
  nav {
    margin-top: -50px;
    border: none;
    width: 100%;
    background: none;
    margin-bottom: 15px;
    }
  
 nav a {
    padding: 10px 0 10px 10px
    }
	
  /* Hide menu, except for the first one (menu icon). Show the link that contains should open and close the topnav (.icon) */
  .topnav a:not(:first-child) {display: none;}

  /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. Sets style for expandable menu */
  .topnav.responsive {
  	position: relative;
  	font-size: 15px;
  	line-height: 2em;
  	}
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  	background-color: #efefef;
  }

  .topnav a:last-child {border-bottom: #aaa 1px dashed;}

  nav a.icon {
    background-color:#000;
    color: #fff;
    font-size: 22px;
    line-height: 22px;
    border: 0 !important;
  	background-color: #000 !important;
    }
  nav a.icon:hover {
	font-weight: normal;
	}
  main, .sidebar {
  	padding: 0 15px;
  	}
	
  nav .menu-top {
	border-top: none;
	margin-top: 50px;
	}
  nav .menu-mobile {
	display:block;
	float: left;
	padding-right: 20px;
	}

}



@media screen and (max-width:750px) {
  /* For mobile phones: */
  header, main, .sidebar, footer {
    width:100%;
  }
  header .center, header .right {
    display:none;
    }
  header div.logo {
    float: none;
    width: 100%;
	padding: 0;
    text-align: center;
}
  header img {
    max-width: 180px;
	max-height: 50%;
	padding: 15px;
	margin-top: 10px;
}
 .date-mobile {
	display:block;
    font: 13px/16px arial;
    padding-top: 10px;
	}
  nav {
    margin-top: -50px;
    border: none;
    width: 100%;
    background: none;
    margin-bottom: 15px;
    }
    
  /* Hide menu, except for the first one (menu icon). Show the link that contains should open and close the topnav (.icon) */
  .topnav a:not(:first-child) {display: none;}

  /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. Sets style for expandable menu */
  .topnav.responsive {
  	position: relative;
  	font-size: 15px;
  	line-height: 2em;
  	}
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  	background-color: #efefef;
  }

  .topnav a:last-child {border-bottom: #aaa 1px dashed;}

  nav a.icon {
    background-color:#000;
    color: #fff;
    font-size: 22px;
    line-height: 22px;
    border: 0 !important;
  	background-color: #000 !important;
    }
  nav a.icon:hover {
	font-weight: normal;
	}
  main, .sidebar {
  	padding: 0 15px;
  	}
  img.userPresImage {
   	display: block;
	float: none;
	margin-bottom: 20px;
	}
  .sidebar {
  	margin: 0;
  	}
  .sidebar-righttop, .sidebar-omsidan, .sidebar-sponsrade, .sidebar-lanktips {
  	display:none;
  	}
  .lanktips-startsida {
  	display:block;
  	}
footer .center {
	display:block;
	text-align:center;
	padding-bottom: 20px;
	}
footer span.heart{
	color: #e25555;
    font-size: 13px;
	}
  footer .left {
	width:100%;
	text-align:center;
	}
  footer .right {
  	display:none;
  	}	
  nav .menu-top {
	border-top: none;
	margin-top: 50px;
	}
  nav .menu-mobile {
	display:block;
	float: left;
	padding-right: 20px;
	}
  footer {
  	font-size: 11px;
  	}
.cc-theme-classic .cc-btn:last-child {
    min-width: 90px !important;
}
}