/*--- COMMON ---*/

/*
Huvudfärg 336699
Grundfärg ffffff
Länkfärg 003366
Box smal /images/design/boxes/startpagebox_top_4.gif /images/design/boxes/startpagebox_top_blue.gif
Box bred /images/design/boxes/startpagebox_wide_top_4.gif /images/design/boxes/startpagebox_wide_top_blue.gif
Menyrubrik /images/design/leftmenu/leftmenu_top_4.gif /images/design/leftmenu/leftmenu_top_blue.gif
*/

html {background: #a2daf3 url(/ImageVaultFiles/id_51184/cf_963/html-bg.jpg) repeat-x 50% 0;}
body {background: url(/ImageVaultFiles/id_51185/cf_963/body-bg.png) no-repeat fixed 50% 0; font: normal 12px/1.333em  Arial, Verdana, sans-serif; color: #222;}

a:link,
a:hover,
a:visited,
a:active {color:#036;}

/* Contain floats: h5bp.com/q */ 
#TopMenuDiv:before, #TopMenuDiv:after, #TopMenuDiv ul:before, #TopMenuDiv ul:after { content: ""; display: table; }
#TopMenuDiv:after, #TopMenuDiv ul:after { clear: both; }
#TopMenuDiv, #TopMenuDiv ul { zoom: 1; }

#ContainerOuterDiv {overflow: hidden;}
#ContainerDiv {padding: 0 20px;}
form#aspnetForm {background: url(/ImageVaultFiles/id_51186/cf_963/form-raster3.png) repeat-x fixed 10% 0;}
#TopMenuDiv {background: #000 url(/ImageVaultFiles/id_51188/cf_963/topmenu-grad.jpg) repeat-x;}
#TopMenuDiv ul {padding: 0;}
#TopMenuDiv li.TopMenuItem, #TopMenuDiv li.TopMenuSelectedItem {float: left; margin: 0; padding: 0 2px 0 0; height: auto; border: none; background: url(/ImageVaultFiles/id_51190/cf_963/topmenu-divider.png) 100% 0 no-repeat;}
#TopMenuDiv li.TopMenuItem a, #TopMenuDiv li.TopMenuSelectedItem a {float: left; padding: 0 8px; font: normal 12px/30px Arial, Verdana, sans-serif; color: #FFF; text-transform: uppercase;}
#TopMenuDiv li.TopMenuItem a:hover, #TopMenuDiv li.TopMenuItem:hover > a, #TopMenuDiv li.TopMenuSelectedItem:hover > a, #TopMenuDiv li.TopMenuSelectedItem a {background: #000 url(/ImageVaultFiles/id_51189/cf_963/topmenu-hover-grad.jpg) repeat-x;}

#TopMenuDiv div.HasChildren {display: none;}
#TopMenuDiv ul ul.SubMenuList {background: #000; border: none; border-top: 1px solid #333;}
#TopMenuDiv ul ul.SubMenuList li {border-bottom: 1px solid #333333; border-right: medium none; clear: both; display: block; height: auto; margin: 0; padding: 0; width: 180px; }
#TopMenuDiv ul ul.SubMenuList li a {display: block; float: none; font: normal 12px/16px Arial, Verdana, sans-serif; padding: 7px 9px; background: url(/ImageVaultFiles/id_51187/cf_963/topmenu-drop-grad.jpg) repeat-x;}
#TopMenuDiv ul ul.SubMenuList li a:hover {background: #000 url(/ImageVaultFiles/id_51189/cf_963/topmenu-hover-grad.jpg) repeat-x;}

.TopMenuSeparator{border-left:solid 1px #CCC;}
.LeftMenuHeading h2 a:link,.LeftMenuHeading h2 a:visited,.LeftMenuHeading h2 a:hover,.LeftMenuHeading h2 a:active{color:#fff;}
#FooterDiv{background-color:#369;color:#fff;}
.StartPageBoxNarrow h2{width: auto; padding: 8px 10px; font: bold 12px/14px Arial; text-transform: uppercase; background: #000 url(/ImageVaultFiles/id_366940/cf_92292/topmenu-grad.jpg) repeat-x;}
.StartPageBoxWide h2{width: auto; padding: 8px 10px; font: bold 12px/14px Arial; text-transform: uppercase; background: #000 url(/ImageVaultFiles/id_366940/cf_92292/topmenu-grad.jpg) repeat-x;}
.LeftMenuHeading h2{background-image:url(/images/design/leftmenu/leftmenu_top_4.gif)}
.OrgStructureBoxHeading{background-color:#036}
.FixtureLinkDiv a:hover,.StatisticsTable a:hover,.FixtureListTable a:hover{text-decoration:underline}
.FixtureLinkDiv{text-align:right;display:block;padding-bottom:11px}
.StatisticsTable th,.StatisticsTable td{border:1px solid #BEBEBE;vertical-align:top;padding:2px 5px}
.StatisticsTable tfoot tr td{background:#F7F7F7;color:#000;text-align:right}
.StatisticsTable tfoot tr td a:link,.StatisticsTable tfoot tr td a:visited{background:#F7F7F7;color:#000;font-weight:700}
.StatisticsTable a:hover,.StatisticsTable a:focus{background:#F7F7F7;color:red}
.CalendarSchemeTable td{height:13em}
.CalendarSchemeTable td h3{text-align:right;margin:0}
.CalendarSchemeTable td ul li{width:93px;list-style-type:none;line-height:normal;white-space:nowrap;overflow:hidden;margin:0;padding:5px 0 0}
.CalendarSchemeTable .EvenRow{background-color:#DDD}
.FixtureListTable th,.FixtureListTable td{border:1px solid #BEBEBE;padding:2px 5px}
.FixtureListTable tbody th{background:#fff;color:#000;text-align:left}
.FixtureListTable thead td{border:1px solid #BEBEBE;background:#369;color:#fff;font-weight:700}
.StandingsTable{border:1px solid #BEBEBE;border-collapse:collapse;width:100%;margin:.5em 0 1em;padding:0}
.StandingsTable th{text-align:center;background:#DDD;color:#000}
.StandingsTable th,.StandingsTable td{border:1px solid #BEBEBE;padding:2px 3px}
.StandingsTable thead td{border:1px solid #BEBEBE;background:#369;color:#fff;font-weight:700;padding:2px 5px}
.StandingsTable .WideCell{padding:2px 5px}
.StandingsTable tbody td{text-align:center;padding:2px 3px}
.StandingsTable .LeftAlignTd{text-align:left}
.StandingsTable .RightAlignTd{text-align:right}
.StandingsTable tbody .AboveLineRow td{border-bottom:1px solid #000}
.StandingsTable tbody tr .SortColumnCell{font-weight:700;color:#000}
.StandingsTable tbody tr .LastColumnCell{border-right:1px solid #DDD}
#EmptyTopMenuDiv,.LeftMenuHeading{background-color:#369}
a:link,a:hover,a:visited,a:active,.faq p{color:#036}
#TopMenuDiv a:link,#TopMenuDiv a:visited,#TopMenuDiv a:hover,#TopMenuDiv a:active,.LeftMenuList a:link,.LeftMenuList a:visited,.LeftMenuList a:hover,.LeftMenuList a:active,.footerlabel{color:#000}
div.RightBoxTopDiv,div.RightBoxContent{background-color:#fff}
.FixtureLinkDiv a:link,.StatisticsTable a:link,.FixtureListTable a:link,.FixtureLinkDiv a:visited,.StatisticsTable a:visited,.FixtureListTable a:visited{text-decoration:none}
.FixtureLinkDiv a:active,.StatisticsTable a:active,.FixtureListTable a:active,.ChangedMatch,.ChangedMatch a:link,.ChangedMatch a:visited{color:red}
.StatisticsTable,.FixtureListTable{border:1px solid #BEBEBE;border-collapse:collapse;width:100%;margin:.5em 0;padding:0}
.StatisticsTable thead th,.FixtureListTable thead th{background:#DDD;color:#000;text-align:left}
.StatisticsTable .EvenRow,.FixtureListTable tbody .EvenRow,.StandingsTable tbody .EvenRow{background:#F7F7F7;color:#000}
.StatisticsTable tbody tr .ImageCell,.CalendarListTable td{vertical-align:top}
.CalendarSchemeTable td ul,.CalendarListTable td ul,.CalendarListTable td ul li{list-style-type:none;margin:0;padding:0}

#HeaderDiv a, #HeaderDiv a img {display: block; margin: 0 0 4px;}


.dropNavigation {margin: 0 0 10px;}
#dropNav {border: 1px solid #81C5E2; font: bold 14px/16px Arial; padding: 2px; color: #444; width: 100%;}
#dropNav option:nth-child(odd) {background: #EEE;}

.sponsorbox h3 {background: #000 url(/ImageVaultFiles/id_366940/cf_92292/topmenu-grad.jpg) repeat-x; padding: 0 10px; color: #FFF; font: bold 12px/30px Arial; text-transform: uppercase;}
.partners1 {width: 195px; height: 180px;}
.partners1 p {width: 195px; height: 180px; display: block; margin: 0; position: relative;}
.partners1 p a {display: table-cell; vertical-align: middle; width: 195px; height: 180px; text-align: center; *font-size: 157.14px; *display: block;}
.partners1 p a span {display: none;}
#RightDiv .partners1 p a img {display: inline-block; vertical-align: middle;}

.container {}
#heroBox {background: #f0f0f0; width: 774px; height: 516px; border: solid 3px #DDD; position: relative; overflow: hidden; margin: 0 0 10px; color: #FFF;}
a {color: #fff;}
#heroBox a.read-more {font-weight: bold; color: #FFF;}
#heroBox img {display: block;}
/*--Main Image Preview--*/
.main_image {width: 774px; height: 516px; background: #333; position: relative; overflow: hidden; color: #fff;}
.main_image h2 {font-size: 14px; margin: 0 0 5px; padding: 0;}
.main_image p {}
.block small {padding: 0; font-size: 1em;}
.main_image .block small {float: left; padding: 0 8px 0 0; color: #CCC;}
.main_image .desc{position: absolute; bottom: 0; left: 0; width: 100%; display: none;}
.main_image .block{background: url(/ImageVaultFiles/id_51381/cf_963/black-alpha-80.png); padding: 16px 27px 190px; opacity: .6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
#heroBox:hover .main_image .block, #heroBox:hover .image_thumb ul li {opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);}
.main_image a.collapse {background: url(/ImageVaultFiles/id_51441/cf_963/up-down.png); height: 24px; width: 23px; text-indent: -99999px; position: absolute; top: 0px; right: 26px; z-index:10;}
.main_image a.show {top: -24px; background-position: 0 100%;} 


.image_thumb {position: absolute; left: 0; bottom: 0;}
.image_thumb img {width: 220px;}
.image_thumb ul {margin: 0; padding: 0 0 30px 27px; list-style: none; overflow: hidden; width: 750px;}
.image_thumb ul li{margin: 0 30px 0 0; float: left; position: relative; z-index: 11; opacity: .7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); width: 220px; height: 147px; overflow: hidden; box-shadow: 0 3px 5px rgba(0,0,0,.7);}
.image_thumb ul li a {display: block;}
.image_thumb ul li a.read-more {display: none;}
.image_thumb ul li.hover {cursor: pointer;}
.image_thumb ul li.active {background: #fff;cursor: default; width: 216px; height: 143px; border: 2px solid #FFF;}
.image_thumb ul li.active img {margin: -2px -2px 0 0;}
.image_thumb ul li.active a {cursor: default;}
html .image_thumb ul li h2 {font-size: 12px; margin: 0; padding: 0;}
.image_thumb ul li .block {position: absolute; bottom: 0; left: 0; background: url(/ImageVaultFiles/id_51381/cf_963/black-alpha-80.png); padding: 10px; width: 200px;}	
.image_thumb ul li p, .image_thumb ul li small {display: none;}

#BoxAreaDiv h2, #ClubSearchBox h2 {font: bold 12px/14px Arial; text-transform: uppercase; height: auto;}
div.StartPageBoxRow h2, #ClubSearchBox h2 {height: auto;}
.StartPageBoxWide h2 {width: auto; padding: 8px 10px; font: bold 12px/14px Arial; text-transform: uppercase; background: #000 url(/ImageVaultFiles/id_366940/cf_92292/topmenu-grad.jpg) repeat-x;}

.StartPageBoxWide, div.boxcontainerwide {width: 385px; padding-bottom: 10px;}
.boxcontainerwide.boxrightpad {padding-right: 10px;}
.StartPageBoxWide .StartPageBoxImage, .StartPageBoxWide .StartPageBoxContent {background-image: none;}
.StartPageBoxWide .StartPageBoxBottom {display: none;}

#LeftDiv .PaddingDiv {padding: 10px 10px 10px 0;}
.LeftMenuHeading {width: auto; background: none; height: auto;}
#LeftDiv h2 {width: auto; padding: 8px 10px; font: bold 12px/14px Arial; text-transform: uppercase; background: #000 url(/ImageVaultFiles/id_366940/cf_92292/topmenu-grad.jpg) repeat-x;}
.LeftMenuBox {width: 100%; overflow: hidden;}
.LeftMenuList li {float: none; display: block; padding: 0; background: none;}
li.LeftMenuItem {background: none;}
.LeftMenuList {background: #F0F0F0;}
.LeftMenuList ul li.Level2 .LeftMenuItemSpan {padding: 0 0 0 10px; background: #eaeaea;}
.LeftMenuList ul li.Level3 .LeftMenuItemSpan {padding: 0 0 0 20px; background: #e6e6e6;}
.LeftMenuList ul li.Level4 .LeftMenuItemSpan {padding: 0 0 0 30px; background: #e2e2e2;}
.LeftMenuList ul li.Level5 .LeftMenuItemSpan {padding: 0 0 0 40px; background: #dedede;}
.Level1 .LeftMenuItemSpan {border-bottom: 1px solid #DDD; padding: 0; width: auto;}
div.LeftMenuItem {float: none;}
.LeftMenuList a:link, .LeftMenuList a:visited, .LeftMenuList a:hover, .LeftMenuList a:active {display: block; padding: 5px 10px 5px 0;}
.LeftMenuItem img {margin: 0 !important;}
.LeftMenuBottom {display: none;}
.LeftMenuExpandedItem .LeftMenuItemSpan span .LeftMenuItem  img {float: left; margin: 4px 4px 0 3px !important;}

.StartPageBoxNarrow .StartPageBoxContent, .StartPageBoxNarrow .StartPageBoxImage {background-image: none;}
.StartPageBoxNarrow .StartPageBoxBottom {background-image: none; height: 4px;}
.StartPageBoxWide .BoxNoBackground {background-image: none !important;}
span.LeftMenuItemWrapperLeft {margin: 5px 4px 0 3px; width: auto;}