@charset "utf-8";
/* CSS Document */
/*Centrerar*/ 
	body {text-align: center; width:98%; height:100%; }
	#centerContainer {width: 909px;
	  height:100%;
	  background-color: white; 
	  margin: auto;
	  text-align: left; margin-top:60px;}
/*Slut på centreringen*/

/*Utseendet Boxarna*/
#top { width:909px; height:130px; background-image:url(Grafik/1top.jpg);}
#menu { width:909px; height:30px; background-color:#FFF;}
#focusTop { width:909px; height:20px; background-image:url(Grafik/9bottomtop.png);}
#focusHeight { width:909px; height:auto; background-image:url(Grafik/8bottommiddle2.gif); position:relative; float:left; z-index:3;}
#focusBottom { width:909px; height:308px; position:relative; float:left; top:-290px; background-image:url(Grafik/7bottom.png); background-repeat:no-repeat; z-index:2; margin-bottom:-290px;}



#leftPuffContainer { width:200px; height:auto; float:left; left:0px; padding-left:30px; }
/*Puffarna*/
#leftPuff { width:200px; height:auto; background-color:#d5f085; float:left; left:30px; margin-left:0px; padding-left:0px; position:relative; margin-top:25px; margin-left:0px;padding-bottom:0px; margin-bottom:0px; background-image:url(Grafik/10gronBG.png); background-repeat:no-repeat; overflow:hidden; }
#leftPuffBorta { width:200px; height:auto; background-color:#ffffff; float:left; left:30px; margin-left:0px; padding-left:0px; position:relative; margin-top:25px; margin-left:0px;padding-bottom:0px; margin-bottom:0px; }

#rightPuffContainer { width:200px; height:auto; float:right; left:0px; padding-right:30px; position:relative; }


#rightPuff { width:200px; height:auto; background-color:#d5f085; float:right; right:0px; position:relative; margin-top:35px; margin-left:0px;padding-bottom:0px; margin-bottom:0px; margin-right:0px; padding-right:0px; background-image:url(Grafik/10gronBG.png); background-repeat:no-repeat;}
#rightLitenPuff { width:200px; height:auto; background-color:#f7b5d2; float:right; right:0px; position:relative; margin-top:25px; margin-left:0px;padding-bottom:0px; margin-bottom:0px; margin-right:0px; padding-right:0px; background-image:url(Grafik/11rosaBG.png); background-repeat:no-repeat;}

/*Borta*/
#rightPuffBorta { width:200px; height:auto; background-color:#ffffff; float:right; right:0px; position:relative; margin-top:35px; margin-left:0px;padding-bottom:0px; margin-bottom:0px; margin-right:0px; padding-right:0px; }

#rightLitenPuffBorta { width:200px; height:auto; float:right; right:0px; position:relative; margin-top:-55px; margin-left:0px;padding-bottom:0px; margin-bottom:0px; margin-right:0px; padding-right:0px; }






/*Rundade hörn för puffarna*/
img.rundadUL { position:relative; float:left; left:-4px; top:-4px; width:20px; height:20px; margin:0px; padding:0px;}
img.rundadUR { position:relative; float:right; right:-4px; top:-4px; width:20px; height:20px; margin:0px; padding:0px;}
img.rundadBTM {position:relative; float:left; left:-4px; bottom:0px; width:208px; height:20px; margin:0px; padding-top:50px; }
img.rundadBTMright {position:relative; float:left; right:0px; bottom:0px; width:200px; height:20px; margin:0px; padding-top:50px; margin-bottom:-17px;} /*Grön höger stor puff. Bakgrunden bland annat*/
img.rundadBTMLitenRosa {position:relative; float:left; left:0px; top:-2px; bottom:0px; width:200px; height:20px; margin:0px; padding-top:30px; margin-bottom:-20px;} /*Liten höger puff*/



/*Brödtextcontainern*/
.middleBox { width:345px; position:relative; float:left; top:50px; left:0px; height:auto; margin-left:70px; padding-right:0px; padding-bottom:170px;  }



/*Innuti. hur texten och bilderna ska vara*/
img.text { width:175px; height:auto; padding-left:0px; float:left; padding-right:7px; margin-bottom:0px; padding-bottom:0px; padding-top:2px;}
img.portratt { width:auto; height:100;  padding:5px;}
img.puff { width:150px; height:45px; padding-top:15px;}
/*Puffar*/
div.puff { padding-left:17px; padding-right:5px; padding-top:30px; margin-bottom:-20px;}


/*TEXTEN I HEMSIDAN*/

p {font-family:Verdana, Geneva, sans-serif; font-size:small; margin-top:0px;}
h1,h2,h3,h4,h5,h6 {font-family:Verdana, Geneva, sans-serif; margin-top:0px; padding-bottom:3px; margin-bottom:0px; padding-top:20px;}
h5 { font-weight:bold; font-size:small; margin-top:-20px;}
h1 {padding-left:-15px; margin-bottom:15px; font-size: x-large; padding-top:0px;}
span.bold {font-weight:bold;}
span.boldRed { font-weight:bold; color:#F00;}
span.boldGray { font-weight:bold; color:#666;}
span.kursiv {font-style:italic;}

p.upp { padding-bottom:5px; text-align:right; }

/*PuffText*/
p.puff { font-size:x-small; }
h4.puff {font-size:large; padding-bottom:10px; padding-top:0px; margin-top:0px; }
h5.puff {font-size:x-small; padding-top:23px; }



/*LÄNKARNA*/
.linkRollover0 { display:block; margin-left:4px; width:72px; height:30px; background-color: #bfdb6a; float:left;}

.linkRollover1 a { display:block; width:70px; background-color: #bfdb6a; float:left;}
.linkRollover1 a:hover { background-color: #e2f4ac}

.linkRollover2 a { display:block; width:150px; background-color: #bfdb6a; float:left;}
.linkRollover2 a:hover { background-color: #333;}

.linkRollover3 a { display:block; width:98px; background-color: #bfdb6a; float:left;}
.linkRollover3 a:hover { background-color: #333;}

.linkRollover4 a { display:block; width:104px; background-color: #bfdb6a; float:left;}
.linkRollover4 a:hover { background-color: #333;}

.linkRollover5 a { display:block; width:99px; background-color: #bfdb6a; float:left;}
.linkRollover5 a:hover { background-color: #333;}

.linkRollover6 a { display:block; width:71px; background-color: #bfdb6a; float:left;}
.linkRollover6 a:hover { background-color: #333;}

.linkRollover7 a { display:block; width:85px; background-color: #bfdb6a; float:left;}
.linkRollover7 a:hover { background-color: #333;}

.linkRollover8 a { display:block; width:83px; background-color: #bfdb6a; float:left;}
.linkRollover8 a:hover { background-color: #e2f4ac;}

.linkRollover9 { display:block; width:67px; height:30px; background-color: #bfdb6a; float:left;}