@import url("meny2010.css"); 

body {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #ffffff;
}
h1 {margin: 0 0 0.5em 0; font-size: 2em;background-color: #4769FF;color: #FFFFFF;}
h2 {margin: 0 0 0.5em 0; font-size: 2.5em;}
h3 {margin: 1em 0 0.5em 0; font-size: 1.5em;}
h4 {margin: 1.5em 0 0.5em 0; font-size: 1em;background-color: #4769FF;color: #FFFFFF;}

/* SIDLAYOUT */
#layout { float: left; width: 980px;}
/* SIDHUVUD */
#sidhuvud { padding: 10px; margin: 10px;height: 100px;background-color: #FFFFFF; }
.sidhuvud_rubrik {
	font-size: 80px;
	letter-spacing: 2px;
	margin: 10px;
	padding: 20px;
	line-height: 100px;
	color: #FFFFFF;
	vertical-align: baseline;
}
#loginbox {
	margin:20px 20px 20px 20px;
	font-size: 14px;
	background-color: #D4BFAA;
	width: 140px;
	padding: 10px;
	position: absolute;
	right: 70px;
	top: 7px;
}
#sidbox {
	margin:3px 3px 3px 3px;
	font-size: 10px;
	background-color: #D4BFAA;
	width: 140px;
	padding: 10px;
	position: absolute;
	right: 87px;
	top: 62px;
	Text-align:center;
}
/*sidfot*/
#sidfot {margin: 0 0 0 0;
	clear: both;
	padding: 10px;
    height:30px;
	background-color: #FFCC66;
	font-size: 10px;
	Text-align:center;

}

/* KOLUMNBOX */
#kolumncontainer{ float: left; width: 975px;}
/* KOLUMN 1 */
#kolumn1 {float: left; width: 500px; padding: 10px 10px 15px 10px;}
#kolumn1 p {line-height: 20px; margin: 0 0 10px 0;}
/* KOLUMN 2 */
#kolumn2 {float: left; width: 350px; padding: 10px 10px 10px 10px; margin: 0 0 0 10px;}
/* KOLUMN 22 villkor */
#sidfot22 {margin: 0 0 0 0;clear: both;padding: 10px;
background-color: #a1ba67;font-size: 10px;Text-align:center;}
#kolumncontainer22{float: left;margin: 0 10px 0 0; border-right: 1px solid #666666; border-left: 1px solid #666666;}
#layout22 { float: left; width: 662px;margin: 30px 0 0 10px;}
#kolumn22 {float: left; width: 640px;margin: 0 0 0 0px; padding: 10px; background: #ffffff; line-height: 1.5em;}
.rundh_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #a1ba67;}
.rundh_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #a1ba67;}
.rundh_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #a1ba67;}
.rundh_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #a1ba67;}

/* V I P Tillägg **********MEDLEMSSIDOR************* */
#sidhuvud_vip {padding: 10px; margin: 0 0 0 0px; background: #a9a9a9;Text-align:center; height: 53px;color:#ffffff;}
#sidfot23 {margin: 0 0 0 0px;clear: both;padding: 10px;	background-color: #778899;font-size: 10px;Text-align:center;color:#ffffff;}
#kolumncontainer23{float: left;margin: 0 50px 0 80px;
border-right: 2px solid #666666; border-left: 1px solid #666666;width: 879px;}
#layout23 { float: left; width: 850px;margin: 0;padding: 0;}
#kolumn23 {float: left;width: 878px; height: 639px;
margin: 0;
padding: 0;
background: #87CEFA;
line-height: 1.5em;
border-right: 2px solid #666666;
border-left: 1px solid #666666;
left:50px;
top:100px;}
#content {float: left;width: 878px; height: 588px;
margin: 8px;padding: 0;}
.viprund_r4{margin: 0 1px; height: 1px; overflow: hidden; background: #808080;}
.viprund_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #808080;}
.viprund_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #808080;}
.viprund_r1{margin: 0 4px; height: 1px; overflow: hidden; background: #808080;}
/*Koden för marginaler anges i ordningen top - right - bottom - left */
#vipbox {
	margin:8px 8px 10px 10px;
	font-size: 12px;
	width: 200px;
	padding: 10px;
    background: #87CEFA;
	position: absolute;
    border-right-width: 3px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
    border-top-style: solid;
    border-top-color: #C0C0C0;
    border-bottom-color: #666666;
    border-bottom-style: solid;
	border-right-color: #666666;
	border-left-color: #C0C0C0;
	left: 600px;
	top: 105px;
}
#vipbox1 {
	margin:8px 10px 10px 10px;
	font-size: 12px;
	width: 200px;
	padding: 10px;
    background: #87CEFA;
	position: absolute;
    border-right-width: 3px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
    border-top-style: solid;
    border-top-color: #C0C0C0;
    border-bottom-color: #666666;
    border-bottom-style: solid;
	border-right-color: #666666;
	border-left-color: #C0C0C0;
	left: 600px;
	top: 220px;
}
#vipbox2 {
	margin:8px 10px 10px 10px;
	font-size: 12px;
	width: 200px;
	padding: 10px;
    background: #87CEFA;
	position: absolute;
    border-right-width: 3px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
    border-top-style: solid;
    border-top-color: #C0C0C0;
    border-bottom-color: #666666;
    border-bottom-style: solid;
	border-right-color: #666666;
	border-left-color: #C0C0C0;
	left: 600px;
	top: 330px;
}
#vipbox3 {
	margin:8px 10px 10px 00px;
	font-size: 12px;
	width: 200px;
	padding: 10px;
    background: #87CEFA;
	position: absolute;
    border-right-width: 3px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
    border-top-style: solid;
    border-top-color: #C0C0C0;
    border-bottom-color: #666666;
    border-bottom-style: solid;
	border-right-color: #666666;
	border-left-color: #C0C0C0;
	left: 610px;
	top: 440px;
}
#commentbox {
	margin:8px 10px 8px 10px;
	font-size: 12px;
	width: 430px;
	padding: 10px;
    background: #87CEFA;
    border-right-width: 3px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
    border-top-style: solid;
    border-top-color: #C0C0C0;
	border-bottom-color: #666666;
    border-bottom-style: solid;
	border-right-color: #666666;
	border-left-color: #C0C0C0;
    left: 100px;
}
#commentbox1 {
	margin:8px 10px 10px 00px;
	font-size: 12px;
	width: 500px;
	padding: 10px;
    background: #87CEFA;
	position: absolute;
    border-right-width: 3px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
    border-top-style: solid;
    border-top-color: #C0C0C0;
    border-bottom-color: #666666;
    border-bottom-style: solid;
	border-right-color: #666666;
	border-left-color: #C0C0C0;
	left: 260px;
	top: 430px;
}

/* KOLUMN 3 **********SIDLAYOUT WEBSIDOR****************** */
#kolumn3 {
	float: left;
	width: 650px;
	padding: 5px;
    margin: 5px;
    background-color: #ffffff;
}
#kolumn3 p {line-height: 20px; margin: 0 0 5px 10px;}

#info1  {margin: 0; padding: 0;background-color:#FFFFFF;width: 290px; text-align:center;
    border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
    border-top-style: solid;
    border-top-color: #C0C0C0;
    border-bottom-color: #666666;
    border-bottom-style: solid;
	border-right-color: #666666;
	border-left-color: #C0C0C0;}
#info2 {
	margin:0px ;
	text-align:center;
	background-color: #ffffff;
	width: 290px;
	padding: 0px;
    border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
    border-top-style: solid;
    border-top-color: #C0C0C0;
	border-bottom-color: #666666;
    border-bottom-style: solid;
	border-right-color: #666666;
	border-left-color: #C0C0C0;
    position: absolute;
	left: 560px;
	top: 230px;
}
/* BOX 1 - innehåll */
#kolumnbox1 {
	margin:20px 20px 20px 20px;
	background-color: #dee7ef;
	width: 200px;
	padding: 10px;
    border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
    border-top-style: solid;
    border-top-color: #666666;
	border-bottom-color: #666666;
    border-bottom-style: solid;
	border-right-color: #666666;
	border-left-color: #C0C0C0;
    position: absolute;
	left: 900px;
	top: 175px;
}
#kolumnbox1 p {line-height: 15px; margin: 0;}
/* BOX 1 runda hörn */
.rund1 {margin: 0 0 15px 0; background: none;}
.rundtopp1 {background: transparent;}
.rundbotten1 {background: transparent;}
.rund1_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #ff9955; border-left: 1px solid #DAA520; border-right: 1px solid #DAA520;}
.rund1_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #ff9955; border-left: 1px solid #DAA520; border-right: 1px solid #DAA520; border-width: 0 2px;}
.rund1_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #ff9955; border-left: 1px solid #DAA520; border-right: 1px solid #DAA520;}
.rund1_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #ff9955; border-left: 1px solid #DAA520; border-right: 1px solid #DAA520;}

/* BOX 2 - innehåll */
#kolumnbox2 {
	margin: 0;
	padding: 0 10px 0 10px;
	background-color: #ffffff;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #DAA520;
	border-left-color: #DAA520;
}
#kolumnbox2 p {line-height: 15px; margin: 0;}
/* BOX 2 runda hörn */
.rund2 {margin: 0 0 15px 0; background: none;}
.rundtopp2 {background: transparent;}
.rundbotten2 {background: transparent;}
.rund2_r1{
	margin: 0 5px;
	height: 1px;
	overflow: hidden;
	background-color: #ff9955;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #DAA520;
	border-left-color: #DAA520;
}
.rund2_r2{
	margin: 0 3px;
	height: 1px;
	overflow: hidden;
	background-color: #ff9955;
	border-top-width: 0;
	border-right-width: 2px;
	border-bottom-width: 0;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #DAA520;
	border-left-color: #DAA520;
}
.rund2_r3{
	margin: 0 2px;
	height: 1px;
	overflow: hidden;
	background-color: #ff9955;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #DAA520;
	border-left-color: #DAA520;
}
.rund2_r4{
	margin: 0 1px;
	height: 2px;
	overflow: hidden;
	background-color: #ff9955;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #DAA520;
	border-left-color: #DAA520;
}

/* BOX 3 - innehåll WEBSIDOR*/
#kolumnbox3 {
	min-height: 500px;
	margin: 0;
	padding: 0 10px 0 10px;
    background-color: #ffffff;
    border-right-width: 5px;
	border-left-width: 4px;
	border-right-style: solid;
	border-left-style: solid;
    border-top-style: solid;
    border-top-color: #9caac6;
    border-bottom-color: #f5f5f5;
    border-bottom-style: solid;
	border-right-color: #9caac6;
	border-left-color: #f5f5f5;

}
#kolumnbox3 p {line-height: 20px; margin: 0;}

/* BOX  - infobox på starsida index.php*/
#indexbox {
	margin:20px 20px 20px 20px;
	font-size: 14px;
	background-color: #ffffff;
	width: 200px;
	padding: 10px;
    border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
    border-top-style: solid;
    border-top-color: #666666;
	border-bottom-color: #666666;
    border-bottom-style: solid;
	border-right-color: #666666;
	border-left-color: #C0C0C0;
    position: absolute;
	left: 900px;
	top: 110px;
}
/* Teckenfördelning */
#tecken {
    width: 460px;
    min-height: 200px;
    padding: 10px;
    background-color: #FFFF00;
    position: relative;
    top:10px
    }
/* Sidhuvud regsida */
#sidhuvud_reg {padding: 10px; margin: 0; background: #a1ba67;}
#laddabox {
	margin:8px 10px 10px 10px;
	font-size: 12px;
	width: 180px;
	padding: 10px;
    background: #EEE8AA;
    border-right-width: 3px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
    border-top-style: solid;
    border-top-color: #C0C0C0;
    border-bottom-color: #666666;
    border-bottom-style: solid;
	border-right-color: #666666;
	border-left-color: #C0C0C0;
}
/* boxar för vipsidans systemsida */
#laddabox1 {
	margin:8px 10px 10px 10px;
	font-size: 12px;
	width: 232px;
	padding: 10px;
    background: #EEE8AA;
    border-right-width: 3px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
    border-top-style: solid;
    border-top-color: #C0C0C0;
    border-bottom-color: #666666;
    border-bottom-style: solid;
	border-right-color: #666666;
	border-left-color: #C0C0C0;
}
#laddabox2 {
	margin:8px 10px 10px 10px;
	font-size: 12px;
	width: 232px;
	padding: 10px;
    background: #EEE8AA;
    border-right-width: 3px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
    border-top-style: solid;
    border-top-color: #C0C0C0;
    border-bottom-color: #666666;
    border-bottom-style: solid;
	border-right-color: #666666;
	border-left-color: #C0C0C0;
    position:absolute;
    left: 390px;
	top: 177px;
}
#laddabox3 {
	margin:8px 10px 10px 10px;
	font-size: 12px;
	width: 232px;
	padding: 10px;
    background: #EEE8AA;
    border-right-width: 3px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
    border-top-style: solid;
    border-top-color: #C0C0C0;
    border-bottom-color: #666666;
    border-bottom-style: solid;
	border-right-color: #666666;
	border-left-color: #C0C0C0;
    position:absolute;
    left: 390px;
	top: 400px;
}
#vinnarbox {
	margin:8px 10px 10px 10px;
	font-size: 12px;
	width: 160px;
	padding: 10px;
    background: #EEE8AA;
    border-right-width: 3px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
    border-top-style: solid;
    border-top-color: #C0C0C0;
    border-bottom-color: #666666;
    border-bottom-style: solid;
	border-right-color: #666666;
	border-left-color: #C0C0C0;
    position:absolute;
    left: 700px;
	top: 177px;
}
/* slut - boxar för vipsidans systemsida */
#teckenbox {
	margin:8px 10px 10px 10px;
	font-size: 12px;
	width: 220px;
	padding: 10px;
    background: #EEE8AA;
    border-right-width: 3px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
    border-top-style: solid;
    border-top-color: #C0C0C0;
    border-bottom-color: #666666;
    border-bottom-style: solid;
	border-right-color: #666666;
	border-left-color: #C0C0C0;
}

#lottobox1 {
	margin:8px 10px 10px 10px;
    color:#ff0000;
	font-size: 12px;
	width: 245px;
	padding: 10px;
    background: #EEE8AA;
    border-right-width: 3px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
    border-top-style: solid;
    border-top-color: #DAA520;
    border-bottom-color: #DAA520;
    border-bottom-style: solid;
	border-right-color: #DAA520;
	border-left-color: #DAA520;
    position:absolute;
    left: 830px;
	top: 170px;
}
#bildbox1 {
	margin:0px 0px 0px 2px;
	width: 60px;
	padding: 3px;
	position: absolute;
	left: 2px;
	top: 700px;
}
#linkbox {
	margin:0px 0px 0px 2px;
	width: 80px;
	padding: 3px;
	position: absolute;
	left: 2px;
	top: 720px;
}
#wwwcombox {
	margin:8px 10px 10px 10px;
	font-size: 12px;
	width: 360px;
	padding: 10px;
    background: #EEE8AA;
    border-right-width: 3px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
    border-top-style: solid;
    border-top-color: #C0C0C0;
    border-bottom-color: #666666;
    border-bottom-style: solid;
	border-right-color: #666666;
	border-left-color: #C0C0C0;
    position:absolute;
    left: 500px;
	top: 177px;
}
#vinnarbox2 {width: 235px;padding:10px;background-color: #99ffff;position:absolute;
    left: 500px;
	top: 170px;}
#box {background-color: #E0E0E0;width: 420px;padding: 25px;}
#googlebox {background-color: #ffffff;width: 252px;position:absolute;
    right: 100px;
	top: 200px;
}
#svspelbox {background-color: #ffffff;width: 250px;position:absolute;
    right: 100px;
	top: 400px;
}
#Spelalottobox {background-color: #EEE8AA;width: 320px;padding: 25px;}
#tillsalubox{width: 120px;position:absolute;
    right: 100px;
	top: 700px;
}

#travproffs{width: 220px;position:absolute;
    right: 500px;
	top: 450px;
}
#skyskrapa {width: 180px;position:absolute;
    right: 75px;
	top: 120px;}

#box0 {margin: 0; padding: 0;background-color:#FFFFFF;width: 450px; padding: 10px;text-align:center;}
.vit{color:#ffffff;}
.green {background-color: #006600;color:#ffffff}
.lawngreen {background-color: #7CFC00}
.red { background-color: #FF0000; color:#ffffff;font-size: 12px;}
.gul { background-color: #FFFF00}
.centrera{text-align:center}
.bluefont{color:#0000ff}
.redfont {color:#ff0000}
.gold { background-color: #FFD700;}


/* välkomstboxar på  sidan*/
#travbox {width: 550px;padding: 10px;;top:250px;background-color: #DEE7EF;}
#travbox1 {width: 550px;padding: 10px;background-color: #DEE7EF;text-align:center;}
#travbox2 {width: 650px;padding: 10px;margin-right: auto; margin-left: auto;top:750px;height:50px;}

#titelbox {width: 200px;padding:10px;
    position:absolute;
    left: 30px;
	top: 40px;}
   /* laddanerbox på  lottosidan*/
#box2gul {width: 200px;padding: 10px;margin-right: auto; margin-left: auto;background-color: #FFFF00;text-align:center;}