body,html {
	 margin:0px;
	 font-family: Arial, Geneva,  Helvetica, sans-serif;
    color:#fff;
    height:100%;
 /*
    scrollbar-arrow-color: #069FEB; 
	scrollbar-3dlight-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-face-color: #069FEB;
	scrollbar-shadow-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-track-color: #fff;
*/
	}
	
#container {
	background: #FFF; 
	width: 992px;
	height: 549px;
	margin: 0px;
	padding: 0px;
	line-height: 1.36em;
	/* centrering vertikalt och horisontellt */
	position: absolute;
	top:50%;
	left: 50%;
	margin-left: -496px;
	margin-top: -274px;
	/* /centrering vertikalt och horisontellt */
	background-image: url(../media/bg_container_notext.jpg);

	}

#header {
	/* Vanlig plats för loggan som länkar till startsidan */
	position: absolute;
	width: 465px;
	height:30px;
	margin-left: 30px;
	margin-top: 28px;
	background-color: transparent;
	}


#navcontainer {
	 z-index:89;
	 position: absolute;
     background: transparent; 
	 width: 115px;
	 height: 450px;
	 margin-top: 92px;
	 margin-left: 22px; /*-25*/ 
	 border: 0px solid green;
	 overflow: auto;
	 
	 }
	 
.submeny {
	line-height: 1.0em;
	font-size: 0.8em;}
	
ul { 
	list-style-type: bullet;
 	}		


/* navigering i vanstermenyn */	
#navlist {margin: 0px; padding: 1px 0px;}
.kon {background: transparent; margin: 1px; padding: 0px; list-style-type: none; font-weight: bold; color: #eee; font-size: 0.8em;} 
#navlist li {background: transparent; margin: 1px; padding: 0px; list-style-type: none; font-weight: bold; color: #eee;} 
#navlist li a {background: transparent; margin: 2px 0px;  text-decoration: none; font-weight: bold; font-size: 0.8em;}			 
		
/* navigering med dropdown */		
		#nav {
			display: block;
			float: right; 
			}			
		#nav .no_a {
			cursor: default;
			}				
		
		#nav a {
			display: block; 
			}

		#nav li li a:hover {
			z-index:89;
			}
					
		#nav li {
			float: left;
			position: relative;
			padding-left: 10px;
			padding-right: 10px;
			list-style-type: none;

			}
		#nav li a{
			color: #000;
			
			
			}	
		#nav li a:hover{
			z-index:100;
			}
				
		#nav li ul { /* hela undermeny */
			left: -999em;
			position: absolute;
			width: 230px;
			}
			
		#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
			left: auto;
			z-index:120;
			position: relative;
			/* left: -2px; för att explorer skjuter den 2pixlar åt sidan */
		}
		

		/* navigering med dropdown */
	
	
	
	
	
		/* navigering utan dropdown */
		#navnodrop a {
			display: block; 
			}
		#navnodrop li li a:hover {
			z-index:100
			}	
		#navnodrop li {
			float: left;
			position: relative;
			}
		#navnodrop li a{
			color: #fff;}	
		#navnodrop li a:hover{
			z-index:100
			}
		#navnodrop li ul { /* hela undermeny */
			left: auto;
			z-index:120;
			position: relative;
			left: -2px;/* för att explorer skjuter den 2pixlar åt sidan */
			}
		/*  / navigering utan dropdown */	
		
		
		
#rubrikcontainer {
	/* För att rubriken ska ligga fast */
	position: absolute;
	float: right;
	width: 500px;
	height:43px;
	overflow: none;
	padding: 0px;
	margin-top: 39px;
	margin-left: 439px;
	background-color: transparent;
	z-index: 90;
	border: 0px solid red;
	font-size: 1.3em;
	}
	

	
.undermeny_dam {
	position: absolute;
	width: 900px;
	height: 430px;
	clear: both;
	padding: 0px;
	margin-left: -591px; /*  -647, flytta 56 vid storleksandring pa menyn */	
	margin-top: 6px;
	margin-bottom: 0px;
	background: #fff url(../media/bg_undermeny.jpg) top no-repeat;
	border: 1px solid #555;
	text-align: left;
	display:none;
	z-index: 90;
} 	

.undermeny_herr {
	position: absolute;
	width: 900px;
	height: 430px;
	clear: both;
	padding: 0px;
	margin-left: -656px; 
	margin-top: 6px;
	margin-bottom: 0px;
	background: #fff url(../media/bg_undermeny.jpg) top no-repeat;
	border: 1px solid #555;
	text-align: left;
	display:none;
	z-index: 90;
} 	

.undermeny_acc {
	position: absolute;
	width: 900px;
	height: 430px;
	clear: both;
	padding: 0px;
	margin-left: -711px; 
	margin-top: 6px;
	margin-bottom: 0px;
	background: #fff url(../media/bg_undermeny.jpg) top no-repeat;
	border: 1px solid #555;
	text-align: left;
	display:none;
	z-index: 90;
} 	
	
.innertube_undermeny{
	margin-left: 8px;
	margin-top: 43px;
	margin-right: 8px;
	}	
	
#ram{
	float: left;
	width: 130px;
	height: 410px;
	background: #fff url(../media/produktbg.gif) top no-repeat;
	text-align:center;
	padding: 5px;
	margin: 4px; 
	border: 1px solid #777;
	color: #777;
	font-size: 7.2pt;
	line-height:110%;
	}

#ram a, #ram a:visited, #ram a:active {
	color: #000000;
	}	



#ram_viewlist{
	float: left;
	width: 125px;
	height: 190px;
	text-align:center;
	padding: 5px;
	margin: 4px; 
	border: 1px solid #fff;
	color: #777;
	font-size: 7.2pt;
	line-height:110%;
	}
	
#ram_viewlist h3{
	margin-top:6px;
	}	

#ram_viewlist a, #ram_viewlist a:visited, #ram_viewlist a:active {
	color: #000000;
	}	
	
#ram_viewlist:hover {
	border: 1px solid #000;
	}		

		
#content {
/* Det är content som scrollas */
	position: absolute;
	float: right;
	width: 810px;
	height: 369px;
	overflow: auto;
	padding: 10px;
	padding-top: 24px;
	margin-top: 107px;
	margin-left: 158px;
	color: #333;
	text-align:left;
	font-size: 0.82em;
	line-height:120%;
	background-color: transparent;
	z-index: 3;
	border: 0px solid red;

	}
	
	
#content_list {
/* brett lager for att visa manga produkter */
	position: absolute;
	float: left;
	width: 896px;
	height: 425px;
	overflow: auto;
	padding: 0px;
	margin-top: 92px;
	margin-left: 42px;
	color: #333;
	text-align:left;
	font-size: 68%;
	line-height:150%;
	background-color: transparent;
	z-index: 3;
	}	
	
#content_marginal {
/* lika bred som texten eller övrigt som stämmer in med layouten */
	width: 790px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	z-index: 3;

	}	
	
#text-column {
	/* denna kan admin välja i verktyget */
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 380px;
	float: left;
	z-index: 3;
	width: 355px;
	}	
		
#content_default {
/* används bara om defaultsidan är en nyhetsteaser */
	position: absolute;
	float: right;
	width: 340px;
	height: 390px;
	overflow: auto;
	padding: 0px;
	margin-top: 80px;
	margin-left: 488px;
	color: #333;
	text-align:left;
	font-size: 68%;
	line-height:150%;
	background-color: red;
	z-index: 3;
	}	
	
#newsteaser_default {
/* används bara om defaultsidan är en nyhetsteaser */
	position: absolute;
	float: right;
	width: 321px;
	height: 80px;
	overflow: auto;
	padding: 0px;
	margin-top: 400px;
	margin-left: 340px;
	color: #333;
	text-align:left;
	font-size: 68%;
	line-height:150%;
	background-color: transparent;
	z-index: 3;
	border: 0px solid blue;
	}
	
#slideshow {
/* Ett lager som ligger over bakgrundsbilden till hoger for att kunna visa bildspel */
	position: absolute;
	width: 400px;
	height: 390px;
	margin-top: 107px;
	margin-left: 539px;
	text-align:right;
	background-color: transparent;
	z-index: 2;
	float:right;
	}	

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
	
}


#content a:visited, #produktblad_login a:visited {
	text-decoration:none; 
	color:#273D62;  
	}

#content a, #produktblad_login a {
	text-decoration:none; 
	color:#273D62;
	}

#content a:hover, #produktblad_login a:hover {
	color: #273D62;
	text-decoration:underline; 
	}

#content a:active, #produktblad_login a:active {
	text-decoration:none;  
	color:#273D62; 
	}	
		
	
#nyhetsdatum{
	color:#FF6600;
	}		
#nyhetsdatum a, #nyhetsdatum a:visited, #nyhetsdatum a:active {
	color:#333;
	}		
#nyhetsdatum  a:hover {
	text-decoration:none; 
	color:#FF6600;
	}			
	
#sidebar-a {
	/* Det är denna som får en ny background om admin väljer det... */
	position: absolute;
	width: 829px; /*304 är den egentliga bredden pa bilden, 605 är ett fullskärmsläge*/
	height: 390px;
	margin: 0;
	margin-top: 107px;
	margin-left: 110px;
	padding: 0px;
	z-index: 2;
	float: right;
	text-align: right;
	border: 0px solid green;
	}
		
/* Default heading style */
h1, h2, h3, h4, h5, h6 {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	margin-top : 16px;
	margin-bottom : 2px;
	color : #555;
}		

#footer {
	position: absolute;
	width: 989px;
	height: 25px;
	clear: both;
	padding: 0px;
	margin-left: 0px; 
	margin-top: 545px;
	margin-bottom: 2px;
	background-color: #000; /*632635*/
	border-bottom: 2px solid black;
	border-left: 3px solid black;
	z-index: 6;
	float: right;
	text-align: right;
	background: #fff url(../media/x_bg_footer.jpg) top repeat-x;
	}
#foo ter .leftfoot {
    float: left;
	 text-align: left;
}	
#foot er .rightfoot {
    float: right;
	 text-align: right;
}		
	
#footer p {
	margin:0px;
	font-size: 8pt;
	text-align:center;
	color:#000;
	padding:0px;
	}

#footer a {
	color:#000; 
	font-size: 8pt;
	}
	
#footer a:link, a:visited a:active {
	color: #000;
	text-decoration: none;
	font-size: 8pt;
	}

#footer a:hover {
	color: #000;
	text-decoration: underline;
	font-size: 8pt;
	}





/*nav2*/
#nav2 {
	float: right;
	margin-right:20px;
	margin-top:3px;
	}
#nav2 li {
	list-style-type: none;
	float: left;
	position: relative;
	}


#nav2 .no_a {
	z-index: 100;
	font-weight:normal;	
	}		

#nav2 .no_a_linje {
	z-index: 100;
	background: url(../media/x_menylinje_botten.png) no-repeat left;
	font-weight:normal;
	}

#nav2 li a:link, #nav2 a:visited, #nav2 a:active {
	color: #fff;
	font-weight:bold;
	text-decoration: none;
	font-family: sans-serif;
	padding: 0px 11px 0px 11px; /* T R B L */	
	display: block;
	font-size: 0.8em;	
	text-shadow: #666 1px 1px 1px;	/*color, X, Y, blur radius*/	
	}
	
#nav2 li a:hover{
	color:#dfdfdf;
	text-decoration:none;
	text-shadow: #666 1px 1px 1px;	/*color, X, Y, blur radius*/		
	}	

/*nav2 slut*/






			
a img {
	border:0;
	}
a:link {
	color: #fff;
	text-decoration: none;
	}

a:visited {
	color: #fff;
	text-decoration: none;
	}
	
a:hover {
	color: #000;
	text-decoration: none;
	}
	/*----meny sidebar-a----*/
		
 #menu{
 /* Menyknapparna för admin, ligger i ovankant av container */
	position: absolute;
	top:50%;
	left: 50%;
	margin-top: -288px;	
	padding: 3px 0;
	margin-left: 0;
	border: 0px solid blue;
	z-index: 12;
	}

#menu li
{
list-style: none;
margin: 0;
display: inline;
}

#menu li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #fff;

background: #b4b4b4;
text-decoration: none;
font: bold 10px Verdana, sans-serif;
color: #ccc;
}

#menu li a:link { color: #333; }
#menu li a:visited { color: #333; }

#menu li a:hover
{
color: #333;
background: #eee;
border-color: #ccc;
}

#content .form field {
	position:relative;
	padding-top: 5px;
	padding-right: 5px;
	text-align: right;
	}
	
#content .fi eld {
/*----formulär i content, används inte för att formatera formuläret i dagsläget----*/
	background-color:transparent;
	border: 0px;
		}
#content .un derline {
/*----formulär i content, används inte för att formatera formuläret i dagsläget----*/
	background-color:transparent;
	border-bottom: 1px dashed #000;
		}	
		
		
#produktblad_login {
	/* Grå remsa som lyfter inloggningen till produktbladet */
	position: absolute;
	width: 770px;/* 802-padding-left */
	height:34px;		/* 44-padding-top */
	margin-left: 137px; 
	margin-top: 88px;
	margin-bottom: 0px; 
	margin-right: 0px;
	background-color: transparent; /* #dadada */
	border: 0px solid green;
	color: #333;
	text-align:left;
	font-size: 0.82em;
	line-height:120%;
	padding-left: 28px;
	padding-top: 6px;
	padding-bottom: 6px;
	z-index: 12;
	}	
	
#produktblad_login_bg {
	/* Grå remsa som lyfter inloggningen till produktbladet */
	position: absolute;
	width: 770px;/* 802-padding-left */
	height:34px;		/* 44-padding-top */
	margin-left: 3px; 
	margin-top: 88px;
	margin-bottom: 0px; 
	margin-right: 0px;
	background: #fff url(../media/bg_produktblad.jpg) top no-repeat;
	border: 0px solid green;
	color: #333;
	text-align:left;
	font-size: 0.82em;
	line-height:120%;
	padding-left: 159px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 8px;
	z-index: 12;
	}