body {
	background-image: url(../images/site_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #002366;
	margin:0px;
    padding:0px;
	font: 11px/18px "Trebuchet MS", Tahoma, Verdana, sans-serif; color:#fff;
}

a {font: 11px "Trebuchet MS", Tahoma, Verdana, sans-serif; color:#c1cee9;
text-decoration:none;
}

a:hover {font: 11px "Trebuchet MS", Tahoma, Verdana, sans-serif; color:#ffbb03;
text-decoration:none;
}

p {
    font: 11px "Trebuchet MS", Tahoma, Verdana, sans-serif; color:#fff;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-right: 10px;
	line-height: 14px;
}

img.arrow {
	margin-right: 3px;
	margin-bottom: -1px;
	
}
#site {
    width:750px;
    margin:0px auto;
    padding:0px;
}

#bottom-logos {
	width:750px;
	margin:0px auto;
	padding:0px 0px 10px;
}


	
#top {
	/*background-image: url(../images/top_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;*/
	width:750px;
	height:154px;
	padding:0px;
	margin:0px;	
	
    
}


/*
#top h3{
	padding:0px;
	margin:0px;
	display: inline-block;
	height: 154px;
	width: 129px;
	
}

#top h3 a {

	height:154px;
	width: 129px;
	text-decoration:none;
	
	
}

#top h3 a span {
	display:none;
	
}
*/

h1 {
	font-size: 15px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	color:#ffbb03;
	 
}

h2 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	color:#ffbb03;
	 
}

h3 {
	font-size: 11px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	color:#ffbb03;
	text-transform: uppercase;
	border-bottom:1px solid #ffbb03;
	 
}

.moviethumb {
	border: 3px solid #FEDE99;
	margin:0px 5px 0px 10px;
	padding:0px;
}


#menu {
	width:750px;
	height:35px;
	padding:0px;
	float:right;
	margin-top:70px;

	
	
	
}

-----------------------------------------------------------

MENU & NAVIGATION

-----------------------------------------------------------

ul {  
	list-style:none;
	margin:0;
	padding:0;
	
}
ul li {
	padding:0;
	margin:0;
	list-style:none;
	float:left;
	/*background-color:#ffffff;*/
	

	
	}

ul li a {
	display:block;
	height:35px;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	
	
}
ul li a:hover {
	background-position:0 -34px;
}
ul li a span {
	display:none;
	
}

ul.lankar {
}
li.lankar {
	list-style-type: square;
	float: left;
	clear: both;
	padding: 0px;
	display: list-item;
}

#logo {
	width:120px;
	margin-right:20px;
	

}

#kalendarium {
	background-image:url(../images/menu-kalendarium.gif);
	width:79px;
	

}
#digitala {
	background-image:url(../images/menu-digitala-evenemang.gif);
	width:121px;
	margin-left:8px;
}
#boka {
	background-image:url(../images/menu-boka-biljetter.gif);
	width:82px;
	margin-left:8px;
}
#galleriet {
	background-image:url(../images/menu-galleriet.gif);
	width:54px;
	margin-left:8px;
}
#cinemateket {
	background-image:url(../images/menu-cinemateket.gif);
	width:79px;
	margin-left:8px;
}
#skolbio {
	background-image:url(../images/menu-skolbio.gif);
	width:50px;
	margin-left:8px;
}
#samarbeten {
	background-image:url(../images/menu-samarbeten.gif);
	width:75px;
	margin-left:4px;
	
	
}

--------------------------------------------------------------


#movie {
	width:236px;
	background-color: #5B0104;
	border: 1px solid #420103;
	margin:0px 0px 15px;
	padding:0px;

}

#footer {
	width:100%;
	height:56px;
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	color:#899ec6;
	font-size:11px;
}


#footer a{
	color:#c1cee9;
	font-size:11px;
	text-decoration:none;
}

#footer a:hover{
	color:#fff;
	font-size:11px;
	text-decoration:none;
}

.date {
	color:#FF9100;
	font-weight: bold;
	text-decoration:none;
}

table.moviecontainer{
	margin-top: 20px;
	margin-bottom: 60px;
}

tr{
	margin: 0px;
	padding: 0px;
}

td.movie {
	width:237px;
	height:160px;
	background-color: #294782;
	border: 1px solid #10306e;
	margin:0px;
	padding:0px;
}

td.moviedescription {
    /*width:150px;*/
	border-bottom:1px solid #ffbb03;
	height: 17px;
	padding-top:2px;
}
p.moviedescription{
    font: 10px Helvetica, Arial, Tahoma, Verdana, sans-serif; color:#FFECC4;
	margin-top: 10px;
	margin-left: 10px;
	padding-right: 10px;
	line-height: 12px;
	color:#fff;
}
td.spacer {
	height:19px;
	margin:0px;
	padding:0px;
}



#gallery {
	position: relative;
	width:750px;
	height:1px;
	margin:0;
	padding:0;
}
#gallery li { display: block; }

#pictogram{
	position: absolute;
	text-align: right;
	margin-left: 646px;
	top: 145px;
	color: #ffbb03;
	font-size: 1.1em;
	font-weight: bold;
}

#pictogram img{
	
	}
#pictogram p{
	padding: 0;
	margin: 0;
	position: relative;
	text-align: center;


}	

#bigbox{
	width: 800px;
}

.smallbox{
	width: 248px;
	height: 710px;
	background-color: #294782;
	float: left;
	margin: 15px 0 0 9px;

	}
	
.infobox{
	width: 140px;
	margin-top: 15px;
	border: thin #00FF66;
	}	
.infobox a{
	margin: 0px 10px;
}		

	.clearboth { 
	clear: both; 
}

.square {
	width: 95%;
	margin: 0 3px 0 3px;
	padding: 1px;
	border: 2px solid #ffbb03;
	
	}
.floatleft {
	float: left;
	margin-top: 5px;
	margin-right: 13px;
	border: 1px solid #484b5a;
}

.floatleft img {
	border: 1px solid #484b5a;
}


.floatleft p {
	margin: 1px 0 10px 0;
	font-size: 0.8em;
	color: #666600;
	text-align: center;	
}

.floatright {
	float: right;
	margin-top: 5px;
	margin-left: 6px;
	border: 1px solid #484b5a;
}

.floatright img {
	border: 1px solid #484b5a;
}


.floatright p {
	margin: 1px 0 10px 0;
	font-size: 0.8em;
	color: #666600;
	text-align: center;	
}