/*
Bilsport.no
*/

/* -------------------------------- General styles -------------------------------- */

* {
	margin: 0;
	padding: 0;
}

html {
	width: 100%;
	background: #262626;
}

body {
	width: 100%;
	background: #FFF url("/images/bg_body.gif") repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #454545;
	text-align: center;
	display: table;
}


hr {
	height: 1px;
	font-size: 0;
	line-height: 0;
	color: #DDD;
	background-color: transparent;
	border-width: 0;
	border-top: 1px solid #DDD;
	margin: 10px 0 10px 0;
	padding: 0;
	display: block;
	clear: both;
}

table tr td {
	font-size: 11px;
}

table.kalender tr td,
table.poengtabell tr td {
	padding: 4px 0;
	border-bottom: 1px solid #DDD;
}

table.poengtabell,
table.kalender {
	margin-bottom: 20px;
}

table.poengtabell tr td {
	font-size: 11px;
}

table tr td h3 {
	margin-top: 20px;
}

table.wptable {
	width: 100%;
}

table.wptable th {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #454545;
}

table.wptable th,
table.wptable td {
	text-align: left;
	padding: 2px 2px 2px 0;
	border-bottom: 1px solid #DDD;
}

br {

}

p,
.short,
.full {
	display: block;
	margin-bottom: 20px;
	clear: both;
}

.ddop {
	display: block;
	margin-bottom: 20px;
	clear: both;
	border-bottom: 1px solid #CCC;
	padding-bottom: 20px;
}

img {
	border: 0px;
	vertical-align: bottom;
}

.noshow {
	display: none;
	visibility: hidden;
}

.left {
	float: left;
}

.right {
	float: right;
}

.small {
	font-size: 11px;
}

.medium {
	font-size: 13px;
}

.large {
	font-size: 15px;
}

.edited {
	color: red;
}

.updated {
	color: green;
}

.short img {
	display: none;
}

.edit {
	float: right;
	margin-right: 20px;
}

.pdf-link {
	line-height: 24px;
	background: url("/images/pdf_icon.gif") left top no-repeat transparent;
	padding: 0 0 24px 24px;
}

.html-link {
	line-height: 24px;
	background: url("/images/html_icon.gif") left top no-repeat;
	padding: 0 0 10px 24px;
}

.doc-link {
	line-height: 24px;
	background: url("/images/doc_icon.gif") left top no-repeat;
	padding: 0 0 10px 24px;
}

.xls-link {
	line-height: 24px;
	background: url("/images/xls_icon.gif") left top no-repeat;
	padding: 0 0 10px 24px;
}

/* -------------------------------- Form fields -------------------------------- */

input {
	font-family: Arial, Helvetica, Sans-Serif;
	color: #333;
	border: 1px solid #AAA;
	background: #FFF;
}

textarea,
select {
	font-family: Arial, Helvetica, Sans-Serif;
	color: #333;
	border: 1px solid #AAA;
	background: #FFF;
	overflow: auto;
}

div.kontakt {
	width: 408px;
	overflow: hidden;
	clear: both;
	margin-top: 20px;
}

div#content input {
	font-size: 14px;
	line-height: 20px;
	height: 22px;
}

label.navn {
	width: 190px;
	float: left;
}

label.epost {
	width: 190px;
	float: right;
}

label.short {
	width: 190px;
}

label.navn input,
label.epost input,
label.short input {
	width: 188px;
}

label.emne input,
label.full input {
	width: 406px;
	clear: both;
}

label.melding textarea,
label.full select {
	width: 406px;
	height: 150px;
	overflow: auto;
	clear: both;
}

span.submit input {
	width: 408px;
	height: 24px;
	line-height: 20px;
	clear: both;
}

input#rememberme {
	width: 16px;
	height: 16px;
	float: left;
	border: 0;
	background: none;
	padding: 0;
	margin-right: 10px;
}

.wpcf7-checkbox input,
div#login input#rememberme {
	border: 0;
	background: none;
	padding: 0;
}

input.submit,
.submit input {
	width: 120px !important;
	height: 30px !important;
	line-height: 30px !important;
	background: #0C468A url("/images/bg_nav.gif") repeat-x !important;
	border: 0 !important;
	font-size: 14px !important;
	color: #FFF !important;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	display: table !important;
	float: left !important;
	margin: 10px 0 !important;
	cursor: pointer;
}

/* -------------------------------- Headings -------------------------------- */

h1 {
	width: 146px;
	height: 80px;
	/*postion: absolute;
	top: 15px;
	left: 20px;*/
	float: left;
	margin: 15px 0 0 20px;
}

h2 {
	line-height: 27px;
	font-size: 25px;
	font-weight: normal;
}

div#content h2 {
	letter-spacing: -1px;
	font-weight: bold;
	margin: 0 0 14px 0;
}

div#subcontent h2 {
	line-height: 16px;
	font-size: 14px;
	font-weight: normal;
	color: #444;
	margin: 0;
}

h3 {
	line-height: 14px;
	font-size: 12px;
	font-weight: normal;
	background: url("/images/nbficon.gif") left 40% no-repeat;
	padding-left: 16px;
	display: table;
}

div#footer h3 {
	background: url("") left 40% no-repeat;
	padding-left: 0;
}

div#content h3.postinfo {
	color: #888;
	text-transform: uppercase;
	border-bottom: 1px solid #CCC;
	margin-bottom: 8px;
}

div#col1 h3,
div#col2 h3,
div#colx h3,
div#login h3,
div#footer h3 {
	color: #888;
	text-transform: uppercase;
	border-bottom: 1px solid #E35366;
	margin-bottom: 14px;
	padding-bottom: 1px;
	clear: both;
}

div#col1 #content h3,
div#colx #xcontent h3 {
	width: 688px;
}

div#content h3 {
	width: 408px;
	overflow: hidden;
}

html>/**/body div#content h3 {
	width: 392px;
}

div#subcontent h3 {
	width: 236px;
}

div.secondary h3 {
	width: 194px;
}

div#login h3 {
	width: 180px;
	margin: 20px 0 10px 0;
}

h4 {
	line-height: 15px;
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 4px;
}

ul.kursliste {
	width: 688px;
	display: table;
	margin-bottom: 20px;
}

ul.kursliste li {
	width: 688px;
	display: table;
	clear: both;
	border-bottom: 1px solid #DDD;
	margin-bottom: 2px;
	padding: 1px 0 4px 0;
}

ul.latest h4,
ul.headlines h4 {
	background: url("/images/smallarrow.gif") left 40% no-repeat;
	padding-left: 10px;
	float: left;
}

div#col2 #content .secondary h4 {
	line-height: 19px;
	font-size: 17px;
	font-weight: normal;
}

h5 {
	line-height: 18px;
	font-size: 16px;
	font-weight: normal;
}

h6 {
	line-height: 16px;
	font-size: 14px;
	font-weight: normal;
}

/* -------------------------------- Lists -------------------------------- */

ul {
	list-style: none;
}

.page ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-bottom: 20px;
	clear: both;
}

.page ul li {
	margin-left: 30px;
}

li {
}

ul.latest,
ul.list,
ul.headlines {
	list-style-type: none;
	list-style-position: inside;
	display: table;
	margin-bottom: 10px;
	clear: both;
}

ul.latest li,
ul.list li,
ul.headlines li {
	clear: both;
	margin-bottom: 4px;
	margin-left: 0;
}

ul.latest li.metadate,
ul.list li.metadate,
ul.headlines li.metadate {
	font-size:11px;
	color: #999;
	margin: -10px 0 10px 10px;
}

ul.lenker {
	list-style: none;
}

ul.lenker li {
	float: left;
	margin: 0 40px 40px 0;
}

ul.lenker li h2 {
	line-height: 16px;
	font-size: 14px;
	font-weight: normal;
	color: #444;
	margin: 0;
}

ul.lenker li ul {
	list-style: none;
	margin-bottom: 40px;
}

ul.lenker li ul li {
	clear: both;
	margin-bottom: 4px;
}

/* -------------------------------- Navigation -------------------------------- */

a, a:focus,
a:link,
a:active,
a:visited,
a:hover {
	outline: none;
}

a {
	color: #1858A1;
	text-decoration: none;
}

a:visited {
	color: #2D75C8;
	text-decoration: none;
}

a:hover {
	color: #D33333;
	text-decoration: underline;
}

span.more-link a,
a.more-link,
a:visited.more-link,
.ddop ul li a {
	background: url("/images/arrow.gif") right 50% no-repeat;
	padding-right: 16px;
}

ul.list li a:visited.more-link,
.ddop ul li a:visited {
	background: url("/images/arrow_light.gif") right 50% no-repeat;
	padding-right: 16px;
}

a:hover.more-link,
.ddop ul li a:hover {
	background: url("/images/arrow_red.gif") right 50% no-repeat;
	padding-right: 16px;
}

span.more-link a,
a.more-link {
	line-height: normal;
	margin-bottom: 20px;
	clear: both;
	float: left;
}

p a.more-link,
ul.list li a.more-link {
	line-height: normal;
	float: none;
}

h3.postinfo a,
h3.postinfo a:visited,
h3.postinfo a:hover {
	text-decoration: none;
}

a#stafLink,
a:visited#stafLink,
a:hover#stafLink {
	background: url("/images/email_icon.gif") right 50% no-repeat;
	padding-right: 16px;
	float: right;
}

#content a img {
	border: 4px solid #DDD;
	margin: 0 10px 10px 0;
	float: left;
	display: block;
}

#content a:hover img {
	border: 4px solid #4876AD;
}

#content h3 a img {
	border: 0;
	margin: 0;
}

#content h3 a:hover img {
	border: 0;
}

/* -------------------------------- Site Layout -------------------------------- */

div#site {
	width: 922px;
	height: 600px;
	background: #FFF url("/images/bg_content.gif") no-repeat;
	padding: 4px 0;
	display: table;
	margin: 0 auto;
	text-align: center;
}

div#heading {
	width: 912px;
	height: 110px;
	background: url("/images/bg_heading.jpg") right no-repeat;
	position: relative;
	display: block;
	margin: 0 auto 4px auto;
}

	a#fia {
		width: 67px;
		height: 50px;
		position: absolute;
		top: 31px;
		right: 0;
	}

div#mainarea {
	width: 728px;
	float: left;
	overflow: hidden;
	display: inline;
	margin-left: 5px;
}

	ul#mainmenu {
		width: 728px;
		height: 40px;
		background: #0C468A url("/images/bg_nav.gif") repeat-x;
		text-align: left;
		overflow: hidden;
	}

		ul#mainmenu li {
			display: inline;
		}

			ul#mainmenu li a {
				/*font-family: Arial Narrow, Arial, Helvetica, Sans-Serif;*/
				font-size: 14px;
				line-height: 40px;
				color: #FFF;
				text-decoration: none;
				text-transform: uppercase;
				padding: 0 20px;
				display: table;
				float: left;
			}

			ul#mainmenu li a:hover,
			ul#mainmenu li a.active {
				background: url("/images/bg_nav_hover.gif") top center;
			}

ul#submenu {
		width: 728px;
		height: 20px;
		background: #CCC url("/images/bg_grey.gif") repeat-x;
		text-align: left;
		overflow: hidden;
		margin-top: 4px;
	}

		ul#submenu li {
			display: inline;
		}

			ul#submenu li a {
				font-size: 11px;
				font-family: Arial Narrow, Arial, Helvetica, Sans-Serif;
				line-height: 20px;
				color: #444;
				text-decoration: none;
				text-transform: uppercase;
				padding: 0 5px;
				margin: 0 -5px 0 10px;
				display: table;
				float: left;
			}

			ul#submenu li a:hover,
			ul#submenu li a.active {
				color: #000;
				background: url("/images/bg_grey_hover.gif") top center;
			}

	div#promoarea {
		width: 728px;
		margin-top: 4px;
		display: table;
		text-align: left;
		overflow: hidden;
	}

		div#promoarea p {
			line-height: 18px;
			font-size: 16px;
			font-weight: normal;
			color: #FFF;
			padding: 20px;
			background: #262626;
			text-align: left;
		}

div#col1,
div#colx {
	width: 728px;
	display: table;
	text-align: left;
	overflow: hidden;
	margin-top: 4px;
}

div#col1 {
	background: url("/images/bg_contenttop_col1.gif") no-repeat;
}

	div#col1 #content,
	div#colx #xcontent {
		width: 688px;
		float: left;
		display: inline;
		margin: 20px 0 0 20px;
		text-align: left;
		overflow: hidden;
	}

		.calbox {
			width: 150px;
			float: left;
			margin-right: 20px;
		}

		div#col1 #content fieldset {
			border: 0;
			padding: 0;
		}

		div#col1 #content fieldset input#s {
			width: 568px;
			height: 30px;
			line-height: 24px;
			font-family: Arial, Helvetica, Sans-Serif;
			font-size: 18px;
			color: #333;
			float: left;
			display: block;
			border-width: 1px 1px 4px 1px;
			border-style: solid;
			border-color: #AAA;
			background: #FFF;
			margin: 0;
			padding: 0 5px;
		}

		div#col1 #content fieldset input#searchsubmit	{
			width: 100px;
			height: 30px;
			line-height: 24px;
			font-family: Arial, Helvetica, Sans-Serif;
			font-size: 18px;
			color: #333;
			float: right;
			display: block;
			border-width: 1px 1px 4px 1px;
			border-style: solid;
			border-color: #4876AD;
			background: #FFF;
			margin: 0;
			padding: 0 5px;
		}

div#col2 {
	width: 728px;
	background: url("/images/bg_contenttop_col2.gif") no-repeat;
	display: table;
	text-align: left;
	overflow: hidden;
	margin-top: 4px;
}

	div#col2 #content {
		width: 428px;
		float: left;
		display: inline;
		margin: 20px 0 0 20px;
		text-align: left;
		overflow: hidden;
	}

		div#col2 #prom img {
			border: 0;
		}

		div#col2 #content p {
			width: 408px;
		}

		div#col2 #content p img {
			float: left;
		}

		span.postdate {
			display: block;
			float: right;
			font-size: 12px;
			color: #999;
			margin-right: 20px;
		}

		span.eventdate {
			display: block;
			float: left;
			width: 140px;
			font-size: 12px;
			color: #999;
		}

		div#col2 #content .secondary {
			width: 194px;
			float: left;
			overflow: hidden;
			margin-right: 20px;
			display: block;
		}

			div#col2 #content .secondary p {
				width: 194px;
				display: block;
			}

	div#col2 #subcontent {
		width: 236px;
		float: left;
		display: inline;
		text-align: left;
		overflow: hidden;
		margin: 20px 0 0 24px;
	}

	.page ol {
		display: none;
	}

div#sidebar {
	width: 180px;
	float: right;
	overflow: hidden;
	margin-right: 5px;
	display: inline;
}

	ul#sidebarnav {
		width: 180px;
		text-align: left;
		display: table;
		overflow: hidden;
	}

	ul#sidebarnav li {
		width: 180px;
		text-align: left;
		display: table;
		margin-bottom: 4px;
		overflow: hidden;
	}

	ul#sidebarnav li h2 {
		width: 180px;
		height: 40px;
		background: #262626 url("/images/bg_nav_black.gif") repeat-x;
		font-size: 14px;
		font-weight: normal;
		line-height: 40px;
		color: #FFF;
		text-decoration: none;
		text-transform: uppercase;
		text-indent: 20px;
		margin-bottom: 4px;
		overflow: hidden;
	}

	ul#sidebarnav li h2.red {
		width: 180px;
		height: 40px;
		background: #CD0101 url("/images/bg_warning.gif") repeat-x;
		font-size: 14px;
		font-weight: normal;
		line-height: 40px;
		color: #FFF;
		text-align: left;
		text-decoration: none;
		text-transform: uppercase;
		text-indent: 20px;
		margin: 0;
		overflow: hidden;
	}

	ul#sidebarnav li h2.green {
		width: 180px;
		height: 40px;
		background: #0D8B2D url("/images/bg_eco.gif") repeat-x;
		font-size: 14px;
		font-weight: normal;
		line-height: 40px;
		color: #FFF;
		text-align: left;
		text-decoration: none;
		text-transform: uppercase;
		text-indent: 20px;
		margin: 0;
		overflow: hidden;
	}

	ul#sidebarnav li h2.blue {
		width: 180px;
		height: 40px;
		background: #0C468A url("/images/bg_nav.gif") repeat-x;
		font-size: 14px;
		font-weight: normal;
		line-height: 40px;
		color: #FFF;
		text-align: left;
		text-decoration: none;
		text-transform: uppercase;
		text-indent: 20px;
		margin: 0;
		overflow: hidden;
	}

	ul#sidebarnav li h2.black {
		width: 180px;
		height: 40px;
		font-size: 14px;
		font-weight: normal;
		line-height: 40px;
		color: #FFF;
		text-align: left;
		text-decoration: none;
		text-transform: uppercase;
		text-indent: 20px;
		margin: 0;
		overflow: hidden;
	}

	ul#sidebarnav li h2.red a,
	ul#sidebarnav li h2.green a,
	ul#sidebarnav li h2.blue a,
	ul#sidebarnav li h2.black a {
		color: #FFF;
	}

	ul#sidebarnav li h2.locked a {
		color: #FFF;
		background: url("/images/locked.png") left 50% no-repeat;
		padding-left: 22px;
		display: table;
	}

	ul#sidebarnav li ul {
		width: 180px;
	}

	ul#sidebarnav li ul li {
		margin: 0;
	}

	ul#sidebarnav li ul li a {
		width: 180px;
		background: #262626 url("/images/bg_submenu.gif") no-repeat;
		font-size: 11px;
		font-weight: normal;
		line-height: 18px;
		color: #CCC;
		text-decoration: none;
		text-transform: uppercase;
		border-top: 1px solid #464646;
		border-bottom: 1px solid #171717;
		text-indent: 20px;
		display: block;
		overflow: hidden;
	}

	ul#sidebarnav li ul li a:hover,
	ul#sidebarnav li ul li a.active {
		background: #3F3F3F url("/images/bg_submenu_hover.gif") no-repeat;
		color: #FFF;
		border-top: 1px solid #6F6F6F;
		border-bottom: 1px solid #2F2F2F;
	}

	div#sidebar fieldset {
		height: 30px;
		border-width: 1px;
		border-style: solid;
		border-color: #AAA;
		background: #FFF;
		margin-top: 0;
		overflow: hidden;
	}

	div#sidebar fieldset {
		width: 180px;
		overflow: hidden;
	}

	html>/**/body div#sidebar fieldset {
		width: 178px;
		overflow: hidden;
	}

		div#sidebar fieldset input {
			width: 176px;
			height: 30px;
			line-height: 24px;
			font-family: Arial, Helvetica, Sans-Serif;
			font-size: 18px;
			color: #333;
			border: 0;
			background: transparent;
			margin: 1px 0 0 1px;
		}

		html>/**/body div#sidebar fieldset input {
			padding-top: 4px;
		}

	div#sidebar #login {
		/*background: #F5F5F5 url("/images/bg_login.gif") no-repeat;
		border: 1px solid #CCC;*/
		text-align: left;
		overflow: hidden;
		margin: 4px 0 0 0;
		padding-bottom: 10px;
	}

	div#sidebar #login {
		width: 180px;
		overflow: hidden;
	}

	html>/**/body div#sidebar #login {
		width: 178px;
		overflow: hidden;
	}
		div#sidebar #login p {
			width: 180px;
			margin: 0 0 10px 0;
			text-indent: 0;
			padding: 0;
			display: block;
			overflow: hidden;
		}

		div#sidebar #login input {
			width: 178px;
		}

		div#sidebar #login input#rememberme {
			width: 20px;
			height: 20px;
			float: left;
			margin: -1px 4px 0 0;
		}

div#pagebuttons {
	background: url("/images/bg_contenttop.gif") no-repeat;
	margin-top: 4px;
}

div#banners img,
div#pagebuttons img {
	margin-top: 40px;
}

div#footer {
	width: 912px;
	background: #151515 url("/images/bg_feature.gif") repeat-x;
	border-top: 4px solid #DDD;
	border-bottom: 4px solid #CCC;
	color: #CCC;
	display: table;
	margin: 20px auto;
	padding: 20px 0;
	overflow: hidden;
	clear: both;
}

	div#footer a {
		color: #EEE;
		text-decoration: underline;
	}

	div#footer a:visited {
		color: #DDD;
		text-decoration: underline;
	}

	div#footer a:hover {
		color: #FFF;
		text-decoration: none;
	}

	.footerbox {
		width: 277px;
		text-align: left;
		float: left;
		margin-left: 20px;
		display: inline;
		overflow: hidden;
		padding: 0;
	}

	.footerbox ul li a {
		background: url("/images/arrow_footer.gif") right 60% no-repeat;
		padding-right: 16px;
	}

div#signature {
	width: 912px;
	background: #F9F9F9;
	text-align: left;
	text-indent: 0;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	margin: 20px auto;
	padding: 20px 0;
	overflow: hidden;
	clear: both;
}

	div#signature #copyright {
		width: 688px;
		text-align: left;
		float: left;
		margin-left: 20px;
		display: inline;
		overflow: hidden;
		padding: 0;
	}

	div#signature #fredrik {
		width: 180px;
		text-align: right;
		float: left;
		margin-left: 4px;
		display: inline;
		overflow: hidden;
		padding: 0;
	}