/* http://colorschemedesigner.com/#1b627..Grvyvy */
body
{
    background-color: #e0e0e0 !important;
	background-image:url('http://iof1.idrottonline.se/ImageVault/Images/id_5628/compressionQuality_0/scope_1/ImageVaultHandler.aspx');
/*	background-image:url('images/background_blue.png');*/
	background-repeat:repeat-x;	
	font-family:  'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 14px;
}

div.IOTabLeft
{
	float: left;
	width: 5px;
	height: 26px;
	background-image: url('http://iof1.idrottonline.se/ImageVault/Images/id_6328/compressionQuality_0/scope_1/ImageVaultHandler.aspx');
	background-repeat: no-repeat;
}
div.IOTabCenter
{	
	color: #242424;
	font: 11px Verdana;
	float: left;
	width: auto;
	padding: 6px 3px 0px 3px;
	height: 20px;
	background-image: url('http://iof1.idrottonline.se/ImageVault/Images/id_6329/compressionQuality_0/scope_1/ImageVaultHandler.aspx');
	background-repeat: repeat-x;
}
div.IOTabRight
{
	float: left;
	width: 5px;
	height: 26px;
	background-image: url('http://iof1.idrottonline.se/ImageVault/Images/id_6330/compressionQuality_0/scope_1/ImageVaultHandler.aspx');
	background-repeat: no-repeat;
	margin-right: 2px;
}


#HeaderDiv
{
    background-color: #ffffff !important;
	background-repeat:repeat-x;	
	background-image:url('http://iof1.idrottonline.se/ImageVault/Images/id_5630/compressionQuality_0/scope_1/ImageVaultHandler.aspx');
}

#ContainerDiv
{
	padding: 0px; 
}
#IONavigationBar
{
	margin: 0px 0px 0px 0px;
	background: #e0e0e0;
}

div .NewsListBoxSeparator
{
	border-bottom: solid 0px #FFFFFF;
}

/* För att fixa så inte radmellanrummet ökar */
div .PaddingDiv
{
	line-height: normal !important;
	font-size: 13px !important;
}
/*--- TOP MENU ---*/
#TopMenuDiv ul
{
	float: center;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0px 0;
	list-style-type: none;	

	border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;
	background: #e0e0e0 !important;
}
#TopMenuDiv li
{
	float: left;
	height: 22px;
	margin: 0px 0px 0px 1px;
	padding: 4px 15px 0px 15px;
	border-bottom: 0px solid #fff;
	border-right: solid 1px #CCCCCC;
	background: #4677b9 !important;
}
#TopMenuDiv li:hover 
{
	background: #f8ee45 !important;	
}
.TopMenuSeparator
{
	border-left: solid 1px #CCCCCC;
}	
#TopMenuDiv a:link,
#TopMenuDiv a:visited,
#TopMenuDiv a:active
{
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 0px solid #fff;
}

#TopMenuDiv a:hover
{
	text-decoration: none;
}

#TopMenuDiv li.TopMenuItem a:hover
{
	text-decoration: none;	
}

.StartPageColumnWideLeft
{
	float: left;
	width:579px;
	overflow:hidden;
	margin: 5px 4px 5px 5px;
}

/* News list */
div .NewsListSourceDiv
{
	font-size: 10px;
}

div.NewsListBoxDateDiv
{
	color:#d04b44;
	font-size: 10px;
}

div.NewsListTitleDiv h3
{
	color:#d04b44;
	font-weight: bold;
	font-size: 18px;
}
div.NewsListTitleDiv a:link,
div.NewsListTitleDiv a:visited,
div.NewsListTitleDiv a:hover,
div.NewsListTitleDiv a:active,
div.NewsListTitleLargeDiv a:link,
div.NewsListTitleLargeDiv a:visited,
div.NewsListTitleLargeDiv a:hover,
div.NewsListTitleLargeDiv a:active

{
	color:#d04b44;
	text-decoration: none;	
}
div.NewsListSimpleLinkDiv
{
    float:left;
	width: 475px;
	overflow: hidden;
}
div.NewsListReadMoreDiv
{
	margin-top: 3px;
	margin-bottom: 15px;
	text-align:right;
	color: #d04b44 !important;
	border-bottom: 1px dotted #d04b44;
}


/* Narrow box - Startpage*/
.StartPageBoxContent
{
	background-image: none !important;
	background: #FFFFFF !important;
}

.StartPageBoxNarrow
{	width:192px; 
	overflow:hidden;
}

.StartPageBoxNarrow h2
{	
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
	background: #d04b44;	
	height: 20px;
	overflow: hidden;
	color:#fff;
	width:192px;
}

.StartPageBoxWide h2
{
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
	background: #d04b44;	
	height: 20px;
	overflow: hidden;
	color:#fff;
	width:388px;
}

div .StartPageBoxContent 
{
	border-bottom: 1px solid #d04b44;
	border-left: 1px solid #d04b44;
	border-right: 1px solid #d04b44;
	background:#FFFFFF;
	font-size:12px;
	padding: 4px 4px 4px 4px;
}

/* --- Klasser för att styra LeftMenu --- */
.LeftMenuBox
{
	width:178px;
}

.LeftMenuHeading
{
	background: #d04b44;	
	width:178px;
	line-height:25px;
	height:25px;
	overflow:hidden;
	font-weight:bold;
	margin: 0;
}
.LeftMenuHeading h2
{
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}

.LeftMenuHeading h2 a 
{
	color: #FFFFFF;
}
.LeftMenuList
{
	display:block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.LeftMenuList a:link,
.LeftMenuList a:visited,
.LeftMenuList a:hover,
.LeftMenuList a:active
.LeftMenuList a
{	
	text-decoration:none;
	color: #000000;
	font-size: 12px;
}
.LeftMenuList a:hover
{
	text-decoration:underline;
}
.LeftMenuList .LeftMenuItemSpan
{
	display:block;
	padding-top:6px;
	padding-bottom:6px;
}
.LeftMenuList li
{
	float: left;
	display:inline-block;
	margin: 0;
	padding: 0 3px 0 0;
	background-image: none;
}

.LeftMenuList li li
{
	margin: 0;
	padding: 0;
}
	
li.LeftMenuSelectedItem li, li.LeftMenuExpandedItem li
{
	border-bottom:none;
}
li.LeftMenuSelectedItem
{	
	background-color:#e0e0e0 !important;
}
li.LeftMenuItem
{	
	background-color:#FFFFFF;
}

.lvl1 li.LeftMenuItem 
{	
	background-color:#F7F7F7;
}
div.LeftMenuItem 
{ 
    height: 100%; float: left;    
}
.Level1 .LeftMenuItemSpan { padding-left:5px; border-bottom: solid 1px #d04b44;; width:169px;}
.Level2 .LeftMenuItemSpan {	padding-left:15px; width:159px;}
.Level3 .LeftMenuItemSpan {	padding-left:25px; width:149px;}
.Level4 .LeftMenuItemSpan {	padding-left:35px; width:139px;}
.Level5 .LeftMenuItemSpan {	padding-left:45px; width:129px;}
.Level6 .LeftMenuItemSpan {	padding-left:55px; width:119px;}
.Level7 .LeftMenuItemSpan {	padding-left:65px; width:109px;}
.Level8 .LeftMenuItemSpan {	padding-left:75px; width:99px;}
.Level9 .LeftMenuItemSpan {	padding-left:85px; width:89px;}

span.LeftMenuItemWrapperLeft
{
	width:auto;
	float:left;
	display:block;
}

span.LeftMenuItemWrapperRight
{
	overflow:auto;
	display:block;
}

.LeftMenuBottom
{
	width:178px;
	height:3px;
	background-image:url(/images/design/leftmenu/leftmenu_bottom.gif);
}

/* --- image border ---- */
img.NewsListBoxLargeTopImage,
img.NewsListBoxLargeImage,
img.NewsPageTopImage,
img.PageTopImage
{
	padding: 3px;
	border: 1px solid rgb(204,204,204);
}
img.NewsListBoxLargeTopImage:hover,
img.NewsListBoxLargeImage:hover,
img.NewsPageTopImage:hover,
img.PageTopImage:hover
{
	padding: 3px;
	border: 1px solid rgb(70, 119, 185);
}

/* --- Klasser som styr Footer --- */
#FooterDiv
{	
	width: 980px;
	height: 10px;
	float: left;
	display: block;	
	margin-top:10px;
	background: #FFFFFF;
	border-top: 1px solid #d04b44;
/*	background-image: url('images/footer.png');*/
	background-image: none;
	background-repeat: no-repeat;
	background-position: top center;
}