/*
- IMPORT
- DEFAULT HTML STYLES 
- CONTAINER STYLES
- SPAN STYLES
- HEADLINE STYLES 
- PARAGRAPH STYLES 
- LIST STYLES
- LINK STYLES 
- IMAGE STYLES
- TABLE STYLES 
- FORM STYLES
- BODY STYLES
- DIVERSE STYLES
*/

/* Note: All comment should come before the declatarion, to avoid mixing the up*/

/*
OVERVIEW OF MAIN CONTAINERS (divs's) IN LAYOUT:
--------------div#container-----------------------------------
|                                                            |	
| -------------ul.top-menu---------------------------------- |	--banner--
| |    contains: top-menu                                  | |	|        |
| ---------------------------------------------------------- |  |        |
---------------div#main---------------------------------------  ----------
|															 |		
|															 |
| -------------div#top-------------------------------------- |
| |    contains: logo, menu                                | | 
| |                                                        | |
| ---------------------------------------------------------- |
|                                                            |
| ---------------------breadcrumbs-------------------------- |
| |                                                        | |
| ---------------------------------------------------------- |
|                                                            |
| ---------------------------------------------------------- |
| |                                                        | |
| |                                                        | |
| /                LAYOUT ALTERNATIVE 1                    / |
| | ----------content--------------  ----navigation------- | |
| | |----extra----    ---body---- |  |					 | | |
| | |            | |  |           |  |                   | | |
| | |  content   | |  |  content  |  |   content         | | |
| | | goes here  | |  | goes here |  |  goes here        | | |
| | |            | |  |           |  |                   | | |
| | |            | |  |           |  |                   | | |
| | |-------------  ---------------  --------------------| | |
| |                                                        | |   
| /                LAYOUT ALTERNATIVE 2                    / |
| | ----------content--------------|  ----navigation------ | |
| | | ---------body--------------| |  |					 | | |
| | ||                           | |  |                  | | |
| | ||          content          | |  |   content        | | |
| | ||         goes here         | |  |  goes here       | | |
| | ||                           | |  |                  | | |
| | ||                           | |  |                  | | |
| | ||---------------------------- |  -------------------  | | 
| | |-------------------------------                         |
| --------------------ul.footer----------------------------- |
| |                                                        | |
| ---------------------------------------------------------- |
--------------------------------------------------------------
*/


/*
---------------------------------------------------------------
IMPORT
---------------------------------------------------------------
*/

@import url('reset.css');

/*
---------------------------------------------------------------
DEFAULT HTML STYLES
---------------------------------------------------------------
*/

body {margin:0px;padding:0px;padding-top:10px;font-family:Arial, Helvetica, Sans-Serif;font-size:.7em;width:990px;
}

a, a:link, a:active {color:#52898c;}
a:visited {color:#52898c;}
a:hover {text-decoration:none;}

table {width:100%;}

form {}
div#body strong {font-weight:bold;}

/*
---------------------------------------------------------------
CONTAINER STYLES
---------------------------------------------------------------
*/

div#main {padding:0em 0px 1em 10px;xposition:relative;}
div#content{}
div#navigation {}
div#banner {float:right;width:180px;vertical-align:top;}
div.hidden {display:none;}
div#body textarea {font-size:1.2em;}
div#body {padding-right:260px;}
body.index div#body {padding-left:208px;}
div#extra {float:left;width:200px;/* Remove the extra box by default */display:none;}
body.index div#extra {/* Show the "extra" box on the front page */display:block;}
div.buttons {margin-bottom:1em;}
div.box {background:#fff none right top repeat-y;margin-bottom:1em;
	/* Forces IE6+7 not to grow over its own edges and repeat the bottom twice */
	border-bottom:1px solid transparent;
	/*Clear the box*/
	float:left;overflow:hidden;width:100%;}
div.box div {padding:0;}

div.box div div {padding:12px 5px 5px 7px;background-image:none;/*overflow:hidden made it weird in IE7*/}
div.bannerimg div {background-image:none;overflow:hidden;text-align:center;}
div.box > div > div {}
div.box div div div {background:none;margin:.1em;padding:0;overflow:hidden;
	/* IE6 ignores the '!important' flag on 'width' properties width:auto !important; Aud took away */
	/* Need to set an explicit 'width' for 'overflow: hidden' to work in IE6 */
	width: 98%;}
body.index div.box div div div{width:100%;margin-top:0px;margin-left:0px;}
div#body div.driver {border:solid 1px #c5cfdd;margin-bottom:1em;}
#article .mainBody {margin-bottom:2em;}
div.topright {float:right;vertical-align:top;margin-bottom:.7em;margin-left:.7em;padding-left:.7em;}

.publishedText {font-style:italic;}
div.menu {background-color:Yellow;float:left;padding:0px;}
div#top div.menu {display:table;table-layout:fixed;width:100%;
	background:transparent none left top repeat-x;}
div.exhibitionLeftColumn {float:left;width:60% !important;}
div.exhibitionRightColumn { float:left;width:35% !important;}
/*
---------------------------------------------------------------
SPAN STYLES
---------------------------------------------------------------
*/

div#body span.block {display:block;}
div.game h2 span {font-weight:bold;}
/*
---------------------------------------------------------------
HEADLINE STYLES 
---------------------------------------------------------------
*/
div#body div.article h3 {font-size:1.5em;font-weight:bold;margin-top:.6em;margin-bottom:.3em;}
div.box h2 {padding:.45em 1em;font-weight:bold;}
div.box h3 {font-weight:bold;font-size:1.1em;margin-top:.5em;}
div.game h2 {font-weight:bold;}
div#body div.driver table tr td h3 {margin-top: 0px;}
div#article h1 {font-size:1.5em;margin-bottom:.2em;font-weight:bold;}
div#article h2 {font-size:1.2em;font-weight:bold;margin:1em 0 .1em 0;background-color:Transparent;
	padding:0;}
div#navigation div.box h2, div#extra div.box h2 {color:#ffffff;} /* Lars Ø fjernet text-transform:uppercase;*/

/*
---------------------------------------------------------------
PARAGRAPH STYLES 
---------------------------------------------------------------
*/
/* Aud lagt til*/



/*
---------------------------------------------------------------
LIST STYLES 
---------------------------------------------------------------
*/

ul#top-menu {margin-right:185px;vertical-align:top;}
ul#top-menu {text-align:center;background-color:#fff;padding:.5em 0 1em 0;position:relative;}
ul#footer li, ul#top-menu li {display:inline;padding:0 1.2em;
	background:transparent url('images/pipe.png') 100% 3px no-repeat;}
ul#footer li.last, ul#top-menu li.last {background-image:none;}
div#top div.menu ul {width:100%;float:left;overflow:hidden;}
ul#breadcrumbs {}
ul#breadcrumbs ul {}
ul#breadcrumbs li, ul#breadcrumbs ul {display:inline;}
div#body ul {list-style-type:disc;}
div#body ul li {/* Moved */}
div.box ul {margin-bottom:1em;}
ul.simlelist {margin-top:.7em;list-style-type:none !important;}
div.box ul li {margin-bottom:0px;
	background-position	: 0 0.4em;
	/*Aud removed to make list item look the same in all browsers 
	height				: 100%;
	
	list-style-type:none;*/}
	/* Lars Ø lagt til ekstra ul klasse for å få disc style på liste elementne */
div.mainBody ul { list-style-type:disc;margin-left:20px;}
div.box div#article ul li {background-image:none;padding-left:0px;list-style-type:disc;
	margin-left:2em;
	/*Aud removed to make list item look the same in all browsers
	vertical-align		: top;
	*/
	padding-bottom:5px; /*Aud has addedd to get air between the list item*/}
ul#footer {clear:both;background:transparent none repeat-x right bottom;text-align:center;padding:1em 0 30px 0;}	
div.box div div ul li {padding-bottom:2px;}	/*Aud: to give the list item air underneath each element*/
/*
---------------------------------------------------------------
LINK STYLES
---------------------------------------------------------------
*/
div#top div.menu ul li a {}
div#top div.menu ul li.last a {border-right-width:0;}
div.box ul li a {padding:0px 2px;border:none;}/*Aud: took away air on tom and bottom and display block, because it does not look good in IE6. I put padding on li to get the same effekt*/
div.box ul li a:link, div.box ul li a:active, div.box ul li a:visited {text-decoration:none;}
div.box ul li a:hover, div.box ul li.selected a  {border-color:#e1e1e1;text-decoration:underline;}

div.box ul li.rsslisting a {padding:0px 2px;border:none;}/*Aud: took away air on tom and bottom and display block, because it does not look good in IE6. I put padding on li to get the same effekt*/
div.box ul li.rsslisting a:link, div.box ul li.rsslisting a:active, div.box ul li.rsslisting a:visited {text-decoration:underline;}
div.box ul li.rsslisting a:hover  {border-color:#e1e1e1;text-decoration:underline;}

div.article p a {
	/* endreet av kristian 1.11.2007 */
	/*background			: transparent url('images/arrow.png') right bottom no-repeat;*/
	padding-right:10px;text-decoration:underline;}
div.article a:link, div.article a:active, div.article a:visited {text-decoration:underline;
	color:#000;}
div.article a:hover {color:#666;text-decoration:none;}
a.archiveLink {float:left;text-decoration:none;}
a.logolink {cursor:pointer;text-decoration:none;}
div.search a:link, div.search a:active, div.search a:hover, div.search a:visited {color:#000;
	text-align:left;text-decoration:underline;padding-right:10px;}
/*
---------------------------------------------------------------
IMAGE STYLES
---------------------------------------------------------------
*/
div.box img.illustration {display:block;margin:0 auto;text-align:center;}

/*Used in the rich text editor */
img.topleftfloatingimage {margin-right:1em;margin-bottom:1em;float:left;}

/*Used in the rich text editor */
img.toprightfloatingimage {float:right;vertical-align:top;margin-left:1em;margin-bottom:1em;}

img.topleft {float:left;vertical-align:top;margin-right:.7em;margin-bottom:.7em;}
img.topright {float:right;vertical-align:top;margin-bottom:.7em;margin-left:.7em;}
img.article {margin-bottom:.3em;margin-top:.7em;}
div.topright img {margin-bottom:10px;}

div.newslisting img {float:left;padding:0 5px 0 0;} /*To make text float around img, and padding om img*/
div#logo img {float:left;width:100%;}

/*
---------------------------------------------------------------
TABLE STYLES
---------------------------------------------------------------
*/
div.box div table.raceListTable {width:100%;}




/*
---------------------------------------------------------------
FORM STYLES
---------------------------------------------------------------
*/

.xForm {}
.xForm #id_matrix td {vertical-align:top;border:0;margin:0;padding:0.2em 0;}
.clearboth {clear:both;height:1px;line-height:1px;}
div.search select {width:191px;font-size:.9em;}
div.search div.text input {font-size:.9em;
	/*width:100%; */}
div#navigation div.search div.text input {width:168px;}
div#extra div.search div.text input {width:168px;}
div.search div.button {text-align:right;padding-right:20px;}
div.search div.button table tbody tr td input{width:94px;}
div.box div div div.button {margin-bottom:10px;}

div#body div.driver table tr td {vertical-align:top;text-align:left;margin-right:1px;}
/* Width of columns in drivers-list */
div#body div.driver table tr td.col1 {width:15%;}
div#body div.driver table tr td.col2 {width:25%;}
div#body div.driver table tr td.col3 {width:60%;}
div#body div.driver table tr td.right {text-align:right;}
.caption {font-style:italic;color:Gray;margin-bottom:.6em;}
div#ImageText span.caption {font-style:italic;color:Gray;margin-bottom:.6em; text-align:right;}
div#ImageText {float:left;overflow:hidden;width:450px;padding:5px 0;text-align:right;}
.introduction {font-weight:bold;margin-bottom:1em !important;margin-top:0em !important;}
input.button {cursor:pointer;}
div.button input {cursor:pointer;}

/*
---------------------------------------------------------------
BODY STYLES
---------------------------------------------------------------
*/


/*
---------------------------------------------------------------
DIVERSE STYLES
---------------------------------------------------------------
*/


/* Statistics tables */
div.statistics ul li {display:inline;background:none;}
div.statistics ul li a {float:left;width:11em;height:1.3em;white-space:nowrap;padding-right:2em;
	margin-bottom:.3em;}
div.statistics a:hover {text-decoration:none;color:#000;}
div.statistics table {border-collapse:collapse;margin:1em 1px 1em 1px;width:99.8%;}
div.statistics table caption {border:1px solid transparent;padding:.5em;font-weight:bold;font-size:1.1em;}
div.statistics table thead th {vertical-align:middle;text-align:center;}
div.statistics table thead th span {white-space:nowrap;}
div.statistics table tbody th {text-align:right;}
div.statistics table th {font-weight:bold;}
div.statistics table th, div.statistics table td {padding:.2em .5em;border:1px solid transparent;text-align:right;}
div.statistics table td.textalign, div.statistics table th.textalign {text-align:left;}
div#body div.article div.statistics a:hover, div#body div.article div.statistics h2 a:hover {color:#000;}


/* 2007-11-28 AU:
	Moved Sitemap styles here because I suspect that they have absolutely nothing to do with
	theme-specific styles and therefore should not be in the theme.css file.*/

/* Sitemap styles */
#SiteMap ul {margin:0;padding:0.2em 0;}
#SiteMap ul ul {padding:0;margin-left:0.5em;}
#SiteMap li {margin:0 0 0.5em 0;padding:0;list-style:none;background:none;}
#SiteMap li a {text-decoration:none;}
#SiteMap li li {margin:0.2em 0;padding-left:1em;background:url('images/SiteMapBullet.gif') no-repeat;}
#SiteMap li li a {text-decoration:underline;}
#SiteMap li li li {}

/* ikoner i dokumentliste */
a.bmpExtension {background: url('images/extensions/bmp.gif') no-repeat; padding: 2px 2px 2px 20px; line-height: 1.8em;}
a.docExtension, a.docxExtension {background: url('images/extensions/doc.gif') no-repeat; padding: 2px 2px 2px 20px; line-height: 1.8em;}
a.gifExtension {background: url('images/extensions/gif.gif') no-repeat; padding: 2px 2px 2px 20px; line-height: 1.8em;}
a.htmExtension, a.htmlExtension {background: url('images/extensions/htm.gif') no-repeat; padding: 2px 2px 2px 20px; line-height: 1.8em;}
a.jpgExtension, a.jpegExtension {background: url('images/extensions/jpg.gif') no-repeat; padding: 2px 2px 2px 20px; line-height: 1.8em;}
a.mp3Extension {background: url('images/extensions/mp3.gif') no-repeat; padding: 2px 2px 2px 20px; line-height: 1.8em;}
a.mpgExtension {background: url('images/extensions/mpg.gif') no-repeat; padding: 2px 2px 2px 20px; line-height: 1.8em;}
a.pdfExtension {background: url('images/extensions/pdf.gif') no-repeat; padding: 2px 2px 2px 20px; line-height: 1.8em;}
a.pngExtension {background: url('images/extensions/png.gif') no-repeat; padding: 2px 2px 2px 20px; line-height: 1.8em;}
a.pptExtension, a.pptxExtension {background: url('images/extensions/ppt.gif') no-repeat; padding: 2px 2px 2px 20px; line-height: 1.8em;}
a.tifExtension, a.tiffExtension {background: url('images/extensions/tif.gif') no-repeat; padding: 2px 2px 2px 20px; line-height: 1.8em;}
a.txtExtension {background: url('images/extensions/txt.gif') no-repeat; padding: 2px 2px 2px 20px; line-height: 1.8em;}
a.wavExtension {background: url('images/extensions/wav.gif') no-repeat; padding: 2px 2px 2px 20px; line-height: 1.8em;}
a.xlsExtension, a.xlsxExtension {background: url('images/extensions/xls.gif') no-repeat; padding: 2px 2px 2px 20px; line-height: 1.8em;}
a.zipExtension {background: url('images/extensions/zip.gif') no-repeat; padding: 2px 2px 2px 20px; line-height: 1.8em;}

/* right column banner */
.ImageListBanner li {padding-bottom:5px;list-style-type:none;}

/* css for print/tip a friend */
div.box div div div.right {text-align:right;}
div.box div div div.right img {vertical-align:middle;}
div.box div div div.right a {text-decoration:none;vertical-align:middle;}
/* end css for print/tip a friend */

/* listing of multipage property */
.multiPageList li {list-style-type:none;}
/* image style for page webpart*/
img.pageImage {float:left;padding-right:5px;}
img.bannerImg {margin-bottom:1em;}

/* style for sportsjefens hjørne */
div.tiptext {margin-bottom:0.3em;}

/* style for weatherforecast*/
.weather {border:solid 1px #c5cfdd;padding:1em 1em 3em 1em;margin:1em 1em 1em 1em;height:100%;}
.weather td {text-align:center;}
td.topalign, tr.topalign {vertical-align:top;}

/* style for axis webcam */
#Player {margin-bottom:1em;}

/* classes used by google map template */
div.map {background:#fff none right top repeat-y;margin-bottom:1em;border-bottom:1px solid transparent;}
div.map div.main {padding:12px 5px 10px 7px;}
div.map div.main div.right {text-align:right;padding:8px 8px 0 0;}
div.map div.main div.right img, div.map div.main div.right a {vertical-align:middle;}
div.map div { padding:0 4px 8px 0;background:transparent none right bottom no-repeat;}
div.map div div div {background:none;margin:.1em;padding:0;}

/* Search */
li.searchResult {margin-bottom:1em;}
li.searchResult a  {font-weight: bold;}
li.searchResult p  {margin-top:3px;}
li.searchResult i {font-size:0.8em;}
div#ResultArea div.PagingContainer {margin-top:20px;margin-left:0px;}
.SelectedPagingItem {font-weight: bold;padding:0 1px;}
.UnselectedPagingItem {padding:0 1px;}

div.exhibition table, table.exhibition {width:auto;border-collapse:separate;padding-bottom:10px;}
div.exhibition {float:left;overflow:hidden;width:100%;padding:0 0 10px 0 !important}
div.exhibition table tr {float:left;padding:0 10px 0 0}
div.exhibition table tr td input, div.exhibition table tr td label {float:left;padding:0 10px 0 0}
div.exhibition table tr td label {padding-top:3px;}
div.exhibitionRightColumn table input, div.exhibitionRightColumn table label, div.exhibitionRightColumn table span {float:left}
div.exhibitionLeftColumn table input {}
div.exhibitionRightColumn table input {margin-right:20px}
div.exhibitionRightColumn table span {padding-right:20px;}
div.exhibitionRightColumn table tr td, div.exhibitionRightColumn table tr {width:200px;float:left}
div.exhibitionRightColumn table tr td {padding-bottom:5px;}
div.exhibitionRightColumn, div.exhibitionLeftColumn {padding-top:20px !important}
table.offspring tr td, table.offspring tr th {padding:0 0 0 5px}
table.offspring tr input {width:100px;}
table.offspring tr td {}
table.offspring caption {text-align:left;font-weight:bold;padding-bottom:5px}


/* ImageCarousell */
div.ImageCarousell
{
	background: none right top repeat-y;
	/*Clear the box*/
	float:left;overflow:hidden;width:100%;
}