html {
	overflow-x: hidden !important;
}

body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", arial,verdana !important;
	background: #485390 url(/img/body.gif) repeat-x;
}

strong {
	font-weight: bolder;
}


#top-bg {
	width: 100%;
	height: 206px;
	position: absolute;
	background: transparent url(/img/top.jpg) repeat-x;
	left: 0;
	top: 0;
	z-index: -1;
}

.normal-page ul {
	list-style-type: none;
}

.normal-page h1 {
	margin: 10px 0;
	font-size: 1.5em;
}

.normal-page h2 {
	font-size: 1.1em;
}

.normal-page h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 10px 0 0 0;
}

.normal-page p {
	margin-bottom: 10px;
}

.normal-page ol {
	margin: 10px;
	display: block;
	list-style: decimal inside;
}

.normal-page.faq h2 {
	margin: 0;
	padding: 0;	
}

.normal-page.faq p {
	margin: 0;
}

.normal-page.faq ul.faq-list li {
	margin: 5px 0;
	padding: 10px 0;
}

.normal-page.faq ul.faq-list li.selected {
	background-color: #fff;
	padding: 10px;
}

.normal-page.links ul {
	margin: 10px;
}

.normal-page.links .left {
	float: left;
}

.normal-page.links .right {
	float: left;
	margin-left: 20px;
}

.normal-page.links .right ul {
	margin: 0;
}

.page-footer {
	clear: both;
	position: relative;
	left: -4px;
	top: 3px;
}

.page-footer hr {
	margin-bottom: 5px;
}

.clear-both {
	clear: both;
}

#member-button {
	clear: both;
	margin-top: 5px;
	margin-left: 110px;
	margin-bottom: 20px;
}

.calendar-entry {
	border: 2px solid #000;
	background: #fff;
	padding: 5px;
	margin-bottom: 10px;
}



html {
	scrollbar-base-color: #fff;
}	

body {
	background: #96cde5;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a {text-decoration: none; color: #000099; cursor: pointer;}
a:link  {text-decoration: none; color: #000099}
a:visited {text-decoration: none; color: #000099}
a:hover {text-decoration: underline; color: #000000}
a:active {text-decoration: none; color: #000000}

.linklook {
	cursor: pointer;
	color: #000099;
}

span.linklook:hover {
	cursor: pointer;
	text-decoration: underline; 
	color: #000000;
}

img {
	border: 0px;
}

/* Tumnagelstilar */

	.img-shadow {
		text-align: center;
		float:left;
		background: url(/images/shadow.png) no-repeat bottom right !important;
		background: url(/image/shadow.gif) no-repeat bottom right;
		margin: 10px 0 0 5px !important;
		margin: 10px 0 0 5px;
	}
	
	.img-shadow img {
		display: block;
		position: relative;
		background-color: #fff;
		border: 1px solid #a9a9a9;
		margin: -6px 6px 6px -6px;
		padding: 4px;
	}
	
	hr {
		color: #333366;
		background-color: #333366;
		height: 1px;
	}
	
/* / Tumnagelstilar */	

#page {
	width: 960px;
	overflow:hidden;
	margin: 0px auto 2px auto;
	text-align: left;
	background: white;
	border: 1px solid #888888;
	padding-bottom: 5px;
}

#top {
	vertical-align: top;
	background: #fff url(/images/logo.png) no-repeat top left ;
	height: 88px;
	/*border-left: 1px solid #333366;*/

}

#middle {
	padding: 3px;
	/*border-left: 1px solid #333366;
	border-right: 1px solid #333366;*/
	text-align: top;
	width: 634px;
	background: #fff;
	float: left;
}


#footer {
	padding-top: 10px;
	clear: both;
	text-align: top;
	height: 10px;
}

#rightnavmeny {
	margin-left: 5px;
	margin-right: 0px;
	float: left;
}

#rightbanners {
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 0px;
	float: left;
}

#140pxbanner {
	margin-top: 4px;
}

/* menymall */

#menycontainer ul{margin: 0; padding: 0; float: left;	font: 10px Verdana, Helvetica, sans-serif;}
#menycontainer li{display: inline;}
#menycontainer ul a{float: left; background: #bb0922; text-decoration: none; margin-right: 1px; padding: 5px 5px;}

#menycontainer a:link{color: #ffffff;}
#menycontainer a:visited{color: #ffffff;}
#menycontainer a:hover{background: #000000;}
#menycontainer a#current{background: #fff; color: #000000;border-top: 1px solid #bb0922;
}

.smallredtext {
	font-size: 10px;
	color:#bb0922;
	font-weight: bold;
}
			
.storytext {
	font-size: 13px;
	color:#000000;
	padding: 4px;
}

.publisheddate {
	font-size: 12px;
}

h1 {
	font-weight: bold;
	letter-spacing: 0px;
	font-size: 14px;
	color: #000000;
	padding-top: 0px;
	margin: 0;	
}

h1.small {
	font-size: 12px;
}

h1.storyheadline {
	font-family: georgia, sans-serif;
	font-size: 22px;
	font-weight: normal;
	padding-top: 0px;
	margin: 0;
}

p.quote {
	font-family: georgia, sans-serif;
	font-style: italic;
	font-weight: normal; 
	font-size: x-small;
	font-weight: normal;
}

h2 {
	font-weight: bold;
	font-size: 11px;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-bottom: 4px;		
}

h2.storyteaser {
	font-weight: normal;
	font-size: large;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-bottom: 4px;		
}

h3 {
	font-size: 14px;
	font-weight: normal;	
}	


input, select, textarea {
	padding:2px;
	margin: 2px;
	color: #000000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", verdana, arial; 
	font-size: 9pt;
	background: #eeeeee;
	border: 1px solid #888888;
}

input:hover {
	background: #99ccff;
}

.icon-star {
	background: #eeeeee url(/images/16-star-hot.png) 6px 3px no-repeat;
}

.icon-star:hover {
	background: #99ccff url(/images/16-star-hot.png) 6px 3px no-repeat;
}

.admin_del { 	
	background: #ff6666 url(/images/delete.png) 3px 5px no-repeat;
	padding-left: 15px;
	border: 1px solid red;
	} 
	
.admin_del:hover { 	
	background: #ff3333 url(/images/delete.png) 3px 5px no-repeat;
	padding-left: 15px;
	border: 1px solid red;
	} 

.admin_edit { 	
	background: #eeeeee url(/images/edit.png) 3px 4px no-repeat;
	padding-left: 15px;
} 
	
.admin_edit:hover { 	
	background: #99ccff url(/images/edit.png) 3px 4px no-repeat;
	padding-left: 15px;
} 

.button_ok { 	
	background: #eeeeee url(/images/okgreen.png) 3px 3px no-repeat;
	padding-left: 15px;
} 
	
.button_ok:hover { 	
	background: #99ccff url(/images/okgreen.png) 3px 3px no-repeat;
	padding-left: 15px;
} 

.button_reload { 	
	background: #eeeeee url(/images/reload.png) 3px 3px no-repeat;
	padding-left: 15px;
} 
	
.button_reload:hover { 	
	background: #99ccff url(/images/reload.png) 3px 3px no-repeat;
	padding-left: 15px;
} 

/* sida dykare */

#usercol1 {
	width:340px; 
	float:left;
}

#usercol2 {
	width:290px; 
	float:left;
	padding-left: 4px; 
	overflow:hidden;
}

#usercolEquipment {
	display: none;
	width:290px; 
	float:left;
	padding-left: 4px; 
	overflow:hidden;
}

/*** SÖKFORMULÄR ***/

#mainsearch {
	width: 80px;
	height:14px;
	background: #fff url(/images/sok.gif) 3px 3px no-repeat; 
	margin: 0px; 
	padding-bottom: 0px; 
	padding-left: 14px; 
	font: 10px Verdana, Helvetica, sans-serif; 
	border: 1px solid #333366; 
	
}

#forumsearch {
	width: 110px;
	background: #fff url(/images/sok.gif) 3px 5px no-repeat; 
	padding-left: 15px; 
}

#mainsearchsubmit {
	color: #fff;
	background: #333366;
	font: 9px Verdana, Helvetica, sans-serif;
	margin: 0px;
	border:0px;
	width: 37px;
	height:18px;
}

	

.nyhetspuff  {
	background-color: #96cde5;
	padding: 5px;
	overflow:hidden;
}

.faktaruta  {
	border: 1px solid #000000;
	padding: 10px;
	background-color:#CCCCCC;
	font-size:10pt;
	float: left;
	width: 300px;
	margin-bottom: 10px;
}

.bluebox  {
	border: 1px solid #888888;
	padding: 4px;
	margin: 0px;
	background-color:#fff;
	width: 130px;
	margin-bottom: 0px;
}

.whitebox  {
	background-color:#ffffff;
	padding: 4px;
	width: 160px;
	border: 1px solid #333366;
	border-top: 0px;
}


/* ----- blue headline box ----- */
div.blueheadlinebox_u_l{
	background:#0066CC url(/img/boxes/corner_upper_left_lightblu.gif) no-repeat; width:100%;
	height: 3px;
}

div.blueheadlinebox_u_r	{
	background:url(/img/boxes/corner_upper_right_lightblu.gif) no-repeat top right;
	height: 3px;
}

div.blueheadlinebox	{
	padding-top: 0px;
	margin-top: 0px;
	padding-left: 5px;
	padding-bottom: 3px; 
	background: #0066CC;
	font-size: 8pt; 
	color: #ffffff;
	letter-spacing: 1px;
	border-bottom: 1px solid #333366;
	/*line-height: 20px;*/
}
/* ----- blue headline box ----- */


/* ----- light blue corners box ----- */
div.bluebox_l_l{
	background:#96cde5 url(/img/boxes/corner_lower_left_blue.gif) no-repeat; width:100%;
	height: 3px;
	margin-bottom: 5px;
}

div.bluebox_l_r	{
	background:url(/img/boxes/corner_lower_right_blue.gif) no-repeat bottom right;
	height: 3px;
}
	
div.bluebox_u_l {
	background:#96cde5 url(/img/boxes/corner_upper_left_blue.gif) no-repeat; width:100%;
	height: 3px;
}

div.bluebox_u_r	{
	background:url(/img/boxes/corner_upper_right_blue.gif) no-repeat top right;
	height: 3px;	
}
/* ----- light blue corners box ----- */

.foto_vitram	{
	border: 1px solid black; 
	background-color: #fff; 
	padding: 5px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px;
}

img.picture_align_left {
	float:left;
	padding: 5px;
	border-style: none;
}

img.picture_align_right {
	float: right;
	padding: 0px;
	border-style: none;
	padding-left: 5px;
}

img.nomargin {
	padding: 0px;
	margin: 0px;
	border-style: none;
}

img.rightbanner {
	padding: 0px;
	margin-bottom: 4px;
	border-style: none;
}

span.icon_box {
	background:url(/images/box.gif) no-repeat left;
	padding-left: 9px;
}

span.icon_close {
	background:url(/images/close.gif) no-repeat top left;
	padding-left: 12px;
}

span.icon_mail {
	background:url(/images/brev.png) 0px 3px no-repeat;
	padding-left: 18px;
}

span.icon_pil {
	background:url(/images/pil2.gif) 0px 3px no-repeat;
	padding-left: 12px;
}

span.icon_pil:hover {
	background:url(/images/pil2_on.gif) 0px 3px no-repeat;
	padding-left: 12px;
}

/* Tabeller */

table {
	font-size:10px;
}

.table { 
	font-size:8pt;
	font-family: verdana, Arial;
}

tr.off {
	background: ;
}

tr.on {
	background: #ffffff;
}

td.smallfont {
	font-size:8px;
}

tr.forum:hover {
	background: #ffffff;
}


#large {
	width: 640px;
}

/* Lager */

#wrapper {
	position: absolute;
	height: 100%;
	width: 100%;
	margin: 0;
	z-index: 500;
}

#infolayer {
	padding: 10px;
	position: fixed;
	height: 300px;
	width: 450px;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -250px;
	z-index: 600;
	color: black;
	border: #000 5px solid;
	filter: "alpha(Opacity=95)";
	background:#f1f1f1 url(/images/info.png) no-repeat top right;
}

.hiddenlayer {
	position: absolute;
	background-color: #f1f1f1;
	padding: 10px;
	color: black;
	border: #0000cc 1px dashed;
	display: none;
	filter: "alpha(Opacity=95)";
	z-index: 100;
}

.hiddenlayer p:hover {
	background-color: #ffffff;
}

#layer_usersonline, #layer_forumhelp, #layer_forumheadlinehelp {
	width: 480px;
}

#layer_lostpass {
	width: 270px;
}

#layer_300px, #layer2_300px {
	width: 300px;
}

.green {
	background-color: #66ff33;
}

.red {
	background-color: #ff0033;
}

/* thumbnail list */

	ul#thumbs, ul#thumbs li{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	ul#thumbs li{
		float:left;
		margin-right:5px;
		border:1px solid #999;	
		padding:2px;
	}
	ul#thumbs a{
		display:block;
		float:left;
		width:100px;
		height:100px;
		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;		
	}
	ul#thumbs a img{
		float:left;
		position:absolute;
		top:-20px;
		left:-50px;	
	}
	
	/* mouse over */
	
		ul#thumbs a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
		}
		ul#thumbs a:hover img{
			border:1px solid #999;	
			background:#fff;
			padding:2px;			
		}	
	
	/* // mouse over */

	/* clearing floats */
	
		ul#thumbs:after, li#thumbs:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		ul#thumbs, li#thumbs{
			display:block;
			}
		/*  \*/
		ul#thumbs, li#thumbs{
			min-height:1%;
			}
		* html ul#thumbs, * html li#thumbs{
			height:1%;
			}	
	
	/* // clearing floats */

/* // thumbnail list */


/* single thumbnail 

	p.thumb{
		float:left;
		margin:.5em 0;
		margin-right:5px;
		margin-top:3px;
		border:1px solid #999;	
		padding:2px;
		background:#fff;
	}
	p.thumb a{
		display:block;
		float:left;
		width:65px;
		height:65px;
		line-height:100px;
		overflow:hidden;
		position:relative;	
	}	
	p.thumb a img{
		float:left;
		position:absolute;
		top:0px;
		left:0px;	
	}
	
	 mouse over 
	
		p.thumb a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
		}
		p.thumb a:hover img{
			border:1px solid #999;	
			background:#fff;
			padding:2px;			
		}	
	
	mouse over */	
	
.thumb {
	float:left; 
	margin:5px; 
	max-width: 70px; 
	padding:2px; 
	background:#fff;	
}


#cache {
    position:absolute; left=0; top:160px; z-index:10; visibility:hidden;
}

.hiddenlayer2 {
	padding: 10px;
	position: fixed;
	display: none;
	height: 300px;
	width: 450px;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -250px;
	z-index: 600;
	color: black;
	border: #000 5px solid;
	filter: "alpha(Opacity=85)";
	background:#f1f1f1;
	background-position: top right;
	background-repeat: no-repeat;
}

#dhtmltooltip{
	position: absolute;
	width: 150px;
	border: 1px solid black;
	padding: 1px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
	}

/**** ROUND BOX ****/
#container {background: #ffffff;}
.roundtop {background: #0099FF;}
.roundbottom {background: #0099FF;}
.r1{margin: 0 5px; height: 1px; overflow: hidden; background: #333366; 
border-left: 1px solid #333366; border-right: 1px solid #333366;}
.r2{margin: 0 3px; height: 1px; overflow: hidden; background: #ffffff; 
border-left: 1px solid #333366; border-right: 1px solid #333366; 
border-width: 0 2px;}
.r3{margin: 0 2px; height: 1px; overflow: hidden; background: #ffffff; 
border-left: 1px solid #333366; border-right: 1px solid #333366;}
.r4{margin: 0 1px; height: 2px; overflow: hidden; background: #ffffff; 
border-left: 1px solid #333366; border-right: 1px solid #333366;}
.content {padding: 10px;
border-left: 1px solid #333366; border-right: 1px solid #333366;}

/**** ROUND BOX2 ****/
#container2 {background: #cccccc;}
.roundtop2 {background: #fff;}
.roundbottom2 {background: #fff;}
.r1a{margin: 0 5px; height: 1px; overflow: hidden; background: #333366; border-left: 1px solid #333366; border-right: 1px solid #333366;}
.r2a{margin: 0 3px; height: 1px; overflow: hidden; background: #CCCCCC;	border-left: 1px solid #333366; border-right: 1px solid #333366; border-width: 0 2px;}
.r3a{margin: 0 2px; height: 1px; overflow: hidden; background: #CCCCCC; border-left: 1px solid #333366; border-right: 1px solid #333366;}
.r4a{margin: 0 1px; height: 2px; overflow: hidden; background: #CCCCCC; border-left: 1px solid #333366; border-right: 1px solid #333366;}
.content2 {padding: 10px; border-left: 1px solid #333366; border-right: 1px solid #333366;
/*font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:11px;
font-weight:bold;*/
color:#000000}

/**** PAGEEND ****/
#container3 {background: #fff; width: 642px;}
.roundbottom3 {background: #006699;}
.r1b{margin: 0 5px; height: 1px; overflow: hidden; background: #333366; border-left: 1px solid #333366; border-right: 1px solid #333366;}
.r2b{margin: 0 3px; height: 1px; overflow: hidden; background: #fff;	border-left: 1px solid #333366; border-right: 1px solid #333366; border-width: 0 2px;}
.r3b{margin: 0 2px; height: 1px; overflow: hidden; background: #fff; border-left: 1px solid #333366; border-right: 1px solid #333366;}
.r4b{margin: 0 1px; height: 2px; overflow: hidden; background: #fff; border-left: 1px solid #333366; border-right: 1px solid #333366;}
.content3 {padding: 10px; border-left: 1px solid #333366; border-right: 1px solid #333366; font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:11px;
font-weight:bold;
color:#000000}

.dm {text-decoration: none; color: "#99CCFF"}
.dm A:link {text-decoration: none; color: "#99CCFF"}
.dm A:visited {text-decoration: none; color: "#99CCFF"}
.dm A:active {text-decoration: underline; color: "#99CCFF"}
.dm A:hover {text-decoration: underline; color: "#000000"}

.logDataSpace {
	width:80px; 
	clear:left; 
	float:left;
}