body { background: #ffffff; 
	color: #4a4a4a; 
	font: normal 12px Helvetica, Verdana, sans-serif; 
	padding: 0px;
	margin:0px;
	}
	
ul  { margin: 0px; 
	padding: 0px; 
	list-style-type: none; 
	}
	
a img { border: none;
	}


/* @group fonts */

a:link, a:visited  { color: #c8222e; 
	text-decoration: none; 
	}
	
a:hover  { text-decoration: underline; 
	}

h1 { font: bold 18px Helvetica, verdana, tahoma, geneva, sans-serif; 
	color: #111111;
	}
	
	
h2 { font: bold 14px Helvetica, verdana, tahoma, geneva, sans-serif; 
	margin-bottom: 5px;
	}
	
h3 { font: bold 14px Helvetica, verdana, tahoma, geneva, sans-serif; 
	margin-top: 0px;
	margin-bottom: 5px;
	}

h4 { font: normal 12px Helvetica, verdana, tahoma, geneva, sans-serif; 
	line-height: 0.2em;
	}	
	
h5 { font: normal 14px Helvetica, verdana, tahoma, geneva, sans-serif; 
	border-top: 1px solid #999999;
	margin-bottom: 10px;}

/* layout */

#main { width: 860px; 
	margin: 0px auto; 
	background: url(http://www.saminieidajojk.se/comps/bg_sami.jpg) 0px 0px no-repeat;
	}

#header { width: 100%; 
	height: 80px;
	background: url(http://www.saminieidajojk.se/comps/sami_logga.jpg) 92% 0px no-repeat;
	}
	
#contentwrapper { 
	width: 100%;  
	float: left;
	}
	
#contentcolumn {
	margin-left: 310px;
	width: 500px;
	}	
	
#footer { width: 100%; 
	clear:both;
	width: 580px;
	margin-left: 300px; 
	margin-bottom: 20px;
	}
	
	
/* main nav */	

#topnav { width: 100%; 
	margin: 20px; 
	float:left;
	}
	
#topnav ul {
	margin-left: 280px;
	padding: 0px;
	float: left;
	}
	
#topnav ul li { float: left; 
	padding: 1px 8px 4px 10px; 
	}
		
#topnav a { 
	color: #111111; 
	font: 12px "century gothic", verdana, tahoma, geneva, sans-serif;
	}

#topnav a:hover { color: #c8222e;
	text-decoration: none;
	}
	
#topnav a.selected { color: #c8222e;
	}
	
#topnav a.lang { background: url(http://www.saminieidajojk.se/comps/flag_se.gif) no-repeat 50%;
	width: 24px;}
	
#topnav a.lang_en { background: url(http://www.saminieidajojk.se/comps/flag_uk.gif) no-repeat 50%;
	width: 24px;}
	
/* content */


#filminfo, #dirinfo, #prodinfo { width: 100%;
	margin-top: 20px;
	}
	
#filminfo ul li, #dirinfo ul li  { float: left;
	width: 50%}
	
#prodinfo ul li { float:left;
	}
	
#prodinfo ul li.anna { width: 280px;
	padding-left: 20px;}

ul#info {
	font-style: italic;
	font-size: 11px;
	margin-top: 0px;
	width: 100%}
	
ul#info li { float: none;
	width: 250px;}
	
	
#music li { padding: 5px;
	border-bottom: 1px dotted #111111;
	}
	
.petit { font-size: 10px;
	}
	
#pressbilder, #affisch { 	width: 100%;
	margin-left: 30px;
	}
	
#pressbilder ul, #affisch ul {width: 500px;
	}
	
#pressbilder ul li { float: left;
	width: 155px;
	padding-top: 10px;
	}
	
#affisch ul li { float: left;
	width: 220px;
	padding-top: 10px;
	}

#news {width: 100%;
	margin-top: 15px;
	}
	
.news { margin-bottom: 20px;
	}
	
ul#newspics { width: 500px;
	}	
	
ul#newspics li {float: left;
	padding-right: 10px;}
	
.source { text-align: right;
	margin-right: 15px;
	}
	
#festivals { padding-top: 30px;
	}
	
	
/* footer */

ul#bottom {	width: 100%;
		}

ul#bottom li  {float:left; 
	width: 33%; 
	}

ul#bottom { float: left; 
	margin-top: 0px; 
	}

ul#bottom li ul li {float:none; 
	width: 80%; 
	}

.bottominner { padding: 10px;
	}

#footerinfo { font-size: 10px;
	border-top: 1px dotted #111111;
	margin-right: 10px;
	}
	
#social_bookmarks { padding-top: 25px;
	margin-left: 15px;
	margin-bottom: 0px;
	}
	
a.diigo, a.facebook, a.twitter, a.stumbleupon, a.delicious { padding: 4px 10px 4px 20px;
	color: #666666;
	}	
	
.diigo { background: url(http://www.saminieidajojk.se/comps/diigo.gif) 0px 50% no-repeat;
	}
	
.facebook { background: url(http://www.saminieidajojk.se/comps/facebook.png) 0px 50% no-repeat;
	}
	
.stumbleupon { background: url(http://www.saminieidajojk.se/comps/stumbleupon.png) 0px 50% no-repeat;
	}
	
.delicious { background: url(http://www.saminieidajojk.se/comps/delicious.png) 0px 50% no-repeat;
	
	}
	
.twitter { background: url(http://www.saminieidajojk.se/comps/twitter.png) 0px 50% no-repeat;
		}