td { 
	font-size: 16px;
	}

* {
 	margin: 0px;
 	padding: 0px;
	}

p { 
	
	padding-left: 15px; 
	padding-right: 15px;
    text-align: justify;
    text-align: left;
	}

body {
	background: #222 url(../img/back.png);
 	font-family: Verdana, Arial, sans-serif;
 	font-size: 11px;
 	color: #fff;        text-align: justify;
	}

table { 
}

#box1 {
	max-width: 700px;
	height: auto;
	background-color: #222;
	border: 1px solid #66CC00;
	text-decoration: none;
	border: 0px solid #66CC00;
	box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
	}
 
a img { 
 	 border: 0px;
	}

 .hoger-lank {
        float: right;
        text-align: right;
        margin-left: 10px; 
	}

a{ 
        color: #999;
        text-decoration: none;
        border-bottom: 1px dashed;
	}

a:hover { 
        color: #66CC00;
        border-bottom: 1px solid;
	}

.hidden { text-indent: -9000px;}
.br { clear: both;}
.green { color: #66CC00;}
.small { font-size: x-small;}
.large { font-size: xx-large;}
.right { float: right;}
.left { float: left;}
.center { margin: 0 auto; text-align: center;}

#container { 
	max-width: 1200px;
 	margin: 20 auto;
	}	

#logo { 
	float: left;
	}

#logo h1 { 
	margin-top: 0px;
 	margin-bottom: 10px;
 	margin-left: 10px;
	font-size: 1.6em;
 	letter-spacing: -0.1em;
	}

h2 { 
	background-color:#444;	
 	margin-top: 0px;
 	margin-bottom: 10px;
 	margin-left: 10px;
 	margin-right: 10px;
 	font-size: 1.6em;
 	letter-spacing: -0.1em;
	text-align:left;
	padding: 5px 5px 5px 5px;
	}

h4 { 
	background-color:#fff;
 	margin-top: 0px;
 	margin-bottom: 10px;
 	margin-left: 0px;
 	margin-right: 0px;
 	font-size: 1.6em;
 	letter-spacing: -0.1em;
	text-align:left;
	padding: 5px 5px 5px 5px;
	}
h3 { 
	background-color:#2d2d2d;
 	margin-top: 0px;
 	margin-bottom: 10px;
 	margin-left: 0px;
 	margin-right: 0px;
 	font-size: 1.0em;
 	letter-spacing: -0.1em;
	text-align:center;
	padding: 5px 5px 5px 5px;
	}
 a:link { 
	color: #999;
	font-size: 13px;
	}

a:hover	{ 
	color: #66CC00;
	       }

a:active { 
	color: #444; 
        text-decoration: none;
	}

/*-----------------Huvud meny-----------------*/

.toggle, [id^=dropdown] {
	display: none;left: 200px;
	}

.toggle_top, [id^=dropdown] {
	display: none;
	}

nav {
	width: 100%;
	margin: 0px auto 20px auto;
        padding: 0;
	clear: both;
	text-align: center;
	}

nav:after {
	content: "";
	display: table;
	clear: both;
	}

nav a {
	display: block;
	color: #999;
	font-size: 20px;
	padding: 0px 20px;
	line-height: 50px;  
        border-bottom: 4px solid #444;
	text-decoration: none;
	} 

nav a:hover {
 	color: #f4f4f4;
 	background: #333;
 	border-bottom: 4px solid #66CC00;
        }
     
nav ul {
	padding: 0;
	margin: 1;
	list-style: none;
	position: relative;
	}

nav ul li {
	margin: 0;
	display: inline-block;
        list-style: none;
        background: inherit;
        color: #999;
	}

.bar{
	margin: 0;
	width: 100%;
	float: center;
	}

nav ul ul {
	display: none;
	position: absolute;
	top: 50px;
	}

nav ul ul li {
        float: none;
        margin-left: -55px;
        margin-top: 0px;
        display: list-item;
        position: relative;
        border: 1px solid #ebebeb;
        line-height: 45px;
        border-bottom: 2px solid #444;
        background-color: #222;
        color: #999;
	}

nav ul ul li a {
	margin: 0;
	display: inline-block;
        line-height: 60px;
        width: 88px;
        background: inherit;
        border-bottom: 2px solid #444;
        color: #999;
	}

nav ul li ul a:hover,
nav ul li ul li:hover {
	color: #f4f4f4;
 	background: #444;
        border-bottom: 2px solid #66CC00;
 	}

nav ul ul ul li {
	position: relative;
	top: -51px;
	left: 185px;
	background-color: #444;
	}

nav ul ul li ul a:hover,
nav ul ul li ul li:hover {
	background-color: #444;
	}

nav ul li:hover > ul {
	display: inherit; list-style-type: none;
	}

nav li > a:after {
	content: "\00A0\00A0\025be"; /* "00A0" är hÃ¥rt blanksteg ( ) */
	color: #808080;
/*	font-size: 14px; */}

nav ul ul li > a:after {
	content: "\00A0\00A0\025b8"; /* "00A0" är hÃ¥rt blanksteg ( ) */
	color: #808080;
/* 	font-size: 14px; */}

nav li > a:only-child:after {
	content: '';
	}

/*-----------------Slut huvud meny-----------------*/

/*-----------------Responsive meny-----------------*/
@media only screen and (max-width: 700px) {
nav {
	width: 100%;
	margin: 30px auto 20px auto;
	}

.toggle_top {
	display: block;
	padding: 20px 0 20px 80px;
	margin: 0px auto 0 auto;
	background-color: #222;
	background-image: url(../img/meny-img.png);
	background-repeat: no-repeat;
	background-size: 40px 30px;
	background-position: 15px center;
	color: #444;
	font-size: 28px;
	text-decoration: none;
	border: 0px solid #66CC00;
	box-shadow: 3px 3px 10px rgba(0,0,0, 0.20);
	}

.toggle + a,  .menu {
	display: none;
	}

.toggle {
	display: block;
	padding: 0 20px;
	color: #999;
        border-bottom: 4px solid #444;
	font-size: 14px;
	line-height: 60px;
	text-decoration: none;
	}

nav a {
	color: #999;
	}

nav ul ul {
	float: none;
        border-bottom: 0px solid #444;
	position: static;
	}

nav ul li {
	margin: 0;
	display: block;
	width: 100%;
        color: #999;
	}

nav ul li a, 
ul li ul li a {
	font-size: 14px;
	}

nav li a:hover {
	background: #333;
	}

.toggle:after {
/*	content: "\00A0\00A0\0002B"; */
	content: "\00A0\00A0\025be"; /* "00A0" ( ) */
	color: #fff;
/*	font-size: 14px; */}

[id^=dropdown]:checked + ul {
	display: block;
	}

nav ul ul li {
	margin: 0;
	display: block;
	width: 100%;
	border: none;line-height: 63px; 
        border-bottom: 2px solid #444;
        color: #999;
	}
       
nav ul ul .toggle,  
nav ul ul a {
	padding: 0 0 0 20px;
	background-color: #333;
        border-bottom: 2px solid #444;
	}

nav ul li ul a{
        border-bottom: 0px solid #444;
	}

nav ul li ul a:hover{
	color: #fff;
        border-bottom: 0px solid #444;
 	background: #333;
 	}

nav ul li ul li:hover {
	color: #fff;
 	background: #333;
 	}

nav ul ul ul li {
	position: static;
        border-bottom: 4px solid #333;
	width: 100%;
        height: 63px;
	}

nav ul ul ul a {
	padding: 0 0 0 20px;
	color: #999;
	background-color: #444;
	}

nav ul ul li ul a:hover{
       color: #fff;
        border-bottom: 0px solid #66CC00;
	background-color: #444;
	}

nav ul ul li ul li:hover {
        color: #fff;
        border-bottom: 4px solid #66CC00;
	background-color: #444;
	}

nav ul li:hover > ul,
nav ul ul li:hover > ul {
	display: none;
	}	
        }

/*-----------------Responsive meny Slut-----------------*/

#nyhetermain {
	max-width: 100%;
	margin-bottom:5px; 
	background: #222; 
	margin-left: 10px;
	margin-right: 10px
    }

#nyhetertitel {
	word-wrap:break-word;
	background: #444; 
	padding: 5px; 
	text-align: left;
	}

#nyheterartikel {
	text-align:justify; 
	padding:0px; 
	margin-left: 5px;
	margin-right: 5px;
	margin-top:3px;
	margin-bottom:5px; 
	border-top:0px solid #D3D3D3;
	}

#nyheterutav {
	text-align:right; 
	background: #444; 
	border: 0px solid #66CC00;
	box-shadow: 3px 3px 10px rgba(0,0,0, 0.20); 
	padding: 5px;
	}

.chattregler {
  float: left;
  width: 347px;
  padding: 0px;
  margin-left: 3px;
  margin-right: 0px;
 }

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
 	
}


.image img {
	max-width: 100%; 
	height: auto;
	}

#content { 
	float: right; 
	font-size: 11px;  
	width: 100%; 
	margin-top: 0px; 
	margin-left: 2px;
	}

#content a { 
	color:#D01A71; 
	font-weight: bold;
	}

#content a:hover { 
 	color: #fff; 
	
 	font-weight: bold;
	}
 
#content p {
	line-height: 1.4em; 
       font-size: 11px;
        margin-bottom: 20px; 
        color: #f4f4f4;
	}

#content h3 {
	text-indent: 20px;
	color: #999;
	letter-spacing: -0.1em;
	margin-bottom: 4px;
	margin-top: 100px;
	}

#content h3:hover { 
	color: #fff;
	}


#footer { 
background-color: #333;
        color: #fff;
      	padding: 5px 0px 5px 0px;
        text-decoration: none;
        border-bottom: 0px dashed;
	}

#footer a { 
        color: #999;
        font-size: 11px;
   	    padding: 0px 0px 2px 0px;
        text-decoration: none;
        border-bottom: 1px dashed;
	}

#footer a:hover{
        color: #66CC00;
        border-bottom: 1px solid;
	}

#content a, #content a:hover { 
        color: #999;
   	    padding: 0px 0px 2px 0px;
        text-decoration: none;
        border-bottom: 1px dashed;
	}

#content a:hover{
        color: #66CC00;
        border-bottom: 1px solid;
	}

input {
 	background: #333;
 	font-family: Verdana;
 	font-size: 0.7em;
 	padding: 3px;
 	color: #f4f4f4;
 	border: 2px solid #555;
	}
	
button {
 	background: #222;
 	font-family: Verdana;
 	font-size: 0.7em;
 	padding: 2px;
 	color: #f4f4f4;
 	border: 2px solid #444;
 	height: 2em;
	}