BODY { margin: 0; padding: 0; font: 70% Verdana, Tahoma, Ariel, sans-serif; line-height: 1.6em; background: #F7F7F7; color: #000; }
IMG { border:0; }
P { margin: 5px 0 8px 0;}
A {text-decoration: underline; color: #618EDA;}
FIELDSET, LEGEND, FORM {border:0; margin:0; padding:0;}

.clear { clear: both;}
.content { padding: 0px; width:922px;}

/* global classes */
.left { float: left; }
.right { float: right; }


#top {background: url(/images/if/bg_top_and_bottom.gif) repeat-x; overflow: hidden; height:68px;}
	#logo {float: left; margin: 0px; padding:12px 0px 0px 20px;} 
	#social-icons { float: right; margin: 0px; padding: 20px 25px 0px 0px; }
	#social-icons a { margin-left: 3px;}

#navigation { background: #484A53 url(/images/if/bg_navigation.gif) repeat-x; overflow: hidden; }
	#navigation A { text-decoration: none; color: #fff; padding: 10px 15px; display: block; float: left; margin: 0;}
	#navigation A:hover { background: url(/images/if/bg_navigation_active.gif) repeat-x; }
	#navigation A.active { background: url(/images/if/bg_navigation_active.gif) repeat-x;}
	#navigation UL { margin: 0; padding: 0 2px 0 0; display: block; float: left; background: url(/images/if/bg_navigation_li.gif) right repeat-y;}
	#navigation LI { margin: 0; padding: 0 0 0 2px; list-style: none; display: block; float: left; background: url(/images/if/bg_navigation_li.gif) repeat-y;}	

#main {width: 922px; overflow: auto; padding: 0px; overflow: hidden; background: #fff;}
    
    #splash-info {position: absolute; top: 132px; left: 165px; width: 500px; height: 350px; background: #fff; border: 1px solid #3b3a3a; padding: 25px; margin: 0px; opacity: 1; filter: opacity(alpha=100);}
	    #splash-info #close {float: right; cursor: pointer;}
	    #splash-info h2 {float: left; width:450px; font: 32px Tahoma, Verdana, Arial; line-height:80%; margin:0px; padding: 0px; color: #000;}
	    #splash-info h2 a { text-decoration:none; color: #2e2e2f;}
	    #splash-info p { cursor: pointer;}
	    #splash-info p span { display: block; color: #618EDA; cursor: pointer; }
	    
	    #splash-info .img { clear: both; margin: 1em 0;}
	    
	    #splash-info .img p { font-size: .9em; color: #666; }
	    #splash-info .img.left { display: block; margin: .5em 1.5em .75em 0; }
	    #splash-info .img.right { display: block; margin: .5em 0 .75em 1.5em; }

	    
	
#imagefield {clear: both; width:922px; height:330px; margin:0px; padding:0px; background: #fff}	

/*innehåll*/	
#maincontent {float: right; width: 560px; margin:0px; padding: 20px 50px 20px 0px;}
	#maincontent H1 {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 2.4em; line-height: 100%; font-weight: normal; margin: 0px 0px 10px 0px;}
	#maincontent H2 {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1.6em; line-height: 100%; font-weight: normal; margin: 10px 0px 10px 0px;}
	#maincontent H3 {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1.2em; line-height: 100%; font-weight: bold; margin: 5px 0px 5px 0px;}
	#maincontent .imagepos1 {float:left; padding: 0px 0px 10px 0px; text-align: center;}
	#maincontent .imagepos2, #maincontent .imagepos5 {float:left; padding: 0px 10px 10px 0px; text-align: center;}
	#maincontent .imagepos3, #maincontent .imagepos6 {float:right; padding: 0px 0px 10px 10px; text-align: center;}
	#maincontent .imagepos4 {float:left; padding: 10px 0px 10px 0px; text-align: center;}
	#maincontent .imagepos7 {float:left; padding: 10px 0px 10px 0px; text-align: center;}
	#maincontent .imagepos11 {float:left; padding: 0px 10px 10px 0px;}
	/* faktaruta */
	#maincontent .outerinfosquare {float: right; width: 247px; margin: 0px; padding: 5px 0px 5px 10px; background: url(/images/if/if_bg_bottom_infosquare.gif) no-repeat bottom right;}
	#maincontent .innerinfosquare {padding: 15px 15px 10px 15px; margin: 0px; color: #000; background: #EBF0FA url(/images/if/if_bg_top_infosquare.gif) no-repeat top;}
	#maincontent .innerinfosquare a {color: #000;}
	#maincontent .innerinfosquare h2 {color: #000;font-size: 1.2em; font-weight: bold; line-height: 100%;}
	#maincontent .innerinfosquare ul {margin:0px; padding:5px 0px 0px 15px;}
	#maincontent .innerinfosquare ol {margin:0px; padding:5px 0px 0px 20px;}
	
	/* imagelibrary */
	#maincontent .thumbnail {float: left; width: 100px; margin: 0 15px 15px 0; padding: 5px; border: 1px solid #f4f4f3;}
	#maincontent .bigphoto {width: 550px; margin: 0 15px 15px 0; padding: 5px; border: 1px solid #f4f4f3; text-align: center;}
	#maincontent .clearboth {clear: both;}



/*vänstersidan*/
#extra {float: left; width: 250px; margin:0px; padding: 20px 20px 20px 30px;}
	/* rutor */
	#extra .box { margin: 0 0 15px 0; background: url(/images/if/bg_box_bottom.gif) 0 100.1% no-repeat; }
	#extra .box .boxcontent {padding: 0 15px 10px 15px; width: 208px; background: url(/images/if/bg_box_top.gif) no-repeat;}
	#extra .box .boxcontent H2 { margin: 0px; padding: 7px 0px 15px 2px;; color: #fff; font-size: 1.0em; font-family: Verdana, Tahoma, sans-serif; font-weight: normal;}

	
	/* pagemenyn */
	#extra .pagemenu {margin: 0px; padding: 0px 0px 5px 5px; background: #fff}
	#extra .pagemenu ul {margin:0px; padding:0px; list-style-type: none; width: 206px;}
	#extra .pagemenu ul ul {margin:0px 0px 0px -10px; padding-left:5px; list-style-type: none; width: auto;} 
	#extra .pagemenu li {margin:0px; padding:5px 0px 0px 15px; background: url(/images/if/if_arrow_right.gif) no-repeat 2px 10px;}
		#extra .pagemenu a {text-decoration: none; padding:5px;}
		#extra .pagemenu a:hover {text-decoration: underline;}
		/* markerar länk */
		#extra .pagemenu .indicate {text-decoration: underline;}


/* ----- start sidfot ----- */
#info {clear: both; background: #24252C url(/images/if/bg_top_and_bottom.gif) repeat-x; overflow: hidden;}
	#infotext {float: left; margin: 0px; padding: 20px 20px 40px 30px; color: #fff;}
	#infotext a {color: #C3E3FB; text-decoration: underline;}

/* ----- slut sidfot ----- */