body { background: url(../images/bg.gif) top left; text-align: center; margin:0; }

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

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

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

h1 { font-size: 20px;  margin-top: 0px; }
h1.grey { color: #363636; }
h2 { font-size: 17px; }
h2.grey { color: #363636; }

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 { width: 5px; background: url(../images/bg_left.gif) right top repeat-y; }
td.bg_right { background: url(../images/bg_right.gif) left top repeat-y; }
td.bg_center { background: url(../images/bg_leftcol.png) left repeat-y #FFF; padding-bottom: 30px; }
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; }

div#footer { display: none; float: left; font-family: Tahoma; width: 800px; padding: 20px 0 20px 0; margin: 20px 10px 0 10px; background: url(../images/bg_box_right.gif) bottom repeat-x #FFF; color: #666; border-top: 1px solid #E5E5E5; }
div#footer .header { font-weight: bold; display: block; margin-bottom: 3px; }
div#footer td.logo { width: 200px; color: #b8b8b8; }
div#footer td.logo img { display: block; margin-bottom: 5px; border: 0; }
div#footer td { border-right: 1px solid #E5E5E5; padding: 0 20px; }
div#footer td.last { border: 0; }
div#footer a { color: #666; font-size: 11px; }

/* TOP */

div#top { font-family: Tahoma; }
div#top .logo { float: left; margin: 30px 0 0 20px; }
div#top .team_select {float: right; text-align: right; margin: 0; height: 33px; background: url(../images/bg_topdate.png) left top no-repeat; }
div#top .team_select td { vertical-align: middle; color: #FFF; font-size: 10px; height: 30px; }
div#top .team_select td.last { padding-right: 5px; }
div#top .team_select td.first { padding-left: 30px; }

/* MENU */

div#menu { width: 100%; background: url(../images/bg_menu.gif) top repeat-x #CC0000; height: 47px; font-family: Arial; }

div#menu a {
	float: left;
	padding: 0 10px 0 10px;
	line-height: 27px;
	margin: 0px;
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
	border-left: 1px solid #960000;
	text-transform: uppercase;
	font-size: 9px;
}

div#menu a.first { margin-left: 16px; }
div#menu a.last { border-right: 1px solid #960000; }
div#menu a:hover, div#menu a.active { 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; }

/* LEFTCOL */
div#leftcol { float: left; background: url(../images/bg_leftcol.png) left repeat-y; width: 191px; overflow: hidden; padding:0; margin: -18px 0 0 0; font-family: Tahoma; }

div#leftcol .head { float: left; width: 171px; background: url(../images/bg_menu.gif) top repeat-x #CC0000; height: 24px; text-align: center; }
div#leftcol .head h2 { color: #FFF; font-size: 11px; margin: 5px 0 0 0; padding: 0; font-weight: bold; }
div#leftcol .body { float: left; width: 170px; text-align: center; padding: 10px 0; }
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; }

/* SUBMENU */

div#submenu { width: 170px; float: left; }
div#submenu ul { list-style: none; padding: 0; margin: 0; }
div#submenu li { float: left; width: 100%; line-height: 22px; border-bottom: 1px solid #E5E5E5; border-top: 1px solid #FFF; font-family: Tahoma; }

div#submenu li.on { background: #FFF; }
div#submenu li a {float: left; width: 158px; color: #363636; text-decoration: none; padding-left: 22px; background: url(../images/red_arrow.gif) 10px center no-repeat; margin-left: 2px;}

div#submenu li a.on,
div#submenu li a:hover { color: #990000; }
div#submenu li a.on { font-weight: bold; }

/* 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;
	font-weight: normal;
	padding-left: 10px;
	border: 0;
	font-size: 11px;
}

div#submenu li li a { background: url(../images/grey_arrow.gif) 10px center no-repeat; float: left; width: 98px; }
div#submenu li li a.on, div#submenu li li a:hover { font-weight: normal; }

/* MAIN */

div#main, #main-noright {
	float: left;
	width: 515px;
	margin: 0 10px;
}

#main-noright { width: 560px; margin: 0 10px; }

/* RIGHT COL */

div#rightcol { float: right; width: 220px; margin-right: 10px; overflow: hidden; font-family: Tahoma; font-size: 11px; }

div#rightcol .head { float: left; width: 100%; background: url(../images/bg_righthead.gif) top repeat-x #FFF; height: 24px; text-align: center; }
div#rightcol .head h2 { color: #FFF; font-size: 11px; margin: 5px 0 0 0; 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; }

div#rightcol .body .next_head { font-weight: bold; color: #363636; font-family: Tahoma; }

div#rightcol #kalender { float: left; width: 100%; margin-bottom: 20px; }

div#rightcol .calender { width: 100%; }

div#rightcol .calender td.arrow-l { padding: 0; }
div#rightcol .calender td.arrow-r { text-align: right; padding: 0; }
div#rightcol .calender td.arrow-r img, div#rightcol .calender td.arrow-l img { border: 0; }

div#rightcol .calender td.next { text-align: right; }

div#rightcol .calender td.date { text-align: center; }

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;
}

div#rightcol .kalender_val td.today {
	background: #E5E5E5;
	font-weight: bold;
}

div#rightcol .kalender_val td.date-on {
	background: url(../images/bg_calender_today.gif) repeat-x;
	color: #FFF;
	font-weight: bold;
	cursor:pointer;
}


div#rightcol ul { list-style: none; margin: 0; padding: 0; }
div#rightcol li { border-bottom: 1px solid #cdcdcd; padding: 6px 0; color: #363636; }
div#rightcol li.last { border: 0; }
div#rightcol li a { padding-left: 14px; background: url(../images/red_arrow.gif) left center no-repeat; margin-left: 2px; text-decoration: underline; color: #8a0202; }

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

/* 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 { border-bottom: 1px solid #C4C4C4; float: left; width: 100%; padding-bottom: 15px; margin-bottom: 15px; color: #363636; }
div#startpage .news h2 a { float: left; color: #990000; margin: 0 0 6px 0; padding: 0; }
div#startpage .news .ingress { float: left; margin-bottom: 12px; }
div#startpage .news .date { float: left; padding-right: 10px; display: block; }
div#startpage .news .link { float: left; border-left: 1px solid #363636; padding-left: 10px; }
div#startpage .news .link a { color: #990000; text-decoration: underline; }

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; }

/* ARTICLE */

div#article .ingress { float: left; font-weight: bold; margin-bottom: 20px; display: block; }
div#article .text { clear: both; }

/* GUESTBOOK */

#guestbook .book { float: left; width: 100%; border: 1px solid #999; padding: 5px; margin-bottom: 10px; }
#guestbook .header { font-weight: bold; float: left; padding-right: 5px; }
#guestbook .msg { float: left; margin-top: 4px; }
#guestbook .error { margin: 10px; }

/* PAGINATION */

#pagination { float: left; text-align: center; margin: 10px; width: 510px; }
#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; }


/* 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 START */

div#team_start .teamList { float: right; }
div#team_start th { padding: 5px 10px 5px 10px; border-bottom: 1px solid #CCC; }
div#team_start td { border-bottom: 1px solid #E5E5E5; padding: 5px 10px 5px 10px; }
div#team_start .teamLeaders td { border: 0; }
div#team_start .teamLeaders td table { border-bottom: 1px solid #CCC; }

/* SPELARE */
div#player .image { float: right; margin-right: 20px; }
div#player .image img { border: 1px solid #000; }
div#player .player { float: left; }
div#player th { padding: 5px 10px 5px 10px; border-bottom: 1px solid #CCC; }
div#player td { border-bottom: 1px solid #E5E5E5; padding: 5px 10px 5px 10px; }

/* NYHET */

#team_news .ingress { font-weight: bold; margin-bottom: 16px; margin-top: 5px; }
#team_news .more_news { border-top: 1px solid #CCC; margin-top: 30px; }
#team_news a:hover { text-decoration: underline; }
#team_news ul { margin: 0; padding: 0; list-style: none; }
#team_news ul a { background: url(../images/red_arrow.gif) left 4px no-repeat; padding-left: 10px; line-height: 16px; }
#team_news div.image-right { float: right; padding-left: 20px; }

/* SPELPROGRAM */

#team_games h1 { margin-bottom: 0; }
div#team_games h2 { margin-bottom: 0; }
div#team_games th { padding: 5px 15px 5px 0; border-bottom: 1px solid #CCC; }
div#team_games td { border-bottom: 1px solid #E5E5E5; padding: 5px 15px 5px 0; }

/* SPELPROGRAM */

div#team_trainings th { padding: 5px 15px 5px 0; border-bottom: 1px solid #CCC; }
div#team_trainings td { border-bottom: 1px solid #E5E5E5; padding: 5px 15px 5px 0; }

/* SPELPROGRAM */

div#team_stats th { padding: 5px 15px 5px 0; border-bottom: 1px solid #CCC; }
div#team_stats td { border-bottom: 1px solid #E5E5E5; padding: 5px 15px 5px 0; }

/* KALENDER */

div#team_calendar .list { 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; }

/* NYHETSARKIV */

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; }

/* TEAM GALLERY */

div#team_gallery th { padding: 5px 15px 5px 0; border-bottom: 1px solid #CCC; }
div#team_gallery td { border-bottom: 1px solid #E5E5E5; padding: 5px 15px 5px 0; }
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 table { width: 100%; }
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:80px;height:80px;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; }
table.latest_result td a:hover { text-decoration: underline; }


/* 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 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 { font-weight: bold; }


/* MATCH STATISTIK */
div.gamestats { margin-top: 20px; }
div.gamestats h3 { display: none; }
div.gamestats ul.data { list-style: none; margin:0; padding:0; }
div.gamestats ul.data li { padding-bottom: 10px; }
div.gamestats ul.data li span { font-weight: bold; }
div.gamestats ul.data li.teams { font-weight: bold; }
div.gamestats ul.data li.result { display: none; }

div.gamestats ul.players li { padding-bottom: 12px; }
div#team_news div.gamestats ul.players li a { background: none; padding-left: 0; }

div#game .gamestats .teams { display: none; }
div.gamestats ul { list-style: none; margin:0; padding:0; }