body {margin: 10px;}


/* Sidhuvud med logobild */


#box1 {background-image: url(ikon/zBande1.jpg); padding: 1px;}


#box2 {background-image: url(ikon/zBGblue038.jpg); padding: 1px; text-align: center;}


#box3 {float: left; padding: 1px;}


#box4 {width: 787px; background-color: #666666; padding: 2px; color: #ffffff}


#box5 {background-image: url(salambild/sallog.jpg); padding: 1px;}







/* <<<<<<<<<     Boxar till kolumn 1    Index boxar    Kolumn 1  <<<<<<<< */


.box {width: 555px; padding: 1px;}




	/* 2 boxar som ger möjlighet att dela i 2 en index spalt */


.box1 {float: left; width: 255px; padding: 15px; }


.box2 {float: left; width: 255px; padding: 15px; }



         /*Boxar till Stockholms Nytt */


.box3 {float: left; width: 450px; padding: 1px; }

.box4 {float: left; width: 100px; padding: 1px; }



	/* Box 5 och 6 reserverade för kolumn 1 index  */









/* <<<<<<<<<   Boxar till kolumn 2    Index boxar       Kolumn 2 <<<<<<<<  */



	/* Koran box    Koran box   */

.box7 {width: 180px; padding: 1px; margin-right: auto; margin-left: auto;}



.box8 {width: 175px; padding: 1px;}


.box9 {width: 180px; padding: 1px;} 


	/* Box 8 och 9 reserverade för kolumn 2   */







/*  <<<<<<<<<<<<  Boxar till kolumn 3 och 4 med combo boxar och iframes  */


   


.box10 {width: 630px; padding: 1px;}

.box11 {background-image: url(ikon/kolum.gif); float: left; width: 75px; padding: 1px;}


	/* Box 13 är lika box 11 utan bakgrundsbild */	

.box13 {float: left; width: 75px; padding: 1px;}



      /* Box 12 är till bönerna */

.box12 {background-color: #ffffff; padding: 25px; border: 2px solid #cccc99;}



	/* Box 14 och 15 och 16 är reserverade för kolumn 3 och 4 */





/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/




  /*Box till meddelande till IIF (Bokningar, Nytt, kurser mm)  Box 18 är tack boxen */

.box17 {width: 540px; padding: 15px; border-right: 2px solid #cccc99; border-left: 2px solid #cccc99;margin-right: auto; margin-left: auto;}


.box17a {width: 540px; padding: 15px; margin-right: auto; margin-left: auto;}



.box18 {background-color: #999966; width: 350px; padding: 1px; margin-right: auto; margin-left: auto;}

 
	/* Box 19 är reserverade för framtida meddelande */





/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/






	/*Konf bild galleri*/

.box5a {width: 370px; padding: 15px; margin-right: auto; margin-left: auto; text-align: center;}






/* Box till text i iframe #ff3300 */


.box6 {width: 500px; padding: 15px;}



.box15 {width: 125px; padding: 7px; }










	/* Boxar till bilder  ---------------    Boxar till bilder  */


		/* box till logobild  och bilder i index artiklar  */

.imagecaption {float: left; width: 100px; margin: 0 1em 1em 1em; display inline;}


.imagecaption777 {float: right; width: 100px; margin: 0 1em 1em 1em; display inline;}



.imagecaption1 {float: left; width: 110px; display inline; }

.imagecaption1a {float: left; width: 68px; display inline; }

.imagecaption2 {float: left; width: 130px; margin: 0 1em 1em 1em; display inline;}

.imagecaption3 {float: left; width: 55px; margin: 0 1em 1em 1em; display inline;}

.imagecaption4 {float: left; width: 110px; margin: 0 1em 1em 1em; display inline;}

.imagecaption5 {float: left; width: 10px; margin: 0.5em; display inline;}

.imagecaption6 {float: left; width: 150px; margin: 0 1em 1em 1em; display inline;}

.imagecaption66 {float: right; width: 150px; margin: 0 1em 1em 1em; display inline;}

.imagecaption666 {float: right; width: 450px; margin: 0 1em 1em 1em; display inline;}

.imagecaption7 {float: right; width: 60px; display inline; }

.imagecaption77 {float: right; width: 150px; display inline; }

.imagecaption8 {float: left; width: 260px; display inline; }

.imagecaption99 {float: left; width: 25px; margin: 0 1em 1em 1em; display inline;}

.imagecaption10 {width: 100px; margin: 0 1em 1em 1em; display inline;}

.imagecaption13 {float: left; width: 120px; margin: 0 1em 1em 1em; display inline;}


.imagecaption13b {float: left; width: 80px; margin: 0 1em 1em 1em; display inline;}



.imagecaption1a {float: left; width: 50px; display inline; }


.imagecaption22 {float: left; width: 200px; margin: 0 1em 1em 1em; display inline;}

.imagecaption222 {float: left; width: 85px; margin: 0 1em 1em 1em; display inline;}



/* Boxar till Tack sida */


.box2a {background-color: #ffffff;width: 255px; padding: 15px;margin-right: auto; margin-left: auto;}







/* Kolumn till prov del */



#container {width: auto; float: left;}
#col1 {width: 255px; float: left; padding: 1em; }

#col2 {width: 255px; float: left; padding: 1em;} 


#col3 {width: 340px; float: left; padding: 1em; }

#col4 {width: 170px; float: left; padding: 1em;} 


#col5 {width: 300px; float: left; padding: 1em; }

#col6 {width: 210px; float: left; padding: 1em;} 


/* Kolumn till böcker */

#col7 {width: 300px; float: left; padding: 1em; }

#col8 {width: 300px; float: left; padding: 1em;} 


/* Kolumn till news arkiv */

#col7 {width: 290px; float: left; padding: 1em; }

#col8 {width: 290px; float: left; padding: 1em;} 



/* Kolumn till kalendarium */

#col9 {width: 240px; float: left; padding: 1em; }

#col10 {width: 320px; float: left; padding: 1em;} 




.imagecaption1t {float: left; width: 15px; display inline; }

.imagecaption1tt {float: right; width: 15px; display inline; }


.imagecaption2t {float: left; width: 12px; display inline; }

.imagecaption2tt {float: right; width: 12px; display inline; }






.box110 {width: 250px; padding: 25px;}




div.thumbnail {width: 82px; float: left; margin: 0 1px 1px 0;}

div.thumbnail img {float: left; margin: 5px 5px 0 5px;}


div.thumbnail1 {width: 175px; float: left; margin: 0 0 2px 0; border:1px solid #777}

div.thumbnail1 img {float: left; margin: 1px 4px 0 1px;}

div.thumbnail1 p {line-height: 1.3em; margin: 0; padding: 2px; }



div.thumbnail2 {width: 120px; float: left; margin: 0 0 2px 0; }

div.thumbnail2 img {float: left; margin: 5px 5px 0 5px;}

div.thumbnail2 p {line-height: 1.3em; margin: 0; padding: 2px; }


div.thumbnail3 {width: 470px; float: left; margin: 0 0 2px 0; }

div.thumbnail3 img {float: left; margin: 1px 4px 0 1px;}

div.thumbnail3 p {line-height: 1.3em; margin: 0; padding: 2px; }



