/* cufon fonts
---------------------------------------------------------------*/
h1, .rubrik {
font-family: UniverStandard, Arial, Helvetica, sans-serif;
font-size: 21px;
font-weight: normal;
line-height: 24px;
padding: 0px;

}
h2 {
font-family: UniverStandard, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: 120%;
margin:  0 0 0 -2px;
padding: 0px;
}
h3 {
font-family: UniverStandard, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 120%;
margin: 0px;
padding: 0px;
}
h4 {
font-family: UniverStandard, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 120%;
margin: 0px;
padding: 0px;
}
h5 {
font-family: UniverStandard, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 120%;
margin: 0px;
padding: 0px;
}
h6 {
font-family: UniverStandard, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 120%;
margin: 0px;
padding: 0px;
font-weight: bold;
}

/* universal set of reset styles
---------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,caption,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend {vertical-align: baseline;font-size: 100%;outline: 0;padding: 0;margin: 0;border: 0;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {background: white;line-height: 1;color: black;}
ol,ul {list-style: none;}
/* tables still need cellspacing="0" in the markup */
table{border-collapse: separate;border-spacing: 0;}
caption,th,td {font-weight: normal;}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before,blockquote:after,q:before,q:after {content: "";}
blockquote,q {quotes: "" "";}
/* ||| the end |||*/
/* ||| set of clearing floats |||*/	
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
.clr {font-size : 1px;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear {clear: both;}
/* End hide from IE-mac */
/* ------------------------ the end ----------------------------*/
* {
	margin: 0;
	padding: 0;
}
html {
	min-height:100%;
	border-bottom:1px solid transparent;
}
body {
	margin:0;
	padding:0;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #F7F7F7;
	background-image: url(../images/bg/bg_body.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-attachment: fixed;
}
/* Basic link styles 
---------------------------------------------------------------*/
a{
	outline:none;
	cursor:pointer;
}
a:link,
a:visited,
a:active{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
/* Basic image style 
----------------------------------------------------------------*/
img{
	border:none;
	text-decoration:none;
}
/* Basic lists styles 
----------------------------------------------------------------*/
ul{
	padding:0;
	margin:0;
}
ul li{
	padding:0;
	line-height:150%; 
	margin:0;
}
ul ul{
	padding-left:20px;
}
ul li a{
	text-decoration:none;
}
ol li{
	line-height:150%; 
}
/* Basic heading styles 
-----------------------------------------------------------------*/
th {
	padding:4px;
	text-align:left;
}
p, pre, blockquote, h1, h2, h3, h4, h5, h6{
	margin:1em 0;
	padding:0;
	color: #333333;
}
h1 { font-size:200%; }
h2 { font-size:175%; }
h3 { font-size:150%; }
h4 { font-size:120%; }
h5 { font-size:100%; }
h1,h2,h3,h4,h5{
	margin:0;
}
/* Basic form styles 
-----------------------------------------------------------------*/
fieldset{
	border:none;
	padding:5px 0;
}
fieldset a{
	font-weight:bold;
}
input, select, button{
	font-size:11px;
	font-weight:normal;
}
/* Basic HR-line style 
-----------------------------------------------------------------*/
hr {
	border-right:0;
	border-left:0;
	border-bottom:0;
	height:1px;
}

body.start {
	background: #252a2e url(../images/bg/bg_startpage.png) repeat-x fixed center top;
}

body.start #wrapper {
width: 960px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-image: none;
position: relative;

}
#wrapper {
width: 960px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background: url(../images/topimage_santafe.png) no-repeat center top;
position: relative;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
height: 69px;
position: relative;
}

#header .topnavigation {
position: absolute;
bottom: 1px;
visibility: visible;
z-index: 98;
height: 36px;
width: 966px;
left: -3px;
background: url(../images/bg/bg_menu2.png) no-repeat left top;
}

#header .topnavigation .menu {
position: absolute;
left: 0px;
top: 6px;
z-index: 1000;
}

#header .logo {
position: absolute;
left: 0px;
top: 35px;
z-index: 99;
}


/* Middle
-----------------------------------------------------------------------------*/
#middle {
	border-left: 215px solid #eeeeee;
	height: 1%;
	margin-top: 130px;
}

#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	
}
.start #middletown {
	height: 695px;
	display: block;
}
#container {
width: 100%;
float: left;
margin-right: -100%;
z-index: 1;
background-color:#eeeeee;
}
#content {
	padding: 20px;
}
#content p {
	font-size: 12px;
	line-height: 150%;
}
#content a {
	color:#255191;
	text-decoration:none;
	outline:none;
}
#content a:hover {
	color:#5883ba;
	text-decoration:underline;
}

/* Sidebar Left
-----------------------------------------------------------------------------*/
.sl {
	float: left;
	width: 215px;
	position: relative;
	left: -215px;
	background-color:#eeeeee;
}

#middle div.sidebar.sl {
	background: url(../images/bg/bg_submenu.png) no-repeat right bottom;
	padding: 20px 0 30px 0px;
	margin: 0;
}
#middle div.sidebar.sl ul.sidebar.submenu {
	list-style-type: none;
	padding: 0px 0 20px 20px;
	margin: 0;

}
#middle div.sidebar.sl p.sidebar.submenu {
	padding: 0 0px 0 20px ;
	margin: 0;
	width: 175px;
	line-height: 130%;
	color: #eee;
}

#middle div.sidebar.sl ul.sidebar.submenu li {
	border-bottom: 1px solid #ededed;
	float: none;
	width: 165px;
}
#middle div.sidebar.sl ul.sidebar.submenu li.submenu_rubrik {
	font-size: 16px;
	line-height: 120%;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
	margin: 0 0 20px 0px;
	padding: 0px;
	border: none;
}


#middle div.sidebar.sl ul.sidebar.submenu li a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding: 3px 0 3px 3px;
	display: block;

}
#middle div.sidebar.sl ul.sidebar.submenu li a:hover {
	color: #666;
	background-color: #ffffff;
	display: block;
	padding: 3px;
}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
padding: 0 0 30px 0;
margin: 30px 0;
}

#footer div.footer-column {
float: left;
width: 149px; /*width of each menu column*/
margin: 0px 0px 15px 0;
border-left: 1px solid #dddddd;
padding: 0 0 0 8px;
font-size: 10px;
}

#footer div.footer-column h6, #footer div.footer-column b {
color: #8c8c8c;
margin: 0;
padding: 0;
text-transform: uppercase;
}

#footer div.footer-column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#footer div.footer-column ul li{
margin: 0;
padding: 0;
border-bottom: 1px none #8c8c8c;
text-transform: uppercase;
color: #8c8c8c;
}

#footer a {
text-decoration: none;
color: #8c8c8c;
}

#footer a:hover{
color: #036;
}

#footer div.adress p {
	color: #8c8c8c;
	font-size: 10px;

}
#footer div.adress {
	border-top: 1px solid #dddddd;
}



body#fifa #footer div.footer-column{
float: left;
width: 147px; /*width of each menu column*/
margin: 0px 0px 15px 0;
border-left: 1px solid #444444;
padding: 0 0 0 8px;
font-size: 10px;
}

body#fifa #footer div.footer-column ul li{
margin: 0;
padding: 0 0 0px 0px;
border-bottom: 1px none #8c8c8c;
text-transform: uppercase;
color: #666666;
}

body#fifa #footer div.footer-column h6, body#fifa #footer div.footer-column b {
color: #666666;
margin: 0;
padding: 0;
text-transform: uppercase;
}

body#fifa #footer a{
text-decoration: none;
color: #666666;
}
body#fifa #footer div.adress p{
	color: #666666;
	font-size: 10px;
}
body#fifa #footer div.adress {
	border-top: 1px solid #444444;
}

/* Footer end */

#middle div.sidebar.sl ul.sidebar.submenu li.erbjudande a {
	color: #ed0000;
	text-transform: uppercase;
}

/* Transparent */
.transparent_class {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
/* FIFA startsida */
body#fifa, body.start {
	background-image: url(../images/bg/bg_startpage.png);
	background-color: #252a2e;
}

body#fifa div#bigwrapper {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 1002px;
	background: url(images/fifa_stillbild_1002x438.jpg) no-repeat center top;
}

body#fifa #wrappern {
	width: 960px;
	position: absolute;
	top: 0px;
	left: 20px;
	
}
body#fifa #container {
	background-color: transparent;
	height: 370px;
}
body#fifa #middletown {
	height: 450px;
	display: block;
}

body#fifa .skipintro {
	position: absolute;
	left: 930px;
	top: 420px;
	background-color: rgba(213,213,213,0.5);
	padding: 3px;
	margin: 0;
	z-index: 990;
	white-space: nowrap;
}
body#fifa .skipintro a{
	color: #eaeaea;
	cursor: pointer;
}

div.4puffar ul {
height: 162px;
width: 960px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: #eee;
}
div.4puffar ul li {
float: left;
height: 162px;
width: 239px;
display: inline;
margin:0;
padding:0;
}

/*ÅF-adresserna under distriktserbjudande*/
#content .afadresserna ul {
display:block; 
width:705px; 
list-style-type:none; 
margin:0; 
padding:0;
}
#content .afadresserna li {
display:inline;
float:left; 
padding:0 10px 10px 0;
width: 165px;
line-height: 110%;
}


#content .rightcolumn {
display: block;
float: right;
min-height: 600px;
padding-left: 50px;
width: 150px;
}