/* @override http://dev.designfellesskapet.no/css/design.css */

/* 		Klient: Designfelleskapet
		Versjon: 1.1
		Grafisk design: Jens Jakob Jensen, 
		CSS design: Victor Nystad
		E-post: vnystad@gmail.com
		Opprettet: 23/07-07
		Oppdatert: 25/11-07
		Notat: 
*/

/* @group reset */

html, body, form, fieldset {
	margin: 0; padding: 0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, dd, address {
	margin: 0; padding: 0;
}

form, input, select, textarea, h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

form label {
	cursor: pointer;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

table {
	border-collapse: collapse; border-spacing: 0;
}

img {
	border: none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

a {
	outline: none;
}

hr {
	display: none;
}

/* @end */

/* @group type */

em {
	font-style: normal;	
}

/* 
	Når nå både Opera, IE7 og Firefox 3 zoomer inn på hele siden istedetfor å bare skalere teksten 
	spiller det ingen rolle om vi angir skriftgrad i desiliter eller kilo.
	px er den nye em.	

*/

body {
	font-size: 13px;
	line-height: 1.8; 
}

* {
	font-family: Arial, Helvetica, sans-serif;;	
}

h1 {
	font-size: 28px; line-height: 1.0;
}

#index h1 {
	font-size: 18px;
}

#tagline {text-transform: uppercase;}

#content {font-size: 12px; padding-top: 10px;}

/*#content p {margin-top: 1em;}*/

#content h2, #content h3 { font-weight: bold; margin-bottom: 0; }


/* @end */

/* @group color */

body#index {
	background: #c31908 url(../img/bg-body.jpg) no-repeat fixed 0 0; color: white;
}

body {background: rgb(69,65,62) url(/img/bg-body-firma.jpg) no-repeat fixed 0 0;}

.hover {
/*	background: #900; color: white;
*/	cursor: pointer;
	font-weight: bold;
}

.hover h2 {font-weight:bold;} 

	#content {color: white; margin-top: -14px;}
	
	#panel #link-index {color: #c31908;}
	
	#panel a:hover {color: white;}

a {color: white;}

#panel a {text-decoration: none; color: black;}

/* @end */

/* @group table */

caption {
	margin-left: 40px; margin-bottom: 20px; text-transform: uppercase; letter-spacing: .8em; font-size: 1.3em;
}


body#index h1 { text-transform: uppercase; letter-spacing: .8em; font-size: 14px;
				position: absolute; top: 280px; width: 85%; left: 15%; height: 30px;
				text-indent: 40px; }


table {
	border-collapse: separate; border-spacing: 40px 0; position: absolute; top: 320px; width: 85%; left: 15%; height: 15em;
}

td {
	border: 1px solid white; border-width: 0 0 1px 0; width: 50%; height: 3em; font-size: 14px;
}

tr.inaktiv {
	opacity: .2;
}

td.info {
	overflow: auto;
}

td h2 {
	width: 70%; float: left;
}

td p {
	text-transform: uppercase;
}

td.info p {
	margin: 10px 0; text-transform: none; font-size: 12px; line-height: 2.2;
}

tr.first-child td, tr:first-child td {
	border-top-width: 1px;
}

td.hover {
	/*background: #900;;*/ cursor: pointer
}

/* @end */

/* @group lego */
#panel {left: 30px; width: 150px;}
#content {left: 275px; width: 460px; padding-right: 245px; }
#panel, #content {position: absolute; top: 60px;}

#submenu {  padding-top: 10px; }

#submenu > li { border-top: 1px solid black; line-height: 2.4em; }

#submenu ul li { line-height: 1.8em; }

#submenu ul a { color: #444; }


/* @end */

/* @group misc */

hr {
	display: none;
}

a {
	color: white; text-decoration: none;
}

/* sub page is not launced */

#box .firma.inaktiv {
	opacity: .2;
}

/* @end */

/* @group dynamics */

#menu {border-top: 1px solid black;}

#tagline, #designfellesskapet, #menu, #submenu {margin-top: 30px;}

#menu {padding-top: 10px;}

.show {display: block}

/*#submenu li {margin-left: 1.2em; line-height: 1.1; margin-top: 0.4em;}*/

.hide {display: none }

.parent { }

.hidechildren { text-transform: uppercase; }

.showmenu { display: block;  }

.hidemenu { display: none;}

/* @end */

/* @group carousel */

ul#mycarousel li a {display: block; text-indent: -9000px; width: 65px; height: 65px;}
	
#bilde {position: relative; margin-top: 30px; width: 460px; height: 345px;}

#indicator {position: absolute; top: 0; left: 0; width: 460px; height: 345px; background: #fff; display: none;}
	
#indicator img { display: block; width: 32px; height: 32px; position: absolute; top: 156px; left: 214px; }	
	
#caption {width: 150px; position: absolute; left: 510px; top: 0; margin-top: -4px;}

ul#nav_categories ul {margin-left: 1em;}



/* @end */

/* @group IE compliance */

/* @group ie 6 fix */

/* prefixes med '* html' */

/* ie støtter ikke border-spacing, setter inn ekstra td med javascript */

* html body#index h1 { text-indent: 0; }

* html body#index { padding-right: 40px; }

* html body#index table td {width: 48%; }

* html body#index table td.border-spacing-fix { width: 4%;  }


/** html body#index div.jcarousel-skin-tango { z-index: 9; width: 100%; background: red; }
	
div.jcarousel-prev { background: green !important; }*/	
	
/* @end */

/* @group ie 7 fix */

/* prefixes med '*:first-child+html' */

*:first-child+html body#index h1 { text-indent: 0; }

*:first-child+html body#index { padding-right: 40px; }

*:first-child+html body#index table td {width: 48%; }

*:first-child+html body#index table td.border-spacing-fix { width: 4%;  }


/* @end */

/* @end */