/******************/
/***** LAYOUT *****/
/******************/

body, form					{margin: 0; padding: 0;}
body.tickerBody				{background: #000000;}
#wrapper					{width: 938px; background: #ffffff; padding: 1px 10px 0 10px; margin: 0 0 0 0; border-right: 1px solid #000000; border-left: 1px solid #000000; text-align: left;}
#content					{margin: 0;}
*>#content					{padding: 0 0 0 0; min-height: 1px;}
*>#content #pt01			{margin-top: -1px;}
* html #content				{height: 2px;}
#pt01						{background: url(img/assets/gfx/bgtile02.gif); width: 938px; margin: 0 0 10px 0;}
#pt02						{background: url(img/assets/gfx/bgtile03.gif); width: 938px; margin: 0 0 10px 0;}
#pt03						{background: url(img/assets/gfx/bgtile05.gif); width: 938px; margin: 0 0 10px 0;}
#footer						{width: 960px; margin: 0 0 0 0;}

img							{border: 0;}
#col01						{width: 140px; float: left;}
#pt01 #col02				{width: 637px; float: left; margin: 0 0 0 1px; padding: 0 0 0 0}
#pt01 #col03				{width: 150px; float: left; margin: 0 0 0 10px;}
#pt02 #col02				{width: 487px; float: left; margin: 0 0 0 1px; padding: 0 0 0 0}
#pt02 #col03				{width: 300px; float: left; margin: 0 0 0 10px;}
#pt03 #col02				{width: 487px; float: left; margin: 0 0 0 1px; padding: 0 0 0 0}
#pt03 #col03				{width: 300px; float: left; margin: 0 0 0 10px;}

/******************/
/***** DESIGN *****/
/******************/

body						{background: #c7e2be url(img/assets/gfx/bgtile01.gif) top left repeat-x fixed;}

#header						{background: #dce5fa; width: 938px; margin: 8px 0 10px 0; text-align: center;}
#dato						{background: #000000; width: 938px; padding: 2px 0 3px 0; text-align: left; cursor: default;}
#dato iframe				{width: 503px; height: 13px; float: right;}
#menu						{width: 140px; padding: 0 0 8px 0; cursor: default;}
#menu .content				{width: 130px; margin: 0 10px 0 0; padding: 0 0 1px 0; background: url(img/assets/gfx/dots.gif) bottom left repeat-x; overflow: hidden;}
#links						{width: 140px; padding: 0 0 8px 0; cursor: default;}
#links .content				{width: 130px; margin: 0 10px 0 0; padding: 0 0 1px 0; overflow: hidden;}
#footer						{background: #000000; padding: 2px 0 3px 0; text-align: center;}
#sponsLogoPopup				{background: #ffffff; text-align: center; height: 66px; padding: 16px 0 0 0;}

*>#pt01						{padding: 0 0 0 0; min-height: 1px;}
*>#pt01 .fpSpalter,
*>#pt01 .fpSpalter3			{margin-top: 0;}
* html #pt01				{height: 1px;}
#pt01 .fpContent			{width: 619px; margin: 0 9px 0 9px;}
#pt02 .fpContent			{width: 469px; margin: 0 9px 0 9px;}
#pt03 .fpContent			{width: 469px; margin: 0 9px 0 9px;}
.fpSpalter					{background: url(img/assets/gfx/bgtile04.gif); width: 619px; margin: 0 9px;}
.fpSpalter .spalteL			{width: 300px; float: left;}
.fpSpalter .spalteR			{width: 300px; float: right;}
.fpSpalter3					{background: url(img/assets/gfx/bgtile06.gif); width: 619px; margin: 0 9px 0 9px;}
.fpSpalter3 .spalte			{width: 194px; float: left; margin: 0 19px 0 0;}
.fpSpalter3 .spalteR		{width: 193px; float: left; margin: 0;}

#col01 .aC					{padding: 0 9px 0 0;}
#col02 .dspCont				{padding: 3px 5px 0 5px;}
#col02 .dspText				{padding: 0 5px 0 5px; margin: -3px 0 0 0;}
#col03 .dspCont				{background: #dce5fa; padding: 3px 5px 3px 5px; border-bottom: 1px solid #ffffff;}
#col03 .frmCont				{margin: 0 0 0 0; background: #f0eeec;}

.arkivLine1					{padding: 2px 5px 3px 5px; height: 14px; background: #ffffff;}
.arkivLine2					{padding: 2px 5px 3px 5px; height: 14px; background: #e3e3e3;}

.data3_1,
.data3_2					{width: 150px; margin: 0 4px 0 0; float: left; text-align: center;}
.data3_3					{width: 150px; float: left; text-align: center;}
.data4_1,
.data4_2,
.data4_3					{width: 115px; float: left; text-align: center;}
.data4_4					{width: 114px; float: left; text-align: center;}

#loginBox					{margin: 20px 0 0 113px; padding: 17px 20px 20px 20px; background: #f0eeec; border: 1px solid #cccccc; width: 200px;}
#warning					{background-color:transparent; left:0px; filter: alpha(opacity=90); -moz-opacity: .90; opacity:0.9; position:absolute; text-align:center; top:250px; width:100%; z-index:500;}
#warning .dspCont			{margin: 0 auto; text-align: left; width: 420px; background: #dce5fa; border: 2px solid #00568e;}
#warning .dspCont .box		{margin: 30px;}

table.stat					{border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; width: 469px;}
td.stat						{border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; vertical-align: top; text-align: right;}
td.stat1					{border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; vertical-align: top; text-align: center;}
td.stat2					{border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; vertical-align: top; text-align: left;}

/* Afstemning */
.afstemningTal				{width: 35px; float: left;}
.afstemningBar				{width: 103px; float: left;}
#pt02 .afstemningBar		{width: 253px; float: left;}
.dspCont .afstemningBar		{width: 424px!important; float: left;}
.afstemningBar img			{height: 10px; margin: 2px 0 0 0;}
.afstemningsBox .box .spm	{padding: 0 0 6px 0;}
.afstemningsBox				{margin: 0 0 0 0; background: #f0eeec;}
.button						{color:#000000; background: #ffffff; border: 1px solid #686868; height: 16px; margin: 0 0 0 0; padding: 0 0 0 0; text-align: center; }

/* Form elements */
#loginBox input				{margin: 3px 0 0 0; border: 1px solid #686868; height: 16px; padding: 0 0 0 1px; width: 200px;}
.submit						{color:#000000; background: #cccccc; border: 1px solid #686868; width: 35px!important; height: 16px; padding: 0 0 0 0; text-align: center; }

#warning .dspCont input		{color:#000000; background: #ffffff; border: 1px solid #00568e; height: 16px; width: 40px; margin: 8px 0 0 0; padding: 0 0 0 0; text-align: center; }

.guestInput1				{border: 1px solid #686868; width: 288px; height: 17px; margin: 1px 0 2px 0; padding: 0 0 0 1px; float: left;}
.guestInput2				{border: 1px solid #686868; width: 243px; height: 17px; margin: 1px -1px 2px 0; padding: 0 0 0 1px; float: left;}
.guestText					{border: 1px solid #686868; width: 288px; height: 54px; margin: 1px 0 2px 0; padding: 0 0 0 1px; float: left;}
.guestButton				{border: 1px solid #686868; width: 40px; height: 17px; margin: 1px 0 0 0; padding: 0 0 0 1px; float: right;}

/* Admin fields */
.adm1_1						{width: 100px; margin: 2px 0 3px 0; float: left;}
.adm1_2						{width: 359px; margin: 2px 0 3px 0; float: left;}
.adm2_1						{width: 100px; margin: 2px 0 3px 0; float: left;}
.adm2_2						{width: 200px; margin: 2px 0 3px 0; float: left;}
.adm3_1						{width: 110px; margin: 2px 0 3px 0; float: left;}
.adm3_2						{width: 259px; margin: 2px 0 3px 0; float: left;}
.adm3_3						{width: 90px; margin: 2px 0 3px 0; float: left;}
.adm4_1						{width: 200px; margin: 2px 0 3px 0; float: left;}
.adm4_2						{width: 259px; margin: 2px 0 3px 0; float: left;}
input.form					{border: 1px solid #686868; width: 100%; height: 17px; padding: 0 0 0 1px; float: left;}
input.form2					{border: 1px solid #686868; width: 18px; height: 17px; padding: 0 0 0 1px;}
input.form3					{border: 1px solid #686868; width: 350px; height: 17px; padding: 0 0 0 1px; float: right;}
input.form4					{border: 1px solid #686868; width: 33px; height: 17px; padding: 0 0 0 1px;}
textarea.form				{border: 1px solid #686868; width: 100%; height: 158px; padding: 0 0 0 1px; float: left;}
textarea.form2				{border: 1px solid #686868; width: 100%; height: 67px; padding: 0 0 0 1px; float: left;}
.admTxtHlp					{background: #dddddd; margin: 3px 8px 0 0; padding: 4px;}

/* Box's */
#col03 .box					{padding: 4px 6px 5px 6px; border-top: 1px solid #ffffff;}
.aC							{text-align: center;}
.fR							{float: right;}

/* Bars */
.bj1						{padding: 2px 5px 2px 5px; margin: 0 0 3px 0; background: #c6d9ee; border-bottom: 1px solid #00568e;}
.bj2						{padding: 2px 5px 2px 5px; margin: 10px 0 10px 0; background: #00568e; border-bottom: 1px solid #000000;}
.bj3						{padding: 2px 5px 2px 5px; margin: 0 0 0 0; background: #00568e; border-bottom: 1px solid #000000;}
#col03 .bj3					{background: #00568e url(img/assets/ico/ico_bj3_fodbold.gif) right top no-repeat;}
.bj4						{padding: 2px 5px 2px 5px; margin: 0 0 0 0; background: #c6d9ee; border-bottom: 1px solid #00568e;}
.bj5						{padding: 2px 5px 2px 5px; margin: 0 0 3px 0; background: #00568e; border-bottom: 1px solid #000000;}

/* Breakers */
.breakerBorder				{background: #cccccc; height: 1px; margin: 8px 0 8px 0;}
.breakerBorderMargin		{background: #cccccc; height: 1px; margin: 8px 9px 8px 9px;}

/* Images */
#dato img					{width: 8px;}
.fpThumb					{width: 100px; margin: 2px 0 0 5px; float: right;}

/*****************/
/***** FONTS *****/
/*****************/

p,
body						{font: 13px Arial,Helvetica,Verdana,Sans-serif;}
div,
table,
tr,
td,
input,
select,
textarea,
.dspText p,
.button						{font: 11px Verdana,Arial,Helvetica,Sans-serif;} 
body.tickerBody,
body.tickerBody a,
body.tickerBody a:hover,
#dato,
p.billedtxt,
#menu a.subsub,
.admTxtHlp,
p.byline					{font: 11px Arial,Helvetica,Verdana,Sans-serif;}
p.bl2						{font: 11px Arial,Helvetica,Verdana,Sans-serif; margin: -8px 0 8px!important;}
p.byline a, p.byline a:hover{font: 11px Arial,Helvetica,Verdana,Sans-serif; text-decoration: underline!important;}
p.billedtxt					{margin: 3px 0 0 0;} 
p							{margin: 8px 0 8px 0;}
h1							{font: bold 23px Tahoma,Arial,Helvetica,Verdana,Sans-serif; margin: 0 0 4px 0; color: #000000!important;}
h2, h2 a					{font: bold 18px Tahoma,Arial,Helvetica,Verdana,Sans-serif; margin: 0 0 4px 0; color: #000000!important;}

body,
body.tickerBody,
body.tickerBody a,
body.tickerBody a:hover,
.bj2,
.bj3,
.bj5						{color: #ffffff!important;}
#footer,
#dato						{color: #dce5fa;}
.boldRed					{color: #ee0000;}
.boldGreen					{color: #00dd00;}
.byline, .byline a			{color: #778877!important;}
p, 
.byline a:hover,
#warning .dspCont,
div,
td,
.bj1 a						{color: #000000!important; text-decoration: none!important;}

#menu a.sub,
#menu a.subMark,
.boldRed,
.boldGreen,
.bj1,
.bj2,
.bj3,
.bj4,
.bj5						{font: bold 11px Verdana,Arial,Helvetica,Sans-serif;}

.defCur						{cursor: default;}
.defCurAdmin				{cursor: default; color: #bbbbbb; font-style: italic;}

/* Breakers */
.br0						{line-height: 0;}
.br3						{line-height: 3px;}
.br5						{line-height: 5px;}
.br8						{line-height: 8px;}

/* Links */
a							{color: #00568e; text-decoration: none;}
a:hover						{color: #00568e; text-decoration: underline;}

#menu a						{color: #00568e; padding: 2px 5px 3px 5px; background: url(img/assets/gfx/dots.gif) top left repeat-x; width: 130px; display: block; font-weight: bold;}
#menu a:hover				{color: #ffffff; padding: 2px 5px 3px 5px; background: #00568e; text-decoration: none;}
#menu a.mark				{color: #ffffff; padding: 2px 5px 3px 5px; background: #00568e;}
#menu a.sub					{color: #00568e; padding: 2px 4px 3px 6px; background: #dce5fa; line-height: 13px;}
#menu a.sub:hover			{color: #000000; padding: 2px 4px 3px 6px; background: #c6d9ee; line-height: 13px;}
#menu a.subMark				{color: #000000; padding: 2px 4px 3px 6px; background: #c6d9ee; line-height: 13px;}
#menu a.subMark:hover		{color: #000000; padding: 2px 4px 3px 6px; background: #c6d9ee; line-height: 13px;}
#menu a.subsub				{color: #00568e; padding: 2px 4px 3px 18px; background: #c6d9ee; line-height: 13px;}
#menu a.subsub:hover		{color: #000000; padding: 2px 4px 3px 18px; background: #c6d9ee; line-height: 13px;}
#menu a.subsubMark			{color: #000000; padding: 2px 4px 3px 18px; background: #c6d9ee; line-height: 13px; font-weight: normal!important;}
#menu a.subsubMark:hover	{color: #000000; padding: 2px 4px 3px 18px; background: #c6d9ee; line-height: 13px;}
#menu a.br					{color: #000000; width: 130px; display: block; padding: 2px 5px 3px 5px; background: url(img/assets/gfx/dots.gif) top left repeat-x; font-weight: normal;}
#menu a.br:hover			{color: #000000; padding: 2px 5px 3px 5px; background: #ffffff url(img/assets/gfx/dots.gif) top left repeat-x; text-decoration: none;}
#menu a.bj					{color: #000000; padding: 2px 5px 2px 5px; margin: 0 0 -1px 0; background: #c6d9ee; border-bottom: 1px solid #00568e;}
#menu a.bj:hover			{color: #000000; padding: 2px 5px 2px 5px; background: #c6d9ee;}

#links a					{color: #00568e; padding: 1px 5px 2px 5px; border-bottom: 1px solid #f0eeec; width: 130px; display: block;}
#links a:hover				{color: #00568e; padding: 1px 5px 2px 5px; border-bottom: 1px solid #c6d9ee; background: #c6d9ee; text-decoration: none;}

#footer a					{color: #c6d9ee;}


/* FOTOSERIE */

/* Flash CSS Document */
#outer input						{font: 100% Verdana, Arial, Helvetica, sans-serif;}

/* clear without structural mark-up*/
.clearfix:after						{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix							{display: block;}

 /* mac hide \*/
* html .clearfix					{height: 1%;}
.clearfix							{display: block;}
/* End hide */

/* do not change or amalgamate above clearfix styles */
#outer								{font: 100% Verdana, Arial, Helvetica, sans-serif; width:469px; margin: 0 0 0 0; position:relative;}

#left								{float:left; width:469px; margin-left:0px; display:inline;/* IE double margin bug*/}
#right								{float:right; width:140px; margin-right:0px; display: inline;/* IE double margin bug*/}

/* ................ flashgallery styles ......................*/
/* fg = flashgallery to help identify styles */
.flashgallery						{width:469px;/*always give a width where possible to cure ie's "layout" problems*/ background:#dce5fa; margin-bottom:0px;}
.mooshow_loading					{position:absolute; top:150px; left:222px; display:none;}

/* topleft and topright hold the image number navigation system and are repeated exactly the same at the bottom also. They are just floated right and left respectively. */
/* the widths on the numbers are in ems so text can be resized*/
/* nothing special here although dimensions etc are quite critical */
.fg-topleft							{float:left; width:295px; border-right:1px solid #fff;}
*>.fg-topleft						{float:left; width:293px; border-right:1px solid #fff;}
#outer .fg-topleft ul				{margin:0px 0 0 7px; list-style:none; width:282px; padding: 3px 0;}
.fg-topleft li						{float:left; width:18px; line-height:18px; text-align:center; margin:1px 1px; font-size:11px; font-weight:bold; display:inline;/* ie double margin bug*/}

/* numbers 1 - 32 etc */
.fg-topleft li a					{float:left; width:100%; text-decoration:none; color:#000!important; font-weight:bold; background:#fff;}

/* now set currently selected item by adding a class in the appropriate list*/
.fg-topleft li.fg-current			{background:#686868!important;color:#ffffff!important;cursor:default;}
.fg-topleft li a:hover				{background:#00568e; color: #ffffff!important; text-decoration: none;}
.fg-topleft li a:visited			{color:#999}

/* topright is the section that holds the Forridge naeste and slideshow links */
/* nothing special here except the span is part of the link and holds the left and right arrows as a background image. The rest of the code just lines the elements up accordingly*/
.fg-topright						{float:right; width:174px; border-left:1px solid #fff; position:relative; left:-1px;}

/* The left-1px above is a trick to line the white divider border up so that both top sections can expand. The top right left border is placed on top of the top right's right border and therefore imitates 2 equalising columns. Only works when background colours are the same. This allows the text to be resized and the layout to still look reasonable */
#outer .fg-topright ul				{list-style:none; margin:0 0 0 7px; padding:3px 0;}
.fg-topright li						{font-size: 10px; line-height:18px; text-align:center; width:79px; float:left; margin:2px 0; display:inline;/* ie double margin bug*/}
.fg-topright li.fg-left				{margin-right:3px;}
.fg-topright li a					{background:#fff; text-decoration:none; float:left; width:79px;}
.fg-topright li a:hover				{color:#000;background:#00568e;color:#ffffff;text-decoration: none;}

/* span holds the left and right arrows */
.fg-topright li span				{background:#686868 url(img/assets/gfx/gfx_slideshow_left.gif) no-repeat 50% 50%; float:left; width:17px;}
.fg-topright li.fg-right span		{background:#686868 url(img/assets/gfx/gfx_slideshow_right.gif) no-repeat 50% 50%; float:right; width:17px;}

/* slideshow link has different styling so we over-ride it here but it means we can just add it as an extra list item without much extra code.*/
.fg-topright li.fg-slideshow		{background:#fff; width:127px; clear:both; margin:2px 0 0 17px;}
.fg-topright li.fg-slideshow a		{background:#fff; width:127px; float:left; font-weight:normal;}
.fg-topright li.fg-slideshow a:hover{color:#fff;background:#880000;}

/* Now clear floated top section and prepare for main image*/
.fg-mainpic							{clear:both; width:469px; text-align:center; border-top:1px solid #fff; border-bottom:1px solid #fff; background:#f0eeec;}

/* centre image so any image size can automatically be catered for */
.fg-mainpic img						{display:block; margin:auto;}

/* caption section under large image */
.fg-caption							{border-bottom:1px solid #fff; padding:8px 8px 10px; color:#333; background:#f0eeec;}
.fg-caption h3						{float:left; color:#333; font-size:80%; margin:0 0 10px;}
.fg-caption h4						{color:#686868; float:right; width:160px; font-weight:normal; margin:0 0 10px; font-size:75%;}

/* add blue arrow to nested anchor*/
.fg-caption p.arrow					{clear:both; width:100%; font: 11px/18px Verdana,Arial,Helvetica,sans-serif; margin: 0;}
.fg-caption p.arrow a				{background:url(img/assets/ico/ico_lnk_art.gif) no-repeat 1px 3px; display:block; padding-left:15px;}

/* end gallery styles */