body  {
	background: url(../bilder/lords/background.jpg);
    background-color: #cccccc;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow-y: scroll;
	font-family: Arial;
}

#wrapper {
	max-width: 70%;
	min-width: 1024px;
    margin: auto;
}

#content {
	max-width: 70%;
	min-width: 1024px;
    margin: auto;
}

header {

}

section {
	width: 98%;
	float: left;
	margin-top: 5px;
	padding-left: 1%;
	padding-right: 1%;
	background-color: #f2f2f2;
}

footer {
	width: 100%;
	float: right;
	text-align: right;
	margin-top: 5px;
	background-color: #f2f2f2;
}

/* Style the tab */
#navbar {
    overflow: hidden;
    border: 1% solid #333;
    background-color: #333;
}

/* Style the buttons inside the tab */
#navbar a {
	display: block;
	text-decoration: none;
    background-color: #333;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 30px;
    transition: 0.3s;
    font-size: 24px;
    color: white;
}

/* Change background color of buttons on hover */
#navbar a:hover {
    background-color: #43CDCD;
}

/* Create an active/current tablink class */
#navbar a.active {
    background-color: #43CDCD;
}

hr {
	float: center;
	width: 90%;
}

.section img {
	opacity: 1;
}

div.panel {
    padding: 0 18px;
    background-color: #d9d9d9;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s south-out;
}

button.accordion {
    background-color: #333;
    color: white;
    float: left;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s south-out;
}

/* Create an active/current accordion */
button.accordion.active {
    background-color: #43CDCD;
}
 button.accordion:hover {
    background-color: #43CDCD;
}

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #000000;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #43CDCD;
    color: white;
}

mark {
    background-color: #43CDCD;
    color: white;
}

nav * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

nav {
    display: block;
    margin: 0px auto;
    overflow: hidden;
    width: 100%;
    background-color: #099;
}


nav input[type="radio"] {
    display: none;
}

nav label {
    background-color: #333;
    color: white;
    float: left;
    cursor: pointer;
    padding: 18px;
    width: 50%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s east-out;
}

nav input[type="radio"]:checked + label {
    background-color: #43CDCD;
}

.first {
    background-color: #f2f2f2;
}

.second {
    background-color: #f2f2f2;
}

.first, .second {
    height: 0px;
    overflow: hidden;
    transition: 0.4s east-out;;
}

nav #radio1:checked ~ .first,
nav #radio2:checked ~ .second,
nav #radio3:checked ~ .first,
nav #radio4:checked ~ .second,
nav #radio5:checked ~ .first,
nav #radio6:checked ~ .second{
    height: 100%;
}

nav div {
    width: 100%;
    float: left;
}

nav label:hover {
    background-color: #43CDCD;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  max-width: 69.4%;
  min-width: 1024px;
}

/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #333;
    background-color: #333;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: #333;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 30px;
    transition: 0.3s;
    font-size: 17px;
    color: white;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #43CDCD
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #43CDCD
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

/* Searchbar in tab content */
#Search {
    background-color: #333;
    border: none;
    outline: none;
    padding: 14px 30px;
    transition: 0.3s;
    font-size: 17px;
    color: white;
}