/* 
Stilark for Hjeltnes VGS Nettsider
Produsert av Olav Øyen/Molecule for Ramsøy Design
Basert på standard stilark for Netflex CMS (www.netflex.no)

Hovedstilark
Søkbare stikkord i toppen, kategorisert etter plassering.

Stilarket er strukturert etter plassering og alfabetiske stiler.
*/

/* Reset - Nullstiller alle standarder i nettlesere */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/* Grunnstiler - html, body, skrifter og linker. Globale stiler som gjelder alle sider.*/

html { height: 100%; }
body { font-family: Arial, Helvetica, sans-serif; text-align: center; color: #fff; height: 100%; background: url(../img/bg-body.jpg) center top no-repeat #7caf37; }

img { behavior: url(/komponenter/css/iepngfix.htc); border: none; }

@font-face {
	font-family: 'AniversRegular';
	src: url('anivers_regular-webfont.eot');
	src: local('Anivers'), url('anivers_regular-webfont.woff') format('woff'), url('anivers_regular-webfont.ttf') format('truetype'), url('anivers_regular-webfont.svg#webfont3e9uM4UJ') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1 { font-size:36px; font-weight: bold; line-height: 42px; font-family: 'AniversRegular'; color: #7CAF37; }
h2 { font-family: 'AniversRegular'; font-size: 28px; line-height: 34px; color: #7CAF37; }
h3 { font-size:24px; font-weight: bold; line-height: 32px; text-align: left; font-family: 'AniversRegular'; color: #7CAF37; }
h4 { font-family: 'AniversRegular'; font-size: 18px; line-height: 26px; color: #7CAF37; }
h5 { font-family: 'AniversRegular'; font-size: 14px; line-height: 18px; color: #7CAF37; }
p { font-size:12px; line-height: 15px; color: #000; }

a:link { text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; color: #000;}
a:active { text-decoration: none; color: #000; }

/* Wrappers */

div#wrapper { width: 950px; margin: 0 auto; height: auto; }

/* Header */

div#header { height: 95px; width: 930px; padding: 10px 10px 0; }
div#header .logo { float: left; width: 400px; text-align: left; }
div#header .hardanger { float: right; width: 400px; text-align: right; padding: 5px 0; }

/* Navigasjon */

div#nav { width: 950px; background: url(../img/bg-nav.png) no-repeat center; height: 38px; font-family: 'AniversRegular'; font-size: 15px; }
div#nav ul { list-style: none; margin-left: 110px; }
div#nav ul li { width: 150px; float: left; background: url(../img/bg-nav-spacer.png) left no-repeat; line-height: 36px; text-align: left; padding: 0 0 0 15px; font-weight: bold; }
div#nav ul li a { color: #fff; }
div#nav ul li a.on { color: #4C4C4E; }

div#undermeny { display: none; height: 286px; clear: both; background: url(../img/bg-unav.png) no-repeat; font-family: 'AniversRegular'; }
div#undermeny ul { list-style: none; display: block; width: auto; margin: 0 0 0 280px; font-family: 'AniversRegular'; }
div#undermeny li { display: inline; font-size: 13px; float: left; color: #fff; width: 165px;  font-family: 'AniversRegular'; }
div#undermeny li a { clear: both; color: #fff; }
div#undermeny li ul { margin: 6px 0 0; width: 160px; display: block;  }
div#undermeny ul li ul li a { font-weight: normal; line-height: 20px; display: block; width: 153px; padding: 0 0 0 10px; font-family: 'AniversRegular'; background: url(../img/bg-unav-dot.png) no-repeat left top; text-align: left; }

	
/* Fargede headere */

.coltop { width: 219px; height: 39px; line-height: 39px; font-size: 15px; font-family: 'AniversRegular'; font-weight: bold; }
.gra { background:url(../img/bg-rcol-gra.png);  }
.gronn { background:url(../img/bg-rcol-gronn.png); }

/* Fremside - Stiler for velkommensiden */

div#fokus { height: 420px; margin: 5px 0 0; width: 950px; clear: both; }

div#fokus #slider { float: left; width: 700px; height: 260px; overflow: hidden; }
#kontroller { height: 36px; text-align: left; padding: 0 0 0 10px;}

	#kontroller a { background: url(../img/tab-slider.png) 0 -5px; text-decoration: none; padding: 15px 12px 10px; height: 20px; line-height: 46px; color: #fff; }
	#kontroller a.activeSlide { background: url(../img/tab-slider-on.png) 0 -5px; color: #fff; }
	#kontroller a:focus { outline: none; }

div#fokus #galleri { float: right; width: 219px; height: 380px; }
div#fokus #galleri .bildekontainer { height: 299px; background: #fff; width: 219px; }
.bildekontainer img { margin-bottom: 1px; }

div#fokus #trecol { float: left; width: 720px; height: 100px; margin: 20px 0 0; }
div#fokus #trecol .col { width: 218px; height: 100px; margin: 0 22px 0 0; float: left; }
.col h2 { line-height: 32px; font-size: 15px; text-align: center; font-weight: bold;  color: #fff; margin-bottom: 5px; }
div#fokus #trecol .gul { background:url(../img/bg-3col-gul.png) no-repeat center; }
div#fokus #trecol .bla { background:url(../img/bg-3col-bla.png) no-repeat center; }
div#fokus #trecol .gronn { background:url(../img/bg-3col-gronn.png) no-repeat center; }

div#cont { width: 950px; margin: 60px 0 15px; height: auto; }
div#cont #nyheiter { width: 660px; float: left; height: auto; background: url(../img/bg-front-artikler.png) no-repeat; height: 597px; margin: 0 0 20px 0; padding: 20px; }
div#cont #nyheiter .sak { padding: 10px 20px; width: 180px; float: left; height: 280px; text-align: left; }
.sak a { color: #7CAF37; }
.sak h2 { font-size: 26px; font-family: 'AniversRegular'; line-height: 28px; margin: 10px 0 0; color: #7CAF37; } 
.sak p { font-size: 12px; line-height: 18px; color: #000; }
.sak .spacer { margin: 6px 0; }
.sak .red { color: #CA2C5D; }
div#cont #rcol { width: 219px; float: right; }

/* Tekstside - Stiler for tekstsider */

div#headerbilde { width: 950px; height: 360px; margin: 20px 0 0; text-align: center; }

div#fullbredde { width: 910px; height: 100%; padding: 20px; background: #fff; text-align: left; margin: 20px 0 10px; }
div#fullbredde #lcol { float: left; width: 680px; min-height: 500px; }
div#fullbredde #rcol { float: right; width: 230px; height: 100%; }

div#maincol { width: 660px; float: left; height: auto; background: url(../img/bg-front-artikler.png) no-repeat; height: auto; margin: 20px 0; padding: 20px; text-align: left; }
div#rightcol { width: 229px; float: right; margin: 20px 0 10px; text-align: left; }
div.arkivnyhet { width: 435px; margin: 0 20px 20px 0; height: 110px; float: left; }
div.arkivnyhet img { float: left; margin-right: 10px; }

/* Fotnoter */

div#footer { width: 890px; height: 40px; background: url(../img/bg-fotnoter.png) no-repeat center; margin: 15px 0; clear: both; padding: 0 30px; }
div#footer a { height: 40px; line-height: 40px; width: auto; float: right; padding: 0 10px 0 18px; color: #fff; }
div#footer a img { float: left; margin: 10px 5px 0 0; }
div#footer .hfk { float: right; margin: 8px 0 0 5px; }