/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

/* SITE STRUCTURE */

body {
	background-color: #000000;
	max-width: 797px;
	width: auto;
	margin: 0 auto;
}

* {	font-family: "Verdana"; font-size: 11px; padding: 0; margin: 0; }

.imagedropshadow {
	padding: 5px;
	border: solid 2px #FFF;
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
	box-shadow: 1px 1px 5px #999;
}

.container {
	float: left;
	text-align: left;
	max-width: 797px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #ccc;
	background-color: #FFF;
	display: inline;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 0 0 50px #FFFFFF;
	box-shadow: 0 0 50px #FFFFFF;
	border: 2px solid #FFFFFF;
}

img { border: 0; }

.nyheter_ul { margin: 0; padding: 0; list-style: none }
.nyheter_ul li { margin-bottom: 8px; }

.jakriheader img {
	max-width: 100vw;
}

/************* #globalNav styles **************/

#globalNav{
	float: left;
	padding-bottom: 10px;
	padding-top: 0px;
	max-width: 797px;
	margin-bottom: 10px;
	width: 100vw;
}

#globalNav .menu,
#globalNav .menu ul {
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0;
}

#globalNav .menu li {
	float: left;
	margin-left: 0px;
	border-right: 2px;
	border-right-style: solid;
	border-right-color: #FFCC00;
}

#globalNav .menu li a,
#globalNav .menu li a:visited {
	background: url(../graphics/nav_bg.jpg) repeat;
	color: #FFFFFF;
	font: bold 12px arial;
	line-height: 37px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 11px;
	padding-right: 11px;
	text-decoration: none;
}

#globalNav .menu ul li a,
#globalNav .menu ul li a:visited {
	border: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFCC00;
	color: #000;
	line-height: 16px;
	padding: 2px 5px;
	text-decoration: none;
	width: 165px;
}

#globalNav .menu li a:hover,
#globalNav .menu li.sfhover,
#globalNav .menu li.current_page_item,
#globalNav .menu li.current-menu-item,
#globalNav .menu li.current_page_ancestor,
#globalNav .menu li.current-category-ancestor,
#globalNav .menu li.current-menu-parent,
#globalNav .menu li.current-menu-ancestor,
#globalNav .menu li.current_page_parent {
	background: url(../graphics/li_hov.jpg);
}

#globalNav .menu ul li a:hover {
	background: #FFCC00 !important;
}

/* END MENU CSS */

h1{
	font-family: 'Della Respira', serif;
	font-size: 250%;
	color: #000000;
}

.presentationstext{
	font-family: 'Varela Round', sans-serif;
	font-size: 130%;
	color: #000000;
}

.presentationstextbold{
	font-family: 'Varela Round', sans-serif;
	font-size: 130%;
	font-weight: bold;
	color: #000000;
}

.presentationstext a{
	font-family: 'Varela Round', sans-serif;
	font-size: 130%;
	color: #0000FF;
}

.presentationstext a:hover{
	font-family: 'Varela Round', sans-serif;
	font-size: 130%;
	color: #0000FF;
}

#contents {
	position: relative;
	float: left;
	clear: both;	
	margin: 10px 10px;
	width: 100%;
	display: inline;
}

.presentationsboxgul {
background: linear-gradient(left top, #FFCC00 3%, #000000 22%);
background: -o-linear-gradient(left top, #FFCC00 3%, #000000 22%);
background: -moz-linear-gradient(left top, #FFCC00 3%, #000000 22%);
background: -webkit-linear-gradient(left top, #FFCC00 3%, #000000 22%);
background: -ms-linear-gradient(left top, #FFCC00 3%, #000000 22%);

background: -webkit-gradient(	linear,	left top,	right bottom,	color-stop(0.03, #FFDD00),	color-stop(0.22, #FFFFFF) );
/* #B94C73 */
}

.presentationsboxred {
background: linear-gradient(right bottom, #FF0000 3%, #000000 22%);
background: -o-linear-gradient(right bottom, #FF0000 3%, #000000 22%);
background: -moz-linear-gradient(right bottom, #FF0000 3%, #000000 22%);
background: -webkit-linear-gradient(right bottom, #FF0000 3%, #000000 22%);
background: -ms-linear-gradient(right bottom, #FF0000 3%, #000000 22%);

background: -webkit-gradient(	linear,	right bottom,	left top,	color-stop(0.03, #FF0000),	color-stop(0.22, #000000) );
}

/* INDEX PAGE */

.indexpagetables {
	display: table;
	width: 95%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.indexpagetablesbody {
	display: table-row-group;
}
.indexpagetablesrow {
	display: table-row;
}
.indexpagetablescell {
	display: table-cell;
	vertical-align: top;
}
.indexpagetablescell p {
	font-family: 'Varela Round', sans-serif;
	font-size: 130%;
	margin-left: 15px;
	margin-right: 15px;
	text-align: justify;
}

.indexpagetablesnyheter {
	display: table;
	width: 95%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.indexpagetablesnyheterbody {
	display: table-row-group;
}
.indexpagetablesnyheterrow {
	display: table-row;
}
.indexpagetablesnyhetercell {
	display: table-cell;
	vertical-align: top;
}
.nyheterimgboxwrap {
	width: 400px;
	height: 166px;
}
.image_fader {
	z-index: 20;
	position: absolute;
	width: 400px; height: 166px;
	border: solid 2px #FFF;
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
	box-shadow: 1px 1px 5px #999;
}
.image_fader_next {
	z-index: 10;
	position: absolute;
	width: 400px;
	height: 166px;
	border: solid 2px #FFF;
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
	box-shadow: 1px 1px 5px #999;
}

/* NYHETER CSS */
.nyheterpagetables {
	display: table;
	width: 95%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.nyheterpagetablesbody {
	display: table-row-group;
}
.nyheterpagetablesrow {
	display: table-row;
}
.nyheterpagetablescell {
	display: table-cell;
	vertical-align: top;
}
.nyheterpagetablescell p {
	font-family: 'Varela Round', sans-serif;
	font-size: 130%;
	margin-left: 15px;
	margin-right: 15px;
	text-align: justify;
}

.nyhetsrubrikcontainer { float: left; width: 100%; clear: both; border-bottom: 1px solid #FFFFFF; margin-bottom: 10px; cursor: pointer; }

.nyhetsrubrikcontainer2 { float: left; width: 100%; background-image: url('nyheter_sida_item.jpg'); background-repeat: repeat-x; clear: both; font-weight: bold; border-bottom: 1px solid #bcbcbc; cursor: pointer; } 
/* .nyhetsrubrikcontainer2 a { text-decoration: none; } */
.nyhetsrubrik { float: left; margin-left: 3px; font-family: 'Varela Round', sans-serif; font-weight: bold; font-size:140%; color: #000000; }

.nyhetsrubrikdatum { float: right; margin-right: 3px;  font-family: 'Varela Round', sans-serif; font-weight: bold; font-size:140%; color: #000000; }

.nyhetstext { clear: both; margin-bottom: 40px; width: 100%; margin-top: 10px; font-family: 'Varela Round', sans-serif; font-weight: normal; font-size: 130%; color:#000000; }
.nyhetstext a{  clear: both;
				width: 100%;
				margin-top: 10px;
				font-family: 'Varela Round', sans-serif;
				font-weight: bold;
				font-size: 100%;
				color: #0000FF;
}
.nyhetstext a:hover{ clear: both; width: 100%; margin-top: 10px; font-family: 'Varela Round', sans-serif; font-weight: bold; color: #FF0000; }
.nyhetstext img {
	width: 100%;
	height: 100%;
}

/* EVENEMANG CSS */
.evenemangpagetables {
	display: table;
	width: 95%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.evenemangpagetablesbody {
	display: table-row-group;
}
.evenemangpagetablesrow {
	display: table-row;
}
.evenemangpagetablescell {
	display: table-cell;
	vertical-align: top;
	padding-left: 15px;
	padding-right: 15px;
}
.evenemangpagetablescell p {
	font-family: 'Varela Round', sans-serif;
	font-size: 130%;
	margin-left: 15px;
	margin-right: 15px;
	text-align: justify;
}

/* OMRADEN CSS */
.omradenpagetablestop {
	display: table;
	width: 95%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.omradenpagetablestopbody {
	display: table-row-group;
}
.omradenpagetablestoprow {
	display: table-row;
}
.omradenpagetablestopcell {
	display: table-cell;
	vertical-align: top;
	padding-left: 15px;
	padding-right: 15px;
}
.omradenpagetablestopcell p {
	font-family: 'Varela Round', sans-serif;
	font-size: 130%;
	margin-left: 15px;
	margin-right: 15px;
	text-align: justify;
}
.omradenpagetablestop {
	display: table;
	width: 95%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.omradenpagetables {
	display: table;
	width: 95%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.omradenpagetablesbody {
	display: table-row-group;
}
.omradenpagetablesrow {
	display: table-row;
}
.omradenpagetablescell {
	display: table-cell;
	vertical-align: top;
	padding-left: 15px;
	padding-right: 15px;
}
.omradenpagetablescell p {
	font-family: 'Varela Round', sans-serif;
	font-size: 130%;
	margin-left: 15px;
	margin-right: 15px;
	text-align: justify;
}


/* -------------------------- */

#sidebar { float: left; position: relative; width: 255px; margin-right: 13px; clear: left; display: inline; }

#sidebar ul { list-style: none; }

#sidebar ul li { margin-top: 8px; }

#sidebarheader { color: #222; background-color: #e8e8e8; font-weight: bold; border-bottom: 1px solid #bcbcbc; }

#mainimage { float: left; clear: both; }

#footer { float: left; clear: both; margin-top: 10px; margin-bottom: 10px; letter-spacing: 1.5px; }

#submit {
	font-family: 'Varela Round', sans-serif;
	padding: 5px 5px 5px 5px;
}

.spacer2 { width: 777px; height: 0px; float: left; display: none; margin-top: 2px; border: 1px solid #f00; }
.spacer { max-width: 777px; height: 10px; float: left; display: inline; }
.divider { height: 5px; border-bottom: 1px solid #ccc; width: 100%; clear: both; margin-bottom: 10px; }

/* LEDIGA LAGENHETER CSS */
.ledigalagenheterpagetables {
	display: table;
	width: 95%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.ledigalagenheterpagetablesbody {
	display: table-row-group;
}
.ledigalagenheterpagetablesrow {
	display: table-row;
}
.ledigalagenheterpagetablescell {
	display: table-cell;
	vertical-align: top;
	padding-left: 15px;
	padding-right: 15px;
}
.ledigalagenheterpagetablescell p {
	font-family: 'Varela Round', sans-serif;
	font-size: 130%;
	margin-left: 15px;
	margin-right: 15px;
	text-align: justify;
}

.ledigalagenheter_table { width:780px; float: left; display: inline; margin-bottom: 10px; }

.ledigalagenheter_tableheader { color: #000; font-weight: bold; }

.ledigalagenheter_tablerow a { text-decoration: none; color: #121212; }

.ledigalegenheter_list { float: left; list-style: none; padding: 0; }
.ledigalegenheter_list li { float: left; margin-right: 20px;}

.lediglagenhet_key { background-color: #e8e8e8; font-weight: bold; border-bottom: 1px solid #bcbcbc; width: 200px; }

.lediglagenhet_value { margin-bottom: 13px; }

.lediglagenhet { float: left; margin-right: 10px; margin-top: 13px; }

.lediglagenhet_links { list-style: none; clear:left; float: left; margin-right: 10px; width: 300px; }

.lediglagenhet_img { float: left; clear: left; margin-left: 12px; margin-bottom: 10px; }
.lediglagenhet_images { float: right; }


/* INTRESSEANMALAN CSS */

.intresseanmalanpagetables {
	display: table;
	width: 95%;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #f0f0f0;
	border-top: 1px solid #000;
}
.intresseanmalanpagetablesbody {
	display: table-row-group;
}
.intresseanmalanpagetablesrow {
	display: table-row;
}
.intresseanmalanpagetablescell {
	display: table-cell;
	vertical-align: top;
	padding-left: 15px;
	padding-right: 15px;
}

.intresseanmalan_key { width: 170px; margin-top: 5px; }

.intresseanmalan_key b { color: #f00; font-weight: bold; }

.intresseanmalan_main td { vertical-align: bottom; margin-left: 10px; margin-top: 10px; }

.intresseanmalan_value { margin-bottom: 5px; }

.intresseanmalan_key, .intresseanmalan_value { margin-left: 10px; }

.intresseanmalan_main {background-color: #f0f0f0; margin-bottom: 10px; margin-top: 5px; border-top: 1px solid #000; width: 600px; }

.intresseanmalan_main textarea { margin: 10px; width: 400px; height: 170px; }

.intresseanmalan_divider { margin-bottom: 0px; height: 1px; background-color: #999;	width: 100%; }

.intresseanmalan_godkannande_checkbox { height: 15px; width: 15px; margin-right: 6px;}

.intresseanmalan_godkannande_text {
	max-width: 750px;
	width: 90%;
}

.intresseanmalan_godkannande_checkbox, .intresseanmalan_godkannande_text { margin-top: 7px; margin-bottom: 10px; float: left; }

.intresseanmalan_skicka { float: left; width: 200px; margin-bottom: 15px; }

/* LEDIGA LOKALER CSS */
.ledigalokalerpagetables {
	display: table;
	width: 95%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.ledigalokalerpagetablesbody {
	display: table-row-group;
}
.ledigalokalerpagetablesrow {
	display: table-row;
}
.ledigalokalerpagetablescell {
	display: table-cell;
	vertical-align: top;
	padding-left: 15px;
	padding-right: 15px;
}
.ledigalokalerpagetablescell p {
	font-family: 'Varela Round', sans-serif;
	font-size: 130%;
	margin-left: 15px;
	margin-right: 15px;
	text-align: justify;
}

.lokalpagetables {
	display: table;
	width: 95%;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #f0f0f0;
	border-top: 1px solid #000;
}
.lokalpagetablesbody {
	display: table-row-group;
}
.lokalpagetablesrow {
	display: table-row;
}
.lokalpagetablescell {
	display: table-cell;
	vertical-align: top;
	padding-left: 15px;
	padding-right: 15px;
}

/* BOENDE & ADMIN CSS */
.interntpagetables {
	display: table;
	width: 95%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.interntpagetablesbody {
	display: table-row-group;
}
.interntpagetablesrow {
	display: table-row;
}
.interntpagetablescell {
	display: table-cell;
	vertical-align: top;
	padding-left: 15px;
	padding-right: 15px;
}

.sideimg { float: right; display: inline; margin-left: 10px; margin-bottom: 10px;}
/* .sideimg {	float: left;	display: block; } */

.lagenhetadmin_divider { border-bottom: 1px solid #aaa; display: block; width: 780px; }

.lagenhetadmin_key { margin-top: 5px; }

.lagenhetadmin_key { font-weight: bold; }

.lagenhetadmin_value input { }

.lagenhetadmin_main td { vertical-align: bottom; }

.lagenhetadmin_main_aligntop td { vertical-align: top; }
.lagenhetadmin_main_aligncenter td { vertical-align: center; }

.lagenhetadmin_value { margin-bottom: 5px; }

.lagenhetadmin_onebox { height: 20px; text-align: right; margin-right: 10px; }


.lagenhetadmin_key, .lagenhetadmin_value, .lagenhetadmin_onebox { margin-left: 10px; }

.lagenhetadmin_main, .lagenhetadmin_main_aligntop, .lagenhetadmin_main_aligncenter { background-color: #f0f0f0; margin-bottom: 10px; margin-top: 5px; border-top: 1px solid #000; width: 600px; }

.lagenhetadmin_main textarea, .lagenhetadmin_main_aligntop textarea { margin: 10px; width: 400px; height: 170px; }

.lagenhetsadmin_spara { width: 100px; }

.align_right { text-align: right; }

/* BOSTADSBYTE CSS */
.bostadsbyteinternaltable {
	display: table;
	width: 95%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.bostadsbyteinternaltablebody {
	display: table-row-group;
}
.bostadsbyteinternaltablerow {
	display: table-row;
}
.bostadsbyteinternaltablecell {
	display: table-cell;
	vertical-align: top;
	padding-left: 15px;
	padding-right: 15px;
}

.bostadsbytemaintable {
	display: table;
	width: 95%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.bostadsbytemaintablebody {
	display: table-row-group;
}
.bostadsbytemaintablerow {
	display: table-row;
}
.bostadsbytemaintablecell {
	display: table-cell;
	vertical-align: top;
	padding-left: 15px;
	padding-right: 15px;
}

/* KONTAKTA OSS CSS */
.kontaktaosstable {
	display: table;
	width: 95%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.kontaktaosstablebody {
	display: table-row-group;
}
.kontaktaosstablerow {
	display: table-row;
}
.kontaktaosstablecell {
	display: table-cell;
	vertical-align: top;
	padding-left: 15px;
	padding-right: 15px;
}

.kontaktaossinternaltable {
	display: table;
	margin-top: 20px;
	margin-bottom: 20px;
}
.kontaktaossinternaltablebody {
	display: table-row-group;
}
.kontaktaossinternaltablerow {
	display: table-row;
}
.kontaktaossinternaltablecell {
	display: table-cell;
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
	word-break: break-word;
}





.kopman_subtable { margin: 6px; }

.kopman_subtable img { margin-right: 10px; }

.kopman_subtable td { vertical-align: top; }

.kopman_table td { vertical-align: top; }

.julmarknad { background-image: url('Bilder/julmarknad.jpg'); width: 700px; height: 505px }

.julmarknad p { display: inline; float: left; margin-top: 50px; margin-left: 360px; font-size: 25px; font-family: Arial; font-weight: bolder; color: #f2ef0c; }

.cal_table {
	border-spacing: 5px;
}
.cal_table td { text-align: center; height: 18px; }

.cal_header {  }
.cal_header td { font-family: 'Varela Round', sans-serif; font-weight: bold; color: #000000; width: 27px; height: 12px; border-bottom: 1px solid #000; }

.grey_tds { background-color: #e9e9e9; }
.grey_tds td { background-color: #e9e9e9; }

/* RESPONSIVE SECTION */

@media (max-width: 870px) {
body {	background-color: transparent;	}
}

@media (max-width: 650px) {
.nyheterimgboxwrap {	width: 200px;	height: 83px;	}
.image_fader {	z-index: 20;	position: absolute;	width: 200px;	height: 83px;	border: solid 2px #FFF;	-moz-box-shadow: 1px 1px 5px #999;	-webkit-box-shadow: 1px 1px 5px #999;	box-shadow: 1px 1px 5px #999;	}
.image_fader_next {	z-index: 10;	position: absolute;	width: 200px;	height: 83px;	border: solid 2px #FFF;	-moz-box-shadow: 1px 1px 5px #999;	-webkit-box-shadow: 1px 1px 5px #999;	box-shadow: 1px 1px 5px #999;	}
.intresseanmalanpagetablescell {	display: table-row;	vertical-align: top;	}
}

@media (max-width: 625px) {
.bostadsbyteinternaltablecell {	display: table-row;	vertical-align: top;	}
}

@media (max-width: 600px) {
.ledigalagenheterpagetablescell {	display: table-row;	vertical-align: top;	}
.ledigalagenheterpagetablescell img {	display: block;	vertical-align: top;	margin: 0 auto;	}
}

@media (max-width: 580px) {
.indexpagetablescell {	display: table-row;	vertical-align: top;	}
.indexpagetablescell img {	display: block;	vertical-align: top;	margin: 0 auto;	}
.indexpagetablescell p {	margin-top: 15px;}
.evenemangpagetablescell {	display: table-row;	vertical-align: top;	}
}

@media (max-width: 550px) {
.omradenpagetablescell {	display: table-row;	vertical-align: top;	}
}

@media (max-width: 500px) {
.ledigalokalerpagetablescell {	display: table-row;	vertical-align: top;	}
.ledigalokalerpagetablescell img {	display: block;	vertical-align: top;	margin: 0 auto;	}
.lokalpagetablescell {	display: table-row;	vertical-align: top;	}
}

@media (max-width: 460px) {
.interntpagetables {	border-collapse: separate;	border-spacing: 10px;	}
.interntpagetablescell {	display: table-row;	vertical-align: top;	}
.interntpagetablescell img {	display: block;	vertical-align:top;	margin: 0 auto;	}
}

@media (max-width: 450px) {
.indexpagetablesnyhetercell {	display: table-row;	vertical-align: top;	}
.nyheterimgboxwrap {	width: 400px;	height: 166px;	}
.image_fader {	z-index: 20;	position: absolute;	width: 400px;	height: 166px;	border: solid 2px #FFF;	-moz-box-shadow: 1px 1px 5px #999;	-webkit-box-shadow: 1px 1px 5px #999;	box-shadow: 1px 1px 5px #999;	}
.image_fader_next {	z-index: 10;	position: absolute;	width: 400px;	height: 166px;	border: solid 2px #FFF;	-moz-box-shadow: 1px 1px 5px #999;	-webkit-box-shadow: 1px 1px 5px #999;	box-shadow: 1px 1px 5px #999;	}
}

@media (max-width: 420px) {
.nyheterimgboxwrap {	display: none;	}
.image_fader {	display: none;	}
.image_fader_next {	display: none;	}
}