body {
margin:0;
padding:0 0 30px 0;
border:0;
height:100%;
background: #093b03 url("images/layout/bakgrund.jpg") repeat-x top left;
}

html {
margin:0;
padding:0;
border:0;
}

img, p, a, h1, h2, h3, h4, ul, ol, li, br,
form, table {
margin:0;
padding:0;
border:0;
}

a {
text-decoration:none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}


.wrapper {
position:relative;
margin: 0 auto 0 auto; /*alltid centrerad hemsida*/
padding:0;
width:980px;
height:auto;
border:0;
}

/*Mycket av följande klasser har display:inline; och float. display:inline; används för att det gör att det ser likadant ut i alla browsers. Även för att det
är lättare att redigera i efterhand. VI KÖR INTE ABSOLUT-POSITIONERINGAR överallt, bara om nödvändigt! =)*/

.head {
display:inline;
float:left;
margin:10px 0 10px 0;
padding:0;
width:980px;
height:auto;
}

.head .logo {
display:inline;
float:left;
margin:15px 0 0 20px;
padding:0;
width:auto;
height:auto;
}

.head h2, .head h2 a {
margin:0;
padding:0;
font:bold 26px Arial;
color:#fff;
}

.head em {
font:normal 12px Arial;
color:#6cde45;
}

.head .right {
display:inline;
float:left;
margin:5px 0 0 35px;
padding:0;
width:380px;
height:auto;
text-align:justify;
}



#translation_bar {
width:250px;
height:auto;
display:inline;
float:right;
margin:15px 0 0 0;
text-align:left;
}

#translation_bar img {
margin:0 2px;
}

.head .right p {
font:italic 11px Arial;
color:#49ae28;
line-height:18px;
}


.nyhets {
display:inline;
float:right;
width:270px;
height:auto;
margin:10px 0px 20px 13px;
padding:0;
font:normal 12px Arial;
color:#666666;
line-height:18px;
color:#49ae28;
}

input.submitit {
display:block;
float:right;
margin:0 0 0 10px;
padding:3px;
font:normal 12px Arial;
background:#0c4103;
cursor:pointer;
border:1px solid #1e6206;
color:#98e081;
}

input.submitit:hover {
background:#125e05;
}

input.nyhetsfield {
width:110px;
height:auto;
margin:0 0 0 4px;
padding:0
}

.nyhets h2 {
font:bold 14px Arial;
margin:0;
padding:0;

}
.menu {
display:inline;
float:left;
margin:0;
padding:0;
width:978px;
height:58px;
border-left:1px solid #000;
border-right:1px solid #000;
background: #093b03 url("images/layout/menu-bakgrund.jpg") repeat-x top left;
}

.menu ul {
display:inline;
float:left;
margin:0 0 0 10px;
padding:21px 0 0 0;
width:auto;
height:auto;
border:0;
} 


.menu li {
display:inline;
float:left;
margin:0 7px;
padding:0;
}


.menu li a {
display:block;
float:left;
margin:0;
padding:0 5px;
font:normal 12px Arial;
color:#fff;
width:auto;
height:auto;
}

.menu li a:hover{
text-decoration:underline;
}

.menu .current_page_item {
text-decoration:underline;
color:#b7f8a1;
}

.smallhead {
display:inline;
float:left;
width:980px;
height:48px;
background: #093b03 url("images/layout/smallhead-bakgrund.jpg") repeat-x top left;
}

#slideshow #slidesContainer  {
position:relative;
float:left;
width:980px;
height:340px;
overflow:auto;
background:url("images/layout/slideshow-bakgrund.jpg") repeat-x top left;
}

#slideshow  {
background:url("images/layout/slideshow-bakgrund.jpg") repeat-x top left;
}

#slideshow #slidesContainer .slide {
margin:0 auto;
width:979px;
height:340px;
} 


.control {
  display:block;
  width:45px;
  height:45px;
  position:absolute;
  cursor: pointer;
	text-indent:-10000px;
}

#leftControl {
  top:300px;
  left:-20px;
  background:transparent url(images/layout/control-left.png) no-repeat 0 0;
	z-index:2;
}


#rightControl {
  top:300px;
  right:-20px;
  background:transparent url(images/layout/control-right.png) no-repeat 0 0;
}


#leftControl:hover, #rightControl:hover {
background-position:0 -55px;
}


.slide .content {
float:left;
margin:65px 0 0 50px;
width:325px;
height:auto;
}

.slide .content h2 {
margin:0 0 20px 0;
padding:0;
font:bold 20px Arial;
color:#575757;
}

.slide .content h1 {
margin:0 0 20px 0;
padding:0;
font:bold 20px Arial;
color:#575757;
}

.slide .content p {
margin:0 0 15px 0;
padding:0;
font:normal 12px Arial;
color:#575757;
line-height:18px;
}

.slide .thumb {
margin:12px 0 0 0;
float:right;
width:588px;
height:324px;
}

.infoboxes {
display:inline;
float:left;
width:918px;
height:284px;
margin:0;
padding:30px;
background:url("images/layout/bottombox-bakgrund.jpg") repeat-x top left;
border:1px solid #13440a;
}

.infoboxes .box {
display:inline;
float:left;
margin:0;
padding:0;
width:340px;
height:290px;
background:#083a03;
/*-moz-border-radius: 5px; 
-webkit-border-radius: 5px;*/
border:1px solid #0b3f04;
}

.infoboxes .box.casino {
width:260px;
margin-left:20px;
}

.infoboxes .box.annons {
float:right;
width:250px;
height:250px;
padding:20px 10px;
}

.infoboxes .box.annons .annonsen {
margin:0;
padding:0;
width:250px;
height:250px;
background:#091f0d;
}


.infoboxes .box .topbox {
width:auto;
height:41px;
margin:0;
padding:0;
background:url("images/layout/topbox-bakgrund.jpg") repeat-x top left;
border-bottom:1px solid #0b3f04;
/*-moz-border-radius-topleft: 3px; 
-moz-border-radius-topright: 3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;*/
}


.infoboxes .box .topbox h2 {
padding:8px 0 0 20px;
font:bold 20px Arial;
color:#052302;
/*text-shadow: 1px 1px 2px #52b61f;*/
}

.infoboxes .box .topbox h3 {
margin:25px 0 0 20px;
font:bold 16px Arial;
color:#deaa2c;
}

.infoboxes p {
font:normal 12px Arial;
color:#a1e48a;
line-height:20px;
margin:25px 20px 20px 20px;
padding:0;
}

.infoboxes ol {
margin:0;
padding:0;
font:normal 12px Arial;
}

.infoboxes .box.casino p {
font:normal 12px Arial;
color:#a1e48a;
line-height:20px;
margin:10px 20px 15px 20px;
padding:0;
}

.infoboxes .box.casino a {
font:normal 12px Arial;
}


.infoboxes .box.casino a.shoot {
margin-left:20px;
}



.bottombox {
margin:10px 0 0 0;
display:inline;
float:left;
width:940px;
height:auto;
padding:20px;
background:#0c4103;
border:1px solid #1e6206;
}

.bottombox h3, .bottombox h2 {
font:bold 16px Arial;
margin:0 0 10px 0;
color:#deaa2c;
}

.bottombox p {
font:normal 11px Arial;
color:#98e081;
line-height:18px;
margin:0 0 15px 0;
}

.footer p {
font:normal 12px Arial;
color:#98e081;
line-height:18px;
}

.bottombox a, .infoboxes a, .footer a {
color:#fff;
text-decoration:underline;
}

.footer {
display:inline;
float:left;
width:960px;
height:auto;
margin:0;
padding:10px 0 30px 0;
text-align:center;
}


.main {
display:inline;
float:left;
margin:0;
padding:0 0 20px 0;
width:980px;
height:auto;
min-height:300px;
background: #fff url("images/layout/background-undersida.jpg") repeat-y top left;
}

.main.information{
background-image:none;
}

.main.forum {
background-image:none;
}

.main .sidemenu {
display:block;
float:left;
width:153px;
height:auto;
margin:40px 0 0 20px;
}

.main .sidemenu ul {
display:block;
float:left;
width:auto;
height:auto;
border-top:1px solid #c2c2c2;
}

.main .sidemenu li {
display:block;
margin:0;
padding:0;
width:auto;
height:auto;
}

.main .sidemenu li a {
display:block;
padding:10px 0 9px 10px;
width:143px;
height:auto;
background: #eeeeee url("images/layout/sidemenu-bakgrund.jpg") repeat-x top left;
border-bottom:1px solid #c2c2c2;
border-left:1px solid #c2c2c2;
border-right:1px solid #c2c2c2;
font:normal 12px Arial;
color:#4e4e4e;
}

.main .sidemenu li a:hover {
background: #c9f1bc url("images/layout/sidemenu-hover-bakgrund.jpg") repeat-x top left;
}

.content {
display:inline;
float:left;
margin:30px 0 0 30px;
padding:0;
width: 470px;
height:auto;
}

.content a {
font:normal 12px Arial;
text-decoration:underline;
color:#114b04;
}

.content ul, .content ol {
font:normal 12px Arial;
margin:10px 0 10px 20px;
}

.content.information {
width:711px;
background:#fff;
}

.content.forum {
width:980px;
background:#fff;
margin:0;
}

.content h1 {
margin:0 0 10px 0;
padding:0;
font:bold 26px Arial;
color:#165705;
}

.content h2 {
margin:35px 0 10px 0;
padding:0;
font:bold 18px Arial;
color:#165705;
}

.content h3 {
margin:35px 0 10px 0;
padding:0;
font:bold 18px Arial;
color:#165705;
}


.content h4 {
margin:35px 0 10px 0;
padding:0;
font:bold 16px Arial;
color:#165705;
}


.content p {
margin:5px 0 25px 0;
font:normal 12px Arial;
color:#051207;
}


.sidebar  {
display:inline;
float:right;
width:275px;
height:auto;
min-height:200px;
margin:0;
padding:30px 0;
}

.sidebar .annons {
display:inline;
float:left;
margin:0 0 20px 12px;
padding:0;
width:236px;
height:250px;
}

.sidebar .annons a {
margin:0 0 10px 0;
border:0;
}

td {
padding:15px;
font:normal 12px Arial;
color:#051207;
}

caption {
font:bold 12px Arial;
color:#051207;
}

.news a{
margin:0;
padding:0;
}

.news p {
margin:0 0 10px 0;
}


.recensionerna select {
float:right;
width:auto;
margin:20px 20px 0 0;
font:normal 11px Arial;
}

.recensionerna option.rec-rubrik {
font:bold 12px Arial;
}

form.nyhetsbrevet {
margin:10px 0 0 0;
}

form.nyhetsbrevet br {
margin:0;
}

form.nyhetsbrevet input {
margin:0 0 0 0;
padding:0;
}




ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: auto;
	border-bottom: 1px solid #1E6206;
	width: 100%;
}

ul.tabs li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	height:auto;
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #167500;
}

ul.tabs li a {
	font:bold 12px Arial;
	text-decoration: none;
	color: #000;
	display: block;
	padding: 6px 8px;
	outline: none;
}


ul.tabs li a:hover {
background: #1d9c00;
}

html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #1d9c00;
	color: #000;
}

.tab_container {
	border:1px solid #1E6206;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; 
	width: 100%;
	
}

.tab_content {
	padding: 20px;
	height:auto;
}