body {
	font-size: 12px;
	font-family: arial,helvetica,sans-serif;
	background-color: #005394;
	background-image: url(../images/bg_top.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	}
	
::-moz-selection{color:#fff;background:#b42aab;}                           
                            
::selection {               
        background:#b42aab; 
        color:#fff;         
}                           
                            
code::-moz-selection {      
        background: #333333;
}                           
                            
code::selection {           
        background: #333333;
}                            

strong { font-weight: 900; text-decoration:  underline; }

#outer_container{
	background-color: #fff;
	position: relative;
	left: 20px;
	width: 940px;
	float: left;
	border-right: 1px solid #4d4e4c;
	border-left: 1px solid #4d4e4c;
	}
#inner_container {
	background-color: #fff;
	margin: 0 10px;
	;padding: 0;
	}

h1 { margin: 0px auto 0px auto; width: 100%;}
h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 13px 0 0 20px;
	}

h3 {
	font-size: 11px;
	margin: 0;
	padding: 0;
	}

p {
	
	}

.content-wrapper {
	
	}
	#border-thingy{
	font-size: 2px;
	background-image: url(../images/upper-bar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	height: 2px;
	margin: 0;
	padding: 0;
	}
.left   {
	background-image: url(../images/leftmenutop.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 191px;
	float: left;
	clear: none;
	margin: 0 0 50px;
	padding: 0;
	}
/*middle*/
.middle {
	width: 474px;
	text-align: left;
	float: left;
	clear: none;
	margin: 31px 0 50px 11px;
	padding: 0;
	}
.middle a {
	
	}
.right  {
	width: 227px;
	float: right;
	margin-top: 35px;
	margin-bottom: 50px;
	}


/* menyn */
.menu {
	background-image: url(../images/leftmenutop.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	margin: 0;
	padding: 0;
	}
.menulist {
	background-image: url(../images/leftmenutop_repeat.jpg);
	margin: 6px 0 0;
	padding: 5px 0 0;
	}
#active a {
	color: #3f6990;
	
	
	}

.menulist li {
	background-image: url(../images/menu-line.jpg);
	background-repeat: no-repeat;
	background-position: 0 5px;
	margin-top: 5px;
	margin-right: 0;
	margin-left: 20px;
	padding-bottom: 5px;
	padding-left: 15px;
	list-style-type: none;
	}
.menulist li a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	
	}

.menulist li a:visited {
	color: #fff;
	}

.menulist li a:hover {
	color: #3f6990;
	}

/* logotyp */
.logo {background-image: url(../images/logo.jpg);background-repeat: no-repeat;background-position: left top;margin: 0;padding: 0;text-align: left;height: 71px;border-style:none;}
.logo img {margin:0;padding:0;}

.logoer {position: absolute;z-index: 300;top: 0;left: 20px;width: 241px;height: 58px;margin-top:6px;margin-left:20px;}
img{border:none;}

/* rating rutan */
.rating {
text-align: left;
}
.rating .item {
text-align: left; width: 455px; height: 60px;
}
.rating h2 {
margin: 5px;
padding: 0px;
font-size: 11px;
text-align: left;
letter-spacing: 2px;
}

.rating h2 span {
  font-weight: 500;
}

/* sj?lva filmerna */
.latest {  text-align: center;  }
.latest h1 {font-size: 18px;text-align: left;color: #3f6990;font-weight:bold;margin-bottom: 10px;}
.latest .other{color:#a620a8;font-size:18px;font-weight:normal;text-align:left;letter-spacing:1px;margin-bottom:10px;}
.latest table { margin: 0px auto 0px auto; text-align: left; }

.item {
	background-color: #e9eff4;
	width: 130px;
	text-align: center;
	margin: 0 5px 5px 0;
	padding: 5px 10px 7px;
	border-top: 1px solid #d2d6ec;
	border-bottom: 1px solid #d2d6ec;
	}
.item p {
	font-size: 11px;
	text-align: left;
	margin: 0;
	padding: 0;
	}
.item .title {
	color: #404040;
	background-image: url(../images/prange-star.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 0;
	margin: 0;
	padding-top: 0;
	padding-bottom: 5px;
	padding-left: 18px;
	}


.item .date {
	color: #404040;
	font-weight: bold;
	
	}

.item .date a:link, .item .date a:visited {
	color: #666;
	text-decoration: none;
	}

.item .rate {
	color: #3f6990;
	font-weight: bold;
	margin-bottom: 3px;
	}

.item .rate a:link, .item .rate a:visited {
	color: #3f6990;
	text-decoration: none;
	}

.item .comm, .item .desc {
	color: #3f6990;
	font-size: 10px;
	margin: 0;
	padding: 0;
	}

.item .comm a:link, .item .comm a:visited {
	color: #3f6990;
	text-decoration: none;
	}

.item .view {
	color: #3f6990;
	font-size: 10px;
	margin: 0;
	padding: 0;
	}

.item .info {
	color: #a620a8;
	font-size: 10px;
	margin: 0;
	padding: 0;
	}

.item p.title, .item p.title a:link, .item p.title a:hover, .item p.title a:visited {
	color: #4e4e4e;
	font-size: 11px;
	font-weight: bold;
	background-attachment: scroll;
	text-decoration: none;
	}
.item img { border: 0px; margin: 0px auto 0px auto; }
td { vertical-align: top; } 

/* alternativ listning (s?k och kategorier .. ) */
.listing div { padding: 10px; margin: 0px 0px 10px 10px; height: 130px;}
.listing img {float: left; margin: 0px 10px 10px 0px; }
.listing p { text-align: left; margin: 0px 0px 0px 10px; padding: 0px; }


/* "snack" */
.comment-wrapper {
	font-size: 10px;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 1px 0 0;
	text-align: left;
	margin: 0;
	}
.comment-wrapper .content {
	color: #60605e;
	line-height: 100%;
	width: 165px;
	margin-top: 1px;
	padding-top: 0;
	
	}

.comment-wrapper h2 {
	color: #af4646;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../images/senaste_snacket_header.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 0;
	margin: 0 0 1px;
	padding: 7px 0 0 22px;
	width: 171px;
	height: 21px;
	}
	
.comment-wrapper .date, .comment-wrapper .date a, .comment-wrapper .date a:link, .comment-wrapper .date a:visited {
	color: #af4646;
	font-weight: bold;
	padding-top: 8px;
	}
.comment-wrapper .commentitle {
	margin-left: 2px;
	
	}

.comment-wrapper p {
	width: 165px;
	padding-top: 3px;
	padding-left: 24px;
	
	}

.lighter{
	color: #cb8b8b;
	}
.comment {
	background-image: url(../images/commen-bubble.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	width: 193px;
	height: 59px;
	margin-bottom: 1px;

	}
.comment p { margin: 0px; }
.comment img { width: 80px; height: 120px; }
.comment .signed {
	color: #af4646;
	font-style: italic;
	margin-top: 0;
	font-weight: 600;
	}

/* kommentarer p? visasidan */
.movie-comment-wrapper {
 text-align: left;

}

.movie-comment-wrapper .f {
	color: #7f7f7f;
	font-size: 10px;
	width: 60px;
	margin: 0 0 0 22px;
	padding: 0;
}

.movie-comment-wrapper .p {
	color: #6d902e;
	font-size: 11px;
	height: 50px;
	border-style: hidden;
	border: 1px solid #6d902e;
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
	
}

.movie-comment-wrapper .item {
 width: 455px;
 text-align: left;
 margin: 0px;
 padding: 0px 0px 0px 10px;
}

.movie-comment-wrapper h2{
margin: 5px;
padding: 0px;
font-size: 11px;
text-align: left;
color: #5A7D21;
border-bottom: 1px solid #5A7D21;
letter-spacing: 2px;
}

.movie-comment-wrapper h2 span {
  font-weight: 500;
}

.movie-comment-wrapper .movie-comment-new h2 {
border: 0;
}

.movie-comment { text-align: left; }
.movie-comment .signed { color: #FF8E00; font-style: italic; padding-bottom: 5px; margin: 7px 0px 5px 15px; border-bottom: 1px solid #FF8E00; width: 400px;  font-weight: 700; }
.movie-comment p#date { color: black; padding: 0px; margin: 0px 0px 5px 10px; text-align: left; font-weight: 700; letter-spacing: 2px; }
.movie-comment p img { width: 9px; height: 9px; margin: 0px 3px 0px 0px; }
.movie-comment p { color: #a0a0a0; margin: 0px 0px 5px 20px; width: 400px; }
.movie-comment-new textarea { width: 400px; border: 1px solid #5A7D21; }
.movie-comment-new h2 { letter-spacing: 2px; }
.movie-comment img { width: 80px; height: 120px; }



/* loginrutan */
.login {
        background-image: url(../images/pinkcenter.jpg);
        background-repeat: repeat-y;
        background-attachment: scroll;
        width: 227px;
        height: 210px;
        margin: 0;
        padding: 0;
        }
        #login-topper{
        font-size: 3px;
        line-height: 3px;
        background-image: url(../images/pink-top.jpg);
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: 0 0;
        width: 227px;
        height: 3px;
        margin-top: 13px;
        padding: 0;
        }
.login form {
        width: 200px;
        height: 50px;
        float: left;
        margin: 0;
        padding: 0;
        
        }
#login-bottom {
        font-size: 3px;
        line-height: 3px;
        background-image: url(../images/pinkbottom.jpg);
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: 0 0;
        padding: 0;
        width: 227px;
        height: 4px;
        margin-bottom: 10px;
        }
.login .textbox, .item .textbox{color: #3f6990;margin: 1px;padding: 2px 2px 1px 5px;width: 82px;font-size: 10px;font-weight:normal;background-repeat: no-repeat;background-attachment: scroll;background-position: left top;height: 16px;border: solid 1px #84aace;}

        
.login h2 {
        color: #53789c;
        font-weight: bold;
        height: 10px;
        margin-bottom: 15px;
        }

.login h3 {color: #7d7d7c;font-size: 11px;text-align: left;width: 60px;float: left;margin-top:4px;margin-right:0;margin-bottom:0;padding: 0 0 0 12px;}
.box {
        margin: 10px 0 0 10px;
        padding: 0;
        }

.login p {
        margin: 0 0 0 20px;
        padding: 0;
        }        
.login #b, .item #b {
        color: #7f7f7f;
        font-size: 11px;
        clear: both;
        margin: 3px 0px 15px 0px;
        padding: 0;
        }

.login .forgot {
        color: #53789c;
        font-size: 11px;
        font-weight: bold;
        width: 150px;
        margin: 0;
        padding: 0 0 5px 20px;
        float: left;
        clear: both;
        }

.login .forgot a:link {
        color: #53789c;
        
        }

.login .forgot a:visited {
        color: #53789c;
        
        }

.login .forgot a:hover {
        color: #53789c;
        text-decoration: none;
        }

.login select {
        width: 100px;
        margin: 0;
        padding: 0;
        }

.login ul li {
	color: #5f85a9;
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 18px;
	margin: 0 0 0 -18px;
	padding: 0;
	list-style-type: none;
	}
.login ul li a {
	color: #5f85a9;
	background-image: url(../images/orangepil.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 15px;
	}

.login ul li a:link .login ul li a:visited {
	color: #5f85a9;
	text-decoration: underline;
	}

.login ul li a:hover {
	color: #42688c;
	text-decoration: none;
	}

/* create user */
#create-topper{
	font-size: 3px;
	line-height: 3px;
	background: #9f9 url(../images/lila-top.jpg) no-repeat left top;
	width: 227px;
	height: 3px;
	margin-top: 10px;
	padding: 0;
	}
#create-bottom {
	font-size: 3px;
	line-height: 3px;
	background: #9f9 url(../images/lilabotten.jpg) no-repeat left top;
	padding: 0;
	width: 227px;
	height: 4px;
	margin-bottom: 10px;
	}

.create {
	font-size: 12px;
	background-color: #d0e0ff;
	background-image: url(../images/lila-center.jpg);
	background-repeat: repeat-y;
	background-attachment: scroll;
	margin: 0;
	padding: 0;
	height: 160px;
	}
.create ul li {
	color: #aa72bd;
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 18px;
	margin: 0 0 0 -18px;
	padding: 0;
	list-style-type: none;
	}
.create ul li a {
	color: #aa72bd;
	background-image: url(../images/lilapil.jpg);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 15px;
	}

.create ul li a:link .create ul li a:visited {
	color: #aa72bd;
	text-decoration: underline;
	}

.create ul li a:hover {
	color: #99519d;
	text-decoration: none;
	}

.create form {
	background-color: #db974a;
	margin: 0;
	padding: 0;
	
	}

.create .box {
	background-color: #ff8000;
	background-image: url(../images/lila-center.jpg);
	background-repeat: repeat-y;
	background-attachment: scroll;
	float:left;
	margin: 0;
	padding: 0;
	}
.create h3 {
	color: #46704e;
	font-size: 10px;
	background-color: #586878;
	float: left;
	}
.create h2 {color:#aa72bd;}

.create select {
	background-color: #00b59d;
	width: 120px ;
	margin: 0;
	padding: 0;
	}
.create .textbox {
	margin: 0px 0px 0 0;
	padding: 0;
	width: 120px;
	font-size: 9px;
	background-color: #d11f5c;
	}



/* inforutan om filmer */
.movieinfo {   margin: 0px; padding: 5px; border: 1px solid black;}
.info { color: #505050; font-size: 10px; margin: 0px; padding: 0px; }
.movieinfo p { margin: 0px; padding: 0px; }

/* bubblare */
#movers-topper{
	font-size: 3px;
	line-height: 4px;
	background: #9f9 url(../images/bubbler-top.jpg) no-repeat left top;
	width: 227px;
	height: 3px;
	margin-top: 10px;
	padding: 0;
	}
#movers-bottom {
	font-size: 3px;
	line-height: 4px;
	background: #9f9 url(../images/bubbler-bottom.jpg) no-repeat left top;
	padding: 0;
	width: 227px;
	height: 4px;
	margin-bottom: 10px;
	}
.movers ul li {
	color: #8ab249;
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 18px;
	margin: 0 0 0 -18px;
	padding: 0;
	list-style-type: none;
	}
.movers ul li a {
	color: #8ab249;
	background-image: url(../images/gronpilhoger.jpg);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 15px;
	}
.movers ul li a:link .movers ul li a:visited {
	color: #8ab249;
	text-decoration: underline;
	}
.movers ul li a:hover {
	color: #598617;
	text-decoration: none;
	}
.movers {
	background-color: #ceebea;
	background-image: url(../images/bubble-center.jpg);
	background-repeat: repeat-y;
	background-attachment: scroll;
	height: 160px;
	}
.movers p { margin: 0px; }
.movers .box { float: left;  }
.movers h3 { float:left; width: 20px; }
.movers h2 { color: #8ab249; }

.movers h4 { margin: 0px; padding: 0px; width: 160px; }


/* topplistan */
.toplist {
	background-color: #3e5c92;
	margin-top: 100px;
	padding: 5px;
	}
.toplist p { margin: 0px; }
.toplist .box { float: left; }
.toplist h3 { float:left; width: 20px; }
.toplist h4 { margin: 0px; padding: 0px; width: 160px; }


/*annonser */
.ads_hor { position: absolute; left: 600px; top: 0; width: 240px; height: 90px; background-color: #6ccff6; border: solid 1px black;}
.ads_ver { position: absolute; left: 0px; top: 0px; width: 90px; height: 600px; background-color: green; border: 1px solid black;}

/* sj?lva filmen */
.movie {
	
	}

.movie h1 { color: #5f85a9; margin-top: 2px;  }
/* search */
.search {
	background-color: #9a258f;
	background-image: url(../images/sok.jpg);
	background-repeat: no-repeat;
	width: 191px;
	height: 87px;
	margin: 0;
	padding: 0;
	}
.spacer {
	position: relative;
	top: 17px;
	width: 190px;
	height: 17px;
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	}

.search input {
	margin: 0;
	padding: 0;
	}

.search .f {
	color: #7f7f7f;
	font-size: 10px;
	width: 40px;
	margin: 0 0 0 22px;
	padding: 0;
}

.search .p {
	color: #0089bb;
	font-size: 10px;
	background-image: url(../images/input.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	width: 104px;
	height: 16px;
	clear: none;
	margin: 0 0 0 5px;
	padding: 5px 2px 0 5px;
	border-style: hidden;
	border-width: 0;
	}

.search h2 {
	color: #476e94;
	font-size: 12px;
	margin: 0;
	padding: 20px 0 0 22px;
	}
.search .lighter {
	color: #7999b8;
	margin: 0;
	padding: 0;
	}

/*hovereffekt - bilderna
*/
	.hover_box, a.hover_box { 
	clear: both; 
	float: left; 
	border: solid 1px #a620a8; 
	background-color: #fff; 
	padding: 0; 
	margin: 0 0 5px;
} 
a.hover_box:hover {border: solid 1px #0089bb;}
/*footer*/
#footer{
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	width: 100%;
	height: 28px;
	clear: both;
	margin: 0;
	padding: 0;
	}
#footer a:link, #footer a:visited {
	color: #aa3ab1;
	font-weight: bold;
	text-decoration: none;
	
	}

#footer a:hover {
	color: #aa3ab1;
	font-weight: bold;
	text-decoration: underline;
	}

#footer p {
	color: #1c4163;
	font-size: 11px;
	float: left;
	clear: none;
	margin: 9px 0 0;
	padding: 0 0 0 12px;
	
	}

#footer p.doe {
	color: #52799c;
	margin-left: 24px;
	}

/*hor-men*/
#navlist{
	background-position: 100% 0;
	position: absolute;
	left: 202px;
	float: left;
	margin: 0;
	padding: 0;
	}
#navlist h2 {
	font-size: 12px;
	font-weight: normal;
	width: 200px;
	height: 10px;
	float: left;
	clear: none;
	margin: 0;
	padding: 2px 0 0 5px;
	
	}

#navcontainer ul
{
	background-color: #84aace;
	color: white;
	width: 727px;
	margin: 0;
	padding: 0;
	}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
	padding: 0.2em 1em;
	background-color: #84aace;
	color: white;
	text-decoration: none;
	float: left;
	border-left: 1px solid #fff;
	border-right-color: #fff;
	}
#navcontainer ul li a:hover
{
background-color: #5f85a9;
color: #fff;
}
#navcontainer ul li #current {
	background-color: #5f85a9;
	
	}
#menu-under-line{
	font-size: 2px;
	background-image: url(../images/upper-bar-under-hor.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	position: absolute;
	top: 92px;
	left: 202px;
	width: 262px;
	height: 3px;
	}
	
#linkunit_menu	 {background-color:#84aace;border-top: 1px solid white;position: absolute;top: 92px;left: 461px;}

#linkunit-under-line{
	font-size: 2px;
	background-image: url(images/upper-bar-under-hor.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	position: absolute;
	top: 107px;
	left: 461px;
	width: 468px;
	height: 3px;
	}
	
#linkunit-under-line-horz{
	font-size: 2px;
	background-image: url(images/upper-bar-under-vert.gif);
	background-repeat: repeat-y;
	background-position: left top;
	position: absolute;
	top: 93px;
	left: 461px;
	width: 3px;
	height: 15px;
	}

	
/*stars (absolut layer 2*/
.ztaarz2 {
	background-image: url(../images/stars2_04.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	position: absolute;
	z-index: 200;
	top: 0;
	left: 871px;
	width: 117px;
	height: 304px;
	
	}

.indrag { margin-left: 20px; }

.item a:link, .item a:visited {
 color: #5A7D21;
}
.item .textbox{
        color: #fd8e00;
        margin: 1px;
        padding: 2px 2px 1px 5px;
        width: 122px;
        font-size: 10px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: left top;
        height: 16px;
        border: solid 1px #ffd49d;
        }

.item ul li {
  list-style-type: none;
  text-align: left;
}

.item h3 {
        color: #7d7d7c;
        font-size: 11px;
        text-align: left;
        width: 80px;
        float: left;
        margin: 4px 0 0;
        padding: 0;
        }
        
.item .dropbox {
        color: #fd8e00;
        margin: 1px;
        padding: 3px 2px 1px 5px;
        width: 82px;

        font-size: 10px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: left top;
        //height: 16px;
        border: solid 1px #ffd49d;
        }      
.item textarea { width: 400px; border: 1px solid #5A7D21; }          
.item input { }
.item h4 { display: inline; font-weight: 500; color: #8ab249;  }
.item h5 { display: inline; width: 80px; text-align: left; margin: 0px 0px 0px 80px; padding: 0px; float: right; font-weight: 700; }

.item .gron { margin: 10px 0px 5px 0px; font-weight: 700; color: #8ab249; }
.item .lila { margin: 10px 0px 5px 0px; font-weight: 700; color: #46704e; }

.banner { margin: 10px 0px 0px 20px; }


/* extraruta */
.extra {
        background-image: url(../images/gray-middle.gif);
        background-repeat: repeat-y;
        background-attachment: scroll;
        width: 227px;
        height: 210px;
        margin: 0;
        padding: 0;
        }
#extra-topper{
        font-size: 3px;
        line-height: 3px;
        background-image: url(../images/gray-top.gif);
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: 0 0;
        width: 227px;
        height: 3px;
        margin-top: 13px;
        padding: 0;
        }

#extra-bottom {
        font-size: 3px;
        line-height: 3px;
        background-image: url(images/gray-bottom.gif);
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: 0 0;
        padding: 0;
        width: 227px;
        height: 4px;
        margin-bottom: 10px;
}
.extra h2 {
        color: #575088;
        font-weight: bold;
        height: 10px;
        margin-bottom: 15px;
}
