/*-----------------------------------------------------
 * Project: ffjs
 * Author: Viktor
 * Date: 2007-03-10
 * File: main.css
 * Description: Main css for screen and projection. 
 ----------------------------------------------------*/


/***[basic]***/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

body{
	background-color:#c9ceac;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:small;
}

h1, h2, h3, h4, h5, h6{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}

h1{
	font-size:22px;
	margin:0 0 10px 0;
	padding:17px 0 0 60px;
	width:390px;
	height:38px;
	font-weight:normal;
	color:#fff;
	background:#00c url("images/h1.jpg") no-repeat top left;
}

h1 span{
	position:relative;
	top:-3px;
}

h2{
	font-weight:normal;
	font-size:18px;
	margin:0;
	padding:0;
	clear:both;
}

h3{
	font-size:115%;
	margin:10px 0 0 0;
}

h4{
	font-size:95%;
	margin: 8px 0 0 0;
}



li{
	font-size:90%;
}

p{
	margin:0 0 10px 0;
	font-size:90%;
	padding:;
	line-height:1.7em;
}

p.small{
	font-size:9px;
}

a{
	color:#007F29;
	text-decoration:none;
	outline:none;
}

a:hover{
	
}

a:active{
	color:#f00;
}

a.external_link span{
	background:transparent url(images/icon-link.gif) no-repeat right 1px;
	padding-right:10px;
}

img{
	border:0;
}

ul{
	list-style-type:none;
}

blockquote{margin:40px 0;}

.clear {
	display: block;
	clear: both;
	width: 100%;
	height: 1px;
	margin: 0 0 -1px;
	font-size: 1px;
	line-height: 1px;
}


/***[structure]***/

#wrapper {
	width:776px;
	margin: 0 auto;
	background:#fff url("images/bg.jpg") repeat-y top left;
}

#top {
	background:transparent url("images/top.jpg") no-repeat 8px 0;
	height:138px;
	position:relative;
	padding:0 8px;
}

#content{
	padding:0 8px;
	padding-top:10px;
	margin-bottom:15px;
}

#leftcolumn{
	width:490px;
	padding:0 10px 20px 10px;
	float:left;
	overflow:hidden;
}

#rightcolumn{
	width:230px;
	padding:12px 0 0 10px;
	float:left;
}

#bottom{
	clear:both;
	width:756px;
	height:10px;
	background:#c9ceac url("images/bg_bottom.jpg") no-repeat 0 0;
	text-align:right;
	padding:8px 20px 10px 0;
	font-size:11px;
}

#logo{
	
}

#usp{

}


/***[menu]***/

ul#menu{
	position:absolute;
	top:109px;
	left:180px;
	font-family:Arial, Helvetica, sans-serif;
}

ul#menu  li{
	float:left;
	margin:0 0 0 1px;
}

ul#menu  li a{
	padding:6px 10px 6px 10px;
	display:block;
	float:left;
	font-size:14px;
	color:#fff;
}

ul#menu li a:hover,
ul#menu li a.current,
ul#menu .current_page_item a,
ul#menu .current_page_ancestor a,
ul#menu .current_page_parent a{
	background:#3c3 url("images/menu_bg.jpg") repeat-x top left;
	text-decoration:none;
}

ul#submenu li a{
	/*background:#33c url(images/submenu_bg.jpg) no-repeat left top;
	width:175px;
	height:20px;*/
	display:block;
	color:#007F29;
	padding:4px 0 4px 5px;
	font-size:12px;
	border-bottom:1px solid #ccc;
	font-weight:bold;
}

	ul#submenu li.current_page_item a{
		background-color:#007F29;
		color:#fff;
	}
	
	ul#submenu li a:hover,
	ul#submenu li.current_page_item li a:hover{
		background-color:#00AF39;
		color:#fff;
	}
	
	ul#submenu li.current_page_item li a{
		background-color:#fff;
		color:#007F29;
	}
	
ul#submenu li li a{
	padding-left:15px;
	font-size:11px;
border-bottom:none;
font-weight:normal;
}

ul#submenu li{margin-bottom:4px;}

ul#submenu li ul{
margin-bottom:10px;}

	
/***[content]***/

#leftcolumn img.alignleft{
	float:left;
	margin: 0 10px 10px 0;}
	
#leftcolumn img.alignright{
	float:right;
	margin:0 0 10px 10px}
	
.category-minnesord h3{
	font-size:18px;
	padding-bottom:10px;
}

#leftcolumn p{
	margin:0 0 10px 15px;
}

	#leftcolumn p.border_t_b{
		border-bottom:1px solid #00f;
		border-top:1px solid #00f;
		padding:4px 0;
	}
	
	#leftcolumn .margin_top{
		margin-top:8px;
	}

#leftcolumn p a, #leftcolumn li a{
	background:transparent url(images/link_border.gif) repeat-x 0 bottom;
}

	#leftcolumn p a:hover, #leftcolumn li a:hover{
		text-decoration:underline;
	}

	#leftcolumn p.link{
		line-height:14px;
	}
	
	#leftcolumn p.link a{
		background:transparent url(images/paragraph_link.jpg) no-repeat 0 0;
		padding:0 0 0 20px;
		height:15px;
		display:block;
		text-decoration:underline;
	}
	
		#leftcolumn p.link a:hover{
			background-position:0 -15px;
		}

#leftcolumn h2,
#leftcolumn h3,
#leftcolumn h4{
	margin:0 0 0 15px;
}

embed{
		margin:0 0 35px 15px;
	}

	#leftcolumn h3 em{
		font-weight:normal;
	}

#leftcolumn ul{
	margin:0 0 10px 15px;
	list-style-position:outside;
}

	#body_activity #leftcolumn ul,
	#body_diary ul{
		margin:0 0 10px 15px;
	}
	
	#body_activity #leftcolumn ul li *,
	#body_diary ul li *{
		margin-left:0;
	}

	#leftcolumn ul li{
		margin-bottom:5px;
		background: #fff url(images/icon_list.gif) no-repeat 1px 5px;
		padding-left:12px;
		line-height:1.5em;
	}
	
		#leftcolumn ul li span{
			width:120px;
			display:block;
			float:left;
		}
		
		#leftcolumn ul li p{
			font-size:100%;
		}
		
		#leftcolumn ul li h4{
			margin-bottom:4px;
		}

#leftcolumn ul.pdf-list li, #body_activity #leftcolumn ul.pdf-list li{
	background:transparent url(images/pdf.gif) no-repeat 0 0;
	padding:2px 0 2px 20px;
}

#leftcolumn ul.pdf-list a{

}
	
#leftcolumn ul.link_list{
	
}
	
	#leftcolumn ul.link_list li{
		margin:0 0 5px 0;
	}

		
		#leftcolumn ul.link_list li a{
			
		}

#leftcolumn img{
	margin:0 0 10px 15px;
}

	#leftcolumn img{
		
	}
	
#body_diary h4{
	margin-top:20px;
} 

.border{
	border:1px solid #ccc;
	padding:4px;
	width:200px;
	margin-bottom:15px;
	margin-top:20px;
}

.home .border{
margin-left:20px;
margin-top:0;
}

.border h3{
	background:#ededed url(images/bg_activ-ity.gif) repeat-x left -170px;
	color:#333;
	margin-top:0;
	padding:5px;
	margin-bottom:5px;
}

#body_activity #leftcolumn ul,
#body_diary ul{
	list-style-type:none;
	list-style-position:outside;
}

	#body_activity #leftcolumn ul li,
	#body_diary ul li{
		margin-bottom:30px;
		background:none;
		padding-left:0;
	}

#body_activity #leftcolumn h4,
#body_diary h4{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

	#body_activity #leftcolumn ul li h4,
	#body_diary  ul li h4{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background-color:#ededed;
	}

#body_activity #leftcolumn h3,
#body_diary h3{
	line-height:18px;
}

	#body_activity #leftcolumn h3 em{
		font-weight:bold;
	}

#activity, 
#banner{
	color:#fff;
	padding:5px 10px 0 10px;
}

	#activity{
		background:#33c url(images/bg_activity.gif) repeat-x left top;
		padding-bottom:10px;
	}
	
	#banner{
		background:#33c url(images/banner_bg.jpg) no-repeat left top;
		width:180px;
		height:185px;
	}
	
	#audio-start{
		background: url(images/spela.png) no-repeat 0 -25px;
		width:200px;
		height:110px;
		display:block;
	}
	
	#activity ul li{
		padding-bottom:10px;
	}

	#activity h2,
	#banner h2{
		font-size:20px;
	}
	
	#activity h3{
		font-size:14px;
		font-weight:normal;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	#activity p{
		font-size:11px;
		border-bottom:1px solid #fff;
		line-height:16px;
		margin:5px 0 0 0;
	}
	
	#activity p.no_border{
		border-bottom:none;
	}
	
	#activity p span{
		display:block;
		width:94px;
		float:left;
	}
	
	#activity a{
		background: #3c3 url(images/bg_link.jpg) no-repeat left top;
		color:#fff;
		padding:1px 32px 1px 5px;
	}
	
		#activity a:hover{
			background-position:left -15px;
			text-decoration:none;
		}
		
			#activity a.mailto{
					background:transparent url(images/link_border.gif) repeat-x 0 bottom;
					padding:0;
			}
			
			#activity a.mailto:hover{
				text-decoration:underline;
			}
	
	#banner ul{
		margin:10px 0 0 0;
	}
	
		#banner ul li{
			background:transparent url(images/banner_arrow.gif) no-repeat 5px 4px;
			font-size:16px;
			padding:0 0 0 20px;
			margin-bottom:10px;
		}
		
	#banner p{
		padding-top:10px;
	}
	
		#banner p a{
			background:transparent url(images/banner_button.jpg) no-repeat 0 0;
			color:#fff;
			font-size:16px;
			width:100px;
			height:27px;
			padding:7px 0 0 8px;
			display:block;
			margin-left:5px;
		}
		
			#banner p a:hover{
				background-position:0 -34px;
				text-decoration:none;
			}
			
	dl.name-list{
		padding-left:15px;
		float:left;
		width:200px;
		padding-bottom:10px;
	}
	
	dl.alone{
		float:none;
	}
	
		dl.name-list dt{
			
			margin-top:15px;
			/*background-color:#1F2796;
			color:#fff;*/
			border-bottom:1px solid #ccc; 
			padding:1px 0;
			padding-left:3px;
			font-size:11px;
		}
		
		#body_home dt{
			font-weight:bold;
			border-bottom:none;
		}
		
		dl.name-list dd{
			font-size:12px;
			margin-bottom:3px;
			padding-left:3px;
		}
		
			dl.name-list dd.name{
				font-weight:bold;
			}
			
			dl.name-list dd.tele{
				font-size:11px;
				background:transparent url(images/phone.gif) no-repeat 3px 1px;
				padding-left:20px;
			}
			
			dl.name-list dd.mail{
				font-size:11px;
				background:transparent url(images/mail.gif) no-repeat 4px 2px;
				padding-left:20px;
			}
	
	#litteratur span{
		display:block;
		font-size:11px;
	}
	
	#leftcolumn ul.register{
		margin:5px 0;
		list-style-type:none;
	}
			
	#leftcolumn ul.register li{
		font-size:100%;
		background:none;
		padding-left:0;		
	}
	
		ul.register li h4{
			font-size:100%;
			font-weight:normal;
			text-decoration:underline;
		}
		
		ul.register li p{
			line-height:14px;
		}
		
	#body_link ul{}
	
		#body_link #leftcolumn ul li{
			margin-bottom:10px;
		}
		
ul.image_list li{
	margin-bottom:15px;
}

	ul.image_list li span{
		display:block;
	}

#body_link #leftcolumn ul{
	margin-top:5px;
	margin-bottom:15px;
}

#aktuellt{
	background:transparent url(images/aktuellt.jpg) no-repeat 0 0;
	width:230px;
	height:252px;
	margin-bottom:15px;
	color:#fff;
	position:relative;
}

	#aktuellt h2{
		position:absolute;
		top:45px;
		left:100px;
		font-size:24px;
		text-decoration:underline;
	}
	
	#aktuellt p{
		position:absolute;
		top:100px;
		left:35px;
		padding-right:15px;
	}
	
	#aktuellt a{
		color:#fff;
		text-decoration:underline;
	}
		
#leftcolumn ul.tb_list{
	padding-bottom:5px;
	padding-top:15px;
	margin-left:8px;
	width:100%;
	clear:both;
	float:left;
}

	#leftcolumn  ul.tb_list li{
		float:left;
		list-style-type:none;
		padding:0 0 20px 0;
		display:block;
		width:220px;
		background:none;
	}
	
		#leftcolumn ul.tb_list li p{
			line-height:14px;
			float:left;
			margin:0;
			padding:3px 5px 0 5px;
			height:60px;
			font-size:100%;
			width:200px;
			font-style:italic;
		}
		
		#leftcolumn  ul.tb_list li a{
			border:1px solid #e1e1e1;
			padding:4px;
			float:left;
			background:none;
		}
		
			#leftcolumn ul.tb_list li a img{
				float:left;
				border:1px solid #ccc;
				margin:0;
				
			}
			
#body_gallery h2{
	margin:15px 0 5px 15px;
}	

.no-border{
	border:none;
}

/***[bottom]***/

#bottom ul{
	float:right;
}

	#bottom ul li{
		float:left;
	}
		
		#bottom ul li a{
			color:#333;
			margin:0 7px;
		}

/***[form]***/

/*form{
	margin-top:15px;
}

fieldset{
	margin-bottom:10px;
	display:block;
	margin-left:15px;
	padding:10px;
}

legend{
	font-weight:bold;
	color:#0000CC;}

input, 
select, 
textarea{
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

fieldset .left{
	width:100px;
	float:left;
	overflow:hidden;
}

fieldset .leftsmall{
	width:40px;
	float:left;
	overflow:hidden;
}

fieldset .right{
	width:auto;
	float:left;
	overflow:hidden;
}

#field_invoice{
	display:none;
	padding:0;
}

label,
.lbl_span{
	font-size:11px;
	display:block;
	margin-top:5px;
	width:250px;
}

label span{
	color:#f26522;
	margin-left:5px;
	font-style:italic;
}

input.frm_text{
	width:250px;
	
}

input.date{
	width:80px;
}

input.zip{
	width:60px;
}

input.city{
	width:150px;
}

input.number{
	width:20px;
	text-align:center;
	float:left;
}

input.frm_radio,
input.frm_checkbox{
	float:left;
	clear:left;
	margin:4px 2px 0 0;
}

input.frm_checkbox{
	float:left;
	clear:left;
	margin:5px 2px 0 0;
}

*html input.frm_radio,
input.frm_checkbox{
	clear:none;
	margin-top:0;
}

label.lbl_radio,
label.lbl_checkbox{
	float:left;
	clear:right;
	font-size:10px;
}

label.lbl_number{
	float:left;
	clear:right;
	font-size:11px;
	margin:2px 0 5px 2px;
}

.lbl_span{
	clear:both;
	margin-top:10px;
}

.frm_area{
	width:250px;
	height:150px;
}

.frm_select option{
	padding-right:5px;
}

input.frm_submit{
	display:block;
	clear:both;
	margin-top:10px;
	font-size:12px;
	padding:1px 3px;	
}

input.frm_button{
	display:block;
	float:left;
	margin:10px 15px 0 0;
	padding:2px 3px;
}

.message{
	background-color: #4FB4FF;
	border-top: 1px solid #0072B5;	
	border-bottom: 1px solid #0072B5;
	padding: 4px 0 4px 5px;
	color:#000;
	margin:0 0 10px 0;
	display:none;
}

#leftcolumn .error_message{
	background-color: #ededed;
	border-top: 1px solid red;	
	border-bottom: 1px solid red;
	padding: 4px 0 4px 5px;
	color:red;
	margin:10px 0 10px 0;
}

.error_mes{
	background-color: #ededed;
	border-top: 1px solid red;	
	border-bottom: 1px solid red;
	padding: 4px 0 4px 5px;
	color:red;
	margin:10px 0 10px 28px;
}

.error{
	border:1px solid red;
}
*/
.report{
	display:none;
}

	.report .frm_area{
		width:300px;
		height:50px;
	}
	
	.report label span{
		display:inline;
		width:auto;
		background-color:#f00;
	}

#leftcolumn .gallery dt.gallery-icon a{
	margin-bottom:0;
	padding-bottom:0;
}
	
.gallery .gallery-icon a img{
	padding:5px;
	border:1px solid #cfcfcf;
}

.gallery dd.gallery-caption{
	font-size:11px;
	width:170px;
	text-align:left;
	padding-left:53px;
	margin-top:0;
	padding-top:0;
	margin-bottom:20px;
}

.home #events-calendar-list li {
    list-style-image: none;
}