body { background: #f2e406; text-align: center; margin:0; }

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

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

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

h1 { font-size: 20px; margin-top: 0px; }
h1.grey { color: #363636; }
h2 { font-size: 19px; }
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 */

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

div#top {float: left; width: 100%; height: 150px; background: url(../images/top.gif) center top no-repeat; }
div#center {float: left; width: 100%; background: url(../images/bg_center.gif) center top repeat-y; }
div#footer {float: left; width: 100%; height: 150px; background: url(../images/bottom.gif) bottom center no-repeat; }

/* TOP */

div#top .space { float: left; padding: 19px 19px 0 19px; }
div#top .logo { float: left; margin: 10px 0 0 20px; }
div#top .team_select {float: right; text-align: right; margin: 0; height: 51px; width: 244px; background: url(../images/top_bg.png) left top no-repeat; }
div#top .team_select table { float: right; margin-right: 20px; }
div#top .team_select td { vertical-align: middle; color: #000; font-size: 11px; height: 30px; }
div#top .team_select td.last { padding-right: 5px; }
div#top .team_select td.first { padding-left: 30px; }

/* MENU */

div#menu { background: url(../images/bg_menu.png) top repeat-x #FFF; height: 41px; font-family: Arial; margin: 5px 19px 0px 19px; }

div#menu a {
	float: left;
	padding: 0 10px 0 10px;
	line-height: 35px;
	margin: 0px;
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
	background: url(../images/bg_menu_line.png) right no-repeat;
	font-size: 11px;
}

div#menu a.active { color: #000; padding: 0; background: url(../images/menu_on_c.gif) bottom repeat-x; margin-left: -1px; }
div#menu a.first { margin-left: 16px; }
div#menu a.admin-link { float: right;  border-width: 0 1px 0 1px; margin-right: 16px; }

/* LEFTCOL */
div#leftcol { float: left; width: 170px; overflow: hidden; padding:0; margin-left: 19px; }

div#leftcol .head { float: left; width: 171px; background: url(../images/bg_head.png) left top no-repeat; height: 24px; margin-top: 10px; }
div#leftcol .head h2 { color: #FFF; font-size: 11px; margin: 5px 0 0 0; padding: 0; padding-left: 20px; font-weight: bold; }
div#leftcol .body { float: left; width: 100%; padding: 10px 0; border: 1px solid #E4E4E4; background: url(../images/box_left_bg.gif) top repeat-x #FFF; font-size: 11px;}
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 .body .space { padding: 0 10px; }
/* SUBMENU */

div#submenu { width: 170px; float: left; background: url(../images/submenu_bottom.gif) bottom no-repeat #f2e406; margin-bottom: 10px; }
div#submenu ul { list-style: none; padding: 0; margin: 0; }
div#submenu li { float: left; width: 100%; line-height: 26px; }

div#submenu li.on { background: url(../images/bg_submenu_on.png) top repeat-x #000; }
div#submenu li a {float: left; width: 158px; color: #655f04; text-decoration: none; padding-left: 22px; background: url(../images/calendar_arrow_right.gif) 10px center no-repeat; margin-left: 5px; border-bottom: 1px solid #b3a904; }
div#submenu li.on a { background: url(../images/arrow_white.gif) 10px center no-repeat; border-bottom: 0; }

div#submenu li a:hover { text-decoration: underline; }
div#submenu li a.on { font-weight: bold; color: #FFF; }

/* 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: 12px;
}

div#submenu li.on li a { background: none; color: #7a7a7a; }
div#submenu li li a { background: none; float: left; width: 98px; }
div#submenu li li a.on, div#submenu li li a:hover { font-weight: normal; color: #FFF; }

/* MAIN */

div#main { float: left; width: 540px; margin: 20px 10px 0 10px; }

/* RIGHT COL */

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

div#rightcol .head { float: left; width: 100%; background: url(../images/bg_head.png) top no-repeat; height: 24px; }
div#rightcol .head h2 { color: #FFF; font-size: 11px; margin: 5px 0 0 0; padding: 0; font-weight: bold; padding-left: 20px; }
div#rightcol .head a { color: #FFF; }

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

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

div#rightcol .bottom { float: left; width: 100%; background: url(../images/box_bottom.png) no-repeat; height: 5px; margin-bottom: 10px; }

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

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

#kalender td { font-size: 11px; }
#kalender td.arrow-l { padding: 3px 0 0 10px; }
#kalender td.arrow-l a { background: url(../images/calendar_arrow_left.png) left no-repeat; padding-left: 10px; }
#kalender td.arrow-r { text-align: right; padding: 3px 10px 0 0; }
#kalender td.arrow-r img, div#rightcol .calender td.arrow-l img { border: 0; }
#kalender td.arrow-r a { background: url(../images/calendar_arrow_right.png) right no-repeat; padding-right: 10px; }

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

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

div#rightcol .kalender_val { clear: both; }

div#rightcol .kalender_val table {
	width: 100%;
	border: 1px solid #E4E4E4;
	border-width: 0 0 1px 1px;
}

div#rightcol .kalender_val td {
	text-align: center;
	padding: 4px;
	border: 1px solid #E4E4E4;
	border-width: 1px 1px 0 0;
}

div#rightcol .kalender_val td.day, div#rightcol .kalender_val td.day-on { background: #E4E4E4; }

div#rightcol .kalender_val td.today, div#rightcol .kalender_val td.date-on { background: #3b3b3b; font-weight: bold; color: #f2e406; cursor: pointer; }
div#rightcol .kalender_val td.today { background: #E4E4E4; cursor: default; color: #000; }

div#rightcol ul { list-style: none; margin: 0; padding: 0; }
div#rightcol li { border-bottom: 1px solid #FFF; padding: 6px 0; color: #000; }
div#rightcol li.odd { background: #bebebe; }
div#rightcol li.even { background: #a4a4a4; }
div#rightcol li.last { border: 0; }
div#rightcol li a { padding-left: 14px; margin-left: 2px; text-decoration: none; color: #000; }

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 { float: left; width: 100%; padding-bottom: 15px; margin-bottom: 15px; color: #363636; }
div#startpage .news h2 { float: left; width: 100%; padding: 0; margin: 0; }
div#startpage .news h2 a { float: left; width: 100%; color: #393939; margin: 0; padding: 0 0 5px 5px; border-bottom: 1px solid #f2e406; }
div#startpage .news .ingress { float: left; margin-bottom: 12px; margin-left: 5px; padding-top: 5px; }
div#startpage .news .date { float: left; padding-right: 10px; display: block; color: #a2a2a2; margin-left: 5px; }
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: 1px solid #C4C4C4; padding: 10px; border-width: 0 1px 1px 1px; }
div#startpage td.last { border: 1px solid #C4C4C4; padding: 10px; border-width: 0 1px 1px 0;  }
div#startpage h3 { margin-bottom: 5px; }
div#startpage ul { margin: 0; padding: 0; list-style: none; }
div#startpage ul a { line-height: 16px; padding-left: 12px; background: url(../images/calendar_arrow_right.png) left center no-repeat; }
div#startpage ul a:hover { text-decoration: underline; }

/* ARTICLE */

div#article .ingress { float: left; font-weight: bold; margin-bottom: 20px;}

/* GUESTBOOK */

#guestbook .book { float: left; width: 95%; 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: #000; }


/* 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; }
#team_news .more_news { margin-top: 30px; }
#team_news table { width: 100%; }
#team_news ul { margin: 10px 0 10px 10px; padding: 0; list-style: none; }
#team_news ul a { line-height: 20px; padding-left: 16px; background: url(../images/calendar_arrow_right.png) left center no-repeat; }
#team_news ul a:hover { text-decoration: underline; }

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

/* 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:100px;height:100px;border:3px double #eee;margin: 0 2px 2px 0;background:#FFFFFF;}
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;}