body
{
margin-top: 0px;
background-image: url(images/background.jpg);
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}

.webpagecolor{
	background-color: #FF7214;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	color: #000000;
  	text-decoration: none;
  	font-size: 12px;
	}
	
a:hover {
  text-decoration:underline;
}

table.standard {
width:90%;
border-style:solid;
border-width:1px; 
border-color:#FF7214;
background-color:#FFFFFF;
border-spacing:0;
border-collapse:collapse;
margin:auto;
}

table.side {
width:85%;
border-style:solid;
border-width:1px; 
border-color:#FF7214;
background-color:#FFFFFF;
border-spacing:0;
border-collapse:collapse;
margin:auto;
}

table.middle {
width:100%;
border-style:solid;
border-width:1px; 
border-color:#FF7214;
background-color:#FFFFFF;
border-spacing:0;
border-collapse:collapse;
margin:auto;
}

p {margin: 5px 8px 10px 8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
}

p.izquierda {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
}

p.highlight {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-size: 20px;
font-weight: bold;
}

span.rating {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 20pt;
font-weight: bold;
}

span.header {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 10pt;
font-weight: bold;
margin: 2px 6px 0px 6px;
padding: 0px 0px 0px 0px;
}

span.text {
margin: 0px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
}

h1{
font-family: Arial;
color: #DFDFDF;
font-size: 18pt;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

h2{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 10pt;
margin: 2px 6px 0px 6px;
padding: 0px 0px 0px 0px;
}

h3{
font-family: Arial;
color: #000000;
font-size: 12pt;
margin: 2px 6px 0px 6px;
padding: 0px 0px 0px 0px;
}

h4{
font-family: Arial;
color: #000000;
font-size: 12pt;
margin: 2px 6px 0px 6px;
padding: 0px 0px 0px 0px;
}

h5{
font-family: Arial;
color: #000000;
font-size: 12pt;
margin: 2px 6px 0px 6px;
padding: 0px 0px 0px 0px;
}

h6{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 10pt;
margin: 2px 6px 0px 6px;
padding: 0px 0px 0px 0px;
}

h1.content{
font-family: Arial;
color: #FFFFFF;
font-size: 18px;
margin: 2px 6px 0px 6px;
padding: 0px 0px 0px 0px;
}

h2.content{
font-family: Arial;
color: #000000;
font-size: 16px;
margin: 2px 6px 0px 6px;
padding: 0px 0px 0px 0px;
}

#footer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #FFF;
}

#footer a{
	text-decoration: none;
	color: #FFF;
}

a.header{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	margin: 2px 6px 0px 6px;
	padding: 0px 0px 0px 0px;
}

a.header:hover{
	text-decoration: underline;
	color: #ffff00;
}

#toppmeny{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
}


#toppmeny a{
	text-decoration: none;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
}

#toppmeny a:hover{
	text-decoration: underline;
	color: #ffff00;
}

a.sidomeny{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	font-size: 12px;
}

a.sidomeny:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #000;
	font-size: 12px;
}

a.promo{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FF7214;
font-size: 20px;
font-weight:bold;
}

a.knapp_spela:link, a.button:visited{
 display: block;
 width: 132px;
 height: 32px;
 text-decoration: none;
 text-indent: -10000px;
 background-image: url(images/spela1.png);
 }

a.knapp_spela:hover{
 background-image: url(images/spela2.png);
 }

a.knapp_spela:active{
 background-image: url(images/spela3.png);
 }
 
 a.knapp_besok:link, a.button:visited{
 display: block;
 width: 132px;
 height: 32px;
 text-decoration: none;
 text-indent: -10000px;
 background-image: url(images/besok1.png);
 }

a.knapp_besok:hover{
 background-image: url(images/besok2.png);
 }

a.knapp_besok:active{
 background-image: url(images/besok3.png);
 }
 
li{ 
	font-size: 75%; 
}
 
 /*---- CROSS BROWSER DROPDOWN MENU ----*/
ul#nav {
	margin: 0 0 0 12px;
	}
ul.drop a {
	display:block; color: #fff;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	}
ul.drop, ul.drop li, ul.drop ul {
	list-style: none; 
	margin: 0; 
	padding: 0; 
	border: 0px solid #fff; 
	background: #FF7214; 
	color: #fff;
	}
ul.drop {
	position: relative; 
	z-index: 597; 
	float: left;
	}
ul.drop li {
	float: left; 
	line-height: 1.3em; 
	vertical-align: middle; 
	zoom: 1; padding: 5px 10px;
	}
ul.drop li.hover, ul.drop li:hover {
	position: relative; 
	z-index: 599; 
	cursor: default; 
	background: #ff8e42;
	}
ul.drop ul {
	visibility: hidden; 
	position: absolute; 
	top: 100%; 
	left: 0; 
	z-index: 598; 
	width: 195px; 
	background: #ff8e42; 
	border: 1px solid #fff; 
	}
ul.drop ul li {
	float: none;
	}
ul.drop ul ul {
	top: -2px; left: 100%;
	}
ul.drop li:hover > ul {
	visibility: visible
	}
	
@media all and (max-width: 1280px) {
	.floating-ad {
		display: none;
	}
}

@media all and (min-width: 1308px) {
	.floating-ad {
		position: fixed;
		right: 0.5%;
		top: 40px;
	}
}
@media all and (min-width: 1340px) {
	.floating-ad {
		right: 1.2%;
	}
}
@media all and (min-width: 1370px) {
	.floating-ad {
		right: 2%;
	}
}
@media all and (min-width: 1410px) {
	.floating-ad {
		right: 3%;
	}
}
@media all and (min-width: 1470px) {
	.floating-ad {
		right: 5%;
	}
}
@media all and (min-width: 1670px) {
	.floating-ad {
		right: 7%;
	}
}