@charset "UTF-8";
/* CSS Document */

body{
	background: #6BA6C2 url(../images/body_bg.png) repeat-x;
	font: 62.5%/1.6 Helvetica, Verdana, Arial,  sans-serif;
	/*font-family: caliber, trebuchet;*/
	color:#444;
	margin: 0;
	padding: 0;
}
* {
	margin: 0;
	padding: 0;
	font-size: 1em;
}
img{ 
	border: 0 none;
}
:focus { outline: 0; }

a { 
	outline: hidden; 
	color: #6BA6C2;
	text-decoration: none;
}
a:hover{
	color: #336699;
}
p{
	font-size: 1.2em;
	line-height: 1.6em;
	padding-bottom: 2em;
}
h1{
	font-size: 1.4em;
	padding-bottom: 3px;
}
h2{
	font-size: 1.2em;
	padding-bottom: 3px;
}
h3{
	font-size: 1.3em;
}
.bold{
	font-weight: bold;
}

/* -------------------- STRUKTUR --------------------- */
#wrapper1{
	background: transparent url(../images/shadow.png) repeat-y right top;
	width: 978px;
	margin: 0 auto;
	margin-top: 40px;
}
#wrapper2{
	background: transparent url(../images/shadow_left.png) repeat-y left top;
	width: 978px;
	margin: 0 auto;
	top: 10px;
}
#container{
	width: 960px;
	margin: 0 auto;
	background-color: #fff;
}
#header #menu, #content, #footer {
	padding: 0 30px;
}

/* -------------------- HEADER ----------------------- */
#header{
	background: transparent url(../images/header_bg.jpg) no-repeat ;
	height: 200px;
	position: relative;
}
#header #toppimage{
	position: absolute;
	top: -40px;
}
#header h1 a{
	display: block;
	text-indent: -5999px;
	background: transparent url(../images/logo.png) no-repeat;
	height:83px;
	width: 277px;
	position:absolute;
	left: 125px;
	top: 40px;
}

/* AKTIV SIDE */
#oneColLayout .aktiveHome #navHome,
#aktiveOmoss #navOmoss,
#aktiveNews #navNews,
#aktiveKurs #navKurs,
#aktiveAdferd #navAdferd,
#aktiveForedrag #navForedrag,
#aktiveKafe #navKafe,
#aktivePark #navPark,
#aktiveCare #navCare,
#aktiveUlv #navUlv,
#aktiveCompanion #navCompanion,
#aktiveShow #navShow,
#aktiveTips #navTips,
#aktiveMedia #navMedia,
#aktiveKontakt #navKontakt{
	background: transparent url(../images/navknapper/nav_active.png) repeat-x;
	border-bottom: #330000 6px solid;
}

/* -------------------  MENU ------------------- */

#menu{
	background: transparent url(../images/navknapper/nav.png) repeat-x;
	height: 44px;
	width: 900px;
	padding: 0;
	margin: 0;
	position: relative;
	top: 153px;
	z-index: 100;
}
#menu ul li a{
	background: transparent url(../images/navknapper/navskille.png) no-repeat center right;
	display: block;
	line-height: 26px;
	text-align: center;
	overflow: hidden; /* gjør at ting ikke kollapser */	
	font-size: 1.2em;
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0.8em 0.5em;

}
/*
#menu ul li a:hover{
	border-left: #fff thin solid;
	border-right: #fff thin solid;
}*/
#menu ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#menu ul li{
	float: left;
	position: relative;
}
#menu ul li ul{ 
	display: none; 
}
#menu ul li ul li{ 
	float: left;
	position: relative;
}

#menu ul li:hover {
	background: transparent url(../images/navknapper/nav_active.gif) repeat-x;
	/*border-top: #fff thin solid;
	border-bottom: #fff thin solid;
*/

}
#menu ul li:hover ul{
	display: block;
	position: absolute;
	top: 44px;
	left: 0;
	width: 200px;
	border-left: #fff thin solid;
}
#menu ul li:hover ul li a.hide{
	background: #6BA6C2 url(../images/navknapper/nav.png) repeat-x;
	}
#menu ul li:hover ul li ul { 
	display: none; 
}
#menu ul li:hover ul li a {
	border-right: #fff 1px solid;
	border-top: #fff 1px solid;
	border-bottom: #fff 1px solid;
	display: block;
}
#menu ul li:hover ul li a:hover{
	background: #6BA6C2 url(../images/navknapper/nav_active.gif) repeat-x;
}
/* ------------------ HEADLINE ----------------*/

#slogan1,.slogan2,.news,.omoss,.kurs,.adferd,.foredrag,.barkery,.barkpark,.care,.ulv,.companion,.show,.tips,.media,.kontakt,.pamelding,.kursstart{
	display: block;
	text-indent: -5999px;
	height: 40px;
	position: relative;

}
#slogan1{
	background: transparent url(../images/forstaelse.gif) no-repeat;
	height: 22px;
	width: 196px;
	left: 382px;
	top: -8px;
}	
.slogan2{
	background: transparent url(../images/forbedre.gif) no-repeat;	
	left: 240px;
	width: 476px;
}
.news{
	background: transparent url(../images/headings/news.gif) no-repeat;	
	width: 151px;
	left: 400px;
}
.omoss{
	background: transparent url(../images/headings/omoss.png)no-repeat;	
	width: 385px;
	left: 287px;
}
.kurs{
	background: transparent url(../images/headings/kurs.png) no-repeat;	
	width: 356px;
	left: 302px;
}
.adferd{
	background: transparent url(../images/headings/adferd.png)no-repeat;	
	width: 280px;
	left: 340px;
}
.foredrag{
	background: transparent url(../images/headings/foredrag.png) no-repeat;	
	width: 151px;
	left: 410px;
}
.barkery{
	background: transparent url(../images/headings/barkery.png) no-repeat;	
	width: 238px;
	left: 361px;
}
.barkpark{
	background: transparent url(../images/headings/barkpark.png) no-repeat;	
	width: 327px;
	left: 316px;
}
.care{
	background: transparent url(../images/headings/goodcare.png) no-repeat;	
	width: 143px;
	left: 408px;
}
.ulv{
	background: transparent url(../images/headings/ulv.png) no-repeat;	
	width: 261px;
	left: 350px;
}
.companion{
	background: transparent url(../images/headings/companionhead.png) no-repeat;	
	width: 226px;
	left: 367px;
}
.show{
	background: transparent url(../images/headings/show.png) no-repeat;	
	width: 200px;
	left: 376px;
}
.tips{
	background: transparent url(../images/headings/tips.png) no-repeat;	
	width: 136px;
	left: 412px;
}

.media{
	background: transparent url(../images/headings/media.png) no-repeat;	
	width: 88px;
	left: 436px;
}
.kontakt{
	background: transparent url(../images/headings/kontakt.png) no-repeat;	
	width: 120px;
	left: 420px;
}
.kursstart{
	background: transparent url(../images/headings/kursstart.png) no-repeat;	
	width: 154px;
	left: 403px;
}
.kursinfo{
	background: transparent url(../images/headings/kursinfo.png)no-repeat;	
	width: 241px;
	left: 420px;
}
.pamelding{
	background: transparent url(../images/headings/pamelding.png) no-repeat;	
	width: 154px;
	left: 403px;
}
/* ---------------- CONTENT ------------------ */
.top{
	background: #fafafa url(../images/top.gif) no-repeat top center;
	height: 10px;
	margin: 0 auto;
	margin-top: 10px;
	width: 890px;

}
.bottom{
	background: transparent url(../images/bottom.gif) no-repeat bottom right;
	height: 10px;
	margin: 0 auto;
	width: 890px;

}
#content{
	width: 858px;
	margin: 0 auto;	
	background-color: #fafafa;
	padding: 5px 15px;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	overflow: hidden;
}
#content ul{
	padding-bottom: 10px;
}
#content ul li{
	margin: 0  0 2px 15px;
	font-size: 11px;
}
#content ul li a{
	text-decoration: none;
	color: #333:
}
#content img, #film{
	float: left;
	margin: 0 15px 15px 0;
	padding: 5px;
	border: #ccc 1px solid;
}


/* ---------- SKJEMA ---------- */

#content #kurser a{
	color: #666;
}
#content #kurser a:hover{
	color: #CA90A1;
}
#content #kurser{
	padding-bottom: 10px;
}
#content #partnere{
	border-collapse: collapse;
}
#content #partnere #center{
	text-align: center;
}
#content #partnere tr td{
	text-align: left;
	width: 120px;
	height: 10px;
	padding: 4px 10px;
}
#content #pris{
	border-collapse: collapse;
	border: 1px solid #666; 
	margin-bottom: 20px;
}
#content #pris th, td{
	text-align: left;
	padding: 0.5px 12px;

}
#content #pris thead tr{
	height: 10px; 
	border-bottom: 1px solid #666;
}
#content #pris td a{
	text-decoration: underline;
	color:#333;
}
#content #pris td a:hover{
	color: #fff;
}
#content #pris .odd{
	background-color: #E1E1E1;
}
#content #pris tbody tr:hover{
	background-color: #6BA6C2;
	color: #fff;
}

/* ----------------------- FOOTER -------------------------- */
#footer{
	background:transparent url(../images/footer_bg.png) repeat-x;
	height: 250px;
	color: #fff;
	padding-top: 18px;
}
#footer #left, #footer #right{
	float: left;
}
#footer #left{	
	background:transparent url(../images/footer_skille.png) no-repeat center right;
	width: 295px;
	line-height: 1.6em;
}

#footer #left h3{
	font-size: 1.6em;
	margin: 14px 0;
	font-weight: lighter;
}
#footer #left a{
	letter-spacing: 1px;
	color: #fff;
}
#footer #right{
	padding-left: 60px;
	line-height: 26px;
}
#footer #right h2{
	margin: -6px 0 0 -18px;
}
#footer #right ul{
	float: left;
	padding-right: 90px;
}
#footer .bold{
	font-weight: bold;
	display: block;
	margin-top: 15px;
}
#footer ul li a{
	color: #fff;
	text-transform: uppercase;
}
#footer #right ul li a:hover{
	text-decoration: underline;
}
p.clear{
	clear:both;
	text-align: center;
	padding	: 30px;
}


/* ------------------ FORSIDEN / oneColLayout --------------------- */
#oneColLayout #navHome{
	background: transparent url(../images/navknapper/nav_active.png) repeat-x;
	border-bottom: #330000 6px solid;
}
#oneColLayout .top, #oneColLayout .bottom{
	display: none;
}
#oneColLayout #content{
	width: 900px;
	margin: 0 auto;
	margin-top: 5px;
	overflow: hidden;
	background: #fff;
	border: none;
}
#kurs, #adferd, #foredrag, #barkery, #barkpark, #goodcare, #ulv, #companion, #show{
	width: 260px;
	height: 260px;
	margin: 0 30px 15px 0;
	float: left;
	padding: 10px;
}

#foredrag, #goodcare, #show{
	margin: 0 0px 30px 0;
}
#kurs h1, #adferd h1, #foredrag h1, #barkery h1, #barkpark h1, #goodcare h1, #ulv h1, #companion h1, #show h1, #kursstart h1, #kurs1 h1, #pamelding h1{
	display: block;
	text-indent: -5999px;
	height:15px;
	width: 120px;
}
#kurs p, #adferd p, #foredrag p, #barkery p, #barkpark p, #goodcare p, #ulv p, #companion p, #show p{
	font-size: 1.2em;
	line-height: 1.4em;
	color: #444;
}
#kurs p a, #adferd p a, #foredrag p a, #barkery p a, #barkpark p a, #goodcare p a, #ulv p a, #companion p a, #show p a{
	text-decoration: none;
}
.link{
	color: #6BA6C2;
	text-transform: uppercase;
}
.link:hover{
	color:#336699;
}

/* image */
#kurs {
	background: transparent url(../images/navbilder/kurs.jpg) no-repeat;
}
#adferd {
	background: transparent url(../images/navbilder/adferd.jpg) no-repeat;
}
#foredrag {
	background: transparent url(../images/navbilder/foredrag.jpg) no-repeat;
}
#barkery {
	background: transparent url(../images/navbilder/barkery.jpg) no-repeat;
}
#barkpark {
	background: transparent url(../images/navbilder/barkpark.jpg) no-repeat;
}
#goodcare {
	background: transparent url(../images/navbilder/goodcare.jpg) no-repeat;
}
#ulv {
	background: transparent url(../images/navbilder/ulv.jpg) no-repeat;
}
#companion {
	background: transparent url(../images/navbilder/companion.jpg) no-repeat;
}
#show {
	background: transparent url(../images/navbilder/show.jpg) no-repeat;
}

/* image replacement h1*/
#kurs h1{
	background: transparent url(../images/navknapper/kurs.gif) no-repeat;
}
#adferd h1{
	background: transparent url(../images/navknapper/adferd.gif) no-repeat;
}
#foredrag h1{
	background: transparent url(../images/navknapper/foredrag.gif) no-repeat;
}
#barkery h1{
	background: transparent url(../images/navknapper/barkery.gif) no-repeat;
}
#barkpark h1{
	background: transparent url(../images/navknapper/barkpark.gif) no-repeat;
}
#goodcare h1{
	background: transparent url(../images/navknapper/goodcare.gif) no-repeat;
}
#ulv h1{
	background: transparent url(../images/navknapper/ulv.gif) no-repeat;
}
#companion h1{
	background: transparent url(../images/navknapper/companion.gif) no-repeat;
}
#show h1{
	background: transparent url(../images/navknapper/show.gif) no-repeat;
}
/**/
#kurs1 h1{
	background: transparent url(../images/navknapper/1kurs.png) no-repeat;
}
#kursstart h1{
	background: transparent url(../images/navknapper/kursstart.png) no-repeat;
}
#pamelding h1{
	background: transparent url(../images/navknapper/pamelding.png) no-repeat;
}

/* ------------------- OM OSS ---------------------- */
#portrett{
	background: transparent url(../images/portretter.jpg) no-repeat center top;
	width: 860px;
	height: 486px;
}
#portrettLeft, #portrettRight{
	width: 300px;
	float: left;
	padding: 30px 60px;
}
#portrettLeft h1, #portrettRight h1	{
text-align: center;
}

/* ------------------- KURSINFO ---------------------- */

#kursstart{
	background: transparent url(../images/navbilder/kursstart2.jpg) no-repeat;
}
#pamelding{
	background: transparent url(../images/navbilder/pamelding2.jpg) no-repeat;
}
#kurs1{
	background: transparent url(../images/navbilder/kurs2.jpg) no-repeat;
}
#kursstart, #kurs1, #pamelding{
	width: 260px;
	height: 260px;
	margin: 0px 9px 15px 0;
	float: left;
	padding: 10px;
}
#pamelding{
	margin: 0px 0px 0px 0;
}