@charset "utf-8";
/* CSS Document */

body {
	background-image: url(http://www.ffim.se/assets/images_general/bg.jpg);
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}



/* bg_menu - Menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#bg_menu {
	background-image: url(http://www.ffim.se/assets/images_general/bg_menu.png);
	background-repeat: repeat-x;
}
#bg_menu #menu {
	width: 960px;
	margin: 0 auto 0 auto;
}
#bg_menu #menu ul#menulist li {
	display:inline;
	margin:  0  0 10px 0;
}
#bg_menu #menu ul#menulist li a {
	float:left;
	width:190px;
	padding: 24px 0 23px 0;
	text-align:center;
	background-image: url(http://www.ffim.se/assets/images_general/menu_delare.png);
	background-repeat: no-repeat;
	background-position: left center;
	color:#CCCCCC;
	font-size:1.6em;
	text-decoration:none;
}
#bg_menu #menu ul#menulist li a:hover, #bg_menu #menu ul#menulist li a.active {
	color:#ffcc00;
}
#bg_menu #menu ul#menulist li.menulistend {
	float:left;
	width:2px;
	padding: 24px 0 23px 0;
	background-image: url(http://www.ffim.se/assets/images_general/menu_delare.png);
	background-repeat: no-repeat;
	background-position: left center;
}
											
/* bg_menu - Menu info
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#bg_menu #menulogga {
	width: 960px;
	margin: 0 auto;
}
#bg_menu #menulogga #logga {
	width: 187px;
	padding: 6px 0;
	text-align:center;
	float:left;
}
#bg_menu #menulogga #logganamn {
	width: 600px;
	padding: 40px 0 0 0;
	float:left;
	font-size:3.6em;
}
#bg_menu #menulogga #logganamn2 {
	width: 600px;
	padding: 40px 0 0 0;
	float:left;
	font-size:2.8em;
}
#bg_menu #menulogga #flaggs {
	width: 160px;
	padding: 37px 0 0 0;
	float:right;
	text-align:right;
}
#bg_menu #menulogga #flaggs img {
	padding: 0 10px 0 5px;
}


/* wrapper
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#wrapper {
	width: 960px;
	margin: 0 auto 30px auto;
	background-image: url(http://www.ffim.se/assets/images_general/wrapper_bg.png);
	background-repeat: repeat-y;
	min-height:400px;
}


/* menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#wrapper #headmenu {
	width: 250px;
	background-image: url(http://www.ffim.se/assets/images_general/menu_bg.png);
	background-repeat: repeat-x;
	float:left;
}
#wrapper #headmenu h2 {
	font-size:16px;
	font-weight:bold;
	color:#575757;
	padding: 9px 0 0 20px;
	text-transform: uppercase;
}
#wrapper #headmenu ul#headmenulist {
	margin: 30px 0 20px 30px;
}
#wrapper #headmenu ul#headmenulist li a {
	padding: 6px 0 7px 10px;
	font-size:14px;
	font-weight:bold;
	color:#575757;
	background-image: url(http://www.ffim.se/assets/images_general/menu_a_bg.png);
	background-repeat: no-repeat;
	display:block;
	text-decoration:none;
}
#wrapper #headmenu ul#headmenulist li a.last {
	background-image: url(http://www.ffim.se/assets/images_general/menu_a_last_bg.png);
	background-repeat: no-repeat;
}
#wrapper #headmenu ul#headmenulist li a:hover, #wrapper #headmenu ul#headmenulist li a.active {
	color:#ffcc00;
}


/* content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#wrapper #content {
	width: 700px;
	float:right;
	background-image: url(http://www.ffim.se/assets/images_general/content_bg.png);
}
#wrapper #content h2.viktigt {
	color:#ffcc00;
}
#wrapper #content h2, #wrapper #content #maincontent h2 {
	font-size:16px;
	font-weight:bold;
	color:#575757;
	padding: 9px 0 16px 20px;
	text-transform: uppercase;
	background-image: url(http://www.ffim.se/assets/images_general/h2_bg.png);
	background-repeat: repeat-x;
	display: block;
}
#wrapper #content #maincontent {
	width: 700px;
	float:right;
	background-image: url(http://www.ffim.se/assets/images_general/content_bg.png);
}
#wrapper #content #maincontent #innerarea {
	padding: 10px 20px 20px 20px;
	font-size:12px;
}
#wrapper #content #maincontent #innerarea h3 {
	font-size:24px;
	color:#fff;
	padding: 0 0 20px 0;
	margin: 0 0 0 0;
}
		#wrapper #content #maincontent #innerarea  span {
			font-size:12px;
			color:#bcbcbc;
			padding: 0 0 0 7px;
			text-decoration:none;
		}
		#wrapper #content #maincontent #innerarea  p {
			font-size:12px;
			color:#bcbcbc;
			padding: 0 0 20px 0;
			text-decoration:none;
			line-height: 130%;
		}
#wrapper #content #maincontent #innerarea .bilden {
	margin: 10px 0 0 7px;
}


#wrapper #content #maincontent #innerarea .galleribild {
	/*background-color:#494949;*/
	padding: 0 10px 10px 10px;
}
#wrapper #content #maincontent #innerarea .galleribild h4 {
	font-size:16px;
	font-weight:bold;
	color:#bcbcbc;
	margin:0;
	padding: 10px 0 10px 10px;
}
#wrapper #content #maincontent #innerarea .galleribild h5 {
	font-size:12px;
	font-weight:normal;
	color:#bcbcbc;
	margin:0;
	padding: 10px 0 0 10px;
}
#wrapper #content #maincontent #innerarea .galleribild a {
	padding: 0 0 10px 5px;
}
/*-----------------------------------------------------------------------------------
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------
------------------------------------------------------------------------------------- */
/* Competition menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#wrapper #content #maincontent #innerarea .competition_menu {
	width:210px;
	float:left;
	margin: 0 10px 30px 0;
	background-image: none;
}
#wrapper #content #maincontent #innerarea .competition_menu h2 {
	font-size:18px;
	font-weight:normal;
	border-bottom:solid 1px #575757;
	padding: 0 0 0 5px;
	margin: 0 0 5px 0;
	background-image: none;
}
#wrapper #content #maincontent #innerarea .competition_menu span {
	font-size:12px;
	padding: 0 0 0 5px;
}
#wrapper #content #maincontent #innerarea .competition_menu h2.nonactive {
	color:#2d2d2d;
}
#wrapper #content #maincontent #innerarea .competition_menu span.nonactive {
	color:#2d2d2d;
}

#wrapper #content #maincontent #innerarea .back {
	text-align:right;
	margin:0px 10px 20px 0;
}
#wrapper #content #maincontent #innerarea .loginform {
	margin: 0 0 0 10px;
}
#wrapper #content #maincontent #innerarea p, 
#wrapper #content #maincontent #innerarea a {
	margin: 0 0 0 10px;
}
#wrapper #content #maincontent #innerarea h3,  
#wrapper #content #maincontent #innerarea img {
	margin: -20px 0 0 10px;
}
#wrapper #content #maincontent #innerarea strong {
	margin: 0 0 0 5px;
}

#wrapper #content #maincontent #innerarea .farg {
	color:#fff;
	font-size:16px;
}


/* main
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#wrapper #mainjqueryfeaturelist {
	width: 690px;
	float:right;
	background-image: url(http://www.ffim.se/assets/images_general/main_jqueryfeatureList_bg.png);
	background-repeat: no-repeat;
	background-color:#494949;
	padding: 0 0 0 10px;
}
#wrapper #mainjqueryfeaturelist h2 {
	font-size:16px;
	font-weight:bold;
	color:#575757;
	padding: 9px 0 16px 10px;
	text-transform: uppercase;
}



/* VIKTIGT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#wrapper #viktigit {
	background-image: url(http://www.ffim.se/assets/images_general/viktigt_bg.png);
	background-repeat: repeat-x;
	text-align:right;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}
#wrapper #viktigit h2 {
	font-size:16px;
	font-weight:bold;
	color:#ffcc00;
	padding: 9px 0 20px 20px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	text-align:left;
}
#wrapper #viktigit h3 {
	font-size:24px;
	color:#fff;
	padding: 0 0 0px 0;
	margin: -10px 0 10px 0;
	text-align:center;
}
#wrapper #viktigit a {
	font-size:11px;
	padding: 0 10px 0 0;
	text-align:right;
}


/* loginform under gallerit
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#wrapper #loginform {
	padding: 20px 0 10px  0;
}
#wrapper #loginform input {
	margin: 0 10px 0 5px;
	width:114px;
	font-size:10px;
	background-color:#c3c1c1;
	border:  solid 1px #292929;
	border-bottom-color:#4e4e4e;
	border-right-color:#4e4e4e;
}
#wrapper #loginform input.knapp {
	font-size:10px;
	color:#FFFFFF;
	background-color:#c3c1c1;
	background-image: url(http://www.ffim.se/assets/images_general/knapp_bg.png);
	height: 27px;
	width: 73px;
	border:none;
}
#wrapper #loginform a {
	margin: 0 10px 0 0;
}




/* 3cols
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#threecols {
	background-image: url(http://www.ffim.se/assets/images_general/index_3cols_bg.png);
	background-repeat: repeat-y;
	width: 960px;
	margin: 0 auto 30px auto;
}
#threecols .column {
	background-image: url(http://www.ffim.se/assets/images_general/index_3cols_bg2.png);
	background-repeat: repeat-x;
	width: 313px;
	margin: 0 10px 10px 0;
	float:left;
	min-height:300px;
}
#threecols .last {
	margin: 0 0 0 0;
}
#threecols .column h2 {
	font-size:16px;
	font-weight:bold;
	color:#575757;
	padding: 9px 0 20px 20px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

#threecols .column .nyheter_wrapper, 
#wrapper #content #maincontent #innerarea .nyheter_wrapper {
	margin: 0 25px 20px 20px;
}
#threecols .column .nyheter_wrapper a.nyheter, 
#wrapper #content #maincontent #innerarea .nyheter_wrapper a.nyheter {
	margin: 0;
	text-transform: uppercase;
	text-transform: none;
	text-decoration:none;
}
#threecols .column .nyheter_wrapper .datum, 
#wrapper #content #maincontent #innerarea .nyheter_wrapper .datum {
	margin: 0 10px 0 0;
	width:29px;
	height:33px;
	float:left;
	color:#FFFFFF;
	background-image: url(http://www.ffim.se/assets/images_general/datum_bg.png);
	background-repeat: no-repeat;
	text-decoration:none;
}
#threecols .column .nyheter_wrapper .datum h5, 
#wrapper #content #maincontent #innerarea .nyheter_wrapper .datum h5 {
	margin: 3px 0 0 0;
	text-align:center;
	color:#FFFFFF;
	width:29px;
	font-size:18px;
	text-decoration:none;
}
#threecols .column .nyheter_wrapper .datum h6, 
#wrapper #content #maincontent #innerarea .nyheter_wrapper .datum h6 {
	margin: 0 0 0 0;
	text-align:center;
	color:#FFFFFF;
	width:29px;
	font-size:10px;
	text-decoration:none;
}
#threecols .column .nyheter_wrapper .text, 
#wrapper #content #maincontent #innerarea .nyheter_wrapper .text {
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	border-left:solid 1px #2b2b2c;
	width:205px;
	float:left;
	color:#FFFFFF;
	font-size:14px;
	text-decoration:none;
}
#wrapper #content #maincontent #innerarea .nyheter_wrapper .text {
	width: 550px;
}
#threecols .column .nyheter_wrapper .text h3, 
#wrapper #content #maincontent #innerarea .nyheter_wrapper .text h3 {
	margin: 0 0 5px 0;
	color:#ffcc00;
	font-size:18px;
	text-decoration:none;
}
#threecols .column .nyheter_wrapper .text h3:hover, 
#wrapper #content #maincontent #innerarea .nyheter_wrapper .text h3:hover {
	color:#fff;
}
#threecols .column .nyheter_wrapper .text h4 a, 
#wrapper #content #maincontent #innerarea .nyheter_wrapper .text h4 a {
	margin: 10px 0 0 0;
	color:#ffcc00;
	font-size:11px;
	text-align:right;
	text-decoration:underline;
	display:block;
}
#threecols .column .nyheter_wrapper .text h4 a:hover, 
#wrapper #content #maincontent #innerarea .nyheter_wrapper .text h4 a:hover {
	color:#fff;
}



#threecols .column div.nyheter .datum2, 
#wrapper #content #maincontent #innerarea div.nyheter .datum2 {
	margin: 0 10px 0 20px;
	width:38px;
	float:left;
	color:#FFFFFF;
}
#threecols .column div.nyheter .datum2 h5, 
#wrapper #content #maincontent #innerarea div.nyheter .datum2 h5  {
	margin: 3px 0 0 0;
	color:#FFFFFF;
	font-size:18px;
}
#threecols .column div.nyheter .datum2 h5 span, 
#wrapper #content #maincontent #innerarea div.nyheter .datum2 h5 span  {
	margin: 0 0 0 2px;
	font-size:10px;
}
#threecols .column div.nyheter .text2, 
#wrapper #content #maincontent #innerarea div.nyheter .text2  {
	margin: 0 10px 20px 0;
	padding: 0 0 0 10px;
	border-left:solid 1px #2b2b2c;
	width:196px;
	float:left;
	color:#FFFFFF;
	font-size:14px;
}#wrapper #content #maincontent #innerarea div.nyheter .text2  {
	width:550px;
}
#wrapper #content #maincontent #innerarea div.nyheter .text2 h3  {
	font-size:18px;
}
#wrapper #content #maincontent #innerarea div.nyheter .text2 h4 a  {
	font-size:12px;
	text-decoration:none;
}


#threecols .column .text3, 
#wrapper #content #maincontent #innerarea .column .text3  {
	margin: 0 25px 20px 20px;
	font-size:14px;
	display:block;
}


#threecols .column a.merlink, 
#wrapper #content #maincontent #innerarea .column a.merlink  {
	margin: 0 30px 20px; 0;
	text-align:right;
	font-size:11px;
	width:250px;
	display:block;
}













												/* content -- Generella regler
                                                ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h1 {
	font-size:32px;
}
h2 {
	font-size:12px;
}
h3 {
	font-size:12px;
}
h4 {
	font-size:18px;
	margin: 0 0 5px 0;
}
h5 {
	font-size:12px;
}
h6 {
	font-size:10px;
	margin: 0 0 5px 0;
}

 a {
	color:#ffcc00;
	text-decoration:underline;
}
 a:hover {
	color:#615f60;
}


/* footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footerwrapper {
	margin: 0 auto;
	background-image: url(http://www.ffim.se/assets/images_general/footer_bg.png);
	background-repeat: repeat-x;
	padding: 20px 0 30px 0;
}
#footerwrapper  #footer  {
	width:400px;
	margin: 20px auto  3px auto;
}
#footerwrapper  #footer #left  {
	width:200px;
	float:left;
	margin: 0 0  0 50px;
}
#footerwrapper  #footer #right  {
	width:150px;
	float:left
}

#footerwrapper  #footer h2 {
	font-size:18px;
	color:#b10d11;
	margin: 0 0 20px 0;
}
#footerwrapper  #footer ul.meny li {
	display:block;
}
#footerwrapper  #footer ul.meny li a {
	display:block;
	font-size:14px;
	color:#525455;
	background-image: url(http://www.ffim.se/assets/images_general/pil.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
	text-decoration:none;
}
#footerwrapper  #footer ul.meny li a:hover, #footerwrapper  #footer ul.meny li a.active {
	color:#ffcc00;
}





/* clear
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.clear {
	clear: both;
}