/* CSS for Lightblue avis
----------------------------------------------------------------*/

#lightblue_leftmenu {
	width: 998px;
	border-right: 1px solid #d9d9d9;}

#header {}

#header .logo{
	height: 90px;
	width: 500px;
	float: left;
	overflow: hidden;}
	
#header .logo img {
	border: none;}
	
	
/* ads over the logo */
#header .AD_image { 
	float: left;
	margin: 0 40px 0 0;
	overflow: hidden;}

/* ad right of the company logo */
#header .ads { 
	float: right;
	width: 480px;
	padding: 10px 0;
	overflow: hidden;}
	
#header .ads .adcontainer {
	float: right; }
	
		
/* Inforline 
--------------------------------------------------------------------- */

#infoline {
	clear: left;
	background: url(../../gfx/lightblue_leftmenu/bgInfoline.gif) repeat-x;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	padding: 0.5em 2em;
	color: #000000;
	font-size: 0.8em;
	position:relative;}
	
#infoline img.devider {
	vertical-align: middle;}
	
#infoline img.envelope {
	vertical-align: middle;
	border: none;}
	
#infoline .search {
	position: absolute;
	right: 0.7em;
	top: 2px;
	margin: 0;}
	
#infoline .search .text {
	vertical-align: middle;
	color:#666666;}
	
#infoline .search .button {
	border: none;
	vertical-align: middle;}


/* Activity form 
--------------------------------------------------------------------- */
.activityform {}

.activityform .iw {
	margin: 5px;}

.activityform tr {
	vertical-align: top;}


/* Main 
--------------------------------------------------------------------- */

#main{
	width: 613px;
	padding-top:0.7em;
	float: left;}



/* widgets  (left)
--------------------------------------------------------------------- */

#widgets{
	width: 187px;
	border-right: 1px solid #d9d9d9;
	float: left;
	clear: left;
	padding-top: 1.0em;}

#widgets .widget .header {
	position: relative;}
	
#widgets .widget .header h3 {
	height: 2.2em;
	line-height: 2.2em;
	background: url(../../gfx/lightblue_leftmenu/bg_header.jpg) #d3ccc4 no-repeat top right;
	font-size: 0.8em;
	margin: 0;
	width: 13em;
	padding-left: 1em;
	color: #484848;}

#widgets .widget {
	border-bottom: 1px solid #d9d9d9;
	margin-top: 1em;}
	
#widgets .widget .wrap {
	border-top: 1px solid #d9d9d9;
	padding: 0.5em;
	font-size: 0.8em;}

#widgets .widget .nextTrigger{
	position: absolute;
	top: 0;
	right: 3px;
	color: #ababab;
	font-size: 0.8em;}
	
#widgets .widget .wrap p{
	margin: 0.8em 0;}
	
#widgets .widget .arrow{
	border: 0;}
	

/* poll widget */
#widgets .poll .POLL_question {
	border: 0px solid #d9d9d9;
	border-width: 1px 0;
	padding: 1em;
	font-size: 0.8em;
	background: url(../../gfx/lightblue/poll_fade.jpg) #E1DEDE repeat-x;}

#widgets .poll hr {
	 border: 0;
	 height: 1px;
	 color: #dcdcdc;
	 background-color: #dcdcdc;}

#widgets .poll ul{
	margin: 0;
	padding-left: 0;
	list-style: none;}

#widgets .poll ul li{
	clear: left;
	margin-top: 0.5em;
	padding-left: 1.5em;
	position: relative;
	color: #47484c}
	
#widgets .poll ul li .cnt {
	position: absolute;
	left: 0.2em;
	top: 0;
	line-height: 1.2em;}
	
#widgets .poll ul li .pct {
	position: absolute;
	left: 2em;
	top: 0;
	line-height: 1.2em;}
	
#widgets .poll ul li .foreground {
	background: #d4e6ed;
	height: 1.2em;
	overflow: hidden;}


/* RSS widget */
#widgets .rss .wrap {
	background: url(../../gfx/lightblue_leftmenu/rss.gif) no-repeat bottom right;}

	
#widgets .rss .wrap ul {
	margin: 0;
	padding-left: 0;}
	
#widgets .rss .wrap ul li {
	list-style: none;}
	
#widgets .rss .wrap ul li img {
	padding: 0.2em;}


/* calendar widget */
#widgets .calendar .wrap h4 {
	color: #484848;
	margin: 0 0.5em;}

#widgets .calendar .wrap {
	background: url(../../gfx/lightblue_leftmenu/bg_calendar.jpg) #FFFFFF repeat-x;
	padding: 0.5em;}

#widgets .calendar .wrap ul {
	margin: 0.5em;
	padding-left: 0;
	list-style: none;}

#widgets .calendar .wrap ul li {}


/* Menu widget 
--------------------------------------------------------------------- */
#widgets .menu{}

#widgets .menu ul{
	margin: 0;
	padding-left: 0;
	list-style: none;}

#widgets .menu ul li{
	display: block;}
	
#widgets .menu ul li a{
	background: url(../../gfx/lightblue_leftmenu/bgInfoline.gif) repeat-x top #d9d9d9;
	border-left-width: 0.3em;
	border-left-style: solid;
	border-left-color: #E2001A;
	display: block;
	margin: 0.1em;
	padding: 0.4em 1em;
	color: #000000;
	font-size: 0.9em;}
	
#widgets .menu ul li.selected a,
#widgets .menu ul li a:hover {
	background: url(../../gfx/lightblue_leftmenu/bg_hover.gif) repeat-x top #b7ced8;
	text-decoration: none;
	border-left-color: #4578a3;}
	
#widgets .menu ul li span {
	display: block;
	background: red;
	height: 0;
	overflow: hidden;
	background: red;}


/* meny level2 */
#widgets .menu ul li.selected ul {
	padding-left: 0.8em;}

#widgets .menu ul li.selected ul li {
	margin: 0.1em 0;}

#widgets .menu ul li.selected ul li a {
	font-size: 0.8em;
	background: none;
	color: #007096;
	padding: 0;
	border: none;
	display: inline;}
	
#widgets .menu ul li ul li.selected a,
#widgets .menu ul li ul li a:hover {
	background: none;
	text-decoration: underline;}



/* News 
--------------------------------------------------------------------- */

.newsbox{
	border-left: 1px solid #d9d9d9;
	background: url(../../gfx/lightblue_leftmenu/bg_box.jpg) #FFFFFF no-repeat bottom right;
	vertical-align: top;
	width:99%;}
	
.newsarticle {
	margin: 5px;
	width:99%;}

.newsarticle .newsbox {
	border: 0px solid #d9d9d9;
	border-width: 0 1px 1px 1px;
	background: none;}

.newshome {
	border-spacing: 1ex;}

.newshome .halfcol {
	width: 50%;}

.newsheader {
	padding-left: 1px;
	padding: 0;
	overflow: hidden;}

.newsheader .header,
.newsbox .header {
	background: #FFFFFF;
	xposition: relative;}
	
.newsheader .header h3,
.newsbox .header h3 {
	display: block;
	overflow: hidden;
	font-size: 0.8em;
	margin: 0;
	height: 2.2em;
	line-height: 2.2em;
	background: url(../../gfx/lightblue_leftmenu/bg_header.gif) #d3ccc4 no-repeat top right;
	width: 13em;
	padding: 0 1em 0 0.5em;
	color: #484848;
	position: relative;
	left: -1px;
	border-left: 1px solid #d9d9d9;}
	
.newsheader .header .nextTrigger,
.newsbox .header .nextTrigger {
	position: absolute;
	top: 0;
	height: 2.5em;
	line-height:  2.5em;
	right: 0.5em;}
	
.newsheader .header h3.selected
.newsbox .header h3.selected {
	background: url(../../gfx/lightblue_leftmenu/bg_header_white.gif) #FFFFFF no-repeat top right;}

.newsheader .header h3 a {
	color: #000;
	text-decoration: none;}

.newsbox .info {
	color: #ababab;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	font-size: 0.75em;
	padding: 0.3em;
	position: relative;}
	
.newsbox .actions {
	position: absolute;
	top: 0px;
	right: .5em;}
	
.newsbox .actions img {
	border: 0;}
	
.newsbox .wrap {
	padding: 0.5em;
	font-size: 0.9em;}
	
.newsbox .formwrap {
	border-top: 1px solid #d9d9d9;
	padding: 0.5em;
	font-size: 1.0em;}

.newsbox .formwrap label {
	float: left;
	width: 135px;}


/* Newsteasers */

.newshome {
	font-size: 1em;
	xborder-spacing: 1ex;
	width: 100%;}

.newsbox .wrap img.teaser {
	border:1px solid #C7C7C7;
	margin:0 0.3em 0.3em 0;}

.newsbox .wrap .teaser {
	float: left;}

.newsbox .wrap .teaser img {
	border: 1px solid #c7c7c7;
	padding: 1px;
	margin: 0 0.3em 0.3em 0;}

.newsbox .wrap h2 {
	margin: 0;}

.newsbox .wrap h2.normal{
	font-size: 1.6em;}
	
.newsbox .wrap h2.larger {
	font-size: 2.4em;}
	
.newsbox .wrap .more {
	white-space: nowrap;}
	
.newsbox .wrap .more img {
	float: none;
	border: none;
	margin: 0;
	margin-right: 0.2em;}


/* news article specific */
#newarticle .newsbox .wrap .imageholder {
	width: auto;
	float: right;
	margin: 0 0 0.3em 0.3em;}
	
#newarticle .wrap .imageholder img {
	float: none;
	margin: 0;
	overflow:hidden;}
	
#newarticle .wrap .imageholder p {
	color: #ababab;
	font-size: 0.8em;
	text-align: right;
	margin: 0;}
	
#newsarticle .extras {}

#newsarticle .extras .header {
	background: none;}
	
#newsarticle .extras .header h3.selected {
	border-bottom: 2px solid #FFFFFF;
	position: relative;}
	
#newsarticle .ingress {
	font-weight:bold;}
	
#newsarticle .image-description {
	font-style:italic;}
	
#newsarticle .extras .related {
	padding: 1.5em 1.5em;}
	
#newsarticle .extras .related ul {
	margin:0;
	padding-left: 0;
	list-style: none;}

	
/* bb */
.tipFriend {
	display: none;
	background: url(../../gfx/lightblue_leftmenu/bg_tipfriend_fade.jpg) #FFFFFF repeat-x;
	border: 0px solid #D3D3D3;
	margin-top: 1em;
	border-width: 1px 1px 1px 0;
	padding: 0.5em 1em;}
	
.tipFriend input.text {
	height: 20px;
	width: 95%;
	margin-top: 1em;}
	
.tipFriend input.error{ border: 1px solid red; }
.tipFriend textarea {
	margin-top: 1em;
	height: 3.7em;
	width: 60%;}
	
.tipFriend .submit {
	color: #FFFFFF;
	border: 1px solid #eee;
	background: #62abde;
	font-weight: bold;
	font-size: 0.8em;}
	
.tipFriend .errorContainer {
	clear: left;
	margin: 0;
	padding-left: 1em;
	list-style: none;}
	
.tipFriend .errorContainer li {
	color: red;}
	
.tipFriend .left {
	float: left;
	width: 40%;}
	
.tipFriend .right {
	float: left;
	width: 60%;}
	
	
/*Kommentersak maya*/
#outercommentarea{
	background:url(../../gfx/lightblue_leftmenu/bg_comment_fade.jpg) repeat-x;
	border:1px solid #CCC;
	width:95%;
	margin:0 auto;}
.commentbox {}
.pagenation {
	border:1px solid #ccc;
	float:left;
	margin:2px;
	padding:2px;
	background: #d6eaf9;}
.pagenationselected {
	border:1px solid #ccc;
	float:left;
	margin:2px;
	padding:2px;
	background: #f2f7fb;}
.commentbox .wrap {
	border:1px solid ##CCC;
	width:95%;
	margin:0 auto;}
.commentbubble{
	width:17px;
	margin-right:5px;
	float:left;}
.commentBody{
	float:left;}
.commentName{
	float:left;
	color:#57a0d4;}
.dottedline {
	background: url(../../gfx/lightblue_leftmenu/dottedline.gif) #FFFFFF repeat-x;
	height:5px;}
.commentbox input.text{
	height: 1em;
	width: 90%;
	line-height:1.1em;
	margin-top: 1em;}
.commentbox .error{
	margin-top: 1em;
	height: 3.7em;
	width: 70%;
	border: 1px solid #FF0000;
	color:red; }
.commentbox textarea {
	margin-top: 1em;
	height: 3.7em;
	width: 70%;}
.commentbox .submit{
	margin:3px 0;
	color: #FFFFFF;
	border: 1px solid #eee;
	background: #62abde;
	font-weight: bold;
	font-size: 0.8em;}
.commentbox .errorContainer{
	clear: left;
	margin: 0;
	padding-left: 1em;
	list-style: none;}
.commentbox .errorContainer li{
	color: red;}


/* Aktiviteter 
---------------------------------------------------------- */
.activities .wrap ul {
	list-style: none;
	margin: 0.6em;
	padding-left: 0;}
	
.activities .wrap ul li {
	margin-bottom: 1em;}
	
.activities .wrap ul li .date {
	font-size: 0.8em;
	color: #666666;}
	
.activities .shorttext{
	margin: 0.6em 0;
	font-weight: bold;}


/* Ads 
------------------------------------------------------ */

.adcontainer img {
	border: none;}

#adlist{
	width: 196px;
	float: left;
	overflow: hidden;
	text-align: left;
	padding-top: 1.0em;}


/* ad header */
.adheader {
	width: 100%;}

/* ad 425x70 (right of the newspaper logo */
#header .ad425x70 {
	width: 425px;
	height: 70px;
	margin-right:8px;
	xoverflow: hidden;
	border: none;}
	
#header .ad425x70 div {
	margin: 0 auto;}

/* ad 180x70 */
#header .ad180 {
	width: 180px;
	border: none;
	overflow: hidden;
	padding: 0 10px;
	float: left;}
	
#adlist .ad180 {
	width: 180px;
	border: none;
	margin: 0 auto;
	overflow: hidden;}
	
#header .ad180 div,
#adlist .ad180 div {
	margin: 0 auto;}

#adlist .ad180 .AD_image,
#adlist .ad180 .AD_flash{
	padding-bottom: 0.5em;}

/* ad 600 */
.ad600 {
	width: 600px;
	margin: 0 auto;
	border: none;
	overflow: hidden;}

.ad600 img{
	border: none;}
	
/* ad 585 frontpage */	
.newshome .adcontainer .AD_image,
.newshome .adcontainer .AD_flash {
	padding: 1em 0;
	border: 1px solid #d9d9d9;
	text-align: center;}
	
/* Ads 3 stk */	
#annonse_front_3stk {}

#annonse_front_3stk .AD_image,
#annonse_front_3stk .AD_flash {
	float:left;
	padding:5px 5px 5px 12px;}


/* Ads right */
#adlist .AD_image,
#adlist .AD_flash {
	border-bottom:1px solid #D9D9D9;}


/* Footer 
---------------------------------------------------*/

#footer {
	clear: left;
	text-align: center;
	border-bottom: 0.3em solid #E2001A;
	color: #666666;}