/* CSS for Newspaper Solution in i-tools PRO
----------------------------------------------------------------*/

#lightblue {
	width: 998px;}

#header {}

#header .logo{
	height: 91px;
	width: 320px;
	float: left;
	padding:10px 0 0 10px;
	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;
	text-align:right;
	width: 600px;
	padding: 15px 0 0 0;
	margin-right:5px;
	overflow: hidden;}
	
#header .ads .adcontainer {
	float: right; }
	
	
/* Topmenu 
-------------------------------------------------------------------- */

#menu {	
	position:relative;
	background: #D50909;
	height: 27px;
	width:988px;}

#menu ul {
	margin: 0;
	padding: 0;
	padding-top:7px;}

#menu ul li {
	list-style: none;
	float: left;
	height: 20px;
	margin: 0 5px;
	padding: 0 10px;
	text-align: center;}

#menu ul li a {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.8em;}
	
#menu ul li.selected {
	background: url(../../gfx/lightblue/bg_header_red.gif) #fcfcfc no-repeat top right;}
	
#menu ul li.selected a {
	color: #D50909}


/* submenu */
#submenu {
	border: 0px solid #d9d9d9;
	border-width: 0 1px 1px 1px;
	background: #fcfcfc;
	padding: 0.5ex 1ex;
	height: 4ex;}
	
#submenu ul {
	margin: 0;
	padding: 0;}
	
#submenu ul li {
	list-style: none;
	float: left;
	padding: 0 10px;
	line-height: 4ex;
	border-right: 1px solid #e7e7e7;}
	
#submenu ul li a {
	font-size: 0.8em;
	color: #536d98;
	font-weight: bold;}

/* Search */
#menu .search {
	position: absolute;
	right: 3px;
	top: 3px;
	margin: 0;}

#menu .search .text {
	vertical-align: middle;}

#menu .search .button{
	border: none;
	vertical-align: middle;}

	
		
/* Inforline (not in use..)
--------------------------------------------------------------------- 

#infoline {
	clear: left;
	background: #62abde;
	padding: 0.5em 2em;
	color: #FFFFFF;
	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: 1em;
	top: 1px;
	margin: 0;}
	
#infoline .search .text {
	vertical-align: middle;}
	
#infoline .search .button {
	border: none;
	vertical-align: middle;}*/


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

.activityform .iw {
	margin: 5px;}

.activityform tr {
	vertical-align: top;}


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

#main{
	width: 613px;
	float: left;
	border-right: 1px solid #d9d9d9;
	min-height: 80em;
	height: auto !important;
	height: 80em;}



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

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

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

#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: #bad5ea;
	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 {}


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

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

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

.newshome .halfcol {
	width: 50%;}

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

.newsheader .header,
.newsbox .header {
	background: #FFFFFF;
	position: relative;}
	
.newsheader .header h3,
.newsbox .header h3 {
	display: block;
	overflow: hidden;
	font-size: 0.8em;
	margin: 0;
	height: 2em;
	line-height: 2em;
	background: url(../../gfx/lightblue/bg_header.jpg) #d3ccc4 no-repeat top right;
	width: 13em;
	padding: 0 1em 0 0.5em;
	color: #FFF;
	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 #eeeae7;
	font-size: 0.75em;
	padding: 0.2em;
	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;
	padding:1px;}

.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.4em;}
	
.newsbox .wrap h2.larger {
	font-size: 2.2em;}
	
.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;}
	
#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 .imageDescription {
	font-style:italic;}

#newsarticle .extras .related {
	padding: 1.5em 1.5em;}
	
#newsarticle .extras .related ul {
	margin:0;
	padding-left: 0;
	list-style: none;}
	

/* pagination */
.pagination
{
	list-style: none;
	margin: 1em 3em;
	padding-left: 0;
}
.pagination li
{
	display: inline;
	padding: 0;
}

	
/* 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: 0.5em;}


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

/* ad 425x70 (right of the newspaper logo */
#header .ad425x70 {
	height: 70px;
	text-align:right;
	margin-right:5px;
	xoverflow: hidden;
	border: none;}
	
#header .ads .AD_image {
	float:right;
	margin:0;}
	
#header .ad425x70 img {
	text-align:right;}
	
#header .ad425x70 div {
	xmargin: 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: 0.5em 0;
	text-align:center;}

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

.ad600 img{
	border: none;}
	
.newshome .adcontainer .AD_image,
.newshome .adcontainer .AD_flash {
	padding: 1em 0;
	text-align: center;}

/* ad 585 frontpage */		
#annonse_front .AD_image,
#annonse_front .AD_flash {
	border: 1px solid #d9d9d9;}
	
/* Ads 3 stk */	
#annonse_front_3stk {
	border:1px solid #D9D9D9;}

#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;
	padding-bottom:2px;}


/* PDF  
---------------------------------------------------*/

.wrap .pdf {
	margin-left:10px;}

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

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



.theInfoBox .wrap p{
	margin-top: 0px;}