/************************************************ Typografi ************************************************/
body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	background-image: url(images/header_bg.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	background-color: #1c150c;
}
a, a:link, a:visited, a:hover, a:active {
	color: #b70009;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}
#container {
}
#contentOuter {
	background-color: #e0ddd1;
}
#leftPane .box {
	background-image: url(images/pagetitle_bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	min-height: 300px;
	text-align: center;
	padding: 0 0 0 0;
}
#leftPane.start .box {
	background-image: none;
}
#leftPane.textsida .box, #leftPane.artikelsida .box {
	text-align: left;
}
#leftPane.textsida .inner, #leftPane.artikelsida .inner {
	padding: 16px;
	font-size: 0.8em;
}
#leftPane .pagetitle {
	display: block;
	height: 51px;
	overflow: hidden;
	text-align: center;
}
#leftPane .pagetitle.brunskogsbladet {
	display: block;
	width: 220px;
	height: 45px;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(images/brunskogsbladet.png);
	background-repeat: no-repeat;
	margin: 0 auto;
}
#rightPane .box.kalender {
	background-image: url(images/kalendarium_bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 50px;
	font-size: 0.8em;
}
#rightPane .box.brunskogsbladet {
	background-image: url(images/pagetitle_bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 2px;
	font-size: 0.8em;
}
#rightPane .pagetitle.brunskogsbladet {
	display: block;
	width: 220px;
	height: 45px;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(images/brunskogsbladet.png);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding-bottom: 4px;
}
#rightPane .box .kalenderItem {
	border-bottom: 1px solid #f0eee7;
	padding: 4px 12px 4px 12px;
	line-height: 1.2em;
}
#rightPane .box.brunskogsbladet .kalenderItem {
	padding: 3px 12px 3px 12px;
	line-height: 1.1em;
}
.datum {
	font-size: 0.9em;
	color: #897f6d;
}
#rightPane .box.kalender a, #rightPane .box.kalender a:link, #rightPane .box.kalender a:visited, #rightPane .box.kalender a:hover, #rightPane .box.kalender a:active {
	color: #b70009;
	font-weight: bold;
}
#rightPane .box.brunskogsbladet a, #rightPane .box.box.brunskogsbladet a:link, #rightPane .box.box.brunskogsbladet a:visited, #rightPane .box.box.brunskogsbladet a:hover, #rightPane .box.box.brunskogsbladet a:active  {
	color: #000;
	font-size: 0.9em;
	font-weight: bold;
}
#rightPane .box.brunskogsbladet .datum {
	font-size: 0.8em;
	line-height: 1.1em;
}
#rightPane .box.karta {
	height: 192px;
}
#rightPane .box.annons {
	padding: 0 8px 4px 8px;
	width: 208px;
}
#rightPane .box.annons .annonsGoogle {
	width: 200px;
	padding: 4px 4px 0 4px;
	background-color: #f0eee7;
	margin-bottom: 4px;
	clear: both;
	
}
.annonsLabel {
	background-image: url(images/pil_ner.png);
	background-repeat: no-repeat;
	background-position: center right;
	display: block;
	padding-right: 12px;
	font-size: 0.7em;
	line-height: 1em;
	color: #897f6d;
	margin: 7px 0 6px 0;
	float: left;
}
.divider {
	display: block;
	width: 960px;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	background-color: #e8e7e5;
	margin: 6px 0 30px 12px;
}
h1 {
	font-family: Arial, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	line-height: 1.2em;
	color: #dfdaca;
	margin: 15px 0 0 0;
	padding: 0;
}
h1.brunskogsbladet {
	font-size: 2em;
	text-transform: none;
	line-height: 1.2em;
	color: #000;
	margin: 15px 0 5px 0;
	padding: 0;
}
h2 {
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 1.6em;
	font-weight: normal;
	font-style: italic;
	line-height: 1.2em;
	margin: 16px 0 8px 0;
}
.nyhetsruta h2 {
	color: #d92b18;
}
.nyhetssidaLista h2 {
	margin: 0 0 0.2em 0;
}
.caseText h2, table h2, .nyhetssidaLista h2 {
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.2em;
	text-transform: uppercase;
	margin: 22px 0 0 0;
	color: #897f75;
	font-style: normal;
}
.artikelsida h2 {
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	font-style: normal;
	line-height: 1.2em;
	margin: 16px 0 8px 0;
}
h3 {
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 18px 0 0 0;
	text-transform: uppercase;
	font-weight: normal;
	color: #897f6d;
}
#hero h3 {
	font-family: Arial, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	line-height: 1.2em;
	color: #dfdaca;
	margin: 8px 0 15px 0;
}
h3 a, h3 a:link, h3 a:hover, h3 a:visited, h3 a:active {
	font-style: normal;
}
.caseText h3, table h3, .nyhetssidaLista h3 {
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.2em;
	margin: 8px 0 12px 0;
	text-transform: none;
}
h4 {
	font-size: 0.75em;
	font-weight: bold;
	font-style: italic;
	line-height: 18px;
	margin: 18px 0 0 0;
	color: #d92b18;
	text-transform: uppercase;
}
label {
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	width: 100%;
	padding: 0;
	color: #897f6d;
}
input {
	margin: 5px 0 5px 0;
}
.button {
	padding:3px;
	background-color: #b70009;
	border: none;
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 1em;
	color:#e0ddd1;
	font-style: italic;
	font-weight: bold;
	text-decoration:none;
}
.nyhetsruta .nyhet .text {
	font-size: 0.9em;
	line-height: 18px;
}
.nyhetsruta .nyhet .text a, .nyhetsruta .nyhet .text a:link, .nyhetsruta .nyhet .text a:visited {
	color: #000;
	text-decoration: none;
}
.nyhetsruta .nyhet .text a:hover, .nyhetsruta .nyhet .text a:active {
	text-decoration: underline;
}
.ingress {
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 1.3em;
	line-height: 1.4em;
}
.bildtext {
	font-size: 0.9em;
	line-height: 18px;
	color: #000;
}
.flerNyheter a, .flerNyheter a:link, .flerNyheter a:visited {
	float: right;
	text-decoration: none;
}
.flerNyheter a:hover, .flerNyheter a:active {
	text-decoration: underline;
}
table {
	margin: 0 0 0 0;
	padding: 30px 0 30px 0;
	border: none;
}
td {
	vertical-align: top;
	width: 468px;
	padding: 0 24px 15px 12px;
}
.startItem {
	text-align: left;
	display: block;
	float: left;
	width: 224px;
	height: 360px;
	margin: 8px 8px 0 8px;
	font-size: 0.8em;
}
.startItem a, .startItem a:link, .startItem a:visited {
	color: #000;
	text-decoration: none;
}
.startItem a:hover, .startItem a:active {
	text-decoration: underline;
}
.startItem .bild {
	width: 224px;
	height: 169px;
	background-color: #ffd440;
}
.startItem .bild img {
	position: absolute;
	width: 224px;
	height: 169px;
}
.startItem .bild img:hover, .startItem .bild img:active {
	clip: rect(4px 220px 165px 4px);
}
.startItem .titel {
	font-weight: bold;
	text-transform: uppercase;
	color: #897f6d;
}
.startItem .separerare {
	font-weight: bold;
	color: #e0ddd1;
}
.item {
	text-align: left;
	display: block;
	overflow: hidden;
	float: left;
	width: 348px;
	height: 550px;
	margin: 8px 0 0 8px;
	font-size: 0.8em;
}
.item.noPic {
	width: 224px;
	height: 240px;
	margin: 8px 8px 0 8px;
}
.item table.merInfo {
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 0.8em;
	margin: 0 0 0 0;
	font-style: normal;
	padding: 0;
	color: #3e3c37;
}
.item .merInfo th {
	width: 70px;
	line-height: 1.2em;
	vertical-align: top;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: normal;
	text-align: left;
}
.item .merInfo td {
	width: 278px;
	line-height: 1.2em;
	vertical-align: top;
	margin: 0;
	padding: 0;
	word-break: break-word;
}
/************************************************ Allmänt ************************************************/
#header {
	height: 199px;
}
#logo {
	background-image: url(images/blank.gif);
	width: 246px; /* Bredd på logotypen */
	height: 47px; /* Höjd på logotypen */
	top: 44px;
	left: 375px;
}
.rss {
	background-image: url(images/rss.png);
	background-position: 0 4px;
	position: relative;
	left: 194px;
	width: 21px;
	height: 25px;
	padding: 4px 0 0 0;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

/************ Galleri *********/
ul.thumbs li a, ul.thumbs li a:link, ul.thumbs li a:visited {
	border: 1px solid #000;
	height: auto;
}
ul.thumbs li a:hover, ul.thumbs li a:active {
	border: 1px solid #d92b18;
}
.thumbscontainer p {
	font-size: 80%;
	line-height: 18px;
	color: #000;
	padding-top: 2px;
}
/********************************************* Väder widget  - klart.se*********************************************/
/*
#weather {
	float: right;
	position: relative;
	right: 5px;
}
.weatherIcon {
	float: right;
	position: relative;
	left: 23px;
}
.weatherTemp {
	float: right;
	position: relative;
	top: 2px;
}
*/
/********************************************* Väder widget - vackertvader.se *********************************************/
span#h2-NUSg, #widget_yr, #widget_detail_div {
	display: none;
}
.forecast_time {
	font-size: small;
}
#weather {
	position: absolute;
	top: 0;
	margin-left: 828px;
	display: block;
	width: 150px;
	height: 130px;
	overflow: hidden;
	float: right;
	background-color: #1c150c;
	font-size: 0.5em;
	opacity: .7;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	clip: rect(0px 200px 45px 70px);
}
#weather:hover {
	opacity: 1;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	clip: rect(0px 200px 130px 0px);
}


/************************************************ Foten ************************************************/
#footerAnnonser {
	background-color: #dad7cb;
	height: 143px;
}
#footerAnnonser .annons {
	width: 168px;
	height: 105px;
	padding: 3px;
	background-color: #fff;
	float: left;
	margin: 16px 8px 0 0;
}
#footerAnnonser .annonsLabel {
	text-align: center;
	font-size: 0.6em;
	line-height: 0.9em;
	background-image: url(images/pil_left.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	display: block;
	padding: 12px 0 12px 0;
	text-indent: 0;
	color: #afa698;
}
#footerAnnonser .visaStod {
	float: left;
	margin: 40px 0 0 35px;
}
#footerpuffar {
	background-color: #d1cec0;
	font-size: 0.8em;
	line-height: 1.2em;
	color: #000;
}
#footer {
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 0.6em;
	line-height: 1.2em;
	background-image: url(images/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	background-color: #000;
	color: #897f6d;
}
#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color: #897f6d;
}
#footerleft {
	margin: 10px 0 0 0;
}
#footerright {
	margin: 10px 0 0 0;
}



/************************************************ Google map ************************************************/


#map {
	width: 704px;
	height: 500px;
	margin: 8px;
	float: left;
}
#map-side-bar {
	width: 100%;
	padding: 7px 20px;
	text-align: left;
	font-size: 0.8em;
	line-height: 1.6em;
}

#map-side-bar .column {
	display:block;
	width:230px;
	float:left;
}
#map-side-bar h3 {
	margin: 18px 0 5px 0;
}
.infoBoxTitle {
	text-align: left;
	font-size: 0.9em;
	float: left;
	font-family: Georgia, Times, Times New Roman, serif;
	font-style: italic;
	margin: 0 0 8px 0;
}
.infoBoxBild {
	clear: both;
	float: left;
}
.infoBoxLink {
	clear: both;
	float: left;
	font-size: 0.75em;
	font-weight: bold;
}
a.map-link {
	color: #000;
}
.kategoriBullet {
	font-weight: bold;
	font-size: 1.4em;
}
.kategori6, td.kategori6 a {
	color: #ba2f2f;
}
.kategori41, td.kategori41 a  {
	color: #a0967e;
}
.kategori7, td.kategori7 a {
	color: #c5809c;
}
.kategori8, td.kategori8 a {
	color: #4b973f;
}
.kategori9, td.kategori9 a {
	color: #ababab;
}
.kategori10, td.kategori10 a {
	color: #caa832;
}
.kategori11, td.kategori11 a {
	color: #6492b2;
}

p#pagination a {
	background-color: #f4dea4;
	font-style: normal;
	text-decoration: none;
	border: 1px solid #666;
	float: left;
	padding: 3px 7px;
	margin: 0px 5px;
	color: #333;
}

p#pagination a:hover {
	background-color: #f4a99f;
}