/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-weight: normal;
	color: #f0f0f0;
	font-size: 100%;
	background:#333 url(../images/bg.jpg) repeat-x;
}

h1 {font-size:140%; font-weight:normal; color:#f0f0f0;}
h1 span {font-size:75%; color:#dcdcdc;}
h2 {font-size:120%; font-weight:normal; color:#dcdcdc;}
h3 {font-size:100%; font-weight:normal; color:#dcdcdc;}
h4 {}
p {font-size:80%; font-weight: normal; color:#f0f0f0;}
img {border:0px;}
.rensa {clear:both; height:1px;}

/* LAYOUT RAM */

/*#ram {width:980px; margin:0px auto 0px auto; height:100%;}*/
#ram-topp {width:980px; margin:0px auto 0px auto; height:52px;}
#ram-meny-bild {width:980px; margin:0px auto 0px auto; height:345px;}
#ram-mitten {margin:0px; padding:0px 0px 30px 0px; width:100%; background-color:#000; overflow:hidden;}
#ram-innehall {width:980px; margin:0px auto 0px auto; height:100%; clear:both;}
#ram-sidfot {width:980px; margin:0px auto 0px auto; height:100%;}

/* TOPP */
#ram-topp h1 {text-align:right; padding:13px 0px 0px 0px;}

/* MENY VERTIKAL */
#meny {float:left; width:245px; padding:5px 0px 0px 0px;}
#meny ul {margin:0px; padding:0px; list-style:none;}
#meny ul li {font-family:"Courier New", Courier, monospace; border-bottom: 1px dashed #666; border-width: 1px 0; padding:1px 0px 1px 0px;height:16px;}
#meny ul li#slut {border-bottom: 0px;}
#meny ul li a {display:block; height:16px; text-decoration:none; color:#f0f0f0; font-size:80%; border:0px;}
#meny ul li a:hover, #meny ul li#aktiv {background:#000; color:#f90;}
#meny ul li#aktivslut {background:#000; color:#f90; border-bottom: 0px;}

/*#meny ul li a.tooltip {position:relative; z-index:24;}
#meny ul li a.tooltip:hover{z-index:25;}
#meny ul li a.tooltip span{display: none}
#meny ul li a.tooltip:hover span {background:#666 url(../images/bg_meny_tooltip.gif) no-repeat; font-family:Arial, Tahoma, Verdana, sans-serif; font-size:85%; display:block; position:absolute; top:25px; left:10px; width:auto; padding:7px 10px 10px 30px;; border:1px dashed #999; color:#f0f0f0;text-align:left}
#meny ul li a.tooltip:hover span strong {color:#f90;} */


/* BILDSPEL/STOR BILD */
#bildspelbox {float:right; width:725px;}
#bildspel {width:725px;height:350px;}

/* INNEHALL VANSTER */
#ram-innehall #vansterbox {width:245px; float:left; padding:50px 0px 0px 0px;}
#ram-innehall #vansterkontaktbox {width:245px; float:left; padding:12px 0px 0px 0px;}
#ram-innehall #vansterbox .nyheterdatum {text-align:right; font-family:"Courier New", Courier, monospace;}
#ram-innehall #vansterbox .nyheterdatum h1.vecka {color:#666; font-size:300%; margin:0px; padding:0px;}
#ram-innehall #vansterbox .nyheterdatum p {color:#999; font-size:80%; margin:0px; padding:0px;}

#ram-innehall #vansterbox .arkiv {text-align:left; font-family:"Courier New", Courier, monospace;}
#ram-innehall #vansterbox .arkiv h1 {color:#999; margin:0px; padding:40px 0px 10px 0px;}
#ram-innehall #vansterbox .arkiv table#arkiv {margin:0px; padding:0px; list-style:none;}
#ram-innehall #vansterbox .arkiv table#arkiv td {font-size:80%; padding:2px 0px 2px 0px;font-family:"Courier New", Courier, monospace;}
#ram-innehall #vansterbox .arkiv table#arkiv td.lank {border-bottom:1px dashed #666;}
#ram-innehall #vansterbox .arkiv table#arkiv td.lank a {display:block; text-decoration:none; color:#f90;  letter-spacing:0.5px; border:0px; padding:2px 0px 2px 0px;}
#ram-innehall #vansterbox .arkiv table#arkiv td.lank a:hover {background:#333; color:#f0f0f0; padding:2px 0px 2px 5px;}

#ram-innehall #vansterbox .info, #ram-innehall #vansterkontaktbox .info {text-align:left; font-family:"Courier New", Courier, monospace;}
#ram-innehall #vansterbox .info h1, #ram-innehall #vansterkontaktbox .info h1 {color:#999; margin:0px; padding:2px 0px 10px 0px;}
#ram-innehall #vansterbox .info h2 {padding:10px 0px 0px 0px;}
#ram-innehall #vansterbox .info p , #ram-innehall #vansterkontaktbox .info p{color:#999; font-size:80%; margin:0px; padding:0px;}
#ram-innehall #vansterbox .info p.visamappbild {display:block; background-color:#fff; text-align:center;}
#ram-innehall #vansterbox .info p.lank, #ram-innehall #vansterkontaktbox .info p.lank {background:#000 url(../images/bg_lank.gif) no-repeat;}
#ram-innehall #vansterbox .info p.lank a, #ram-innehall #vansterkontaktbox .info p.lank a {display:block; text-decoration:none; color:#f90;  letter-spacing:0.5px; border:0px; padding:7px 0px 2px 25px;}
#ram-innehall #vansterbox .info p.lank a:hover, #ram-innehall #vansterkontaktbox .info p.lank a:hover {background:#333 url(../images/bg_lank_hover.gif) no-repeat; color:#f0f0f0; padding:7px 0px 2px 25px;}
#ram-innehall #vansterkontaktbox .info .kontakt {clear:left;}
#ram-innehall #vansterkontaktbox .info .kontakt img {float:left; margin:0px 10px 10px 0px;}
#ram-innehall #vansterkontaktbox .info .kontakt p.lank {background:#000 url(../images/bg_lank.gif) no-repeat; margin:0px 0px 0px 80px;}

#content{margin:0px; font-size:80%;}

/* INNEHALL HOGER */
#ram-innehall #hogerbox {width:725px; float:right}
#ram-innehall #hogerbox h1 {font-family:"Courier New", Courier, monospace; margin:15px 0px 0px 0px; color:#f90;}
#ram-innehall #hogerbox .nyhetsbox {padding:15px 0px 0px 0px;}
#ram-innehall #hogerbox .nyhetsbox .nyhetstext {width:410px; float:left;}
#ram-innehall #hogerbox .nyhetsbox .nyhetstext h2 {font-family:"Courier New", Courier, monospace; margin:0px 0px 7px 0px;}
#ram-innehall #hogerbox .nyhetsbox .nyhetstext p {font-size:80%; line-height:18px;}
#ram-innehall #hogerbox .nyhetsbox .nyhetstext a {color:#f90; border:0px; text-decoration:none;}
#ram-innehall #hogerbox .nyhetsbox .nyhetstext a:hover {color:#f0f0f0; background-color:#666; border:0px; text-decoration:none;}
#ram-innehall #hogerbox .nyhetsbox .nyhetsbild {width:300px; float:right; text-align:right;}
#ram-innehall #hogerbox .nyhetsbox .nyhetsbild img {border:0px;}
#ram-innehall #hogerbox .nyhetsbox .nyhetsbild a {text-decoration:none; color:#000; border:0px;}

#ram-innehall #hogerbox .textbox, #ram-innehall #hogerbox .eventtbox {padding:15px 0px 0px 0px;}
#ram-innehall #hogerbox .textbox h2 {font-family:"Courier New", Courier, monospace; margin:0px 0px 7px 0px;}
#ram-innehall #hogerbox .textbox h3 {font-family:"Courier New", Courier, monospace; margin:10px 0px 3px 0px; color:#fff; background:#000 url(../images/bg_h3.gif) no-repeat; padding:0px 0px 0px 20px;}
#ram-innehall #hogerbox .textbox p {font-size:80%; line-height:18px; padding:0px 0px 7px 0px;}
#ram-innehall #hogerbox .textbox p.lank{font-family:"Courier New", Courier, monospace; background:#000 url(../images/bg_lank.gif) no-repeat;}
#ram-innehall #hogerbox .textbox p.lank a {display:block; text-decoration:none; color:#f90;  letter-spacing:0.5px; border:0px; padding:5px 0px 2px 25px;}
#ram-innehall #hogerbox .textbox p.lank a:hover {background:#333 url(../images/bg_lank_hover.gif) no-repeat; color:#f0f0f0; padding:5px 0px 2px 25px;}
#ram-innehall #hogerbox .textbox ul {font-size:80%; line-height:18px; margin:0px 0px 0px 0px; padding:0px 0px 7px 0px; list-style:none;}
#ram-innehall #hogerbox .textbox ul li {background:#000 url(../images/bg_li_mark.gif) no-repeat; padding:0px 0px 5px 15px;}
#ram-innehall #hogerbox .vanstertextbox {width:400px; float:left;}
#ram-innehall #hogerbox .hogertextbox {width:300px; float:right;}

/* INNEHALL HOGER SORTIMENT */

#ram-innehall #hogerbox .thumbsboxprojekt {margin:0px; padding-top:10px;}
#ram-innehall #hogerbox .thumbsboxprojekt p {padding-bottom:5px; text-align:right; border-bottom:1px dashed #999999; font-size: 80%; color:#ffffff;}
#ram-innehall #hogerbox .thumbsboxprojekt p.antalunder {font-size:70%; border:0px; padding-right:10px;}
#ram-innehall #hogerbox .thumbsboxprojekt p.test {font-size:70%; border:0px;text-align: left;}
#ram-innehall #hogerbox ul.thumbslistserie {margin:0px 0px 5px 0px; padding:10px 0px 10px 0px; border-bottom:1px dashed #999999; height:130px;}
#ram-innehall #hogerbox .thumbslistserie li {float:left; display:inline; list-style-type:none; padding-right:10px;}
#ram-innehall #hogerbox .thumbslistserie li img {border:0px; padding:2px;}
#ram-innehall #hogerbox .thumbslistserie li a img {border: 1px solid #000000;}
#ram-innehall #hogerbox .thumbslistserie li a:hover img {border:1px solid #ccc; background-color:#333;}
#ram-innehall #hogerbox .thumbsboxprojekt p.lank{font-family:"Courier New", Courier, monospace; background-color:#000;}
#ram-innehall #hogerbox .thumbsboxprojekt p.lank a {text-decoration:none; color:#f90;  letter-spacing:0.5px; border:0px; padding:5px 5px 2px 5px;}
#ram-innehall #hogerbox .thumbsboxprojekt p.lank a:hover {background-color:#333; color:#f0f0f0; padding:5px 5px 2px 5px;}
/* INNEHALL VANSTER SIDFOT */
#ram-sidfot #vanstersidfotbox {width:245px; float:left; padding:20px 0px 0px 0px; font-family:"Courier New", Courier, monospace; font-size:75%;}
#ram-sidfot #vanstersidfotbox a {text-decoration:none; color:#f0f0f0;}
#ram-sidfot #vanstersidfotbox a:hover {text-decoration:none; color:#f90;}
#ram-sidfot #hogersidfotbox {width:725px; float:right; padding:20px 0px 0px 0px; text-align:right; }
#ram-sidfot #hogersidfotbox img {border:0px;}

/* FORMULAR PRODUKTSOK, NYHETSBREV */
#sokform table#produktsok {font-family:"Courier New", Courier, monospace; font-size:90%;}
#nyhetsbrevform {font-family:"Courier New", Courier, monospace; font-size:80%; padding:10px; border:1px solid #f90; width:400px;}
.nyhetsbrevbox {font-family:"Courier New", Courier, monospace; font-size:100%; padding:10px; border:1px solid #f90; width:400px; margin-top:15px;}
.nyhetsbrevbox span {color:#f90;}
#ram-innehall #hogerbox .textbox #nyhetsbrevform p {font-size:100%;}
#ram-innehall #hogerbox .textbox #nyhetsbrevform p span, #ram-innehall #hogerbox .textbox #nyhetsbrevform label span {color:#f90;}
#sokform .falt, #nyhetsbrevform .falt {font-family:"Courier New", Courier, monospace; margin:5px 0px 10px 0px; padding:5px 5px 3px 5px; border: 1px solid #fafafa; width:250px; background:url(../images/bg_falt.jpg) no-repeat;}
#sokform .knapp, #nyhetsbrevform .knapp {font-family:"Courier New", Courier, monospace; margin:5px 0px 10px 0px; border: 1px solid #999; width: 80px; background: white url(../images/button_style2.png) bottom left no-repeat; padding: .3em 1em .4em;}

/* FORMULAR SORTIMENT */

#doljram {display:none; background-color:#000; position: absolute;
top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	filter:alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	z-index: 50;
	}

#visaform {display:none; padding:10px; position: absolute; 
	left: 50%; 
	top: 50%; 
	margin-left:-300px; 
	margin-top:-350px; 
	z-index: 100; 
	height: auto; 
	width: auto; 
	background-color: #fff; 
	}
#close {width:100%; height:30px; background-color:#fff;margin:0px; padding:10px 0px 0px 0px; text-align:right;}
#close img {border:0px;}

/* BILDSPEL STARTSIDAN */