/*
	Project: KNAS - Kristiasnand næringsselskap
	Version: 2
	Last changed: 090218 (a work in progress}

	Design: Anne-Britt Thompson, Recommended Design
	xhtml/css: Ole-Marius L. Mathiassen
	Kode: Eivind Bjoraa
	(C) 2009 Recommended Norway

	The solution build with Cumbraco CMS - The firendly CMS
	---------
	reset.css (recommended version) is in use
*/

body {font-family: arial, verdana, sans-serif; color: #707173; background-color: #fff; margin: 30px 0 50px 0}
p {font-size: 1.1em; line-height: 1.3em; padding-bottom: 1.5em; font-family: verdana, sans-serif; }
a { color: #707173;}
a:hover {color: #333}
p a {text-decoration: underline}
a.current {}
h1, h2, h3, h4, h5, h6 {font-weight: bold; font-size: 1.5em; }
h2, h4 {padding-bottom: 1em; color: #622181;}
h1 a {display: block; position: absolute; top: 18px; left: 813px; text-indent: -9999px; height: 68px; width: 68px; background: transparent url(/design/graphics/logo-knas.png) left top no-repeat;cursor: pointer}
#wrapper { width: 950px; margin: 0 auto; background: transparent url(/design/graphics/bg-shade-2_03.gif) left top repeat-y; padding: 25px; padding-bottom: 0}
#header {margin: -25px; height: 160px; background: transparent url(/design/graphics/bg-shade-2_01.gif) left top no-repeat;  clear: both;}
#main {overflow: auto; margin-top: 60px; clear: both; width: 900px;}
.byline {display: block; text-align: right}
/* Header
------------------------------------------------------------------------------------------ */
#header .inner {position: relative; top: 25px; left: 25px;   height: 105px; background: transparent  url(/design/graphics/bg-xxx.png) left top no-repeat; color: #fff; width: 900px;} /*622181*/
#nav-main {position: relative; top: 77px; }
#nav-main ul {padding: 0; margin: 0; list-style-type: none}
#nav-main li {display: inline; margin: 0; padding: 0; background: transparent url(/design/graphics/div.gif) right 2px no-repeat; }
#nav-main li.last {background-image: none}
#nav-main li ul { display: none; }
#nav-main li a {color: #fff; padding: 0 1em; font-size: 1.1em; line-height: 2.8em; font-weight: bold; padding-bottom: 6px; padding-top: 3px; margin-right: 1px }
#nav-main li a:hover {border-bottom: 10px solid #b1b4b6; background-color: #2e103c; }
#nav-main li.inpath a{border-bottom: 3px solid #666}
#nav-main li:last-child {background: none}

/* Index
------------------------------------------------------------------------------------------ */
#cover {position: relative; display: block; margin-top: 25px; height: 450px; width: 900px; }
.about {position: absolute; display: block; width: 880px; height: 500px; top: 35px; left: 10px; color: #FFF; font-size: 1.3em; font-weight: bold;}
.vacant {position: absolute; display: block; width: 125px; height: 150px; top: 300px; left: 750px; color: #fff; font-weight: bold;}
.vacant  {font-family: helvetica; font-weight: bold; text-transform: uppercase; font-size: 1.8em; line-height: 1em; padding: 10px 0 0 10px; color: #fff; background: transparent url(/design/graphics/bg-vacant-3.png) left top repeat;}
.vacant:hover {background-color: #5ae83a; color: #fff;}

/* Left
------------------------------------------------------------------------------------------ */
.left {width: 140px; float: left; margin: 0; padding: 0; height: 100%; margin-left: 10px;  font-size: 1.1em; line-height: 1.3em}
.left h3 {padding: 0; margin: 0; font-size: 1.1em}
.left ul {list-style-type: none; padding: 0; margin: 0;}
.left ul ul {list-style-type: none; padding: 0; margin: 0; margin-left: 1em}
.left a.current, .left a.inpath  {color: #333;}
.left ul li.current {color: #333;  font-weight: bold}

/*.left li a { display: none; }
.left li li a { display: block; }
.left li ul { display: none; }
.left li.inpath ul { display: block; }
.left li.inpath li ul { display: none; }
.left li.inpath li.inpath ul { display: block; }
.left li.inpath li.inpath li ul { display: none; }
.left li.inpath li.inpath li.inpath ul { display: block; }*/

/* Content
----------------------------------------holdposts------------------------------------------- */
.holdposts {float: left;  width: 500px; padding: 0 20px; border-left: 1px solid #b1b4b6; border-right: 1px solid #b1b4b6;}
.holdposts img {padding-bottom: 1em}
.holdposts .post { padding-bottom: 2em; }
.lead {font-weight: bold}

/* Right
------------------------------------------------------------------------------------------ */
.right { float: right; width : 190px;}
.right h3 {padding-bottom: 0.5em}
.right p {margin-bottom:5px; padding-bottom: 5px}

/* Footer
------------------------------------------------------------------------------------------ */
#footer {margin-left: -25px; height: 30px; background: transparent url(/design/graphics/bg-shade-2_05.gif) left bottom no-repeat;}
#footer {padding: 10px 30px 5px}
.wemadeit a {display: block;  position: fixed; bottom: 20px; right: 20px;  background: url(/design/graphics/rec.png) no-repeat scroll right bottom; height: 26px; text-indent:-9999px; width: 300px;}
.wemadeit a:hover {background-position: right 7px}














/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */