/* CSS-spesifikasjoner for hamarmartn.no 3.0 */

body { margin: 0px; background: url("img/body_bg.png") repeat-x top center #97d5e7; text-align: center; }

.clear { clear: both; }

/* Layouyt */
.design-container { margin-left: auto; margin-right: auto; width: 900px; text-align: left; }

.header-container { width: 900px; height: 201px; overflow: hidden; }

.header { height: 24px; width: 210px; float: left; padding: 6px 0px 0px 10px; }
.header-menu { float: right; height: 24px; width: 490px; padding: 6px 160px 0px 0px; }
.header-logo { width: 210px; float: left; padding: 20px 10px 0px 20px; clear: both; }
.header-ill-sub { width: 640px; padding: 23px 0px 0px 0px; float: left;}
.header-ill-sub img { float: left; }
.header-ill-front { width: 640px; padding: 23px 0px 0px 0px; float: left;}

.main-container { width: 880px; background-color: #cae7f3; padding: 0px 10px 0px 10px; height: 100%; position: relative; z-index: 2; }

.main-left { width: 220px; padding: 0px 0px 10px 0px; display: inline; float: left; }
.main-menu { width: 220px; padding-top: 10px; overflow: auto; }
.main-leftboxes { width: 220px; margin-top: 17px; clear: both; overflow: auto; }
/*.main-leftboxes div { width: 210px; height: 80px; margin: 0px 0px 10px 0px; padding: 0px; clear: both; }*/
.main-adress { width: 210px; margin-top: 10px; }

.main-right { width: 650px; display: inline; float: right; position: relative;  }

.main-news { width: 620px; background: #ffffff; top: -24px; left: 0; padding: 0px 10px 10px 10px; position: absolute;  }
.main-newslist { width: 520px; float: left; margin-top: 318px; }
.main-rightboxes { width: 120px; float: right; margin: 328px 10px 0px 0px; }

.main-top { width: 620px; height: 38px; background: #ffffff; margin-top: -19px; padding: 20px 10px 20px 10px; position: absolute; } 
.home-buttom { height: 26px; float: left; }
.breadcrumb { height: 20px; float: left; margin: 6px 0px 0px 14px;  }
.main-topboxes div { float: right; margin-left: 10px; }
.main-content { width: 590px; background: #ffffff; margin: 10px 0px 20px 0px; padding: 20px 20px 25px 30px; min-height: 500px; overflow: auto; clear: both; }

.footer { width: 520px; height: 60px; background: url("img/footer-bg.png") no-repeat; padding: 10px 150px 10px 230px; color: #fff;}
.footer .footer-info-left, .footer .footer-info-right { width: 50%; display: inline; float: left; color: #fff!important; }
.footer a, .footer a:visited, .footer a:hover { color: #fff; font-weight: normal; }
.bottom { width: 900px; height: 20px; clear: both; overflow: auto; }
.footer div { color: #fff; }

.footer .email { background: url("img/mail-ic.png") top left no-repeat; margin-left: 60px; margin-bottom: 5px; padding-left: 35px; line-height: 26px; }
.footer .phone { background: url("img/tlf-ic.png") top left no-repeat; margin-left: 60px; margin-bottom: 5px;  padding-left: 35px; line-height: 26px; }
.footer .web { background: url("img/ww-ic.png") top left no-repeat; margin-left: 20px; margin-bottom: 5px;  padding-left: 35px; line-height: 26px; }
.footer .fax { background: url("img/fax.ic.png") top left no-repeat; margin-left: 20px; margin-bottom: 5px;  padding-left: 35px; line-height: 26px; }


/* Typography */
body, td, select, textarea, input, p, div { font-size: 12px; font-family: Lucida Sans, Arial;  color: #0c3f55; line-height: 16px; }
.innhold p { margin-bottom: 7px; padding: 0px; }

a { text-decoration: none; font-weight: bold; color: #0c3f55; }
a:hover { text-decoration: underline; }

h1 { font-size: 20px; color: #cc0006; text-transform: uppercase; margin: 0px; padding: 30px 0px 5px 0px; font-weight: bold; }

.header h1 { font-size: 12px; color: #d7ff38; text-transform: uppercase; text-align: center; margin: 0px; padding: 0px; } 
.header-menu p { font-size: 12px; color: #d7ff38; text-align: right; margin: 0px; padding: 0px; text-transform: uppercase; }
.header-menu a { color: #d7ff38; font-weight: normal; }

.footer p { font-size: 12px; color: #ffffff; text-align: center; }

.main-adress p { font-size: 10px; line-height: 14px; }
.main-pagetitle { color: #d7ff38; text-transform: uppercase; } 

.breadcrumb a { text-transform: uppercase; font-weight: bold; font-size: 11px; }


/* Menu */
ul.menu-list { margin: 0; padding : 0px; float: left; }
ul.menu-list li { list-style: none; padding: 0px 0px 3px 0px;; }
ul.menu-list li a { display: block; width: 185px; height: 21px; padding: 5px 0px 0px 25px; color: #ffffff; text-decoration: none; text-transform: uppercase; font-size: 12px; font-weight: bold; background: url(img/menu-element.png) no-repeat; }
ul.menu-list li a:hover { background: url(img/menu-element-hover.png) no-repeat;  }
ul.menu-list li.active a { background: url(img/menu-element-active.png) no-repeat; }


/* Diverse oppretting */
.csc-frame-rulerAfter { height: 10px; margin-bottom: 10px; border-bottom: 1px solid #9d2227; clear: both; }


/* TT_news - framside */
.news-framsidenyhet-container { position: relative; width: 620px; height: 322px; margin: 0px; background: #ffffff: 10px solid #ffffff; padding: 0px; }
.news-framsidenyhet-container h2 { display: none; }
.news-framsidenyhet-layer { position: absolute;  top: 0; left: 0; width: 620px; height: 322px; }
.news-framsidenyhet-text { width: 600px; height: 92px; margin: 220px 0px 0px 10px; padding: 5px 0px 0px 10px; }
.news-framsidenyhet-textbg { width: 600px; height: 92px; margin: 220px 0px 0px 10px; background-color: #ffffff; filter: alpha(opacity=80); opacity:0.8; }
.news-framsidenyhet-text h3 { margin: 0; padding: 12px 0 12px; }
.news-framsidenyhet-layer h3 a { color: #b0262c; text-transform: uppercase; text-decoration: none; font-size: 22px; font-weight: bold; margin: 0px 100px 0px 0px; padding: 0px; line-height: 20px; }
.news-framsidenyhet-text p { color: #0c3f55; margin: 0; padding-bottom: 5px; }
.news-framsidenyhet-text p a { color: #0c3f55; font-style: italic; font-weight: bold; }

.news-framsideliste-container { width: 520px; }
.news-framsideliste-item  { width: 250px; float: left; margin: 0px 10px 10px 0px; border-bottom: 1px solid #ffffff; } 
.news-framsideliste-item-inner { height: 220px; }
.news-framsideliste-clearer { height: 10px; width: 250px; }
.news-framsideliste-image {  width: 250px; }
.news-framsideliste-image img { display: block; float: none; margin: 0 0 5px 0; }
.news-framsideliste-text {  width: 250px; }
.news-framsideliste-text h3 { margin: 0px; padding: 0px; }
.news-framsideliste-text h3 a, .news-framsideliste-text h3 a:visited { color: #9d2227; text-transform: uppercase; text-decoration: none; font-style: normal; font-size: 13px; }
.news-framsideliste-text h3 a:hover { text-decoration: underline; }
.news-framsideliste-text p  { margin: 0px; padding: 0px; }
.news-framsideliste-text a { color: #123d62; font-weight: bold; font-style: italic; }


/* TT_news - nyhetssiden */
.news-list-container { width: 590px; }
.news-list-clearer { width: 590px; height: 10px; } 
.news-list-item { width: 186px; float: left; margin: 10px 10px 0px 0px; height: 180px; border-bottom: 1px solid #0c3f55; }
.news-list-image { width: 186px; }
.news-list-image img {
	display: block;
	float: none;
	margin: 0 0 5px 0;
}
.news-list-text {  width: 186px; }
.news-list-text p { margin: 0px; padding: 0px; font-size: 10px; line-height: 14px; }
.news-list-text .news-more-link a,
.news-list-text .news-more-link a:visited,
.news-list-text .news-more-link a:hover { color: #123d62; font-weight: bold; font-style: italic; }
.news-list-text h3 { margin: 0px; padding: 0px; }
.news-list-text h3 a { color: #9d2227; text-transform: uppercase; text-decoration: none; font-size: 11px; font-weight: bold; line-height: 14px; }
.news-list-text h3 a:hover { text-decoration: underline; font-style: normal; }

.news-single-item { width: 590px; padding: 0;}
.news-single-image { width: 590px; float: left; padding-top: 20px; }
.news-single-imgcaption { font-style: italic; width: 590px; margin-bottom: 20px; }
.news-single-subheader h2 { font-size: 13px; text-transform: uppercase; margin-bottom: 20px; clear: both; line-height: 18px; }
.news-single-img { float: none; margin: 0 0 10px 0;}
.news-single-img a {  }


/* Forms */
.main-content fieldset.csc-mailform { padding-top: 10px; border: none; }
.main-content label { display: block; }
.main-content input { background-color: #aad4e6; }
.csc-mailform-field { margin: 0px; padding: 0px; border: none; }
.csc-mailform-radio fieldset { margin: 0px; padding: 0px; margin-bottom: 15px; margin-top: 8px; border: none; }
.csc-mailform-radio legend { display: none; }