body, html {background: #ebebeb; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px;}
img { border:0; }


/* text */
h1 		{font-size: 24px; color: #000; line-height: 120%; font-weight: normal; margin: 0px 0px 5px 0px;}
h2		{font-size: 17px; color: #000; line-height: 130%; font-weight: normal; margin: 10px 0px 5px 0px;}
a  		{color: #055bc5;}


.clear 	{clear: both;}
#container 		{width:100%; background:url('../images/if/if_bg.jpg') repeat-x; }



/* ----- start toppdelen ---- */
#topp			{width: 925px; height:141px; margin-left:auto; margin-right:auto; margin-bottom:0px; background:url('../images/if/if_top_bg.jpg');}
#navigation   {width:635px; float:right; height:auto; margin-top:0px;}
#english {width: 200px; height:auto; float:right; text-align:right; padding-top:15px;}
      #english a {color:#FFFFFF; text-decoration:none;}
#logo  {width: 200px; height:auto; float:left;}
/* ----- slut toppdelen ---- */



/* ----- start huvudmenyn -----*/
#topright {width:630px; height:auto; float:right; padding-top:0px; padding-right:15px; font-size:11px; background:url('../images/if/bg2.jpg');}
#menu {width:auto; height:22px; float:right; padding-top:54px; padding-right:0px; font-size:11px;}
     #menu ul {margin:0; padding:0; list-style:none; float:right; height:33px; border-right:1px solid #800218;}
     #menu li {float:left; border-left:1px solid #800218; margin:0; padding:0;}
     #menu a {color:#FFFFFF; float:left; height:22px; margin: 0; display:block; padding:7px 12px 5px  12px; text-decoration:none;}
     #menu a:hover {background:url("../images/if/if_menu_hover.jpg") no-repeat right top; padding:7px 12px 5px 12px;}
	 #menu a:active {background:url("../images/if/if_menu_hover.jpg") no-repeat right top; padding:7px 12px 5px 12px; text-decoration:underline;}
	 #menu a .highlightx {background:url("../images/if/if_menu_hover.jpg") no-repeat right top; padding:6px 12px 5px 12px;}
/* ----- slut huvudmenyn -----*/


/* ----- start innehållsdelen ---- */
#content		{width: 895px; height:auto; margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:0px; background:#ffffff; padding: 0px 15px 0px 15px;}
#maincontent	{width: 447px; float:left; padding:15px 0px 0px 23px;; line-height:160%;}
#maincontent .print {text-align:right; float:right; padding-top:5px;}
#maincontent .left {text-align:left; float:left;}
#maincontent .intro	{font-family: Verdana, Arial, sans-serif; font-size: 1.2em; line-height: 1.7em; font-weight: normal;}
#maincontent #infosquare {width: 180px; height:auto; margin: 10px 10px 10px 10px; background:#f1f1f1; padding: 15px 15px 15px 15px; float:right;}
	/* backnet bilder */
	#maincontent .imagepos1, #maincontent .imagepos4, #maincontent .imagepos7 {text-align: center; color: #555; font-style: italic; margin: 10px;}
	#maincontent .imagepos2, #maincontent .imagepos5 {float: left; margin: 5px 5px 5px 0px; color: #555; font-style: italic; text-align: center;}
	#maincontent .imagepos3, #maincontent .imagepos6 {float: right; margin: 5px 0px; padding: 0px 0px 5 px 10px; color: #555; font-style: italic; text-align: center; vertical-align: top;}
	#maincontent .thumbnail {float: left; width: 70px; margin: 0 15px 15px 0; padding: 5px;border: 1px solid #f4f4f3;}
	#maincontent .bigphoto {float: left; width: 400px; margin: 0 15px 15px 0; padding: 5px; border: 1px solid #f4f4f3; text-align: center;}

#main			{width:auto; height:auto;}

#left			{width: 200px; height:auto; margin: 15px 0px 15px 0px; padding:0; float:left;}
	#square1	{width: 170px; height: 190px; background:#007ee5; margin:0;  padding:15px 15px 15px 15px; float:left;}
		#square1 h2			{font-size: 17px; color: #fff; line-height: 120%; margin: 10px 10px 0px 0px;}
		#square1 h2	a		{color: #fff; text-decoration:none;}
		#square1 h2	a:hover		{color: #fff; text-decoration:underline;}
		#square1 ul 		{margin:0; line-height: 140%; padding-left:15px; list-style:none; font-size:14px;}
		#square1 ul li a .highlightx {color:#FFFFFF; text-decoration:underline;}
		#square1 ul li a 		{color:#FFFFFF; text-decoration:none;}
		#square1 ul li a:hover {color:#FFFFFF; text-decoration:underline;}
		#square1 ul ul {margin:0 0 0 10px; padding:0;list-style-type: none;}
		#square1 ul ul li a .highlightx {color:#fff; text-decoration:underline;}
		
	#square2	{width: 170px; height: 170px; background:#a11033; margin-top: 15px; padding:15px 15px 15px 15px; float:left;}
       #square2 h2			{font-size: 17px; color: #fff; line-height: 120%; margin: 0px 0px 0px 0px;}
	   #square2 #text 		{color:#FFFFFF;}
       #square2 #text a 	{color:#FFFFFF; text-decoration:underline;}

#right			{width: 200px; height:auto; margin: 15px 0px 0px 0px; padding:0; float:right}
   #square3			{width: 200px; height:200px; background:#007de4; margin:0;  padding:opx 0px 0px 0px; float:right;}
   #square4			{width: 200px; height:200px; background:#fff; margin:0;  padding:opx 0px 0px 0px; float:right;}
/* ----- slut innehållsdelen ---- */


/* ----- start footer ---- */
#footer		{background: #ebebeb; width: 895px; height:auto; margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:0px; padding: 0px 15px 15px 15px;}
#footer .text  {color:#999999}
#footer .text a   {color:#999999}
/* ----- slut footer ---- */
