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



body {
    background-color: #222222;
	font-family: verdana, arial, times, times new roman;
}


h1 {
    color: whitesmoke;
    text-align: center;
	font-size: 60px;
	font-weight: lighter;
}

h2 {
    text-align: center;
}

a {
	color: #cccccc;
	font-weight: lighter;
	text-decoration: none;
}

a:hover {
   text-decoration: underline; 
}


.smalltext {
	font-size: 10px;
	color: #666666;
	text-align: center;
}

/* tables */

.noborder {
	border: none;
}

table {
	border-collapse: collapse;
}

th {
    border: 1px solid #555555;
    text-align: left;
    padding: 8px;
	color: #ffffff;
	font-weight: normal;
	background-color: #111111;
}

td {
    border: 1px solid #555555;
    text-align: left;
    padding: 8px;
	color: #cccccc;
	font-weight: lighter;
	max-width: 400px;
}

.position_top {
    position:fixed;
    width:20%;
    height:600px;
    /* background:red; */
    right:10%;
    top:223px;
}

.scroll_content {
	height:600px;
overflow-y: auto;
	overflow-y: hidden;
}


.icon {
align-content: center;
vertical-align: middle;
}

.noborder {
border: none;
}

.kategori {
    color: white;
    background-color: black;
	font-weight: lighter;
}

.ctrl {
    color: white;
    background-color: #c4007a;
}

.alt {
    color: white;
    background-color: #009de0;	
}

.shift {
    color: white;
    background-color: #744a94;
}

/* keycolors */

.peach {
    color: black;
    background-color: #ebc2a6;
}

.lightblue {
    color: black;
    background-color: #b8cfed;
}

.purple {
    color: black;
    background-color: #cabada;
}


.green {
    color: black;
    background-color: #a3ccbb;
}

.yellow {
    color: black;
    background-color: #f8dd46;
}

.pink {
    color: black;
    background-color: #e1a8c9;
}

.red {
    color: black;
    background-color: #ca4456;
}

.darkblue {
    color: black;
    background-color: #708ec8;
}

.orange {
    color: black;
    background-color: #d77e43;
}