body { background: #000; text-align: center; margin:0; padding-bottom: 30px; }

body, select, input, textarea { font-size: 12px; font-family: Arial, Verdana; }

td, th { font-size: 12px; vertical-align: top;}
th { text-align: left; padding-right: 20px; }

h1, h2, h3 { color: #990000; font-family: Arial; font-weight: normal; }

h1 { float: left; width: 100%; font-size: 20px; margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid #d1d1d1; }
h1.grey { color: #363636; }
h2 { font-size: 17px; margin: 0 0 10px 0; }
h2.grey { color: #363636; }
h2.big { float: left; width: 100%; margin-top: 0px; padding: 0 0 5px 0; border-bottom: 1px solid #d1d1d1; }
h3 { font-weight: bold; font-size: 12px; margin: 0; padding: 0 0 5px 0; }

form { margin: 0; padding: 0; }

a { color: #000; text-decoration: none; }

img { border: 0; }

/* FORUMLÄR */

label { display: block; font-weight: bold; margin-bottom: 3px; }

input.text, textarea { width: 200px; margin-bottom: 10px; border: 1px solid #E5E5E5; padding: 2px;  }
textarea { height: 100px; width: 300px; background: none; }

input.button { background: url(../images/bg_menu.gif) top repeat-x; color: #FFF; border: 0; font-weight: bold; font-size: 9px; padding: 3px 5px; font-family: Verdana; text-transform: uppercase; }

/* LAYOUT */

td.bg_left { background: url(../images/bg_left.jpg) right top no-repeat #000; }
td.bg_right { background: url(../images/bg_right.jpg) left top no-repeat #000; }
td.empty_top { height: 18px; }
td.bg_center { width: 980px; background: url(../images/bg_center.gif) left top repeat-y #FFF; }
td.bg_ads { width: 150px; background: #FFF; }

div#container { width: 980px; margin-left: auto; margin-right: auto; text-align: left;}

div#top {width: 100%; height: 150px; }

/* TOP */

div#top { position: relative; background: url(../images/bg_top.gif) top left repeat-x #000; }
div#top .logo { position: absolute; z-index: 100; top: 15px; left:30px; }
div#top img.top { position: absolute; top: 0; left: 0; }
div#top .team_select {position: absolute; right: 0px; top: 0px; height: 150px; width: 215px; font-weight: bold; background: url(../images/bg_top.gif) top left repeat-x #000; }
div#top .team_select .space { float: left; padding: 16px 0 0 14px; }
div#top .team_select .date { color: #FFF; }
div#top .team_select table { margin-top: 20px; }
div#top .team_select td { vertical-align: middle; color: #FFF; padding-right: 10px; }
div#top .team_select td.first { font-size: 22px; border-bottom: 1px solid #61050a; padding-bottom: 10px; }
div#top .team_select select { width: 110px; }
div#top .team_select .select_team { cursor: pointer; }

/* MENU */

div#menu { width: 100%; background: url(../images/bg_menu.gif) top repeat-x #000; height: 40px; overflow: hidden; }
div#menu ul { list-style: none; margin: 0; padding: 0; }
div#menu li { float: left; }

div#menu a {
	float: left;
	padding: 9px 10px 9px 10px;
	margin: 1px 0 0 0;
	color: #c4c4c4;
	font-weight: bold;
	text-decoration: none;
	border-left: 1px solid #242424;
	border-right: 1px solid #050505;
	font-size: 12px;
}

div#menu a.first { margin-left: 16px; }
div#menu a.last { border-right: 1px solid #960000; }
div#menu a:hover, div#menu li.active a { background: url(../images/bg_menu_on.gif) repeat-x; }
div#menu a.admin-link { float: right;  border: 1px solid #960000; border-width: 0 1px 0 1px; margin-right: 16px; }

.white-space { float: left; width: 100%; height: 5px; background: #FFF; overflow: hidden; }

/* LEFTCOL */
div#leftcol { float: left; background: #FFF; width: 215px; overflow: hidden; padding:0; margin: 0;}

div#leftcol .head { float: left; width: 100%; background: url(../images/bg_box_head.gif) top repeat-x #040404; height: 24px; text-align: left; }
div#leftcol .head h2 { color: #FFF; font-size: 11px; margin: 5px 0 0 10px; padding: 0; font-weight: bold; }
div#leftcol .body { float: left; width: 214px; text-align: center; padding: 10px 0; border-right: 1px solid #d4d4d4; }
div#leftcol .body img { margin-bottom: 7px; }
div#leftcol .body table { width: 111px; text-align: center; line-height: 16px; color: #363636; }
div#leftcol .body td { border-bottom: 1px solid #cdcdcd; padding: 0 0 5px 0; }
div#leftcol .body td.last { border: 0; padding: 0; padding-top: 5px; }
div#leftcol a.spec{ color: #731111; text-decoration: underline;}

/* SUBMENU */

div#submenu { width: 100%; float: left; background: url(../images/bg_submenu.gif) top repeat-x #6a0000; margin-bottom: 5px; }
div#submenu .space { float: left; padding: 10px 0; width: 100%; }
div#submenu .team_head { color: #FFF; float: left; font-size: 24px; width: 185px; border-bottom: 1px solid #890c1b; padding-bottom: 10px; margin-left: 12px; }
div#submenu ul { float: left; list-style: none; padding: 0; margin: 10px 0 0 0; width: 100%; }
div#submenu li { float: left; width: 100%; line-height: 22px; }

div#submenu li.on, div#submenu li.active { background: url(../images/bg_submenu_on.gif) bottom repeat-x #FFF; }
div#submenu li a {float: left; width: 100%; padding-left: 12px; color: #FFF; text-decoration: none; font-weight: bold; margin-left: 2px;}
div#submenu li a.on, div#submenu li.active a { color: #731111; }
div#submenu li.on li a { color: #731111; }

/* SUBMENU STEP 2*/

div#submenu ul ul { float: left; padding-bottom: 5px; }


div#submenu li ul li {
	float: left;
	width: 100%;
	line-height: 18px;
	background: none;
	text-decoration: none;
	padding-left: 10px;
	border: 0;
	font-size: 11px;
}

div#submenu li li a { float: left; width: 170px; }

/* MAIN */

div#main, #main-noright { float: left; width: 550px; padding-bottom: 30px;}
#main-noright { width: 765px; }

div#main .space, #main-noright .space { float: left; margin: 0 15px; width: 520px; }
#main-noright .space { width: 735px; }

.breadcrumb { float: left; margin: 5px 0 10px 0; font-size: 12px; width: 100%;}
.breadcrumb ul { list-style: none; padding: 0; margin: 0; }
.breadcrumb li { float: left; padding: 0 5px 0 0; }
.breadcrumb li.first { padding-right: 5px; }
.breadcrumb li a { color: #404040; }
.breadcrumb li.active a { color: #731111; font-weight: bold; }


/* RIGHT COL */

div#rightcol { float: right; width: 215px; overflow: hidden; font-size: 11px; padding-bottom: 30px; }

div#rightcol .head { float: left; width: 100%; background: url(../images/bg_box_head.gif) top repeat-x #040404; height: 24px; text-align: left; }
div#rightcol .head h2 { color: #FFF; font-size: 11px; margin: 5px 0 0 10px; padding: 0; font-weight: bold; }
div#rightcol .head a { color: #FFF; }

div#rightcol .body { float: left; width: 100%; border: 1px solid #E5E5E5; margin-bottom: 20px; background: url(../images/bg_box_right.gif) bottom repeat-x #FFF; line-height: 18px;}
div#rightcol .body .space { padding: 5px; font-size: 11px; }

div#rightcol #kalender { float: left; width: 100%; margin-bottom: 5px; }
div#rightcol .calender { width: 100%; }
div#rightcol td.arrow-l { padding: 0 0 0 8px; }
div#rightcol td.arrow-r { text-align: right; padding: 0 8px 0 0; }
div#rightcol td.arrow-r, div#rightcol td.arrow-l { vertical-align: middle; font-weight: bold; }
div#rightcol td.arrow-r a, div#rightcol td.arrow-l a { color: #FFF; }
div#rightcol .calendar-choice { float: left; width: 100%; background: url(../images/bg_calendar_bottom.gif) repeat-x; }
div#rightcol .calendar td.next { text-align: right; }
div#rightcol .calender td.date { padding-left: 0px; }
div#rightcol .kalender_val { clear: both; }
div#rightcol .kalender_val table { width: 100%; border: 1px solid #E5E5E5; border-width: 0 0 1px 1px; }
div#rightcol .kalender_val td { text-align: center; padding: 4px; border: 1px solid #E5E5E5; border-width: 1px 1px 0 0; font-size: 11px; }
div#rightcol .kalender_val td.date-on { background: url(../images/bg_calendar_on.gif) bottom repeat-x; font-weight: bold; cursor:pointer; color: #990000; }
div#rightcol .kalender_val td.today { background: url(../images/bg_calendar_bottom.gif) repeat-x; color: #FFF; font-weight: bold;}

div#rightcol .box { float: left; width: 100%; background: url(../images/bg_rightbox.gif) top repeat-x #000; color: #FFF; line-height: 18px; margin-bottom: 5px;  }
div#rightcol .box .space { padding: 15px 10px; color: #FFF; font-size: 11px; }
div#rightcol .box h2 { float: left; width: 100%; color: #FFF; padding: 0 0 8px 0; margin: 0 0 8px 0; border-bottom: 1px solid #FFF; }
div#rightcol .box a { color: #FFF; }
div#rightcol .box a:hover { text-decoration: underline; }

div#rightcol ul { list-style: none; margin: 0; padding: 0; }
div#rightcol li { padding: 6px 10px; color: #404040; }
div#rightcol li.last { border: 0; }
div#rightcol li a { text-decoration: none; color: #404040; font-weight: bold; }

div#rightcol th { font-size: 10px; }
div#rightcol td { font-size: 11px; }
div#rightcol input.text { border: 1px solid #CCC; width: 80px; }
div#rightcol input.small { width: 60px; }


/* FOOTER */

div#footer { float: left; width: 100%; height: 120px; background: url(../images/bg_footer.png) repeat-x; }
div#footer table { padding-left: 40px; }
div#footer td { padding-top: 20px; font-size: 11px; padding-right: 40px; }
div#footer td.logo { padding-top: 0px; }
div#footer h3 { float: left; width: 100%; margin-bottom: 5px; color: #444444; border-bottom: 1px solid #a4a4a4; padding-bottom: 5px; font-size: 11px;  }
div#footer a { color: #731111; }

/* STARTPAGE */

div#startpage table { width: 100%; }
div#startpage td.left { width: 130px; }

div#startpage div.newslist ul { list-style: none; margin: 0; padding: 0; }

div#startpage .news, div#team_start .news { float: left; width: 100%; padding-bottom: 15px; margin-bottom: 15px; color: #363636; }
div#startpage .news h2, div#team_start .news h2 { margin: 0; padding: 0 0 8px 0; font-weight: normal; color: #000; font-size: 12px; float: left;  }
div#startpage .news h2 a, div#team_start .news h2 a { font-weight: bold; }
div#startpage .news .ingress, div#team_start .news .ingress { float: left; margin-bottom: 12px; }
div#startpage .news .date, div#team_start .news .date { float: left; padding-right: 10px; display: block; }
div#startpage .news .link, div#team_start .news .link { float: left;  }
div#startpage .news .link a, div#team_start .news .link a { color: #990000; text-decoration: underline; font-size: 11px; }
div#startpage .small { margin-bottom: 0px; }

div#startpage table { width: 100%; }
div#startpage td.first { border-right: 1px solid #C4C4C4; padding-right: 20px; }
div#startpage td.last { padding-left: 20px; }
div#startpage h1 { margin-bottom: 5px; }
div#startpage ul { margin: 0; padding: 0; list-style: none; }
div#startpage ul a { background: url(../images/red_arrow.gif) left 4px no-repeat; padding-left: 10px; line-height: 16px; }

/* GUESTBOOK */

#guestbook { float: left; width: 520px; }
#guestbook .book { float: left; width: 100%; border: 1px solid #d4d4d4; margin: 0 0 10px 0; padding: 0; }
#guestbook .book .space { float: left; width: 510px; padding: 5px 10px 5px 5px; margin: 0; }
#guestbook .header { font-weight: bold; float: left; color: #731111; font-size: 12px;}
#guestbook .msg { float: left; margin-top: 4px; }
#guestbook .error { margin: 10px; }

/* PAGINATION */

#pagination { float: left; text-align: center; margin: 0px; width: 100%; }
#pagination td { vertical-align: middle; }
#pagination .img-l { padding-right: 5px; }
#pagination .img-r { padding-left: 5px; }
#pagination img { border: 0; }
#pagination a.active { font-weight: bold; color: #990000; }


/* STATS */

div#stats th { padding: 5px 2px; border-bottom: 1px solid #CCC; }
div#stats td { border-bottom: 1px solid #E5E5E5; padding: 5px 2px; }


/* TEAM START */

div#team_start .first, div#team_start .last { float: left; width: 360px; }
div#team_start .first .news { float: left; padding-right: 10px; }
div#team_start .last .news { float: left; padding-left: 10px; }
div#team_start .space { padding: 0 20px 0 0; }
div#team_start .blackbox { float: left; width: 100%; background: url(../images/bg_rightbox.gif) bottom repeat-x #3c3c3c; color: #FFFFFF; line-height: 20px; margin-bottom: 10px; padding-bottom: 15px; font-size: 12px; }
div#team_start .blackbox td { font-size: 12px; line-height: 20px; }
div#team_start .blackbox .first, div#team_start .blackbox .last { float: left; width: 350px; }
div#team_start .blackbox .first { margin: 15px 15px 0 15px; width: 340px; }
div#team_start .blackbox .last { margin: 15px 0 0 0; }
div#team_start .blackbox .last td { color: #FFF; }
div#team_start .blackbox a { color: #FFF; }
div#team_start .blackbox a:hover { text-decoration: underline; }
div#team_start .blackbox h2 { float: left; width: 100%; color: #FFF; padding: 0 0 8px 0; margin: 0 0 8px 0; border-bottom: 1px solid #FFF; }
div#team_start .link { font-size: 11px; }

div#team_start #kalender { float: left; width: 100%; margin-bottom: 5px; }
div#team_start .calender { width: 100%; }
div#team_start td.arrow-l { padding: 0 0 0 8px; width: 150px; }
div#team_start td.arrow-r { text-align: right; padding: 0 8px 0 0; width: 150px; }
div#team_start td.arrow-r, div#team_start td.arrow-l, div#team_start .kalender_header { vertical-align: middle; font-weight: bold; }
div#team_start .kalender_header { text-align: center; color: #FFF; }
div#team_start td.arrow-r a, div#team_start td.arrow-l a { color: #FFF; }
div#team_start .calendar-choice { float: left; width: 100%; background: url(../images/bg_box_head.gif) top repeat-x #040404; }
div#team_start .calendar td.next { text-align: right; }
div#team_start .calender td.date { padding-left: 15px; }
div#team_start .kalender_val { clear: both; }
div#team_start .kalender_val table { border: 1px solid #E5E5E5; border-width: 0 0 1px 0; }
div#team_start .kalender_val td { padding: 4px; border: 1px solid #E5E5E5; border-width: 1px 1px 0 0; height: 40px; width: 105px; }
div#team_start .kalender_val td a { color: #990000; }
div#team_start .kalender_val td.one { border-width: 1px 1px 0 1px; }
div#team_start .kalender_val td.date-on { background: url(../images/bg_calendar_on.gif) bottom repeat-x; cursor:pointer; color: #990000;}
div#team_start .kalender_val td.today { background: url(../images/bg_bigcal_on.png) top repeat-x #6a0000; color: #FFF; }
div#team_start .kalender_val td.today a { color: #FFF; }
div#team_start .kalender_val td.day, div#team_start .kalender_val td.day-on { border: 0; font-weight: bold;  }


/* TEAMLIST */

div#team_list th { padding: 5px 50px 5px 10px; border-bottom: 1px solid #CCC; }
div#team_list td { border-bottom: 1px solid #E5E5E5; padding: 5px 20px 5px 10px; }
div#team_list #article { margin-top: 20px; }

/* TEAM SQUAD */

div#team_squad table { width: 100%; }
div#team_squad table table { width: auto; }
div#team_squad .teamPicture { padding-bottom: 10px; }
div#team_squad .teamPicture img { margin-bottom: 10px; }
div#team_squad .teamleaders td { padding-bottom: 20px; }
div#team_squad .teamleaders td td { padding:  0 10px 3px 0; }
div#team_squad .teamList table { width: auto; padding }
div#team_squad .teamList table td { padding: 0 30px 0 0; }
div#team_squad .teamList a { padding: 1px 0; color: #731111; text-decoration: underline; }

/* SPELARE */
div#player .image { float: left; padding-right: 0px; }
div#player .player { float: left; width: 300px; }
div#player td { padding: 2px 10px 2px 10px; }
div#player .stats td, div#player .stats th { padding: 0 20px 0 0; font-weight: normal; }
div#player .stats th.a { width: 120px; font-weight: bold;}
div#player .stats th.b, div#player .stats th.c { width: 70px; color: #731111; }
div#player span.head { font-weight: bold; padding-right: 5px; }

/* TEAM KALENDER */

div#team_calendar table { width: 100%; }
div#team_calendar th { padding: 5px 15px 5px 0; border-bottom: 1px solid #CCC; }
div#team_calendar td { border-bottom: 1px solid #E5E5E5; padding: 5px 15px 5px 0; }
div#team_calendar td.date { width: 80px; }
div#team_calendar tr.day_7 td { border-bottom: 2px solid #CCC; }
div#team_calendar tr.day_7 td.light { border-bottom: 0px; }
div#team_calendar tr.day_7 td.date { color: #990000; }
div#team_calendar .pagination { width: 100%; }
div#team_calendar .pagination td { border: 0; }
div#team_calendar .pagination .right { text-align: right; }

/* NYHET */

/* ARTICLE */

div#article { float: left; width: 100%; }

#team_news .ingress, div#article .ingress { margin-bottom: 16px; color: #731111; }
#team_news .date { margin: 20px 0; }
#team_news .more_news { margin-top: 30px; width: 100%; }
#team_news .more_news table { width: 100%; }
#team_news .more_news td { padding: 3px 5px; background: #FFF; color: #000000; }
#team_news .more_news tr.hover td { background: #000; color: #FFF; }
#team_news .more_news tr.hover td a { color: #FFF; }
#team_news .more_news .date { width: 80px; }
#team_news a, div#article a, #game a { text-decoration: underline; color: #731111;}
#team_news div.image-right { float: right; padding-left: 20px; }

/* GAME STATS */
.gamestats { line-height: 16px; }

/* SPELPROGRAM */

#team_games h1 { margin-bottom: 0; }
div#team_games th, div#team_games td { padding: 3px 10px 3px 5px; }
div#team_games tr.hover td { background: #000; color: #FFF; }
div#team_games tr.hover td a { color: #FFF; }
div#team_games table { margin-bottom: 20px; }
div#team_games td.r, div#team_games th.r  { padding-right: 0; }

/* SPELPROGRAM, TRÄNINGAR, GALLERY */
div#team_trainings table { width: 100%; }
div#team_trainings, div#team_stats, div#team_gallery { width: 520px; }
div#team_trainings th, div#team_trainings td,
div#team_stats th, div#team_stats td,
div#team_gallery th, div#team_gallery td
{ padding: 3px 15px 3px 0; }

/* NYHETSARKIV */
div#nyhetsarkiv { float: left; width: 520px; }
div#nyhetsarkiv table { width: 100%; }
div#nyhetsarkiv th { padding: 5px 15px 5px 0; border-bottom: 1px solid #CCC; }
div#nyhetsarkiv td { border-bottom: 1px solid #E5E5E5; padding: 5px 15px 5px 0; }
div#nyhetsarkiv td td { border: 0; }
div#nyhetsarkiv td.team { width: 80px; }

/* TEAM GALLERY */

div#team_gallery .image_container { float: left; margin: 0 10px 10px 0;	width: 80px; height: 80px; border: 1px solid #CCC; cursor: pointer; }

div#team_gallery .arrow-l { text-align: left; border:0; }
div#team_gallery .arrow-r { text-align: right; padding-right: 0; border:0;}

div#team_gallery .galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}

div#team_gallery .caption{color:#888;}
div#team_gallery .gallery_demo {float:left; padding:0; margin: 20px 0 0 0; list-style:none;}
div#team_gallery .gallery_demo li {float: left; width:100px;height:100px;border:3px double #eee;margin: 0 2px 2px 0;background:#FFFFFF; overflow: hidden;}
div#team_gallery .gallery_demo li.hover{border-color:#bbb;}
div#team_gallery .gallery_demo li.active{border-style:solid;border-color:#990000;}
div#team_gallery span.caption { float: left; padding: 5px 0; color: #000; }
div#team_gallery .galleria_container{height:auto;width:500px;float:left;}

/* SÖKRESULTATA */

div#search td { padding: 0 10px 10px 0; }
div#search div.box { float: left; width: 240px; margin: 0 10px 10px 0; overflow: hidden; border: 1px solid #CCC; }
div#search div.box .space { padding: 10px; }
div#search div.box table { width: 220px; }
div#search div.box th { padding: 5px 15px 5px 0; border-bottom: 1px solid #CCC; }
div#search div.box td { border-bottom: 1px solid #E5E5E5; }
div#search div.box td.a { padding: 5px 0px 5px 5px; }
div#search div.box td.b { padding: 5px 0px 5px 10px; }
div#search div.box tr.last td { border-bottom: 1px solid #CCC; }
div#search div.box tr.nav td { border: 0; }
div#search a:hover { text-decoration: underline; }

div#search ul { margin: 10px 0 0 30px; }
div#search ul li { padding: 3px 0; }


/* SENASTE RESULTATEN */

table.latest_result { width: 100%; }
table.latest_result td { padding: 2px 4px 2px 0; color: #FFF; }
table.latest_result td a:hover { text-decoration: underline; }
table.latest_result td a { color: #FFF; }

/* PLAYERS */

div#small_info { position: absolute; border: 1px solid #CCC; padding: 10px; background: #FFF; }
div#small_info td { padding: 2px 4px 2px 0; }


/* Tabell */
div#team_table { width: 100%; }
div#team_table thead, div#team_table td.ext, div#team_table tfoot { display: none; }
div#team_table th, div#team_table td { padding: 3px 10px 3px 6px; }
div#team_table th { border-bottom: 1px solid #CCC; }
div#team_table td { border-bottom: 1px solid #E5E5E5; text-align: center; }
div#team_table td.clTextAlignLeft { text-align: left; }
div#team_table tr.active td, div#team_table tr.active td a { font-weight: bold; color: #731111; }


/* SPONSOR */

div.sponsor { float: left; padding: 0 20px 20px 0; }


/* MATCH STATISTIK */
div.gamestats { margin-top: 20px; }

#game div.gamestats table.lineup a, #team_news div.gamestats table.lineup a { color: #000; text-decoration: none; }

div.gamestats ul { list-style: none outside none; margin:0; padding:0; }
div.gamestats ul.data { margin-bottom: 12px; }
div.gamestats ul.data li { padding-bottom: 0px; }
div.gamestats ul.data li span { font-weight: bold; }
div.gamestats ul.data li.teams span { display: none; }

div.gamestats ul.players li.team { padding-top: 12px; }

#team_news div.gamestats ul.data .date { margin: 0; }
