/*--------------------------------------------------------------------
CSS developed for Ferjekort.no by Odin media as
--------------------------------------------------------------------*/
* { margin: 0; padding: 0; border: none; text-decoration: none; }
body { background: #e9edf0 url(../img/bg-body.jpg) repeat-x; font-family: Trebuchet MS, tahoma, verdana, sans-serif; color: #333; font-size: 12px; text-align: center; }
a:hover { color: #000; }

/*--------------------------------------------------------------------
FRAMEWORK
--------------------------------------------------------------------*/
#frame { width: 960px; margin: 20px auto 0 auto; overflow: hidden; background: #ffffff;  clear: both; }

#content1  { width: 940px; margin: 23px auto; padding: 15px 0; background: #ffffff url(../img/bg-content.jpg) repeat-y; overflow: hidden; display: block; }
#news-column { margin-top: 23px; width: 190px; float: right; overflow: hidden; display: block; overflow: hidden; text-align: left; }
#news-column .article, #left-column .article { overflow: hidden; display: block; margin-bottom: 15px; }

#left-collector { width: 730px; float: left; overflow: hidden; display: block; text-align: left; }
#left-column { margin-top: 20px; float: left; width: 190px; overflow: hidden; display: block; }
#main-column { width: 520px; float: right; overflow: hidden; display: block; }

#logos { width: 500px; margin: 10px auto; clear: both; overflow: hidden; display: block; background: #ffffff url(../img/bg-dotborder.jpg) repeat-x; padding-top: 10px; }

#footer { width: 960px; margin: 0 auto; background: #2c81ba; border-bottom: 4px solid #005a9c; }
#footer p { color: #ffffff; text-align: center; padding: 5px; }
#footer a { color: #ffffff; }

/*--------------------------------------------------------------------
HEADER | TOP MENU | BREADCRUMB
--------------------------------------------------------------------*/
#header { width: 960px; /*height: 115px;*/ background: #005a9c url(../img/bg-header.jpg) no-repeat; display: block; overflow: hidden; }
#logo { width: 343px; height: 99px; background: #005a9c url(../img/weblogo.jpg) no-repeat; float: left;  }

#top-menu { width: 960px; background: url(../img/bg-topmenu.jpg) repeat-y; overflow: hidden; text-align: left; /*position: fixed; top: 112px;*/}
#top-menu ul#main { margin-left: 10px; list-style-type: none; color: #ffffff;}
#top-menu ul#main li { float: left; display: block; }
#top-menu ul#main li a { padding: 3px 10px; display: block; float: left;  background: transparent; color: #ffffff; text-transform: uppercase; }
#top-menu ul#main li a:hover{ color: #e1732e;}
#top-menu ul#main li a.active { background: #ffffff; color: #005a9c; }

#search { width: 250px; margin-top: 40px; float: right; text-align: left; }
#search input#searchString { width: 160px; height: 24px; display: block; padding: 4px; float: left; background: transparent url(../img/searchfield.jpg) no-repeat; }
#search input.searchbutton { width: 26px; height: 24px; display: block; padding: 4px; float: left; background: transparent url(../img/searchbutton.jpg) no-repeat; }

#breadcrumb { width: 960px; background: #ffffff; text-align: left; display: block; height: 400px; background: #123321; clear: both; }
#breadcrumb p { padding: 3px 20px; }
#breadcrumb p, #breadcrumb a { color: #2a81ba; }
#breadcrumb a { border-bottom: 1px solid #2a81ba; }
#breadcrumb a:hover { border-bottom: 1px solid #005a9c; color: #005a9c; }

/*--------------------------------------------------------------------
NEWS ARTICLE ELEMENTS
--------------------------------------------------------------------*/
.news-article .article-images { float: right; /*margin: 0 0 10px 10px;*/ background: #eee; width: 230px; overflow: hidden; }
.news-article .article-images p { margin: 3px; color: #666; }

.list-article { display: block; width: 100%; overflow: hidden; margin-bottom: 5px; border-bottom: 1px dotted #ccc; padding-bottom: 5px;  }
.list-article img { float: left; margin-right: 10px; }
.list-article p a { color: #333; }

p.page-list { text-align: right; margin-top: 10px; }
p.page-list a { border: 1px solid #2C81BA; color: #2C81BA; padding: 1px 3px; margin: 0 2px; }
p.page-list a:hover { border: 1px solid #333; color: #333; padding: 1px 3px; background: #f3f3f3; }
p.page-list a.thisPage { border: 1px solid #000; color: #000; padding: 1px 3px; }

.onDisplay { background: #005a9c url(../img/bg-onDisplay.jpg) right center no-repeat; padding: 8px 30px 8px 8px; color: #fff; font-size: 24px; }

.byline { color: #666; margin-right: 10px; }
.read-more { padding: 0; margin: 0; }

#relations { width: 230px; float: right; display: block; overflow: hidden; background: #eee; text-decoration: center; }
.related-frame { width: 210px; margin: 10px auto; }
#relations p { width: 210px; margin: 2px auto; text-align: left; }
#relations ul { margin-left: 20px; }

ul#navigation-menu  { list-style-type: none; }
ul#navigation-menu li { float: left; display: block; margin: 1px; padding: 0; }
ul#navigation-menu li a { float: left; display: block; color: #005a9c; margin: 1px; padding: 0; }

/*--------------------------------------------------------------------
TEXT ELEMENTS
--------------------------------------------------------------------*/
h1, h1 a { font-size: 30px; font-weight: normal; line-height: 36px; color: #005a9c; margin-bottom: 10px; }
h2, h2 a { font-size: 24px; font-weight: normal; line-height: 30px; color: #005a9c; margin-bottom: 10px; }
h3, h3 a { font-size: 14px; font-weight: bold; color: #005a9c; margin-bottom: 5px; }
h3.stikktittel, h3.stikktittel a { font-size: 14px; font-weight: bold; color: #e1732e; margin-bottom: 5px; }
h4, h4 a { font-size: 13px; font-weight: bold; color: #000000; margin-bottom: 5px; }

#news-column h3, #left-column h3 { background: #fff url(../img/bg-col-h3.jpg) left 15% no-repeat; padding-left: 13px; }

#main-column p { font-size: 12px; color: #333; padding: 5px 0; margin-bottom: 10px; line-height: 18px; }
#main-column ul { list-style-type: square; margin-left: 20px; }
#main-column ul li { margin-bottom: 5px; }
#main-column table td { vertical-align: top; }
.top-article p, p.ingress { font-size: 14px; color: #333; font-weight: bold; margin: 10px 0;}

#news-column .article p, #left-column .article p, #news-column .article p a, #left-column .article p a { font-size: 12px; color: #666; }
#news-column .article p a span, #left-column .article p a span { font-size: 16px; color: #e1732e; }

/*--------------------------------------------------------------------
IMAGE SUPPORT
--------------------------------------------------------------------*/
.image-tight { background: #eee; color: #333; margin-bottom: 8px; }
.image-tight p { color: #333; font-size: 11px; padding: 4px 10px; }


/*--------------------------------------------------------------------
SAMBAND TABELL
--------------------------------------------------------------------*/
#samband { width: 100%; }
#samband th { font-size: 14px; background: #005a9c; color: #fff; padding: 2px; text-align: left; }
#samband th a { color: #fff; border-bottom: 1px dotted #fff; }
#samband th, #samband td { vertical-align: top; }
#samband td { padding: 2px; border-bottom: 1px dotted #ccc; }
/*--------------------------------------------------------------------
POSISJONERINGSELEMENTER
--------------------------------------------------------------------*/
.left { float: left; }
.right { float: right; }
.blocked { width: 100%; display: block; padding: 5px; overflow: hidden; clear: both; }

/*--------------------------------------------------------------------
FRONTBUTTON
--------------------------------------------------------------------*/
a.mainbutton { display: block; overflow: hidden; color: #fff; background: #197cb7; padding: 5px; font-size: 16px; border: 4px solid #005c9f; font-weight:bold; width: 200px; text-align: center; }
a.mainbutton:hover { display: block; overflow: hidden; color: #fff; background: #e16c26; padding: 5px; font-size: 16px; border: 4px solid #bc5b28; font-weight:bold; }