/*---------------------
General
---------------------*/

A						{font-weight:normal; color:#007bbc; text-decoration:none; font-family:"Trebuchet MS", Arial;}
A:hover					{text-decoration:underline;}
h1, h2, h3				{font:bold "Trebuchet MS", Arial; color:#000; letter-spacing:0.02em;}
h1						{font-size:24px; padding:0; margin:0 0 10px 0; text-transform:uppercase;}
h2						{font-size:18px; padding:0; margin:10px 0 2px 0;}
h3						{font-size:14px; padding:0; margin:10px 0 0px 0;}
P						{padding:0; margin:0;}
img, table				{border: 0;}
html 					{margin:0; padding:0; FONT-SIZE:small;}
body 					{background:url(../gfx/bg.jpg) no-repeat top center #111; margin:0; padding:0; COLOR:#444; font-family:"Trebuchet MS", Arial; font-size:13px; text-align:center;} 

/*---------------------
Body layout
---------------------*/
.clearfix:after 			{content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix 			{height: 1%;}

#Wrapper 					{width:960px; margin:0 auto; text-align:left;}

#Head 						{width:960px; height:180px; margin:0; padding:0; position:relative; background:url(../gfx/header-bg.jpg) no-repeat top left; overflow:hidden;}
#Head #logo					{position:absolute; left:0px; top:0px;}
#Head #text					{position:absolute; left:175px; top:70px;}

#Head .nav					{position:absolute; left:160px; bottom:9px; height:38px; width:800px; margin:0; padding:0; overflow:hidden;}
#Head .nav ul				{list-style:none; margin:0; padding:0;}
#Head .nav ul li			{float:left; padding:0; margin:0; display:inline;}
#Head .nav ul li a			{font:bold 12px/38px "Trebuchet MS", Arial !important; color:#FFF !important; text-decoration:none; padding:0 18px 0 20px; margin:0; background:url(../gfx/nav-bg-line.gif) bottom left no-repeat; display:block;}
#Head .nav ul li a.first	{background:none; padding-left:0px;}
#Head .nav ul li a:hover	{cursor:pointer; color:#ffd420 !important;}
#Head .nav ul li.on a		{color:#ffd420 !important;}
#Head .nav ul li.on a.first	{background:none; padding-left:5px;}
#Head .nav ul li.on a:hover	{cursor:pointer;}



/*---------------------
Page layout
---------------------*/
#Content					{width:920px; margin:0; padding:15px 20px 20px 20px; /*position:relative;*/ background-color:#ffffff; min-height:632px; _height:632px;}
.ContentLeft				{width:180px; margin:0; padding:0 20px 0 0; float:left; overflow:hidden;}
.ContentRight				{width:720px; margin:0; padding:0; float:left; overflow:hidden;}
.ContentRight .main			{width:450px; margin:0 20px 0 0; padding:0; float:left; overflow:hidden;}
.ContentRight .column		{width:250px; margin:0; padding:0; float:left; overflow:hidden;}

/*---------------------
Left menu
---------------------*/
#LeftMenu 						{width:180px; margin:0; padding:0; overflow:hidden;}
#LeftMenu ul.puffs				{width:180px; margin:0; padding:0; float:left; list-style:none;}
#LeftMenu ul.puffs li			{width:180px; margin:0 0 15px 0; overflow:hidden; display:block; float:left;}

#LeftMenu ul.menu				{width:180px; margin:0 0 20px 0; padding:0; list-style:none; float:left; overflow:hidden; border-top:1px solid #efefef;}
#LeftMenu ul.menu li			{margin:0; padding:0; border-bottom:1px solid #e2e2e2;}
#LeftMenu ul.menu li a			{width:160px; padding:0 0 0 20px; margin:0; font:normal 12px/33px "Trebuchet MS", Arial; color:#000000; text-decoration:none; background:url(../gfx/leftmenu-arrow.gif) center left no-repeat; display:block;}
#LeftMenu ul.menu li a:hover	{background:url(../gfx/leftmenu-arrow-on.gif) center left no-repeat; display:block;}
#LeftMenu ul.menu li.on a		{background-color:#f8f8f8 !important; background:url(../gfx/leftmenu-arrow-on.gif) center left no-repeat; display:block;}
#LeftMenu ul.menu li.on-childs a{background-color:#f8f8f8 !important; background:url(../gfx/leftmenu-arrow-on-childs.gif) center left no-repeat; display:block;}

#LeftMenu ul.submenu				{margin:0; padding:0 0 5px 0; list-style:none; background-color:#f8f8f8;}
#LeftMenu ul.submenu li				{margin:0; padding:0; border-bottom:none;}
#LeftMenu ul.submenu li a			{font:normal 11px "Trebuchet MS", Arial !important; color:#000000 !important; padding:5px 5px 5px 30px; background:none !important;}
#LeftMenu ul.submenu li a:hover		{text-decoration:underline;}
#LeftMenu ul.submenu li.on a		{background-color:#e2e2e2 !important;}
#LeftMenu ul.submenu li.on a:hover	{text-decoration:none;}

#LeftMenu ul.submenu li.on li a		{padding-left:45px; background-color:#d4d4d4 !important;}
#LeftMenu ul.submenu li.on li.on a	{padding-left:45px; background-color:#d4d4d4 !important; text-decoration:underline;}


/*---------------------
Footer layout
---------------------*/
#Footer						{width:960px; margin:0; padding:30px 0 0 0; position:relative; background:url(../gfx/footer-bg.gif) top left no-repeat; min-height:100px; _height:100px;}
#Footer .left				{float:left; padding:0 30px 0 0; margin:0;}
#Footer .right				{float:right; padding:0; margin:0;}
#Footer p					{font-size:11px; color:#e2e2e2;}
#Footer p a					{font-weight:normal; color:#e2e2e2;}

/*---------------------
Sidlayout
---------------------*/
.tblBlack 					{margin:0 0 20px 0; width:100%;}
.tblBlack th				{text-align:left; font-size:12px; line-height:26px; vertical-align: top; padding:0 4px; color:#fff; text-transform:uppercase; background:url(../gfx/tblBlack-bg.gif) top left repeat-x #2e2e2f;}
.tblBlack th.w250			{background:url(../gfx/tblBlack250-bg.gif) top left no-repeat #ffffff; position:relative;}
.tblBlack th.w250 img		{margin:5px 1px 0 0; position:absolute; right:4px; top:0;}
.tblBlack th.w450			{background:url(../gfx/tblBlack450-bg.gif) top left no-repeat #ffffff;}
.tblBlack th.w720			{background:url(../gfx/tblBlack720-bg.gif) top left no-repeat #ffffff;}
.tblBlack th.small			{font-size:11px;}

.tblBlack td				{text-align:left; font-size:11px; vertical-align: top; padding:4px 4px; border-bottom:1px solid #e2e2e2;}
.tblBlack td.noline			{border-bottom:none;}
.tblBlack td.small 			{font-size:11px; font-style:italic;}
.tblBlack .right 			{text-align:right;}
.tblBlack a 				{color:#444;}

.spelare .bild				{margin:0; padding:0; position:relative;}
.spelare .bild .nummer		{position:absolute; top:80px; right:35px; font-size:80px; font-weight:bold; color:#000; width:190px; text-align:center;}
.spelare h1					{background:url(../gfx/spelare_h1-bg.gif) top left no-repeat #000; font-size:14px; line-height:30px; color:#fff; padding-left:10px; margin:0 0 10px 0; text-transform:uppercase;}

/*---------------------
Articles
---------------------*/
.article				{width:450px; padding-bottom:10px; border-bottom:1px solid #e2e2e2; margin-bottom:10px; overflow:hidden;}
.article.last			{margin-bottom:0; padding-bottom:0; border:0;}
.article img			{margin:1px 0 0 0;}
.article .date			{color:#444; font-size:12px; margin-top:5px;}
.article h2				{margin:0px 0 5px 0; padding:0; font-size:18px;}
.article p				{color:#000; font-size:11px;}
.article a.read-more		{color:#444; padding-top:3px; font-weight:bold; font-size:11px; float:right;}
.article a.read-more:hover	{color:#444; text-decoration:underline;}
