* {
	padding: 0px;
	margin: 0px;
}

hr {
	height: 1px;
	margin: 3px 0 11px 0;
	*margin: -3px 0 5px 0;
	padding: 0;
	clear: both;
	border: none;
	background-color: #c9c9c9;
}

hr#null {
	height: 1px;
	margin: 3px 0 11px 0;
	*margin: -3px 0 5px 0;
	clear: both;
	border: none;
	background-color: #c9c9c9;
}

.gallery-list {
	display: none;
}

/* Fonter ****************************************************/

body {
	background: #fffae4;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

.normal, .nomargin {
	clear: both;
}

.ingress {
	font-weight: bold;
}

div#main {
	line-height: 19px;
	font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif;
}

.narrow {
	line-height: 12px;
	font-size: 10px;
	font-family: arial, helvetica, sans-serif;
}

.bildtext {
	line-height: 14px;
	font-size: 10px;
	font-family: arial, helvetica, sans-serif;
	color: #333;
}

/* Table styles ****************************************************/

table.airleft {
	margin: 10px 0 10px 15px;
}

table.airright {
	margin: 10px 15px 10px 0px;
}

/* Rubriker ****************************************************/

h1 {
	display: block;
	width: 400px;
	height: 165px;
	position: absolute;
	top: 0;
	background: url(../img/logo.png) no-repeat;
}

* html h1 {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/img/logo.png', sizingMethod='scale');
}

h1 a {
	text-indent: -9000px;
	display: block;
	width: 200px;
	height: 95px;
	margin-left: 40px;
	margin-top: 30px;
}

.top {
	font-size: 18px;
	line-height: 16px;
	font-family: arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 16px;
	line-height: 16px;
	font-family: arial, helvetica, sans-serif;
	margin: 5px 0;
	padding: 0;
}

h2 a {
	font-size: 16px;
	line-height: 16px;
	font-family: arial, helvetica, sans-serif;
	margin: 5px 0;
	padding: 0;
	text-decoration: none;
	color: #000 !important;
	border-bottom: 0px !important;
}

h2 a:hover {
	background-color: #fff!important;
}

h3 {
	font-size: 12px;
	line-height: 16px;
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 5px 0;
	padding: 0;
	color: #860000;
}

div.puff-gul-right .content h3 {
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	margin: 5px 0;
	padding: 0;
	color: #860000;
}



/* Länkar ****************************************************/

a {
	color: #00529c;
	text-decoration: none;
}

a img {
	border-bottom: 0px !important;	
}

a:active{outline: none;}

a:hover img {
background: none;		
}

div#container a {
	border-bottom: 1px dotted #00529c;
}

div#container a:hover, div#container a.arrow-link:hover, div#container a.arrow:hover {
	background-color: #cedeed;
}

div#container a.no-border {
	border-bottom: 0px dotted #00529c;
}

div#container a.no-border:hover {
	background-color: transparent !important;
}

div#main ul, div#main ol {
	padding: 0 0 0 15px;
}

div#container a.arrow-link, div#container a.arrow {
	color: #00529c;
	text-decoration: none;
	padding: 0px 0 0px 10px;
	background: url(../img/arrow_link.gif) no-repeat;
	border-bottom: 0px;
}

/* Bilder ****************************************************/

.textonleft {
	margin-left: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
	float: right;
}

.textonright {
	margin-right: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
	float:left;
}

.imgtext-left img, .imgtext-right img {
	margin-bottom: 5px;
}

.border {
	padding: 1px;
	border: 1px solid #cdcdcc;
}

/* Positionering ****************************************************/

div#aroundeverything {
	display: block;
	background: #717362 url(../img/bg.gif) repeat-y center;
	bottom: 0;
	top: 0;
	margin: 0 auto;
	/*margin-left: 50%;
	left: -493px;
	position: absolute;*/
	width: 986px;
}

* html div#aroundeverything {
	height: 100%;
}

div#layout-body {
	width: 951px;
	padding: 0 17px;
	background: #717362 url(../img/bg.gif) repeat-y scroll;
	overflow: hidden;
	*height: 100%;
}

div#layout-body .full {
	width: 951px;
	margin: 0 0 0 0px;
	height: 297px;
	background: url(../img/top_default.jpg) no-repeat;
}

div#top{
	background: url(../img/bg_topmeny.gif) no-repeat;
	height: 45px;
	overflow: hidden;
}

div#container {
	background: url(../img/bg_main.gif) no-repeat;
	min-height: 400px;
}

* html div#container {
	height: 400px;
}

div#left {
	width: 190px;
	float: left;
	padding: 0 0px 0 11px;
}

.slut-bort {
	border-top: 1px solid red;
	border-bottom: 1px solid red;
}

.slut-kvar {
	border-top: 0px solid green;
	border-right: 0px solid green;
}

div#main {
	float: right;
	padding: 21px 2px 0 0px;
	width: 738px;
}

div#main .wide {
	width: 700px;
	padding: 0 0 0 29px;
}

div#main .main-left {
	width: 486px;
	float: left;
	padding: 0 0 0 29px;
}

div#main .main-right {
	width: 190px;
	float: right;
	padding: 0 9px 0 0px;
}

/* Footer ****************************************************/

div#footer {
	clear: both;
}

div.footer-banner {
	float: right;
	margin: 0px 0 0 0px;
	padding: 0 0 20px 0;
	width: 710px;
}

div#footer-fot {
	/*float: right;*/
	height: 100%;
	overflow: hidden;
	width: 100%;
	margin: 0px 0 0 0px;
	border-top: 1px solid #bfbfbf;
	padding: 0 0 0px 0;
	background: #fff;
	clear: both;
}

div#footer #footer-left {
	float: left;
	width: 500px;
	margin: 0 0 0 0px;
	padding: 20px 0 0 45px;
	background: url(../img/footer_logo.png) no-repeat;
	height: 35px;
}

div#footer #footer-right {
	float: right;
	text-align: right;
	width: 320px;
	margin: 0 0 0 0px;
	padding: 20px 15px 0 0;
	height: 35px;
}

/* Meny nivå 1 ****************************************************/

div#topmeny {
	width: 740px;
	overflow: hidden;
	float: left;
	padding: 0 0px 0 0px;
}

div#topmeny ul {
	list-style-type: none;
	height: 45px;
}

div#topmeny li {
	float: left;
	line-height: 36px;
	background: url(../img/divider_menu.gif) no-repeat left;
	padding: 0 16px 0px 0;
}

div#topmeny li.active {
	background: url(../img/bg_topmeny_right.gif) no-repeat right;
}

div#topmeny li#first {
	padding: 0 16px 0px 0;
	background: none;
}

div#topmeny li a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	height: 36px;
	line-height: 36px;
	display: block;
	padding: 0 0 0px 16px;
}

* html div#topmeny li a {
	display: inline;
}

div#topmeny li a.active {
	padding: 0 0 0px 16px;
	background: url(../img/bg_topmeny_left.gif) no-repeat left;
}

div#topmeny li#first a.active {
	padding: 0 0 0px 16px;
	background: none !important;
}

/* Meny nivå 2 ****************************************************/

div#menu-left {
	background: #fff url(../img/menu_top.gif) no-repeat;
	margin: 0 0 0px 0;
}

div#menu-left ul {
	list-style-type: none;
}

div#menu-left a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 0px;
	display: block;
}

div#menu-left ul.level-2 {
	/*background: url(../img/menu_bottom.gif) no-repeat bottom;*/
	padding: 24px 0 0px 0px;
}

div#menu-left ul.level-2 li {
	padding: 0px 0 0px 0px;
	*display: inline-block;
}

div#menu-left ul.level-2 li a {
	padding: 5px 0 0px 14px;
	*padding: 2px 0 0px 14px;
}

div#menu-left ul.level-2 li.active, div#menu-left ul.level-2 li.active-parent {
	padding: 0px 0 3px 0px;
	background: #f2f2f0 url(../img/bg_l2_top.gif) no-repeat;
}

div#menu-left ul.level-2 li.active a {
	color: #860000;
	background: url(../img/arrow.gif) no-repeat;
	padding: 2px 0 0px 14px;
}

div#menu-left ul.level-2 li.active-parent a {
	color: #000;
	background: none;
	padding: 2px 0 0px 14px;
}

div#menu-left ul.level-2 li.active-active a {
	color: #860000;
	background: url(../img/arrow.gif) no-repeat;
	padding: 2px 0 0px 14px;
}

/* Meny nivå 3 ****************************************************/

div#menu-left ul.level-3 li {
	padding: 0px 0 0px 0px !important;
	color: #000 !important;
	background: none !important;
}

div#menu-left ul.level-3 li a.l3 {
	padding: 2px 0 2px 23px !important;
	color: #000;
	background: none !important;
}


div#menu-left ul.level-3 li.active-l3 a.l3 {
	color: #860000 !important;
	background: url(../img/arrow_l3.gif) no-repeat !important;
}


/* Meny nivå 4 ****************************************************/

div#menu-left ul.level-4 li {
	padding: 0px 0 0px 0px !important;
	color: #000 !important;
	background: none !important;
}

div#menu-left ul.level-4 li a.l4 {
	padding: 0px 0 0px 32px !important;
	color: #000;
	background: none !important;
	font-weight: normal;
}

div#menu-left ul.level-4 li.active-l4 a.l4 {
	color: #860000 !important;
	background: url(../img/arrow_l4.gif) no-repeat !important;
}

div#menu-left a:hover {
	background: none;
	color: #860000 !important;
}

/* Sök - se också applesearch.css ****************************************************/

div.search {
	padding: 6px 11px 0 0;
	float: right;
	width: 180px;
	text-align: right;
}

.searchBox {
	width: 110px;
}

.search-pages span {
	padding: 0px 4px 0 0;
}

/* Vit puff till vänster ****************************************************/

div.puff-vit-left .top {
	background: url(../img/puff_left_vit_top.gif) no-repeat top;
	height: 7px;
	font-size: 1px;
}

div.puff-vit-left .content {
	background: #fff;
	padding: 5px 14px 10px 14px;
}

div.puff-vit-left .bottom {
	background: url(../img/puff_bottom.gif) no-repeat bottom;
	height: 6px;
	margin: 0 0 17px 0;
}

/* Gul puff till vänster ****************************************************/

div.puff-gul-left .rubrik {
	background: url(../img/puff_left_gul_top.gif) no-repeat;
	line-height: 26px;
	color: #fff;
	font-weight: bold;
	padding: 0 0 0 14px;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
}

div.puff-gul-left .content {
	background: #fff;
	padding: 12px 14px 16px 14px;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
}

div.puff-gul-left .content a.arrow-link, div.puff-gul-left .content a.arrow {
	display: block;
	padding: 2px 0 2px 10px !important;
}

div.puff-gul-left .bottom {
	background: url(../img/puff_bottom.gif) no-repeat bottom;
	height: 6px;
	margin: 0 0 10px 0;
}

/* Gul puff till höger ****************************************************/

div.puff-gul-right .rubrik {
	background: url(../img/puff_right_gul_top.gif) no-repeat;
	margin: 0 0 0 0;
	line-height: 25px;
	color: #fff;
	font-weight: bold;
	padding: 0 0 0 14px;
}

div.puff-gul-right .content {
	background: #eff0e9;
	padding: 12px 14px 22px 14px;
	border: 1px solid #cecece;
	margin: 0 0 10px 0;
	font-size: 10px;
}

div.main-left div.puff-gul-right .content {
	background: #ffffff !important;
	border-top: 0px solid #cecece !important;
	font-size: 12px !important;
}

/* Utfällbar puff ****************************************************/

div.extendable .ext-top, div.none-extendable .ext-top {
	background: url(../img/ext_top.gif) no-repeat;
	height: 23px;
	color: #fff;
	font-weight: bold;
	line-height: 23px;
	padding: 4px 27px 0 14px;
}

div.extendable .ext-content, div.none-extendable .ext-content {
	background: #fff;
	padding: 12px 14px 14px 14px;
	border-top: 3px solid #9B052D;
}

div.extendable .ext-bottom, div.none-extendable .ext-bottom {
	background: url(../img/ext_bottom.gif) no-repeat;
	height: 9px;
	margin-bottom: 10px;
}

div.extendable .ext-content a.button {
	display: block;
	float: right;
	margin-top: 5px;
}

div.extendable .ext-content input#email {
	display: block;
}

div.extendable .ext-content input#email2 {
	display: block;
	float: left;
	margin-top: 5px;
}

div.none-extendable .loggaut {
	float: right;
}

div.none-extendable .ext-content {
	height: 100%;
	overflow: hidden;
	line-height: 17px;
}

/* Grå puff ****************************************************/

div.puff-grey {
	background: url(../img/puff_grey_avdelare.gif) repeat-y;
	height: 100%;
	overflow: hidden;
}

div.puff-grey-rub {
	background: url(../img/puff_grey_rub.gif) no-repeat;
	height: 25px;
	font-weight: bold;
	line-height: 25px;
	padding: 0 27px 0 14px;
	border-bottom: 1px solid #c2c2c2;
	color: #860000;
}

div.puff-grey-left {
	width: 220px;
	float: left;
	padding: 0px 0px 0 0px;
}

div.puff-grey-right {
	width: 220px;
	float: right;
	padding: 0px 0px 0 0px;
}

/* Nyhetspuff ****************************************************/



div.news .rubrik {
	background: url(../img/puff_right_gul_top.gif) no-repeat;
	margin: 0 0 0 0;
	line-height: 25px;
	color: #fff;
	font-weight: bold;
	padding: 0 0 0 14px;
}

div.news .content {
	background: #eff0e9;
	padding: 12px 14px 22px 14px;
	border: 1px solid #cecece;
}

/* Loginruta ****************************************************/

div#loginboxlayer {
	/*position: relative;*/
}

div#loginlayer0 {
	display: block;
}

.inputtext {
	width: 120px;
	border: 1px solid #303030;
	color: #303030;
	padding: 2px 2px;
	font-size: 10px;
}

/* Film puff på framsidan ****************************************************/

div.filmpuff {
	background: #f0f1e9 url(../img/bg_filmpuff.jpg) no-repeat;
	height: 90px;
	border-top: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;
}

a.link {
	float: left;
	height: 90px;
	width: 250px;
	display: block;
	border-bottom: 0px dotted #00529c;
}

div.filmpuff .bild1 {
	width: 63px;
	float: left;
	padding: 21px 0 0 8px;
}

div.filmpuff .bild2 {
	width: 63px;
	float: left;
	padding: 21px 0 0 8px;
}

div.filmpuff .bild3 {
	width: 63px;
	float: left;
	padding: 21px 0 0 8px;
}

/* Formulär - ny ****************************************************/

form.form-module {
	background: #fff;
}

.text-input {
	width: 97%;
}

form.form-module div.form-module-inside {
  padding-left: 0px;
  padding-right: 0px;
}

form.form-module div.form-module-bottom {
  padding: 0px 0px 0px 0px;
}

.row {
  overflow: hidden;
  height: 100%;
}

.col {
  float: left;
  padding: 5px 0 5px 0;
  width: 46%;
  overflow: hidden;
}

.col1, .col2, .col3 {

}

.colspan1 {
  width: 30%;
}

.colspan2 {
  width: 60%;
}

.colspan3 {
  width: 90%;
}

form.form-module select {
  border: 1px solid silver;
  width: 100%;
}

.popup {
  width: 100%;
}

.section {
  
}

.reset-button {
  float: left;
}

label.checkbox-label span, label.radio-button-label span {
  padding-left: 3px;
}

label.file-label, label.file-label span, label.textarea-label span, span.popup, label.checkbox-label, label.radio-button-label {
  display: block;
  padding: 2px 0 2px 0;
}

.error {
  border: 1px dotted red;
  background-color: pink;
  display: block;
  padding: 3px;
  margin-top: 5px;
}

/* Surveylist - högerkolumn  ******************************************************************/

div.survey .servey-rub {
	background: url(../img/puff_right_gul_top.gif) no-repeat;
	margin: 0 0 0 0;
	line-height: 25px;
	color: #fff;
	font-weight: bold;
	padding: 0 0 0 14px;
}

div.survey .servey-content {
	background: #eff0e9;
	padding: 12px 14px 22px 14px;
	border: 1px solid #cecece;
	margin: 0 0 10px 0;
	font-size: 10px;
}
div.survey .servey-content h3 {
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	margin: 5px 0;
	padding: 0;
	color: #860000;
}

ul.survey-list {
	margin: 0 !important;
	padding: 5px 0 !important;
	list-style-type: none;
}

ul.survey-list li {
	padding: 2px 0;
}

/* Surveylist - mittenkolumn  ******************************************************************/

div.main-left div.survey .servey-rub {
	background: none;
	margin: 0 0 0 0;
	line-height: 25px;
	color: #fff;
	font-weight: bold;
	padding: 0 0 0 14px;
	display: none;
}

div.main-left div.survey .servey-content {
	background: #ffffff !important;
	border: 0px solid #cecece !important;
	font-size: 12px !important;
}


div.main-left div.survey .servey-content h3 {
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	margin: 5px 0;
	padding: 0;
	color: #860000;
	font-weight: bold;
}

ul.survey-list {
	margin: 0 !important;
	padding: 5px 0 !important;
	list-style-type: none;
}

ul.survey-list li {
	padding: 2px 0;
}

/** Earth hour modul  ******************************************************************/

div.ea-show {
	padding: 20px 0 30px 0;
}

div.ea-form-2 {
	padding: 300px 0 0 0;
	clear: both;
}

div.ea-form-2 td {
	padding: 8px 0 8px 5px;
}

div.ea-form-2 td.no-space-top {
	padding: 0px 0 8px 5px;
	font-size: 9px;
	color: #999;
}

div.ea-form-2 td.no-space-bottom {
	padding: 8px 0 0px 5px;
}

div.ea-form-2 .tecken-kvar {
	font-size: 9px;
	color: #999;
}

div.ea-form-2 .tecken-kvar input {
	border: 0px;
	background: #fff;
	font-size: 9px;
	color: #999;
}

div.ea-form-2 .capi{
	text-transform: capitalize;
}

table.ea-table {
	width: 400px;
}

div.ea-show-2 {
	clear: both;
}

div.ea-flash-lan {
}

div.ea-map {
	float: left;
}
div.ea-map-text {
	float: right;
	width: 200px;
}

div.stad-members {
	padding: 0 0 15px 0;
}

div.stad-member {
	padding: 10px 0 15px 0;
}

span.ea-inof-org {
	color: #860000;
	font-weight: bold;
}

/* Antal anmälda */

.ea-show-count {background: #000;}
.roundtop {background: #ffffff;}
.roundbottom {background: #ffffff;}
.r1{margin: 0 5px; height: 1px; overflow: hidden; background: #000;}
.r2{margin: 0 3px; height: 1px; overflow: hidden; background: #000;}
.r3{margin: 0 2px; height: 1px; overflow: hidden; background: #000;}
.r4{margin: 0 1px; height: 2px; overflow: hidden; background: #000;}

.ea-show-count-content {
	padding: 10px 20px;
	color: #fff;
}

.ea-show-count-content a {
	color: #fff;
	text-decoration: none;
	border-bottom: 0px !important;
	background: none;
}

.ea-show-count-content a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 0px !important;
	background: none !important;
}

span.ea-left {
	background: #000;
	display: block;
	float: left;
	height: 18px;
}
td.ea-dotted {
	background: url(../img/dotted.gif) repeat-x bottom;
}

/* Dela *******************************************************/

div.dela a {
	width: 20px;
	border: 0px !important;
	text-decoration: none;
	margin: 0 6px 0 0;
}

div.dela a:hover {
	background: none !important;
}

/* Press gallery ****************************************************/

.gallery-overlay {
	background-image: url(../img/gallery/transparent.png);
	overflow: hidden;
}

* html .gallery-overlay {
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	padding: 10px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/gallery/transparent.png", sizingMethod="scale");
}

.gallery-background {
	background: #fff url(../img/gallery/close.gif) no-repeat top right;
	padding: 15px;
	display: table;
	margin: 0 auto 0 auto;
	display: none;
}

.gallery-image {
	border: 0px solid red;
}

.gallery-list {
	margin: 3px 0 0 0;
}

/* Press modulen */

div.press {
	padding: 0;
}


div.press h2 {
	display: none;
}

td.gallery-td {
	vertical-align: top;
	padding: 0 0 15px 0;
}

.gallery-name {
	display: none;
}

.gallery-img img {
	border: 0px solid #999;
	padding: 0 0 2px 0;
cursor: pointer;
}

.gallery-weight, .gallery-description, .gallery-size, .gallery-download a {
	font-size: 10px;
	color: #666;
	/*white-space: nowrap;*/
}

.gallery-weight {
	float: left;
	padding: 0 14px 0 0;
	background: url(../img/gallery/slash.gif) no-repeat right;
}

.gallery-size {
	float: left;
	padding: 0 0px 0 0px;
}

.gallery-download {
	padding: 0 0px 0 20px;
	background: url(../img/gallery/download.gif) no-repeat left;
	clear: both;
}

/*** tab objekt ***/

h5 {
	margin: 0 0px;
	list-style-type: none;
	border-bottom: 0px solid #db8c11;
	height: 100%;
	overflow: hidden;
	padding: 0 0px 19px 0px; 
	margin: 0 0px 0px 0px;
	background: url(../img/tab_border.gif) repeat-x;
	height: 32px;
	line-height: 32px;
}

h5.tab {
}

h5.tab-active {
	color: #fff;
}

ul.tab-navigation {
	list-style-type: none;
	border-bottom: 0px solid #db8c11;
	height: 100%;
	overflow: hidden;
	padding: 0 0px 30px 0px !important; 
	margin: 0 0px 0px 0px;
	background: url(../img/tab_border.gif) repeat-x;
}

ul.tab-navigation li {
	float: left;
	font-weight: bold;
	margin: 0 0px 0px 0;
	padding: 0 0px 0px 0;
	background: url(../img/tab_left.gif) no-repeat top left;
	height: 32px;
	line-height: 32px;
}

ul.tab-navigation li.active {
	margin: 0 0px 0px 0px;
	border: 0px;
	background: url(../img/tab_active_left.gif) no-repeat top left;
}

ul.tab-navigation li a {
	text-decoration: none;
	color: #000 !important;
	line-height: 27px;
	padding: 0 18px 0 11px;
	display: block;
	background: url(../img/tab_right.gif) no-repeat top right;
	height: 32px;
	line-height: 32px;
	border: 0px !important;
}

ul.tab-navigation li a:hover {
	background-color: transparent !important;
}

ul.tab-navigation li.active a {
	display: block;
	background: url(../img/tab_active_right.gif) no-repeat top right;
	outline: none;
}

ul.tab-navigation li.active a a, ul.tab-navigation li a a {
	background: none;
	padding: 0 0px 0 0px;
}

.tab-container {
	clear: both;
	padding: 0px 0 15px 0;
}