body {margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.70em; background: #a8c1c6 url(bilder/bakgrund.jpg);}
h1 {margin: 0 0 0.5em 0; font-size: 1.5em;}
h2 {margin: 0 0 0.5em 0; font-size: 1em;}




/* sidlayout */
#layout {width: 750px; border: 0px; margin-right: auto; margin-left: auto;}
#sidhuvud {background: #cccccc url(kant_01.jpg); height: 140px; }
#menybakgrund{width: 750px; background: #a8c1c6 url("kant_02.jpg"); }


/* meny */
#menycontainer ul{width: 680px; background: #a8c1c6 url("kant_02.jpg"); position: relative; left: 30px; top: 0px; right: 50px; clear: both; margin: 0 0 0 0; padding-left: 0; font-size: 0.80em ;}
#menycontainer li{display: inline;}
#menycontainer ul a{float: left; text-decoration: none; background: #ffffff; margin-right: 0.5em; padding: 0.3em 2em;} 
#menycontainer a:link{color: #000000;}
#menycontainer a:visited{color: #000000;}
#menycontainer a:hover{color: #999999; }
#menycontainer a#current{background: #ffffff; color: #000000;} 


/* innehållsrutor */
#kolumncontainer{float: left; width: 750px; background: #a8c1c6 url("kant_03.jpg"); }
#kolumn1 {position: relative; left: 50px; top: 20px; float: left; width: 35%; padding: 10px; background: #ffffff; margin-right: auto; margin-left: auto;}
#kolumn2 {position: relative; left: 60px; top: 20px; float: left; width: 45%; padding: 10px; background: #ffffff; margin-right: auto; margin-left: auto;}
#affisch {position: relative; left: 58px; top: 20px; float: left; width: 60%; height: 620px; background: #cccccc url("Affisch-Ht2006_liten.jpg"); margin-right: auto; margin-left: auto; }
#aktuelltprogram {position: relative; left: 40px; top: 20px; float: left; width: 25%; padding: 10px; background: #ffffff; margin-right: auto; margin-left: auto;}



/* Osynliga kolumner för att man ska kunna ha vita boxar i den */
#tom-kolumn1 {position: relative; left: 40px; top: 20px; float: left; width: 25%; padding: 0px; background: #cccccc; margin-right: auto; margin-left: auto;}	
#tom-kolumn2 {position: relative; left: 60px; top: 20px; float: left; width: 45%; padding: 0px; background: #cccccc; margin-right: auto; margin-left: auto;}


/* Box -  vit */
#box {padding: 10px; background: #ffffff;}

/* Box -  luft genomskinlig */
#box-luft {padding: 10px; background: #cccccc;}





/* bilder */
#radcontainer{float: left; width: 750px; background: #a8c1c6 url("kant_03.jpg"); }
#rad1 {position: relative; left: 50px; top: 20px; float: left; padding: 10px; background: #ffffff; margin-right: auto; margin-left: auto;}
#rad2 {position: relative; left: 55px; top: 20px; float: left; padding: 10px; background: #ffffff; margin-right: auto; margin-left: auto;}
#rad3 {position: relative; left: 60px; top: 20px; float: left; padding: 10px; background: #ffffff; margin-right: auto; margin-left: auto;}
#rad4 {position: relative; left: 70px; top: 20px; float: left; padding: 10px; background: #ffffff; margin-right: auto; margin-left: auto;}

#bild1 {background: #ffffff url("filmbilder/enjunisondag4.jpg"); width: 140px; height: 101px;}
#bild2 {background: #ffffff url("filmbilder/minfru_01.jpg"); width: 140px; height: 118px;}
#bild3 {background: #ffffff url("filmbilder/The constant Gardener_bild.jpg"); width: 150px; height: 118px;}
#bild4 {background: #ffffff url("filmbilder/Tsotsi_day_10_071.jpg"); width: 100px; height: 105px;}



/* Luft nedanför text men ovanför sidfot */
#luft{float: left; width: 750px; height: 50px; background: #a8c1c6 url("kant_03.jpg"); }

/* Sidfoten */
#sidfot {clear: both; margin: 0; background: #cccccc url("kant_04.jpg"); width: 750px; height: 65px; }