/*Clarte template CSS file*/

@import url("editor.css"); /*editor css file*/

/*Reset*/
* { margin:0; padding:0; }

/*Basic tags, divs and classes*/
body { margin:10px 0; font: normal 76.1%/1.3em Verdana, Arial, Helvetica, sans-serif; }
td { vertical-align:top; }
#wrap { width: 80%; margin: 0 auto; text-align: left; border:1px solid #999; background: url(../images/content-bgr.jpg) repeat-y; }
#main-body { float:left; width:75%; }
#sidebar { float:left; width:33.5%; overflow: hidden; }
#content { float:right; width:66.5%; overflow: hidden; }
#sidebar-2 { float:right; width:25%; overflow: hidden; margin-left: -3px; }
/*h1,*/.componentheading, .componentheading-blog, .componentheading_bloggen { font-size:1.7em; line-height:1.7em; font-weight:600; }
/*h2,*/.contentheading, .contentheading-blog, .contentheading_bloggen { font-size:1.5em; line-height:1.5em; font-weight:600; }
h3 { font-size:1.3em; line-height:1.3em; font-weight: 500; }
/*h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address { margin: 0.5em 0; }*/
p { margin: 0.5em 0; }
li,dd { margin-left:1.2em; list-style: disc outside; }
fieldset { padding:.5em; }
em, i { font-style:italic; }
a { text-decoration:none; color: #793d24; }
a:hover { text-decoration:underline; }
textarea { font: normal 100%/1.3em Verdana, Arial, Helvetica, sans-serif; }
img {
	border-style: none;
}
.inside { padding:1em .3em 1em 1em; }
.sectiontableheader, .back_button { font-size:.9em; font-weight:600; }
.back_button a { background-color:#000; color:#FFF; padding:.3em; }
.sectiontableentry1 td { background-color:#ebebeb; }
tr.sectiontableentry1 td, tr.sectiontableentry2 td { padding-top:.5em; padding-bottom:.5em; }
table.contentpane { margin-bottom:1em; }
table.contentpaneopen-blog { background: #ebebeb; width:99%;}
table.contentpaneopen-blog td { padding:0px 5px; }
table.contentpaneopen-blog td.contentheading-blog { background: #e1e1e1; }
table.blog-frontpage {
	clear: both;
}
blockquote {
	padding: 0em 2em;
}

/*Header*/
#header { text-align: left; height: 150px; }
#header { background-color:#000000; }
#firstpage { width:100%; height:150px; background: url(../images/header.jpg) no-repeat right; }
#logo { float:left; width:340px; height:150px; background: url(../images/clartelogo-red.gif) no-repeat left; margin: 0px 0px 0px 10px; }
/*#header .moduletable { border:0px; padding:0px; }*/
#logo a {
	height: 150px;
	width: 340px;
	display: block;
}
#logo a span {
	visibility: hidden;
}
.moduletable-top { padding:0px; }
/*#toprowWrap { background-color:#339999; }
#spacer { background-color:#339999; height:5px; }*/
#toprow { text-align: left; height: 25px; background-color:#339999; padding-left:15px; clear:both; color:#ffffff; padding-top: 3px; }/* field for path and font size */
#path { float: left; }
#path a { text-decoration:none; color: #ffcc66; }
#resizer { width: 80px; float: right; }

/*Styles for navigation field*/
.moduletable-leftnav { margin-bottom:1em; padding:0; /*the padding is removed so the menu fills the whole module box*/ border:1px #999 solid; }
.moduletable-leftnav h3{ background:#000000; width:100%; color:#fff; padding:0.25em 0; text-align:center; font-size:1.1em; margin:0; /*now we have no padding in the module, we don't need the negative margins*/ border-bottom:1px solid #999; }
#navcontainer { padding:0; color:#333; }
#navcontainer ul { list-style:none; margin:0; padding:0; }
#navcontainer li { border-bottom:1px solid #999; margin:0; list-style: none; }
#navcontainer li a { display:block; padding:3px 5px 3px 0.5em; border-left:10px solid #cccc99; border-right:10px solid #cccc99; background-color:#cccccc; color:#000000; text-decoration: none; }
html>body #navcontainer li a { width:auto; }
#navcontainer li a:hover,a#active_menu:link,a#active_menu:visited { border-left:10px solid #000000; border-right:10px solid #ffffff; background-color:#339999; color:#fff; }

/*Content*/
.moduletable h3, .moduletable-green h3, .moduletable-lasvart-top h3, .moduletable_bloggare h3 { background: #000000; color:#fff; padding:0.25em 0; text-align:center; font-size:1.1em; margin:0 -10px 0.5em -10px; /*negative padding to pull h3 back out from .moduletable padding*/ }
.moduletable-green {
	margin-bottom:1em;
	padding:0 10px; /*padding for inside text*/
	border:1px #999 solid;
	background-color:#cccc99;
	text-align:left;
	font-size: 0.9em;
	line-height: 1.3em;
}
.moduletable-greenRss {
	margin-bottom:1em;
	padding:5px 10px 10px; /*padding for inside text*/
	border:1px #999 solid;
	background-color:#cccc99;
	text-align:left;
	font-size: 1em;
	line-height: 1.3em;
}
.moduletable-green .at_intro {
	margin-bottom:1em;
}

.moduletable-lasvart-top {
	padding:0 10px;
	background-color:#cccc99;
	text-align:left;
	margin: 0em;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: none;
	border-left: 1px solid #999;
	font-size: .9em;
}
.moduletable-lasvart-mellan {
	padding:3px 10px 0;
	background-color:#cccc99;
	text-align:left;
	margin-top: 0em;
	border-top: none;
	border-right: 1px solid #999; /*border-bottom: 1px solid #999;*/
	border-left: 1px solid #999;
	font-size: .9em;
}
.moduletable-lasvart-nedre {
	margin-bottom:1em;
	padding:5px 10px;
	background-color:#cccc99;
	text-align:left;
	margin-top: 0em;
	border-top: none;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	font-size: .9em;
}
.moduletable-topFeatured { border:0px; float: left; width: 65%; }
.moduletable-topFeatured2 { border:0px; clear:both; margin-bottom:.5em; }

.moduletable-newissue {
	margin-bottom:.5em;
	padding:0 .5em; /*padding for inside text*/
	border:1px #d7d7d7 solid;
	text-align:center;
	color:#000;
	width:30%;
	float:right;
	font-size: .9em;
}
.moduletable-newissue h3, .moduletable-topFeatured h3, .moduletable-topFeatured2 h3 {
	background: #000000;
	color:#fff;
	padding:0.25em 0;
	text-align:center;
	font-size:1.1em;
	margin:0 -6px 0.5em -6px; /*negative padding to pull h3 back out from .moduletable padding*/
}
.moduletable-topFeatured h3, .moduletable-topFeatured2 h3 {
	text-align:left;
	margin-left: 3px;
	padding-left: 3px;
}


.moduletable-newissue a { color:#000; text-decoration:underline; }

.moduletable-advertize {
	text-align:center;
	/*margin-top: -1em;
	margin-bottom: -.5em;*/
	vertical-align: top;
}
.moduletable-advertize .dn-each {
	margin-bottom: 0px;
}

.dn-each

.moduletable-bloggen {
	text-align:center;
	margin-top: -.7em;
	margin-bottom: 1em;
	vertical-align: top;
}

.dn-each img { border:0;}

/*.moduletable-topFeatured .dn-each h3,*/ div.at_title {
	color:#000;
	background: url(../../../images/stories/layout/blank.gif) repeat;
	text-align:left;
	padding:0.25em 0em 0.25em 10px;
	margin:0 -10px 0em; /*negative padding to pull h3 back out from .moduletable padding*/
	font: 600 1.3em/1.2em Verdana, Arial, Helvetica, sans-serif;
}
/*.dn-introtext p { margin:.3em 0px 0px; }*/

.moduletable-general-articles .dn-each {
	margin-bottom:1em;
	padding:10px; /*padding for inside text*/
	border:1px #999 solid;
	background-color:#cccc99;
	text-align:left;
	font-size: .9em;
}
.moduletable-general-articles h3 {
	font-size: 1.5em;
	font-weight: 600;
	margin: 0px;
}

.moduletable_blogHeader {
	width: 100%;
	clear:both;
	background: #e6e6ba;
	border-top: 5px solid #000;
	padding-bottom: 10px;
}

.moduletable_blogHeader h3, .contentpaneopen_blogArchive h3 {
	background: url(../images/clartebloggen2.png) no-repeat 8px;
	height: 40px;
	width: 280px;
	padding-top: 5px;
}

.contentpaneopen_blogArchive h3 {
	margin-top: -.3em;
	margin-left: -.8em;
}

.moduletable_blogHeader h3 a, .contentpaneopen_blogArchive h3 a {
	display: block;
	height: 40px;
	width: 280px;
	text-decoration: none;
}

.moduletable_blogHeader h3 a span, .contentpaneopen_blogArchive h3 a span {
	visibility: hidden;
}

.moduletable_blogHeader2 {
	clear:both;
}

.moduletable_blogHeader2 h3 {
	background: url(../images/clartebloggen2.png) no-repeat;
	height: 40px;
	width: 272px;
	padding-bottom: 10px;
}

.moduletable_blogHeader2 h3 a {
	display: block;
	height: 40px;
	width: 272px;
	text-decoration: none;
}

.moduletable_blogHeader2 h3 a span {
	visibility: hidden;
}

.moduletable_clarteBlog {
	background: #e6e6ba;
	padding: 0px 10px;
}

.moduletable_clarteBlog .dn-each {
	padding-bottom: 5px;
	border-top: 1px solid #cccc99;
	padding-top: 5px;
}

.moduletable_clarteBlog .dn-title { font-size:1.2em; line-height:1.2em; font-weight:600; }

.moduletable_clarteBlog .intro, .contentpaneopen_bloggen .intro {
	font-style:normal;
	font-size:1em;
	line-height: 1.3em;
}

.moduletable_blogReadmore {
	background: #e6e6ba;
	padding: 10px 10px 0px;
	margin-bottom: 15px;
	border-bottom: 1px solid #cccc99;
	margin-top: -10px;
	font-size: 1.1em;
	font-weight: 600;
	text-transform: uppercase;
}

.moduletable_blogArchiveReadmore {
	border: 1px solid #333;
	font-size: 1.3em;
	font-weight: 600;
	padding: 5px;
	width: 40%;
	margin-top: 10px;
	text-align: center;
}

.moduletable_bloggare {
	margin-bottom:1em;
	padding:0px 10px 10px;
	border:1px #999 solid;
	background-color:#cccc99;
	text-align:left;
	font-size: 0.9em;
	line-height: 1.3em;
}

span.blogAuthor {
	font-size: 1.2em;
	text-transform: uppercase;
}

table.contentpaneopen-frontpage {
	width:96%
}

table.contentpaneopen-frontpage td.contentheading-frontpage {
	font-size:1.5em;
	line-height:1.1em;
	font-weight:600;
	width:100%;
	border-top: 2px solid #000;
	padding-top: .5em;
}


#nyberg-strip {
	width:100%;
	background: #d7d7d7;
	margin: 0px;
	padding: 0px;
	height: 270px;
	clear:both;
	text-align:center;
	border-top: 1px solid #d7d7d7;
}

/*#nyberg-strip .moduletable-strip {  width:100%; text-align:center; }*/

#chrono_verification {
	color: #FFF;
	background: #339999;
	padding: 3px 0px 3px 5px;
	font: 600 18px monospace;
	letter-spacing: 2px;
	width: 85px;
	border: 3px inset #666;
}

.chronoform {
	display: none;
}

#comment {
	clear: both;
}

#adressandring {
	background: url(../images/andra_adress.png) no-repeat left center;
	height: 46px;
	float: left;
	width: 260px;
}

#reklamation {
	background: url(../images/reklamation.png) no-repeat left center;
	height: 46px;
	float: left;
	width: 260px;
}

#adressandring a, #reklamation a {
	height: 46px;
	width: 260px;
	display: block;
	text-decoration:none;
}

#adressandring a span, #reklamation a span {
	visibility: hidden;
}

span.blogAuthor {
	font-size: 1.2em;
	text-transform: uppercase;
}

.tableFootnote {
	font-size: .8em;
	margin-top: .5ex;
	margin-bottom: .5em;
}

.facts {
	border:1px solid #000000;
	margin:1em 1em 1em 0em;
	width:90%;
	padding:1em 1em 1em 70px;
	font-size:1em;
	font-weight: 600;
	background: url(../images/star.png) no-repeat left top;
}

/*Footer*/
#footer { clear:both; background:#000000; }
#footer .moduletable { border:0px #CCC solid; }
/*#footer p, #footer .moduletable { margin:0px; padding:0px; }*/
#footer-image { height:70px; background: url(../images/clarte-animal.gif) no-repeat right center; text-align:center; font-size:.8em; color:#ffffff; }


/*Editors*/

table.editorial { width:100%; padding-top:2px; background:#ebebeb; }
td.td_bottom { vertical-align:bottom; }
#editoral { margin-top:1em; width:100%; clear:both; }
.editors { width:79px; height:150px; padding-right:2px; padding-left:2px; text-align:center; float:left; font-size:0.8em; line-height: 1.1em;margin-top:3px; background:#ebebeb; }



/*Styles specific for magazine articles*/
#container { width:100%; }
#leftblock { min-width:73%; width:73%; float:left; }
#rightblock { min-width:24%; width:24%; float:right; }
#byline, .dn-author { text-transform:uppercase; font-size:.9em; letter-spacing:.05em; }
#intro { font-style:italic; font-size:1.2em; line-height:1.4em; }
.contentpaneopen-frontpage #intro {
	font-style:normal;
	font-size:1em;
	line-height:1.3;
}
#introimage { text-align:left; font-style:italic; font-size:0.8em; }
/*#introimage img { border:1px solid #000000; }*/
#introimage .introimageborder{ border:1px solid #000000; }
#bodytext, .extra, #lowerbyline { line-height:1.3em; }
#bodytext h2, .extra h2 { font-size:1.3em; line-height:1.1em; font-weight:500; margin-bottom:-.3em; margin-top:.4em }
#bodytext p { margin-bottom:.6em; }
/* #bodytext p.noindent, #bodytext p { text-indent: 0px; }*/
#bodytext th { font-weight:500; font-size:0.9em; background:#CCCCCC; padding:5px; }
#bodytext td { text-align:right; font-size:0.9em; background:#dfdfdf; padding:5px; }
#bodytext li { list-style:decimal outside; margin-left:15px; text-indent:0px; }
.notes ol { list-style:decimal outside; margin-left:15px; text-indent:0px; }
#bodytext hr { border:0; color:#666666; background-color:#666666; height:2px; width:100%; text-align:left; }
.imageright { float:right; /*border:1px solid #000000;*/ margin:5px 0px 5px 5px; }
.imageleft { float:left; /*border:1px solid #000000;*/ margin:5px 5px 5px 0px; }
.imageclear { clear:both; /*border:1px solid #000000;*/ margin:5px 0px; }
#bodytext .lowerbyline { font-style:italic; font-size:.9em; }
#bodytext .notes { text-indent:0px; }
#bodytext .references { text-indent:0px; }
#bodytext .notes h3 { font-weight:bold; font-size:1em; }
#bodytext .notes ol { list-style:decimal outside; margin-left:1.25em;text-indent:0px; }
#bodytext .references h3 { font-weight:bold; font-size:1em; }
#bodytext .extra { border:1px solid #000000; padding:5px; width:90%; margin-top:10px; }
#bodytext .facts h2, #bodytext .factswide h2 { font-size:1.3em; }
#bodytext .facts, { float:right; border:1px solid #000000; margin:5px 0px 5px 5px; width:40%; padding:5px; font-size:.9em; }
#bodytext .factswide { clear:both; border:1px solid #000000; margin:5px 0px 5px 5px; width:40%; padding:5px; font-size:.9em; }
#bodytext .dropcap { font-family:Arial, Helvetica, sans-serif; float:left; color:#000000; font-size:4.5em; line-height:.8em; padding-top:.05em; /*4px*/ }
#bodytext .quotation { padding:20px 20px; float:right; width: 33%; font-size:1.3em; font-style:italic; }
#bodytext blockquote { padding:0px 20px; }
#bodytext blockquote.poem { padding:0px 20px; font-size:1em; font-style:italic; }
.poem.small{ font-size:.7em; }
#bodytext pre, #bodytext .monospace { font-family: "Courier New", Courier, monospace; font-size:1.1em; white-space:pre; }
#bodytext pre { margin-top: -0.5em; margin-bottom: -0.5em; }
#articlelist { font-size: .9em; line-height: 1.3em;
}