@charset "utf-8";

/* CSS Document */



html {

	font-size:0.75em;	

}



body {

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.0em;

	font-style:normal;

	font-weight:normal;

	font-variant:normal;

	color:#333;

	line-height:1.4em;

	background-image:url(../sd_images/bg_body.jpg);

	background-repeat:no-repeat;

	background-position:center top;

	background-color:#000;

	

	text-align:center;

	padding:0;

	margin:0;

}



h1, h2, h3, h4, h5 {

		

}



h1 {

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.8em;

	line-height:1.2em;

	font-weight:normal;

	color:#000;

	margin:0.2em 0 0.8em 0;

}



h1.events {

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.7em;

	font-weight:normal;

	line-height:1.2em;

	color:#282828;

	padding:0 0 5px 0;

	margin:0 0 0.6em 0;

	border-bottom:solid 1px #000;

	border-bottom:solid 2px #b32b2d;

	text-transform:uppercase;

}



h2 {

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.2em;

	font-weight:bold;

	line-height:1.2em;

	color:#282828;

	padding:0;

	margin:0 0 0.2em 0;

}



h3 {

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.0em;

	font-weight:bold;

	line-height:1.2em;

	color:#282828;

	padding:0;

	margin:0 0 0.1em 0;

}





a:link, a:visited {

	color:#333;

}

a:hover {

	color:#333;

}



img {

	border:0;	

}



.bildVanster {

	float:left;

	margin:0 10px 10px 0;

}


.bildHoger {

	float:right;

	margin:0 0 10px 10px;

}



input, select, textarea {

	vertical-align: middle;

	font-size: 1.0em;

	font-family:Arial, Helvetica, sans-serif;

} 

label {

	cursor: pointer;

	font-weight: bold;

}



.clearBoth {

	clear:both;	

}



.ingress {

	font-size:1.1em;

	font-weight:bold;

	line-height:1.35em;

	color:#333;

	margin-top:0;

}



a.linkMore, a.linkMore:link, a.linkMore:visited, a.linMore:hover, a.linkMore:active {

	clear:both;

	float:right;

	color:#000;

	padding-left:12px;

	background-image:url(../sd_images/arrow.gif);

	background-repeat:no-repeat;

	background-position:left;

	text-decoration:none;

}

body a.linkMore:hover {

	text-decoration:underline;

}







/*Dold länk för hoppa till innehållet*/

.hidden {

	display:none;

	position: absolute;

	visibility: hidden;

}





#pageWrapper {

	width:900px;

	margin:0 auto;

	text-align:left;

	background-color:#FFF;

}



.topMedia {

	text-align:center;

	min-height:151px;

	height:auto !important;

	height:151px;

}



#footer {

	clear:both;

	font-size:0.95em;

	color:#575757;

	text-align:center;

	background-image:url(../sd_images/bg_footer.jpg);

	background-repeat:repeat-x;

	border-left:solid 10px #fff;

	border-right:solid 10px #fff;

}

#footer .content {

	padding:20px 30px;

}

#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {

	color:#575757;

}



/* TOPMENU */

div.topMenuHolder {

	color:#fff;

	font-size:0.9em;

	font-weight:bold;

	text-transform:uppercase;

	width:880px;

	float:left;

	display:inline;

	margin-left:10px;

	background-image:url(../sd_images/bg_topmenu.jpg);

	background-repeat:repeat-x;

	background-position:left top;

	background-color:#a50606;

}

.topMenuLeft {

	float:left;

	width:7px;

	height:36px;

	background-image:url(../sd_images/bg_topmenu_left.jpg);

	background-repeat:no-repeat;

	background-position:left top;

}

.topMenuRight {

	float:right;

	width:7px;

	height:36px;

	background-image:url(../sd_images/bg_topmenu_right.jpg);

	background-repeat:no-repeat;

	background-position:left top;

}



ul.topMenu {

	float:left;

	list-style-type:none;

	padding:0;

	margin:0;

	width:866px;

}

ul.topMenu li {

	list-style-type:none;

	float:left;

	width:auto;

	padding:0;

	margin:0;

}

.topMenu a, .topMenu a:link, .topMenu a:visited, .topMenu a:hover, .topMenu a:active {

	display:block;

	float:left;

	width:auto;

	padding:0 10px;

	color:#fff;

	text-decoration:none;

	background-image:url(../sd_images/bg_topmenu_divider.jpg);

	background-repeat:repeat-y;

	background-position:right top;

	

	min-height:36px;

	height:auto !important;

	height:36px;

}

.topMenu a:hover {

	background-image:url(../sd_images/bg_topmenu_active.jpg);

	background-repeat:repeat-x;

	background-position:left top;

	background-color:#820202;

	text-decoration:none;

}

.topMenu a span {

	display:block;

	width:auto;

	padding:10px 0 0 0;	

	white-space:nowrap;

}





/* LEFT MENU */

div.leftMenu {

	padding-right:10px;

}

div.leftMenu h2 {

	font-size:1.1em;

	font-weight:bold;

	border-bottom:solid 2px #b32b2d;

	padding:0 5px 0.2em 5px;

}

ul.leftMenu {

	list-style-type:none;

	padding:0;

	margin:0;

}

ul.leftMenu li {

	list-style-type:none;

	padding:5px 5px;

	margin:0;

	border-bottom:solid 1px #d1d2d4;

}





/* CONTENT */

.mainBlock {

	clear:both;

	float:left;

	width:880px;

	display:inline;

	margin-left:10px;

	margin-top:20px;

	margin-bottom:30px;

	

	min-height:400px;

	height:auto !important;

	height:400px;

}

.leftCol {

	float:left;

	width:210px;

}

.midAndRightCol {

	float:right;

	width:650px;

}

.midCol {

	float:left;

	width:418px;

}

.rightCol {

	float:right;

	width:210px;

}





/* BODY STATES */

body.noLeftCol .leftCol {

	display:none;

	visibility:hidden;

	position:absolute;

}

body.noLeftCol .midAndRightCol {

	width:880px;	

}

body.noLeftCol .midCol {

	width:628px;

}





/* BOX */

.boxBlue {

	margin-bottom:15px;

}

.boxBlue h1.boxHeader {

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.0em;

	font-weight:bold;

	color:#fff;

	text-transform:uppercase;

	margin:0;

	padding:4px 10px;

	background-color:#255674;

	background-image:url(../sd_images/bg_boxheader_blue.jpg);

	background-repeat:no-repeat;

	background-position:left top;

}

.boxBlue .boxContent {

	float:left;

	width:100%;

	background-image:url(../sd_images/bg_box_blue.gif)

}

.boxBlue .boxBottom {

	clear:both;

	float:left;

	width:100%;

	height:5px;

	font-size:0.1em;

	line-height:0.1em;

	background-image:url(../sd_images/bg_box_bottom_blue.jpg);

	background-repeat:no-repeat;

	background-position:left top;

}





/* NEWS LIST */

.newsList {

	padding:5px 0;

}

.newsList a, .newsList a:link, .newsList a:visited, .newsList a:hover, .newsList a:active {
	display:block;

	text-decoration:none;

	margin:0 0 0 0;

	padding:12px 0px;

	clear:both;

}

.newsList a:hover {

	background-color:#dae5eb;	

}

Body#startpage .newsList a {
	float:left;
	width:100%;
	padding:7px 0;	

}
Body#startpage .newsList .bildHoger {
	float:right;
	margin:0 7px 7px 10px;
}

.newsList a.linkMore:hover {

	clear:both;

	float:right;

	color:#000;

	padding-left:12px;

	background-image:url(../sd_images/arrow.gif);

	background-repeat:no-repeat;

	background-position:left;

	text-decoration:none;

	background-color:transparent;

	text-decoration:underline;

}

.newsList .datum {

	display:block;

	color:#545454;

	font-size:0.9em;

	line-height:1.0em;
	padding:0 7px;

}


.newsList .rubrik {

	display:block;

	font-size:1.0em;

	font-weight:bold;

	color:#000;
	padding:0 7px;

}

.newsList .news {

	display:block;

	color:#000;

}





/* EVENTS LIST */

body#startpage .evenemangsLista {
	

	clear:both;

	padding:10px 0 0 0;

	margin:0;

}

.evenemangsMenuList {

	float:right;

	width:130px;

	padding:0 0 20px 0;

	

}

.map {

	padding-bottom:20px;	

}

ul.mapList {

	list-style-type:none;

	padding:0;

	margin:0;

}

ul.mapList li {

		

}

.evenemangsLista {
	float:left;
	
	width:100%;

	clear:both;

	padding-bottom:50px;

}

.kommunRubHolder {
	clear:both;
}


.evenemang {

	float:left;

	width:100%;

	clear:both;

	border-bottom:solid 3px #d3dde3;

	margin-bottom:10px;
	padding-bottom:15px;
	padding-top:10px;

}

.evenemang .bildVanster {

	padding-bottom:10px;	

}

.evenemangsLista a, .evenemangsLista a:link, .evenemangsLista a:visited, .evenemangsLista a:hover, .evenemangsLista a:active {

	display:block;

	clear:both;

	text-decoration:none;

	color:#000;

	cursor:pointer;

}

.evenemangsLista a:hover {

	text-decoration:underline !important;

}

/*.evenemangsLista a:hover .header {

	text-decoration:underline;	

}*/

.evenemangsLista .image {

	float:left;

	width:156px;

	padding-bottom:10px;

}

.evenemangsLista .textHolder {

	padding-bottom:10px;

	float:right;

	width:262px;

}

.evenemangsLista .datum {

	display:block;

	color:#545454;

}

.evenemangsLista .rubrik {

	display:block;

	font-size:1.2em;

	font-weight:bold;

	color:#282828;

}

.evenemangsLista .infoText {

	display:block;

	color:#000;

}

.infoLeft {

	padding:0 0 0 10px;	

}





.datum {

	color:#545454;

}





div.rubrikKommun {

	float:left;

	width:100%;

	background-color:#255674;

	background-color:#517890;

	margin:0 0 1.0em 0;

}

div.rubrikKommun a, div.rubrikKommun a:link, div.rubrikKommun a:visited, div.rubrikKommun a:hover, div.rubrikKommun a:active {

	color:#fff;	

}

div.rubrikKommun span {

	float:right;

	width:auto;

	padding:3px 10px;

}

div.rubrikKommun h2 {

	float:left;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.0em;

	text-transform:uppercase;

	color:#fff;

	padding:3px 10px;

	margin:0 0 0 0;	

}





/* PUFFAR */

.puffar {

	

}

.puffar a, .puffar a:link, .puffar a:visited, .puffar a:hover, .puffar a:active {

	display:block;

	margin-bottom:10px;

}





/* Barnevenemangen */

.barnEventLista a, .barnEventLista a:link, .barnEventLista a:visited, .barnEventLista a:hover, .barnEventLista a:active {

	border-bottom:solid 3px #d3dde3;

	padding:10px 0;

	

	float:left;

	width:100%;

	display:block;

	clear:both;

	text-decoration:none;

	color:#000;

	cursor:pointer;

}

.barnEventLista a:hover {

	text-decoration:underline;

}

.barnEventLista .plats,

.barnEventLista .rubrik,

.barnEventLista .alder,

.barnEventsLista .infoText {

	display:block;

}



.barnEventLista .plats {

	display:block;

	font-size:1.2em;

	font-weight:bold;

	color:#990000;

}

.barnEventLista .rubrik {

	display:block;

	font-size:1.4em;

	font-weight:bold;

	color:#336699;

	text-transform:uppercase;

}

.barnEventLista .alder {

	display:block;

	font-size:1.2em;

	font-weight:bold;

	color:#990000;

}

.barnEventLista .infoText {

	

}





/* Vuxenevenemangen */

.vuxenEventLista a, .vuxenEventLista a:link, .vuxenEventLista a:visited, .vuxenEventLista a:hover, .vuxenEventLista a:active {

	border-bottom:solid 3px #d3dde3;

	padding:10px 0;

	

	float:left;

	width:100%;

	display:block;

	clear:both;

	text-decoration:none;

	color:#000;

	cursor:pointer;

}

.vuxenEventLista a:hover {

	text-decoration:underline;

}

.vuxenEventLista .plats,

.vuxenEventLista .rubrik,

.vuxenEventLista .alder,

.vuxenEventsLista .infoText {

	display:block;

}



.vuxenEventLista .plats {

	display:block;

	font-size:1.2em;

	font-weight:bold;

	color:#990000;

}

.vuxenEventLista .rubrik {

	display:block;

	font-size:1.4em;

	font-weight:bold;

	color:#336699;

	text-transform:uppercase;

}

.vuxenEventLista .alder {

	display:block;

	font-size:1.2em;

	font-weight:bold;

	color:#990000;

}

.vuxenEventLista .infoText {

	

}