/* 

Main stylesheet for Nordmiljø
Authors: kent.erik@sjursendesign.no and redvald@hjulstad.no

Web designed by: kent.erik@sjursendesign.no
TYPO3 implementation by: redvald@hjulstad.no


*/

/***************************/
/* ####### DESIGN ####### */
/*************************/

* 		{ margin:0; padding:0; }



body {
	background: #2e2e2e;
	font-family: Arial, Helvetica, sans-serif;
	padding: 50px 1px 20px 1px;
}

div#site	{
	width:902px;
	position:relative;
	margin: 0 auto;
	left: 1px;
}

#site div.stroke	{ 
	height:3px; 
	color:#444; 
	background-color:#444;
}

div#site div#container { 
	margin:4px 0px 4px 0px; 
	padding:0px 2px 0px 2px; 
	background:#fff;
}

div#site div#container div#top {
	position:relative; 
	text-align:right; 
	height: 160px; 
	background-image:url(_gfx/_logo.gif); 
	background-repeat: no-repeat; 
	background-position: 30px 60px
}

div#site div#container div#top div#search {
	position:absolute; 
	right:6px; 
	font-size:11px; 
	color:#B0B68B;
	margin-bottom: 10px;
	bottom: 20px;
	width: 300px;
}

#search div form {
}

input.searchinput {
	width: 150px;
	float: left;
	padding-top: 2px;
	padding-left: 2px;
}

div#site div#container div#top div#search div {
	display: inline;
	border: 4px solid #ccc;
	float: right;
	width: 190px;
}

div#site div#container div#top div#search div form input {
	background-color: white;
	border-style: none;
	border-width: 0;
	font-size: 12px;
}

div#site div#container div#top div#search span {
	float: left;
	margin-top: 6px;
}

div#site div#container div#top div#search div form input.submit {
	color: white;
	background-color: #B6BF2C;
	border-style: none;
	padding: 1px 3px;
	border-width: 0;
	border-top-style: none;
}

div#site div#container div#top div#search div form input.submit:hover {	
	background-color: #B90000;
}
	
	
div#site div#container div#top div#language {
	text-align:right; 
	padding-top:10px; 
	padding-right:10px;
}

div#site div#container div#hovedfelt {
	height:88px; 
	background-image:url(kategoribilder/hoved01.jpg); 
	padding:20px 10px 20px 10px; 
}
	
div#site div#container div#hovedfelt div#kampanjer {
}

div#site div#container div#payoff { 
	border-bottom:1px dotted #999; 
	border-top:1px dotted #999;  
	margin:2px 0px 2px 0px; 
	background:#eee; 
	font-size:1.2em; 
	padding:24px; 
	font-family:"Times New Roman", Times, serif; 
	color:#667; 
	font-style:italic;
	z-index: 100;
	height: 1%;

}

div#site div#container div#innhold { 
	padding:12px 0px 24px 24px;
}

div#site div#container #bunn {padding:0px 12px 12px 12px; clear:both; border-top:1px dotted #999; background:#eee; font-size:11px;}

div#site div#footer {
	padding:3px 0px 0px 3px;
	font-size:10px; 
	color:#626262; 
	position:relative;
}

#kampanjer div.rodramme { 
	text-align:center;
	background: url(_gfx/_bg_kampanje_container.jpg) no-repeat;
	float: right;
	margin-left: 10px;
}

#kampanjer div.bloramme { 
	text-align:center;
	background: url(_gfx/_bg_kampanje_toalett.jpg) no-repeat;
	float: right;
	margin-left: 10px;
}

#kampanjer div.gronnramme { 
	text-align:center;
	background: url(_gfx/_bg_kampanje_mann.jpg) no-repeat;
	float: right;
	margin-left: 10px;
}

#kampanjer div.rodramme a, #kampanjer div.bloramme a, #kampanjer div.gronnramme a {
	padding:8px; 
	height:60px; 
	width:126px; 
	display:block; 
	color:#fff; 
	border:3px solid #B90000; 
	text-decoration:none;
}

#kampanjer div.bloramme a {
	border-color: #2d4164;

}

#kampanjer div.rodramme a:hover, #kampanjer div.bloramme a:hover, #kampanjer div.gronnramme a:hover {
	color:#fff; 
	border:3px solid #fff;
}

#kampanjer div.rodramme h1, #kampanjer div.bloramme h1, #kampanjer div.gronnramme h1 {
	font-size:0.85em;
}

#kampanjer div.rodramme h2, #kampanjer div.bloramme h2, #kampanjer div.gronnramme h2 {
	font-size:0.7em; 
	margin-bottom:5px;
}
	
#kampanjer div.rodramme p, #kampanjer div.bloramme p, #kampanjer div.gronnramme p {
	font-size:0.6em;
}




#kampanjer div.csc-frame.csc-frame-frame2 { 
	text-align:center; 
	color:#4C5E08;
	background:#4C5E08;
	float: right;
	margin-left: 10px;
}

#kampanjer div.csc-frame.csc-frame-frame2 a {
	padding:8px; 
	height:60px; 
	width:126px; 
	display:block; 
	color:#fff; 
	border:3px solid #4C5E08; 
	text-decoration:none;
}

#kampanjer div.csc-frame.csc-frame-frame2 a:hover {
	color:#fff; 
	border:3px solid #fff;
}

#kampanjer div.csc-frame.csc-frame-frame2 h1 {
	font-size:0.7em;
}

#kampanjer div.csc-frame.csc-frame-frame2 h2 {
	font-size:0.7em; 
	margin-bottom:5px;
}
	
#kampanjer div.csc-frame.csc-frame-frame2 p {
	font-size:0.6em;
}





/*************************/
/* ####### MENU ####### */
/***********************/

#menucontainer {
	background:#4C5E08;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 24px;
	text-align: left;
	left: 0;
	font-size: 13px;
}

.nav, .nav * {
	margin:0;
	padding:0;
	z-index: 10000;
}
.nav {
	line-height:1.0;
	float:left;
	margin-bottom:1.5em;
	padding-left: 20px;
	z-index: 11000;
}
.nav ul {
	background: #Ac0000;
	z-index: 12000;
	width: 200px;
}
.nav li {
	float:left;
	list-style:none;
	position:relative;
	z-index: 13000;
}

.nav li.active {
	background-color: #Ac0000;
}

.nav a {
	color: white;
	display:block;
	float:left;
	text-decoration:none;
	padding: 6px 10px;
}

.nav li.active a {
	padding-bottom: 10px;
}

.nav li ul {
	float:none;
	top:-999em;
	position:absolute;
	margin-top: -7px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 1px;
}

.nav li:hover,
.nav li:hover a,
.nav li.sfHover,
.nav li.sfHover a,
.nav a:focus, .nav a:hover, .nav a:active {
	background-color: #Ac0000;
	z-index: 11000;
}


.nav li:hover ul, /* pure CSS hover is removed below */
ul.nav li.sfHover ul {
	left:-1px;
	top:2.5em;
}

.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li.sfHover ul {
	left:9.45em;
	top:-1px;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}
.nav li li {
	font-size: 11px;
	z-index: 10000;
	height: 20px;
	width: 199px;
}
.nav li li li {
	background:#9AAEDB;
}
.nav li li a {
	color: white;
	white-space: nowrap;
}
.nav li:hover ul a, 
.nav li.sfHover ul a {
  color: white;	
}
.nav li:hover ul a:hover, 
.nav li.sfHover ul a:hover {
	background-color: #B90000;
	width: 179px;
}

.nav li li.active {
	border-right-style: none;
}


/*************************/
/* ####### TYPO ####### */
/***********************/

div#site div#container div#innhold h1 {
	font-size:1.7em; 
	padding-top:16px; 
	width:500px;  
	font-weight:normal; 
	color:#4C5E08; 
	margin-bottom:12px;
}

div#site div#container div#innhold h2 {
	font-size:1em; 
	padding-top:16px; 
	width:500px;  
	font-weight:normal; 
	color:#4C5E08; margin-bottom:12px;
}

div#site div#container #innhold h5 {
	padding:12px 12px 12px 12px; 
	color:#999; 
	border-top:1px dotted #999; 
	background:#f7f7f7; 
	font-size:14px; 
	font-weight:bold;
	margin-left: -25px;
	margin-bottom: -25px;
	margin-top: 20px;
}

div#site div#container div#innhold p {
	font-size:0.75em; 
	margin-bottom:1em; 
	width:500px; 
	color:#335; 
	line-height:1.4em;
}

div#site div#container div#innhold table p {
	width: auto;
}

#site #container #innhold ul { 
	font-size:0.75em; 
	margin-bottom:1em; 
	width:500px; 
	color:#335; 
	line-height:1.4em; 
	list-style-position: inside; 
	list-style-type: square; 
	list-style-image: url(_gfx/_list_square.gif);
}

#site #container #innhold ol { 
	font-size:0.75em; 
	margin-bottom:1em; 
	width:500px; 
	color:#335; 
	line-height:1.4em; 
	list-style-position: inside; 
}

div#site div#container div#innhold .ingress { 
	color:#888;
	font-size: 1.3em;
	line-height: 1.5em;
}

#site #container #innhold .gronn {
	color:#4C5E08;
	font-weight: bold;
}

#site #container #innhold .rod {
	color:#B90000;
}


/***********************************/
/* ####### DESIGN TILLEGG ####### */
/*********************************/






/**************************/
/* ####### LINKS ####### */
/************************/

#site #container #innhold a {
	color:#b90000; 
	text-decoration:none; 
}

#site #container #innhold p.bodytext a {
	border-bottom:1px dotted #b90000;
}

#site #container #innhold a:hover {
	background:#b90000; 
	color:#fff;
}

div#site div#footer div#info a{
	margin:0px 2px 0px 2px; 
	padding:0px 2px 0px 2px; 
	color:#626272; 
	text-decoration:none;
}

div#site div#footer div#info a:hover{
	color:#fff; 
	background:#b90000;
}

div#site div#footer div#sdes a{
	background-image:url(_gfx/_ikon_sjursendesign.gif);
	position:absolute; 
	right:0px; 
	top:3px; 
	height:9px; 
	width:84px; 
	text-decoration:none; 
	background-repeat: no-repeat; 
	background-position: right;}
	
div#site div#footer div#sdes a:hover{
	background-image:url(_gfx/_ikon_sjursendesign_on.gif); 
}

/***************************/
/* ####### IMAGES ####### */
/*************************/

DIV.csc-textpic-imagewrap { padding: 0;
	margin-top: 20px;
	margin-bottom: 5px;
	margin-right: 15px;
}

div#site div#container div#top div#language img {
	margin-left: 1px;
}
/****************************/
/* ####### TT_NEWS ####### */
/**************************/

div#site div#container div#innhold div.nyhet { 
	width:262px; 
	margin-right:21px;
	float: left;
}

div#site div#container div#innhold div.nyhet a {
	text-decoration:none; 
	background:#fff; 
	color:#c00; 
	padding:0px 3px 0px 3px;
}

div#site div#container div#innhold div.nyhet a:hover {
	text-decoration:none; 
	color:#fff; 
	background:#c00; 
}

div#site div#container div#innhold div.nyhet h1, div#site div#container div#innhold div.news-list-container div.aktuelt h1 {
	font-size:0.7em; 
	font-weight:bold; 
	margin-bottom:6px; 
	color:#000;
	width:270px;
}
	
div#site div#container div#innhold div.nyhet p {
	font-size:0.7em; 
	margin-bottom:0.5em; 
	width:270px;
}

div#site div#container div#innhold div.news-single-backlink a {
	font-size: 0.7em;
}

/********************************/
/* ####### ORDER FORMS ####### */
/******************************/

.date2cal_img_help {
	display: none;
}



div#dato1_msg, div#dato2_msg {
	display: none;
}

div#site div#container div#bunn div.tx-rhform-pi1 {
}

div#site div#container div#bunn div.tx-rhform-pi1 p {  
	margin-top:10px; 
	color:#777;
	}
	

div#site div#container div#bunn div.tx-rhform-pi1 div.dag 	
	{width:60px;
}

div#site div#container div#bunn div.tx-rhform-pi1 span.punktnummer {
	padding-right:6px; 
	font-size:16px; 
	font-weight:bold;
}

div#site div#container div#bunn div.tx-rhform-pi1 form {
	font-family:Arial, Helvetica, sans-serif;
}

div#site div#container div#bunn div.tx-rhform-pi1 form select {
	font-size:9px;
}

div#site div#container div#bunn div.tx-rhform-pi1 form fieldset { 
	color:#667; 
	padding:5px 10px 10px 10px; 
	border:1px solid #ccc; 
	display:block;
}

div#site div#container div#bunn div.tx-rhform-pi1 form fieldset legend {
	color:#4C5E08; 
	padding:0px 2px 3px 2px; 
	width:auto;
}

div#site div#container div#bunn div.tx-rhform-pi1 form fieldset label.bredde {
	display:block;
}
                                                                 .mandatory {
	color:#Ac0000;
}

div#site div#container div#bunn div.tx-rhform-pi1 form input.tekstfelt { 
	width:151px;
	margin-bottom:1px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
}

div#site div#container div#bunn div.tx-rhform-pi1 input.tekstfeltliten { 
	width:72px; 
	margin-bottom:1px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
}

div#site div#container div#bunn div.tx-rhform-pi1 form textarea.tekstfelt { 
	height:44px;
	width:151px;  
	margin-bottom:1px; 
	font-family:Arial, Helvetica, sans-serif; font-size:11px;
}

div#site div#container div#bunn div.tx-rhform-pi1 p.formmessages {
	font-size: 14px;
	font-style: italic;
}

div#output p {
	line-height: 18px;
}

div#buttons {
	clear: both;
	padding-top: 10px;
}

div#output p strong {
	width: 60px;
	float: left;
}

/***************************/
/* ####### SEARCH ####### */
/*************************/

div.tx-indexedsearch-rules, dt.tx-indexedsearch-text-item-size.item-size, dd.tx-indexedsearch-text-item-size.item-size, dt.tx-indexedsearch-text-item-path.item-path, #innhold div.tx-indexedsearch div.tx-indexedsearch-res div.tx-indexedsearch-res.res.res-tmpl-css dl.tx-indexedsearch-info.info.info-tmpl-css dd.tx-indexedsearch-text-item-path.item-path a {
	display: none;
}

div.tx-indexedsearch-searchbox.searchbox-tmpl-css {
	display: none;
}

.tx-indexedsearch .tx-indexedsearch-whatis {color:#555;}
h3 {font-size:22px; margin-left:-12px; margin-bottom:3px; font-weight:normal;}
.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css {float:none; clear:both; color:#999;}
span.tx-indexedsearch-icon {display:none;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { font-size:10px; background:#ffffff; color:#999; margin-top:-10px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:#4C5E08; font-weight:normal; }




/**********************************/
/* ####### LANGUAGE MENU ####### */
/********************************/

.flag {
	float: right;
}

/*****************************/
/* ####### SPONSORS ####### */
/***************************/

td.tx-a2csponsoren-cell {
	border-style: none;
}



/****************************/
/* ####### DIVERSE ####### */
/**************************/


	.tx-a2csponsoren-table {
		border: 0px solid #C0C0C0;
		border-spacing: 0px;
		border-collapse: collapse;
		width: 95%;
	margin-top: 5px;
}

.tx-a2csponsoren-cell a, .tx-a2csponsoren-cell a img {text-decoration:none; border-bottom:0px;}
.tx-a2csponsoren-cell a:hover {background:#fff;}

.tx-a2csponsoren-cell {
		margin: 0px;
		font-weight: bold;
		text-align: center;
	padding-left: 0;
}


.news-list-morelink {margin-left:5px; border-bottom:0px;}
.news-list-morelink a {border-bottom:0px;}

div.news-single-img {
	float: right;
	margin-right: 10px;
}

.csc-textpic-caption {color:#888; font-size:10px;}

.contenttable {font-size:11px; 	margin-bottom:1em; margin-left:-2px; }
.contenttable th {font-size:11px; padding:0px 3px 1px 0px; color:#888;}
.contenttable td {font-size:14px; padding:2px 3px 1px 0px;}