/* reset.css */

body {font-size: 62.5%;}
body,div,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}

caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}
sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

a img {border:0;}
p { padding-bottom: 1.1em; }

.ClearBoth{clear: both;display: block;}
.ClearBoth0{clear:both;height:0px;overflow:hidden;display: block;}

hr {display: none} 
a:active, a:focus {outline: 0;} /* fikser irriterende prikkeoutline i firefox */ 

/* screen.css */

body {font-family: arial, verdana, sans-serif; color: #333; background-image:url(../images/bakgrunn-red.jpg);}
p {font-size: 1.2em; line-height: 1.3em;}
p.lead {width: 651px; clear: both; display: block;}
a {color: #000; text-decoration: none}
a:hover {color: red}
p a {text-decoration: underline}
a.current {}
h1, h2, h3, h4, h5, h6 {font-weight: bold; font-size: 13px; line-height: 1em;}
h2 {font-size: 18px; font-weight: bold; color :#000; line-height: 1.4em;}
h3.heading {background: #971e2b url(/images/bg-headers.png) left top repeat-x; font-size: 10px; margin: 0;color: #fff; padding: 0.5em; border-top: 1px solid #6a1619}
.global{background-color:#fff;width:971px;}
#wrapper {width: 965px; margin: 10px auto; }
#ad-top {height: 150px; margin-bottom: 10px}
#ad-top-left {float:left; width: 768px; overflow:hidden;}
#ad-top-right {float:right; width: 180px; overflow:hidden; }

#content {  overflow: auto;}

.main {width: 590px; padding: 0 7px; float: left; border: 1px solid blue}
.main .section {margin-bottom: 10px; overflow: auto}
.main .feature {width: 464px; float: left}
.main .post {width: 651px; float: left}

.main .post {width: 651px; float: left}

.post p.lead, .post img.large {width: 651px;}
.post p {width: 464px; float: left; }

.news {background-color: #f2f2f2; margin-bottom: 10px; overflow: auto; clear: both;}
.news img {float: left; width: 160px;}
.news h3, .news p {padding: 7px 0 0 167px;}
.news-list {width: 464px; float: left; overflow: auto;}
.news-list h3, .news-list p  {font-size: 1.1em; line-height: 1.2em;}

.scores li {}
.scores .score {text-align: right;}
.scores {width: 180px}
.scores td { border-bottom: 1px dotted #ccc; padding: 0.5em;}
.youllneverwalkalone {font-weight: bold}
.masthead { background: url(/images/Spritemap-liverpool.png) no-repeat; background-position: -1015px -561px; width: 965px; height: 70px; }



/* vertikal meny ala Belsenso */

.ul-navbar
{
    list-style-type: none;
    float: left;
    margin: 0;
    padding: 0;
    margin-left:5px;
    margin-top:10px;
    height:22px;
    font-size:1.1em;
    text-transform:uppercase;
}
.ul-navbar li
{
    float: left;
    margin-right: 10px;
    list-style-type: none;
}

.ul-navbar li a {padding: 5px 10px; color: #fff; font-weight:bold;}

.ul-navbar li a:hover {background-color: #d9d9d9; color: #000}

.ul-navbar li ul
{
    list-style-type: none;
    position: absolute;
    top: 25px;
    font-size:0.9em;
}
.ul-navbar .Submenu
{
    z-index: 100;
    padding: 10px;
    float: left;
    margin-left: -10px;
    width: 190px;
    background-color: #fff;
    list-style-type: none;
    background: #d9d9d9 url(/images/bg-menu.png) left bottom repeat-x;
}
.ul-navbar .Submenu li
{
    width: 190px;
    float: left;
    list-style-type: none;
    padding: 5px 0;
}

.ul-navbar .Submenu li a { color: #000; }
.ul-navbar .Submenu li a:hover {
	background:none; 
	font-weight: bold; 
	color: #000; 
	text-decoration:underline;
}

.ul-navbar .SelectedNode a
{
	background-color: #d9d9d9; color: #000;
}
.ul-navbar .SelectedNode ul a
{
    border: none;
}
.navbar_selected, .navbar_notselected
{
    float: left;
}

/*  endrigner 9/2
----------------------------------------------------------------------------------------------- */

h1 a {display: block; height: 70px; width: 965px}

#nav {background-color: #911630; position: relative; height: 30px; margin-bottom: 10px;border-top: 3px solid #fff;}

#content {position: relative}

#col-main {position: relative; float: left; width: 468px;}
#col-right {position: relative; float: left; width: 299px; margin-left: 9px; }
#col-ads {position: relative; float: left; width: 180px; margin-left: 9px;}
#searchfield {position: relative; float: left; width: 180px; height: 60px; margin-left: 9px;}

#search {background: transparent url(/images/bg-searchfield.png) left top no-repeat ; height: 24px; width: 123px; border: none; padding: 0 3px 0 6px; font-size: 11px; line-height: 24px }
#search-submit {background: transparent url(/images/bg-searchbutton.png) left top no-repeat; float: right; height: 24px; width: 44px; border: none; text-indent: -9999px; }


#col-right h3 {background: #971e2b url(/images/bg-headers.png) left top repeat-x; font-size: 0.9em; margin: 0;color: #fff; padding: 0.5em; margin-bottom: 0.5em; border-top: 1px solid #6a1619}
#col-right h3 a {color: #fff;}

#nav-meta {float: right; width: 260px; height: 30px; background: #bc2346 url(/images/bg-navmeta.png) left top repeat-y; padding: 0 ; margin: 0; list-style-type: none; }

#nav-meta li {float: left; padding: 0; }
#nav-meta li a {height: 20px; padding: 10px; text-decoration: none; line-height: 30px; font-size: 13px; color: #fff }


.long {width: 266px;}
.short {width: 190px;}
.floatleft {float:left; clear: both;}
.floatright {float:right}


/*  Suchfish (jquery)
----------------------------------------------------------------------------------------------- */
.sf-menu, .sf-menu * {margin: 0; padding: 0; list-style: none;}
.sf-menu { line-height: 1.0; }
.sf-menu ul {position: absolute; top: -999em; width: 700px; /* left offset of submenus need to match (see below) */}
.sf-menu ul li { width: 100%; }
.sf-menu li:hover {visibility: inherit;/* fixes IE7 'sticky bug' */}


.sf-menu li{float: left;position: relative;}
.sf-menu a {display: block; position: relative;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left: 0; top: 30px;  z-index: 99;}
.sf-menu li:hover li ul,
.sf-menu li.sfHover li ul { top: -999em; }
.sf-menu li li:hover ul,
.sf-menu li li.sfHover ul {left: 700px; /* match ul width */ top: 0;}
.sf-menu li li:hover li ul,
.sf-menu li li.sfHover li ul { top: -999em; }
.sf-menu li li li:hover ul,
.sf-menu li li li.sfHover ul {left: 700px;/* match ul width */ top: 0;}
.sf-menu {float: left; }
.sf-menu a { height: 20px; padding: 5px 10px; text-decoration: none; line-height: 20px; font-size: 13px;}
.sf-menu a, .sf-menu a:visited {color: #fff; font-size: 13px;}
.sf-menu li {}
.sf-menu li li {}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline: 0;}

.sf-with-ul li:hover  {outline: 0;}
.sf-navbar {height: 30px; position:	relative;}
.sf-navbar li {position: static;}
.sf-navbar li ul {width: 720px; /*IE6 soils itself without this*/}
.sf-navbar li li { position: relative;}
.sf-navbar ul li {width: auto; float: left;}
.sf-navbar li.current {font-weight: bold;}
.sf-navbar .current ul ul {top: -999em;}


.sf-menu li:hover {border-bottom: 3px solid #911630 }
.on-top
{
    z-index: 100000;   
}

/* styleAbile */

form {
	margin:0;
	padding:0;
}

h1 {
	font-size:1.8em;
	line-height:1.8em;
}
ul {
	margin:0;
	padding:0;
}
#col-main .wide {
	width:
}

#col-main td {
	padding:2px;
}
td p {
margin:0;padding:0;
}
#col-main li, #col-main td, #col-right li, #col-right td  {font-size: 1.2em; line-height: 1.3em;}
#col-main ul {
}
#col-main a {text-decoration: underline}

.topstory
{
    width: 454px;
}
.post p.lead
{
    width: 454px;
}
.post h2
{
    width: 454px;
}
.post .contentbilde
{
    float: left;
}

#Signin label {
	width:80px;
	float:left;
}
.login_row {
	margin-bottom:5px;
}

.sharebtn {
	width:100%; float:left;
	clear:both;
	display:block;
	margin-top:10px;
	margin-bottom:20px;
}
.follow {
	margin-top:15px;
	margin-bottom:5px;
}
.leftbanners p {
	margin-top:5px;
	margin-bottom:0;
}
h3.heading a {
	color:#fff;
}

.flere {
	text-align:right;
	margin-top:5px;
	margin-bottom:5px;
}
.feature img {
	float:left;
	width:100%;
}
.feature.line {
	float:left;
	width:100%;
	margin-top:10px;
}

#board {
	margin-top:20px;
	float:left;
	width:100%;
}
ul.morenews {
	float:left;
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
}
ul.morenews { list-style-type: none;  margin: 0; padding: 0; }
ul.morenews li .date{ margin-left:5px; }
ul.morenews li a { border: none; border-bottom: 1px dotted #ccc; background: #fff; color: #000; 
width:100%; padding-top:5px; padding-bottom:5px; float:left;}
ul.morenews li a:hover {background: #eee;}

li.listitem {
	margin-bottom:5px;
	list-style:none;
}
#col-right ul{
}

#col-right li {
	list-style:none;
}
#col-right h3 {
	font-size:1.2em;
	margin-top:5px;
	margin-bottom:5px;
}
#col-right h2 {
	font-size:1.1em;
	margin-top:5px;
	margin-bottom:2px;
}
#col-right li.kommentar {
	width:100%;
	clear:both;
}
#col-right li.kommentar img {
	float:left;
	margin-right:5px;
}
#sitemap li {
	list-style-type:none;
}
#sitemap li ul {
	margin-top:0;
}
#ad-bottom {
	float:left;
	width:100%;
	margin-top:20px;
}
#bottom {
	float:left;
	width:100%;
	font-size:0.8em;
	margin-top:20px;
	border-top: 1px dotted #ccc; 
	padding: 0.5em; 
	background: #eee; 
	text-align:center;
}
fieldset {
	width:100%;
	float:left;
	margin-bottom:10px;
}
legend {
	font-size:1.2em;
	margin-bottom:10px;
	font-weight:bold;
}
.box_item label {
	float:left;
	width:80px;
	font-weight:bold;
}
.box_item_long label {
	float:left;
	width:200px;
	font-weight:bold;
}
.box_item, box_item_long {
	margin-bottom:10px;
	width:100%;
	float:left;
	font-size:1.1em;
}

.Errormsg
{
	color: Red;
	}