/* Huvudsakliga delar */
html * {
	margin: 0;
	padding: 0;
	border: 0;
}

body{
	background: #222222 url(../bilder_filmer/sidor/gradients/bg.gif) repeat-x top;
	background-color: #39393A;
	color: #666666;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-bottom: 20px;
	margin: 0;
}

div#container{
	width:910px!important;
	width /**/:880px;
	background-color: #ffffff;	
	margin-right: auto;	
	margin-left: auto;
	text-align: left;	
}	

div#header{
	font-size: 0.85em;
	width:910px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../bilder_filmer/sidor/logo/taby_header_1.png);
	height: 100px;
	cursor: default;	
	background-color: #eeeeee;
	background-repeat: no-repeat;
}

div#content {
	float:right;
	font-size: 0.82em;
	width:697px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

div#left{
	float:left;
	width:180px;	
	margin-bottom: 5px;
	margin-left: 10px;
}

#footer {
	width:910px;
	height:67px;
	text-align:center;
	font-size: 0.85em;
	line-height: 20px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 30px;
	background-image: url(../bilder_filmer/sidor/footer_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	color: #cccccc;
}

#footer a:link, #footer a:visited {
	color: #cccccc;
}

#footer a:active, #footer a:hover {
	text-decoration: underline;
	color: #cccccc;
}


/* Komponenter */

div.left_box, div.right_box {
	background-repeat: repeat-x;
	background-color: #f0f0f0;
	padding: 5px;
	font-size: 0.85em;
	margin-top: 5px;
}

div#inner_nav {
	font-size: 0.85em;
	list-style-type: none;
	background-color: #fff;	
}

div.inner_box {
	padding: 5px;
	font-size: 0.82em;
	list-style-type: none;
	text-align: left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #f0f0f0;
	border-bottom-color: #f0f0f0;
	border-left-color: #f0f0f0;
	margin-bottom: 10px;
}

div#main1, div.main1 {
	float: left;
	width: 49%;
	margin-left: 5px;
	}

div#main2, div.main2 {
	float: right;
	width: 49%;
	margin-right: 5px;	
	}

div.profil_index {
	text-align: center;
	float: left;
	width: 132px;
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #f0f0f0;
}		

div.inprofil_index {
	list-style-type: none;	
	text-align: left;	
	border: 1px solid #f0f0f0;
	margin-top: 1px;
}

div.orginal_box {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #666666;
	width: 100%;
	background-image: url(../bilder_filmer/sidor/gradients/indent4.jpg);
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 2px;	
}		

div.inorginal_box {
	list-style-type: none;
	background-color:#fff;
	text-align: left;
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #dddddd;
	border-bottom-color: #dddddd;
	border-left-color: #dddddd;
	margin-top: 2px;
}

.contentbox {
	text-align: left;
	padding: 4px;
	background-color: #FBFBFB;
	border: 2px solid #eeeeee;
	margin-bottom: 10px;
	width: 98%;
}

.boxrubrik {
	color:#5F5847;
	font-size:12px;
	font-weight:bold;
	margin:0 0 5px;
	padding:4px 4px 4px 12px;
	text-align:left;
	background-attachment: scroll;
	background-color: #CCCCCC;
	background-image: url(../bilder/gradients/catbg_head.png);
	background-repeat: repeat-x;
	background-position: left center;
}

.listcontainer {
	overflow:hidden;	
}

/* Bilder */

.picInfoFrame {
	background-color: #eee;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: -3px;
}	 
 
 
.picFrame img {  
    padding: 3px;  
    border:  1px solid #ccc;  
    background-color: #eee;
    top:  0; 
    left: 0 
} 

.post img {
	margin-right: 5px;
}

.img {
	margin-bottom: 5px;
}

.img_left, .img_right {
	border: 1px solid #cccccc;
}

.img_left img, .img_right img {
	display: block;
	margin: 0;
	padding: 0;	
}	

.img_left {
	float: left;
	margin-right: 5px;
}

.img_right {
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 5px;
	
}

.img_content {
	border: 2px solid #cccccc;
}

/* Rensa floating (bilder etc...) */
br.clear {
	clear: both;
	display: table-caption;
	float: none;
	height:0;
	font-size: 1px;
	line-height: 0px
}

.clearing {
clear:both;
}

/* list delar */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

/* fonts, headings, etc */
h1,h2,h4,h5 {font-weight:normal}

p{
	padding-top: 3px;	
	padding-bottom: 3px;
}

.line {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eee;
}	

h1 {
	clear: both;
	font-size: 1.7em;	
	margin-bottom: 10px;
}

h2 {
	clear: both;
	font-size: 1.7em;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #666666;	
	padding-bottom: 5px;		
}

h3 {
	margin: 0em;
	padding: 5px;
	font-size: 0.76em;	
	font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;
}

h4 {
	clear: both;
	font-family: "Trebuchet MS", Arial, sans-serif;	
	line-height: 1em;
	padding-top: 0.2em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0.1em;
	font-size: 1.4em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	margin-bottom: 2px;
}

h5, h6 {
	clear: both;	
	font-size: 100%;
	margin-top: 5px;	
	font-weight: bold;
}

h6 {	
	margin-bottom: 3px;
	margin-top: 3px;
	line-height: 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f0f0f0;
}				

/* Länkar */
a:link {
	color: #3586FF;
	text-decoration: none;
}
    
a:visited {
	color:#3586FF;
	text-decoration: none;
}
 
a:active, a:hover {
	text-decoration: underline;
	color: #666666;
}

dl#menu li a:hover, dl#menu dt a:hover {
	background:#666666;
	color: #FFFFFF;
}


.more {	

	}

/* Formulär */
.go{
	border:1px solid #ccc;
	background:#FFFFFF;
	color: #666666;
	background-image: url(/bilder_filmer/sidor/gradients/indent4.jpg);	
}

input{
	border:1px solid #ccc;
	background:#FFFFFF;
	color: #666666;
	background-image: url(/bilder/gradients/input_text_bg.png);
}

select{
	border:1px solid #ccc;
	background:#FFFFFF;
	color: #666666;	
}

textarea {
	border: 1px solid #ccc;
	padding: 2px;
	font-family: Verdana, Arial;
	font-size: 12px;
	color:#666666;
	width:320px;
}

#inputlabel {
	font-family: Verdana, Arial;
	font-size: 12px;
	color:#3586FF;
	padding-bottom:5px;
}

/* Tables */
table.grund   
{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-right: auto;
	margin-left: auto;	
}

tabel.grund td
{
	width: 100%;
	vertical-align: top;	
}


table.resultat
{	
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;	
}

table.resultat td
{
	vertical-align: middle;
	padding:2px;
	text-align: center;
	
}

table.resultat td.hed
{
	text-align: left;
	background-image: url(../bilder_filmer/sidor/gradients/catbg_m_indent.png);
	font-weight: bold;
	background-repeat: repeat-x;
}

table.standard
{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;	
}

table.standard td
{
	vertical-align: middle;
	padding:2px;
	text-align: center;
}

table.standard td.hed
{
	text-align: left;
	background-image: url(../bilder_filmer/sidor/gradients/catbg.png);
	font-weight: bold;
	background-repeat: repeat-x;
}

table.contentbox_tb
{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;	
}

table.contentbox_tb td
{
	vertical-align: middle;
	padding:2px;
	text-align: center;	
}

table.contentbox_tb td.hed
{
	text-align: left;
	background-image: url(../bilder_filmer/sidor/gradients/catbg.png);
	font-weight: bold;
	background-repeat: repeat-x;
}

table.bilder
{
	font-family: Arial, Helvetica, sans-serif;
	width: 99%;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-left: 4px;
}

table.bilder td
{
	vertical-align: top;
	text-align: left;
	padding-right: 1px;
	padding-left: 1px;
}

table.bilder td.hed
{
	background-color: #666;
	background-image: url(../bilder_filmer/sidor/gradients/grad_p2.jpg);
	color: #fff;
	padding: 1px;
	text-align: center;
	font-weight: bold;	
	background-repeat: repeat-x;
}

table.profil 
{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-bottom: 10px;	
}

table.profil td 
{
	padding: 2px;
	text-align: left;
	vertical-align: top;
	width: 25%;
	
}

table.profil td.hed
{
	background-image: url(../bilder_filmer/sidor/gradients/catbg_m_indent.png);
	font-weight: bold;
	background-repeat: repeat-x;
}

table.resultat_lista 
{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	
}

table.resultat_lista td
{
	text-align: left;
	vertical-align: middle;
	padding:2px;	
	border: 1px solid #f0f0f0;
	
}

table.resultat_lista td.hed
{
	text-align: left;
	background-image: url(../bilder_filmer/sidor/gradients/catbg.png);
	font-weight: bold;
	background-repeat: repeat-x;
}

table.headers, table.head, table.odd_even
{
	width:100%;
	font-weight: bold;
	font-size: 0.82em;		
}

table.head, table.headers
{
	background-repeat: repeat-x;
	background-color: #ccc;	
	background-image: url(../bilder_filmer/sidor/gradients/catbg.png);			
}

table.headers {
	margin-bottom: 5px;
}

table.main
{
	width: 910px;		
}

table.odd_even
{	
	border-collapse: collapse;
	border-spacing: 0px;
	font-weight: normal;
	font-size: 1em;	
}

table.head td, table.main td, table.headers td
{
	vertical-align: top;		
}

table.headers td
{
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

table.odd_even td
{
	vertical-align: middle;
}

table.vas 
{
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	width: 100%;
}

table.vas td.hed
{

}

table.vas td 
{
	vertical-align:top;	
	padding:5px;
	
}

tr.even {
    background-color: #fff;
}

tr.odd {
    background-color: #eee;
}

td.even {
    background-color: #fff;
}

td.odd {
    background-color: #f6f6f6;
}

table.hem 
{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-bottom: 10px;	
}

table.hem td 
{
	padding: 2px;
	text-align: left;
	vertical-align: top;	
}

table.hem td.hed
{
	background-image: url(../bilder_filmer/sidor/gradients/catbg_m_indent.png);
	font-weight: bold;
	background-repeat: repeat-x;
}

/* Menu */

.menu {
	height:163px;
	font-size:100%;
	margin-bottom: 5px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
position:relative;
z-index:500;
padding:0;
margin:0;
list-style-type:none;
width:100%;
}
/* style the list items */
.menu li {
	height:21px;
	/* for IE7 */
float:left;
	background-color: #ffffff;	
	background-repeat: repeat-x;	
}
.menu li.sub {
	background-color: #ffffff;
	background-position: right center;	
	background-repeat: repeat-x;
} 

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
	display:block;
	text-decoration:none;
	height:20px;
	line-height:20px;
	width:167px;
	color:#666;
	text-indent:5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #f0f0f0;
	border-bottom-color: #f0f0f0;
	border-left-color: #f0f0f0;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:167px; w\idth:167px;}
/* style the link hover */
* html .menu a:hover {	
	position:relative;
	background-color: #f6f6f6;
	background-repeat: repeat-x;
}

.menu li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
.menu a:active, .menu a:focus {		
	background-color: #f6f6f6;
	background-repeat: repeat-x;
}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu li:hover > a {
	font-weight:bold;
	padding-top: 1px;	
	background-color: #eee;	
}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {
visibility:hidden;
position:absolute;
top:-30px;
/* set up the overlap (minus the overrun) */
left:100px;
/* set up the overrun area */
padding:30px;
/* this is for IE to make it interpret the overrrun padding */
background:transparent url(transparent.gif);
}

/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {visibility:visible;}


/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
.menu ul a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
.menu ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
.menu ul a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}

/* make the second level visible when hover on first level link */
.menu ul a:hover ul {
visibility:visible;
}
/* make the third level visible when you hover over second level link */
.menu ul a:hover ul a:hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level link */
.menu ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}


#loader {
  border: 1px solid #ccc;
  width: 140px;
  height: 140px;
}

/** 
 * While we're having the loading class set.
 * Removig it, will remove the loading message
 */
#loader.loading {
	background-image: url(../bilder/blandat/spinner.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#dropBox {
	float: right;
	position: relative;
	width: 156px;
	z-index: 1001;
}
#dropBox a#dropBoxHeader, #dropBox a#dropBoxHeaderStadgar {
	color: #666;
	display: block;
	padding: 0 0 0 25px;
	text-decoration: none;
	width: 135px;
	background-image: url(../bilder/ikoner/pil_ner.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
}
#dropBox ul {
	background: #ddd; 
	background-repeat: repeat-x;
	display: none;	
	left: 0;
	list-style: none;
	margin: 0;
	position: absolute;
	top: 20px;
	width: 160px;
	z-index: 1001;
}
#dropBox ul li { border-bottom: 1px solid #fff; }
#dropBox ul li:last-child { border-bottom: none; }
#dropBox ul a { color: #666; display: block; padding: 5px; text-decoration: none; width: 150px; }
#dropBox ul a:hover { background: #ccc; }

.pics {  
    height:  39px;  
    width:   164px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 3px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  160px; 
    height: 35px; 
    top:  0; 
    left: 0 
}