
/* default värden -----------------------------------------------------*/
	
	html, body {
		margin:0;
		padding:0;
		height:100%;
	}

	
	a img {
		border:0;
	}
	
	
	h1 { 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1.6em; 
		color:#000000; 
		margin:0 0 0.4em 0;
		font-weight:700;
	}

	h2 { 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1.5em; 
		color:#000000; 
		margin:0 0 0.4em 0;
		font-weight:700;
	}

	h3 { 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1.4em; 
		color:#000000; 
		margin:0 0 0.3em 0;
		font-weight:700;
	}

	h4 { 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1.3em; 
		color:#000000; 
		margin:0 0 0.3em 0;
		font-weight:700;
	}

	h5 { 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1.2em; 
		color:#000000; 
		margin:0 0 0.2em 0;
		font-weight:700;
	}

	h6 { 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1.1em; 
		color:#000000; 
		margin:0 0 0.2em 0;
		font-weight:700;
	}

		
	p {
		margin:0.2em 0 0.8em 0;
		line-height:1.4em;
	}
	
		
/* områden ------------------------------------------------------------*/
	#body {
		background:#ffffff url('/client_files/images/body_background.gif') repeat-y;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:76%;
	}
	
	#layout {
		
		clear:both; 
		width:974px;
		text-align:left;
	}
	
	#layout_header {
		text-align:left;
	}
	

	#layout_menu {
		background-color:#aaa69e;
		padding:5px 0 5px 12px;
	}
	
	#layout_menu a {
		padding:2px;
		color:#000000;
		font-size:11px;
		font-weight:700;
		text-decoration:none;
	}
	#layout_menu a:hover {
		text-decoration:underline;
	}
		
	#layout_menupath {
		font-size:11px;
		background-color:#edeef7;
		border-bottom:1px solid #62659c;
	}
	
	#layout_menupath_container {
		padding: 4px 0px 4px 22px;
	}

		#layout_menupath a {
			color:#0072bc;
			font-size:11px;
		}
	
		#layout_menupath a:hover {
			text-decoration:none;
		}
		
	
	#layout_content {
		text-align:left;
	}
		#layout_content_left {
			width:221px;
			vertical-align:top;
			background: url('/client_files/images/menu_background.gif') no-repeat;
			color:#ffffff;
		}
		    #layout_content_left_container {
			padding:0px 10px 0px 10px;
			}
			
			#layout_content_left_spacer {
				width:221px;
			}

		#layout_content_main {
			width:773px;
			vertical-align:top;
			padding:0;
		}
		
		#layout_content_main_container {
			padding:4px 10px 0px 4px;
		}
	
		#layout_content_main a {
			color:#0072bc;
		}
	
		#layout_content_main a:hover {
			text-decoration:none;
		}
		
		
		#layout_content_mainstart {
			width:974px;
			vertical-align:top;
			padding:0;
		}
		
		#layout_content_mainstart_container {
			padding:4px 10px 0px 4px;
		}
	
		#layout_content_mainstart a {
			color:#0072bc;
		}
	
		#layout_content_mainstart a:hover {
			text-decoration:none;
		}
		
		
		
		
		#layout_content_text_sub {
			width:490px;
			vertical-align:top;
		}
			#layout_content_text_sub_container {
				padding:4px 10px 0px 10px;
			}
	
			#layout_content_text_sub a {
				color:#0072bc;
			}
		
			#layout_content_text_sub a:hover {
				text-decoration:none;
			}

	
		#layout_content_right {
			width:221px;
			vertical-align:top;
			font-size:0.95em;
		}
			#layout_content_right_container {
				padding:4px 4px 0px 4px;
			}
	
		#layout_content_right a {
			color:#0072bc;
		}
	
		#layout_content_right a:hover {
			text-decoration:none;
		}

	
		.layout_content_spacer {
		}
	
	
	#layout_content_addressinfo {
		padding: 4px 15px 4px 15px;
		text-align: center;
		background-color: #014b83;
		color: #FFFFFF;
	}
	
	#layout_content_addressinfo a {
		color: #FFFFFF;
	}


		

/* visar kalendarie på sidan */		
#preambleEvents {
	border-bottom:1px solid #dadada;
	padding-bottom:20px;
}

	#preambleEvents h1 {
		color: #0072bc;
		font-size:1.5em;
	}	
	
	#preambleEvents h2 {
		color:#000000;
		margin:0;
		font-size:1.2em;
	}		
	

	#preambleEvents p {
		margin:0;
	}
	
	#preambleEvents .readmore {
		font-size:smaller;
	}


#Events .month {
	background-color:#62659c;
	color:#ffffff;
	padding:2px 4px;
	font-size:1.2em;
	font-weight:700;
}

#Events .day {
	background-color:#e1e1e1;
	padding:2px 4px;
}

#Events .readmore {
	font-size:smaller;
	margin-bottom:15px;
}



/* visar nyheter på sidan */		
#preambleNews {
	padding:0px;
	padding-bottom:20px;
}

	#preambleNews h1 {
		color:#0072bc;
		font-size:1.5em;
	}
		
	#preambleNews h2 {
		color:#000000;
		margin:0;
		font-size:1.2em;
	}		
	
	#preambleNews p {
		margin:0;
	}
	
	#preambleNews a {
		color:#0072bc;
	}
	
	#preambleNews a:hover {
		text-decoration:none;
	}
	
	#preambleNews .date {
		color:#adadad;
	}
	
	#preambleNews .readmore {
		margin-bottom:15px;
		font-size:smaller;
	}

	
	
#News .readmore {
	font-size:smaller;
	margin-bottom:15px;
}

#News .date {
		color:#adadad;
	}


	

#PublicMenuTable {
	width:100%;
	margin-top:15px;
	font-size:0.95em;
}
	
	#PublicMenuTable .headlink {
		padding: 2px;
	}
	
	#PublicMenuTable .headlink a {
		color:#ffffff;
		text-decoration:none;
		font-weight:700;
	}
	
	#PublicMenuTable .headlink a:hover {
	
	}
	
	#PublicMenuTable .sublink {
		padding: 2px;
	}
	
	#PublicMenuTable .sublink a {
		color:#ffffff;
		text-decoration:none;
		font-weight:400;
	}
	
	#PublicMenuTable .sublink a:hover {
	
	}
	
	
	#PublicMenuTable .ruler {
		 background: url('/images/common/ruler_hor.gif') repeat-x;
		 padding:0 0 2px 0;
	}
	
	

	

	hr
	{
		color:#dadada;
		background-color:#dadada;
		height:1px;
	}
	
	div.hr
	{
		height:1px;
		background: url('/images/common/ruler_hor_solid.gif') repeat-x;
		clear:both;
		margin: 5px 0;
	}
	
	div.hr hr
	{
		display:none;
	}

	
/* bredd & höjd -------------------------------------------------------*/
	.w20 {
		width: 20px; 
	}
	
	.w30 {
		width: 30px; 
	}
	
	.w35 {
		width: 35px; 
	}
	
	.w40 {
		width: 40px; 
	}
	
	.w50 {
		width: 50px; 
	}
	
	.w60 {
		width: 60px; 
	}
	
	.w70 {
		width: 70px; 
	}
	
	.w80 {
		width: 80px; 
	}
	
	.w100 {
		width: 100px; 
	}
	
	.w130 {
		width: 130px; 
	}
	
	.w150 {
		width: 150px; 
	}
	
	.w175 {
		width: 175px;
	}
	
	.w180 {
		width: 180px; 
	}
	
	.w190 {
		width: 190px; 
	}
	
	.w200 {
		width: 200px; 
	}
	
	.w250 {
		width: 250px; 
	}
	
	.w260 {
		width: 260px; 
	}
	
	.w270 {
		width: 270px; 
	}
	
	.w300 {
		width: 300px; 
	}
	
	.w350 {
		width: 350px; 
	}
	
	.w400 {
		width: 400px; 
	}
	
	.w450 {
		width: 450px; 
	}
	
	.w460 {
		width: 460px; 
	}
	
	.w530 {
		width: 530px; 
	}


	
/* font style ---------------------------------------------------------*/
	.b {
		font-weight:bold;
	}
	
	.i {
		font-style:italic;
	}
	
	.u {
		text-decoration:underline; 
	}
	
	.n {
		font-weight:normal; 
	}

	.nowrap {
		white-space:nowrap;
	}

/* font storlek ------------------------------------------------------*/
	.smaller {
		font-size:smaller;
	}
	
	
/* font färger -------------------------------------------------------*/
	
/* länkar ------------------------------------------------------------*/

/* bakgrundsfärger ---------------------------------------------------*/
		
/* border ------------------------------------------------------------*/

/* cursor ------------------------------------------------------------*/
	.hand {
		cursor:pointer;
		cursor:hand;
	}


/* position ----------------------------------------------------------*/
	.left {
		float:left;
	}
	
	.right {
		float:right;
	}
	
	.txtleft {
		text-align:left;
	}
	
	.txtright {
		text-align:right;
	}
	
	.txtcenter {
		text-align:center;
	}
	
	.imgleft {
		float:left;
		margin-right:8px;
	}
	
	.imgright {
		float:right;
		margin-left:8px;
	}
	
	
/* övrigt ------------------------------------------------------------*/
	.error {
		font-size:9px;
		color:#ff0000;
		font-style:italic;
		font-weight:bold;
		padding-left:5px;
	}

	.screen {
		display:none;
	}

	.clear {
		clear:both;
	}

/* hml editor --------------------------------------------------------*/
	.Bild_vanster {
		float:left;
		clear:left;
		margin-right:8px;
	}
	
	.Bild_hoger {
		float:right;
		clear:right;
		margin-left:8px;
	}
	
	.mindre_storlek {
		font-size:smaller;
	}
	.storre_text {
		font-size:larger;
	}
	
	.tabell_vanster {
		display:block;
		float:left;
		clear:left;
		margin:0 10px 0 0;
		width:226px;
	}
	.tabell_vanster td {
		padding:10px;
	}
	
	.stor_bild {
		display:block;
		margin:0;
	}