/* --------------------  start.css  dummy tag bort --------------------------- */

/* ------------- rull-list bara i IE---------------------------------- */
BODY {
font-size: 14px; font-family: Verdana, Arial;
scrollbar-arrow-color: #FFFFFF; 
scrollbar-track-color: #008800; 
scrollbar-base-color: #004500; 

SCROLLBAR-3DLIGHT-COLOR: #005500;
SCROLLBAR-HIGHLIGHT-COLOR: #006600;

SCROLLBAR-SHADOW-COLOR: #005500;
SCROLLBAR-DARKSHADOW-COLOR: #007700;
}




A.ljusbla {FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #0088FF; FONT-FAMILY: Verdana; TEXT-DECORATION: none}
A.ljusbla:hover {FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #00BBFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none}
/* --------------------Tabell hantering ändras till div  table --------------------------- */
TABLE {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 1px; PADDING-TOP: 0px; BACKGROUND-COLOR: #004400}
TD.GRON {PADDING-RIGHT: 1px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; COLOR: #010101; PADDING-TOP: 0px; BACKGROUND-COLOR: #004400; VERTICAL-ALIGN: top;}
TD.GRA  {PADDING-RIGHT: 2px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; COLOR: #010101; PADDING-TOP: 2px; BACKGROUND-COLOR: #BCBCBC; VERTICAL-ALIGN: top;}
TD.GUL  {PADDING-RIGHT: 2px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; COLOR: #010101; PADDING-TOP: 2px; BACKGROUND-COLOR: #FFFF99; VERTICAL-ALIGN: top;}
TD.ROD  {PADDING-RIGHT: 2px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; COLOR: #010101; PADDING-TOP: 2px; BACKGROUND-COLOR: #FF8888; VERTICAL-ALIGN: top;}
TD.BLA  { BACKGROUND-COLOR: #004488; VERTICAL-ALIGN: top;}
TD.UPP {VERTICAL-ALIGN: top;TEXT-ALIGN: left; }
TH.UPP {VERTICAL-ALIGN: top;TEXT-ALIGN: left; }
.du    {border-bottom: 1px dotted #BCBCBC; font: Verdana; FONT-SIZE: 8px;}

/* --------------------  --------------------------- */
/* --------------------  --------------------------- */
/* --------------------Fonter  --------------------------- */
#main
{margin: 0;font-family:  Verdana, Arial, Helvetica, sans-serif;color: #DDDDDD;font-size: 10px;padding-left: 0.2em;padding-top: 0.1em;padding-bottom: 0.2em;padding-right: 1.4em;}

#runda-horn {
margin: 0 auto;background: #004400;color: #FF0000;padding: 1px 2px 2px 2px;
-moz-border-radius: 13px;border-radius: 13px;border:4px solid #005000;margin-left: 0px;
padding-top: 5px;FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none;    color: #FFFFFF; box-shadow: 3px 2px 1px #000000;
}
#runda-horn-GulBg {
margin: 0 auto;	background: #FFFF99;color: #FF0000;padding: 1px 2px 2px 2px;
-moz-border-radius: 15px;border-radius: 15px;border:3px solid #008800;margin-left: 1px;
padding-top: 5px;FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Verdana; TEXT-DECORATION: none
}
/* --------------------  --------------------------- */




/* --------------------  --------------------------- */



/* ----------------------------------------------- */
body {background-color: #004400;color: #ffffff;}
body, html {margin:0; padding:0; border:0;}
img {max-width:100%}
iframe {max-width: 100% !important;}
* {
    box-sizing: border-box;
}
/* ------------------- raminfo.css---------------------------- */
A {FONT-SIZE: 11pt; COLOR: #0088FF; FONT-WEIGHT: bold;TEXT-DECORATION: none;}
A:hover {COLOR: #00BBFF;  TEXT-DECORATION: none;}
/* ------------------- ---------------------------- */
/* -------------------Reklam hantering hide vid mobil---------------------------- */
#pagewraph {max-width:472px;float: right;}
.footer2 {background-color: #004400; padding: 1px;}
.header1 {background-color: #004200; color: #ffffff; padding: 1px;}
/* -------------------Reklam hantering hide  +col-5 vid mobil---------------------------- */
#pagewrap {max-width:680px;margin:0 auto;float: left;}
.header {background-color: #004400;color: #ffffff;padding: 0px;}
.row:after {content: ""; clear: both;display: block;}
[class*="col-"] {float: left;padding: 15px;}
.col-1 {background-color: #004400; padding: 15px; color: #ffffff; text-align: center; font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.col-2 {background-color: #004400;padding: 1px; color: #ffffff; text-align: center; font-size: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.col-3 {background-color: #004400; padding: 1px;color: #ffffff;text-align: center;font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
 /* col-5 reklam:160x600 */
.col-5 {background-color: #004200;padding: 1px;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
/* For desktop: */
.col-1 {width: 64%;}
.col-2 {width: 36%;}
.col-3 {width: 33%;}
.col-5 {width: 164px;} /* reklam:160x600 */
/* ------------ mobil 320 360 375(iPhone6) Liggande 640 568------finger28x28pixels---------------- */
/* ------------ mobil 320 14%------	360 26%-------iPH6 375-----mobile phones 480px or lower----------------- */
/* ----------- Tablet     		768px 27%------------------------------------ */
/* ------------Desktop 			960 1280 11%----------------------------------- */
/* ----------------------------------------------- */
TH {BACKGROUND-COLOR: #003300; }
/* ----------------------------------------------- */
/* Till mobil telefoner: */
@media only screen and (max-width: 468px) {
    /* For mobile phones: G500 */
 .footer2 {display: none;}
 .header1 {display: none;} 
 .col-5   {display: none;}
    [class*="col-"] 
{width: 100%;}
} 
@media only screen and (min-width: 600px) {
    /* Till tablets: G 500-799 */
body {background-color:#440044;}
/* ----------------------------------------------- */
TD {BACKGROUND-COLOR: #880088; }
TH {BACKGROUND-COLOR: #660066; }
#runda-horn {background: #550055;border:4px solid #880088; }
.col-2 {background-color: #380038;padding: 1px; color: #ffffff; text-align: center; font-size: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}

/* ----------------------------------------------- */
}
@media only screen and (min-width: 768px) {
    /* Till  desktop: G800 */
body {  height: 100%;
       background-color:#004400; /* bort? */
background: #004400; /* fallback for old browsers */
background: -webkit-linear-gradient(#004400, #004400, #004400, #006600); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient( #004400, #004400, #004400, #006600); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
color: #ffffff;
}
TD {BACKGROUND-COLOR: #004400;}
TH {BACKGROUND-COLOR: #003300; }
#runda-horn {background: #004400;border:4px solid #005000; }
.col-2 {background-color: #004200;padding: 1px; color: #ffffff; text-align: center; font-size: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
}
/* --------------------iframe responsiv--------------------------- */