@charset "utf-8";
/* CSS Document */
/**obS! obS! obS!********************************************
/* ANVÄNDS ENBART FÖR ATT BYGGA BOXAR TILL OLIKA ÄNDAMÅL!
/* innehåller stilmall för: 
/*     - box för sidhuvud [box1]
/*     - box för menybakgrund [box2]
/*     - box för vit bakgrund till innehåll [box3]
/*     - box för hela sidfoten [box4]
/*     - box för menyflikar [box5] ????
/*     - box för widgetmeny, höger sidebar [box6]
/*     - box för text i innehållsboxen [box7]
/*     - box för enskild widget [box8]
/*     - box för widget i innehållsboxen [box9]
/*     - box för sidfotstext [box10]
/*     - box för ???? [box11]
/*	   - box för innehållstext, vänsterst. listwidget [box12]
/*	   - box för innehållstext, högerst. listwidget [box13]
/*     - box för innehållstext, för 2-spalt [box14]
/*     - box för innehållstext, 1-spalt i HELA innehållsboxen [box15]
/*     - box för menyn, för att matcha bloggen [box22]
/*     - box för kontaktinfo på startsidan [box31]
/*     - box enbart för bilden uppdat.png [box33]
/*     - boxar för innehållstext i *.html [box51]-[box57]
/*     - box för iFrame-sidebar [box66]
/*     - box för ???? [box71]
/*	   - box för innehåll med högerst. bakgrundsbild [box77]
/*     - box för innehåll med vänsterst. bakgrundsbild [box78]
/*     - box för sthlm-unleashed [box80]
/*     - box runt bilder [imgbox]
/*	   - rensa float [brytflyt]
/*     - rensa float, vänster [brytvanster]
/*     - rensa float, höger [brythoger]
/**obS! obS! obS!*******************************************/

.box1 {
	/* Box för header */
	width: 780px;
	height: 150px;
	padding: 0;
}
.box2 {
	/* Box för bakgrund till meny */
	background-color: #FFFFFF;
	/*text-align: center;
	border-bottom: 3px solid #B5ECF6;*/
	width: 780px;
	/*height: 24px;*/
	padding-top: 20px;
}
.box3 {
	/* Box för vit bakgrund till innehållet  */
	background-color: #FFFFFF;
	padding: 5px 0 0 0;
	width: 780px;
	height: auto;
	clear: both;
}
.box4 {
	/* Box för hela footern */
	text-align: center;
	width: 780px;
	height: auto;
}
.box5 {
	/* Box för länkflikar */
	width: 540;
	height: auto;
	text-align: center;
}
.box6 {
	/* Box för hela widgetmeny, höger sidebar) */
	float:right;
	text-align: center;
	padding-top:10px;
	padding-right: 5px;
	width: 222px;
	margin:0;
	list-style: none;
}
.box7 {
	/* Box för text i innehållsboxen */
	width: 540px;
	height: auto;
}
.box8 {
	/* Box för enskild widget */
	background-image: url(images/boxbgsm2.png);
	background-repeat: repeat-x;
	background-color: #EEEEEE;
	width: 195px;
	height: auto;
	/*padding: 0 10px 0 0;*/
	border: solid 1px #B5ECF6;
	margin: 10px 0;
}
.box9 {
	/* som box8 fast för 3-spaltsystem i innehållet */
	background-image: url(images/boxbgsm2.png);
	background-repeat: repeat-x;
	background-color: #EEEEEE;
	float: left;
	width: 168px;
	height: auto;
	border: solid 1px #B5ECF6;
	margin: 10px 5px;
}
.box10 {
	/* Text i footer */
	width: 38%;
	height: auto; 
	padding-top: 20px;
	padding-bottom: 20px;
	margin-right: auto; 
	margin-left: auto;
	margin-bottom: 30px;
	color: #BD0000;
	font-style: italic;
}
.box11 {
	width: auto;
	height: auto;
	padding-top: 10px;
}
.box12 {
	/* som box8 och 9 fast för 1-spaltsystem i innehållet */
	background-image: url(images/boxbgsm2.png);
	background-repeat: repeat-x;
	background-color: #EEEEEE;
	float: left;
	width: 295px;
	height: auto;
	border: solid 1px #B5ECF6;
	margin: 10px 5px;
	padding-right: 20px;
}
.box13 {
	/* som box8 och 9 fast för 1-spaltsystem i innehållet */
	background-image: url(images/boxbgsm2.png);
	background-repeat: repeat-x;
	background-color: #EEEEEE;
	float: right;
	width: 295px;
	height: auto;
	border: solid 1px #B5ECF6;
	margin: 10px 0;
	padding-right: 20px;
}
.box14 {
	/* som box12 och 13 fast för 2-spaltsystem i innehållet */
	background-image: url(images/boxbgsm3.png);
	background-repeat: repeat-x;
	float: left;
	width: 240px;
	height: auto;
	border: solid 1px #B5ECF6;
	margin: 10px 0 10px 8px;
	padding-right: 20px;
}
.box15 {
	/* som box14 fast för 1-spaltsystem i HELA innehållet */
	background-image: url(images/boxbgsm3.png);
	background-repeat: repeat-x;
	float: left;
	width: 530px;
	height: auto;
	border: solid 1px #B5ECF6;
	margin: 10px 0 10px 8px;
}
.box16 {
	/* som box13 fast utan genomskinnlig */
	background-image: url(images/boxbgsm2.png);
	background-repeat: repeat-x;
	/*background-color: #EEEEEE;*/
	float: right;
	width: 295px;
	height: auto;
	border: solid 1px #B5ECF6;
	margin: 10px 0;
	padding-right: 20px;
}
.box20 {
	width: 78%;
	height: auto; 
	padding-top: 12px;
	padding-bottom: 12px;
	margin-right: auto; 
	margin-left: auto;
	font-size: 9px;
	color: #BD0000;
	font-style: italic;
}
.box22 {
	padding: 0 0 0 21px;
	width: 772px;	
}
.box31 {
	/* specialbox för kontaktinfo på startsidan! */
	background-image: url(images/boxbgsm2.png);
	background-repeat: repeat-x;
	background-color: #EEEEEE;
	float: right;
	width: 275px;
	height: auto;
	border: solid 1px #B5ECF6;
	margin-top: 15px;
	margin-right: 5px;
}
.box33 {
	/* Box för ombyggnadsbild - används endast när SAJTEN är helt nere! */
	/* Får EJ innehålla text - ENBART bild! */
	/* Används ENDAST av index1.html */
	background-image: url(images/uppdat.png);
	background-repeat: no-repeat;
	width: 500px;
	height: 560px;
	margin-left: 40px;
}
.box51 {
	/* Box för all innehållstext i index.html(.innehall)*/
	background-image: url(images/fire.gif);
	background-repeat: no-repeat;
	float: left;
	padding: 5px;
	width: 540px;
}
.box52 {
	/* Box för all innehållstext i bild.html */
	background-image: url(images/cam.gif);
	background-repeat: no-repeat;
	float: left;
	padding: 5px;
	width: 540px;
}
.box53 {
	/* Box för all innehållstext i film.html */
	background-image: url(images/vidcam.gif);
	background-repeat: no-repeat;
	float: left;
	padding: 5px;
	width: 540px;
}
.box54 {
	/* Box för all innehållstext i ljud.html */
	background-image: url(images/miclur.gif);
	background-repeat: no-repeat;
	float: left;
	padding: 5px;
	width: 540px;
}
.box55 {
	/* Box för all innehållstext i webb.html */
	background-image: url(images/lappy.gif);
	background-repeat: no-repeat;
	float: left;
	padding: 5px;
	width: 540px;
}
.box56 {
	/* Box för all innehållstext i info.html */
	background-image: url(images/mobbie.gif);
	background-repeat: no-repeat;
	float: left;
	padding: 5px;
	width: 540px;
}
.box57 {
	/* Box för all innehållstext i linkz.html */
	background-image: url(images/vagg.gif);
	background-repeat: no-repeat;
	float: left;
	padding: 5px;
	width: 540px;
}
.box66 {
	/* Box för hela widgetmeny, iFFRAME höger sidebar) */
	backround-color: FFFFFF;
	width: 222px;
	height: 600px;
}
.box71 {
	/* Specialbox för text i innehållsboxen, för index.html */
	/*background-image: url(images/boxbgsm.png);
	background-repeat: repeat-x;*/
	width: 538px;
	height: auto;
	/*padding: 0 10px 0 0;*/
	border-top: dotted 2px #B5ECF6;
	margin: 10px 0;
}
.box77 {
	/* Samma som box7 men med bakgrundsbild */
	background-image: url(images/kepser.png);
	background-repeat: no-repeat;
	float: left;
	width: 540px;
}
.box78 {
	/* Samma som box7 men med bakgrundsbild */
	background-image: url(images/masj0004.png);
	background-repeat: no-repeat;
	float: left;
	width: 540px;
}
.box79 {
	/* Samma som box7 men med bakgrundsbild */
	background-image: url(images/masj0006.png);
	background-repeat: no-repeat;
	float: left;
	width: 540px;
	min-height: 310px;
}
.box80 {

	background-repeat: no;
	float: right;
	width: auto;
	height: auto;
	padding: 14px;
}
.imgbox {
	padding: 5px;
}
.brytflyt {
	clear: both;
}
.brytvanster {
	clear: left;
}
.brythoger {
	clear: right;
}