*{
	margin: 0;
	padding: 0;
}

/* ---- */
html, body {
	height: 100%;
	color: #555;
}

body{
	font-family: arial, helvetica, sans-serif;
	background: url(body-bg.jpg) center top;
}


#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
	margin: 0 auto -80px auto; /* bottom-marginalen = negativt vŠrdet av footerns hšjd (+/- ev. borders och skit) */
}


#footer, #footer_buffer {
	height: 80px;
}
#footer{
	width: 100%;
	clear: both;
	color: #fff;
	/*background: url(bottom.jpg) repeat-x center top;*/
}

#footer p{
	color: #987e7e;
}

#footer a{
	color: #a88e8e;
	text-decoration: none;
}
#footer a:hover{
	color: #fff;
}

/* ---- */

#top_bg{
	width: 100%;
	height: 142px;
	background: url(top.jpg) repeat-x center top;
	overflow: hidden;
}

#top{
	width: 900px;
	height: 140px;
	margin: 0 auto;
}

#content{
	padding-top: 15px;
}

#content-bg{
	width: 100%;
	background: url(content-bg.png) repeat-x;
}
#content{
	width: 900px;
	margin: 5px auto 0 auto;
}


img#logo{
	width: 290px;
	height: 100px;
	float: left;
	margin: 50px 0 5px 10px;
}

#logoline{
	color: #293d92;
	font-size: 12px;
	letter-spacing: 0;
	font-weight: normal;
	position: absolute;
	top: 147px;
	left: 135px;
}

.logoline_print{
	display: block;
	position: absolute;
	overflow: hidden;
	top: -200px;
}


.abscontainer{
	position: relative;
}

#wide{
	width: 100%;
	background: url(widescreen-bg.png) repeat-x;
	clear: both;
	height: 300px;
	overflow: hidden;
}

#wide img{
	display: block;
	margin: 0 auto;
}



#wide p{
	
	font-size: 17px;
	line-height: 20px;
	color: #707070; 
}

#wide a:link, #wide a:visited{
	color: #ccc;
}

#wide a:hover{
	
	color: #fff;
}



.rutor{
	
	background: #700404;
	
	padding: 20px;

	border:	solid;
	border-color: #9e854f;
	border-width: 3px;
	height:65px; 
	cursor: pointer;
}


.postit{
	
	background: #700404;
	
	padding: 20px;

	border:	solid;
	border-color: #9e854f;
	border-width: 3px;
}


.postit p{
	
	color: #b2b2b2;
}

	
.postit-shadow{
	
	margin: 0 0 20px 0;
	
	background: url(postit-shadow.png);
	
	height: 14px;

}

.col1_2{
	padding: 0 0 0 15px;
}

.col1_2{
	display: inline;
	float: left;
	width: 540px;
}
.col2_2{
	display: inline;
	float: left;
	width: 300px;
	margin-left: 45px;
}


.col1_3, .col2_3, .col3_3{
	padding: 0 15px;
}

.col1_3{
	display: inline;
	float: left;
	width: 330px;
}
.col2_3{
	display: inline;
	float: left;
	width: 198px;
	margin-left: 5px;
	border-left: solid 1px #e2e2d9;
	border-right: solid 1px #e2e2d9;
}
.col3_3{
	display: inline;
	float: left;
	width: 240px;
	margin-left: 5px;
}

#gallery-wrapper{
	margin-top:				20px;
	padding:				0 0 0 15px
}

#gallery-wrapper div{
	width:					150px;
	height: 				133px;
	
	float:					left; 
	margin-right:			25px; 
	margin-bottom:			20px; 
}

#gallery-wrapper div img{
	height:					100px;
	display:				block;
}

#gallery-wrapper div img, #gallery-wrapper div canvas{
	margin-left:			auto; 
	margin-right:			auto;
}

#gallery-wrapper div img:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
}

.lokaler_row{
	clear:					both; 
	height:					133px;
}

.lokaler_img{
	float:					left;
	margin-right:			30px;
}

.ledare_wrapper{
	clear: 					both;
	margin-bottom:			30px;
}

.ledare_img{
	float: 					left;
	margin-right:			30px;
}

.ledare_text{
	float: 					right;
	width:					300px;
}

.program_1{
	float:					left;
	width:					150px;
	height:					100px;
}

.program_2{
	 float:					left;
	 width:					350px;
	 margin-left:			30px;
}

.valign_bottom{vertical-align: bottom;}

.hidden{display: none;}


h1{
	font-size: 22px;
	color: #9e854f;
	letter-spacing: 0px;
	margin: 4px 0 12px 0;
}

h2{
	font-size: 18px;
	margin: 0 0 6px 0;
	padding-top: 10px;
	color: #9e854f;
}

h2 a:link, h2 a:visited, h2 a:hover, a:active{
	color: #9e854f;
	text-decoration: none;
}
h2 a:hover{
	text-decoration: underline;
}

h3{
	margin: 0 0 4px 0;
	font-size: 12px;
	color: #000;
}

.pa-gang-ruta h3{
	color: #60605c;
}


p{
	color: #908585;
	font-size: 13px;
	line-height: 18px;
	margin: 0 0 14px 0;
}

blockquote {
	margin: 15px 0 15px 0;
    border-left: 2px solid #999;
    padding-left: 20px;
}

blockquote p.namn{
	font-weight: bold;
}


.hr{
	clear: both;
	height: 4px;
	width: 100%;
	overflow: hidden;
	background: url(hr.png) no-repeat;
	margin: 0 0 5px 0;
}

a img{
	border: 0;
}

a:link, a:visited, a:hover, a:active{
	color: #cfb7b7;
}
a:visited{
	color: #cfb7b7;
}
a:hover{
	color: #fff;
}


a.arrow {
	padding: 0 14px 0 0;
	background: url(a_arrow.gif) no-repeat right 3px;}
a.arrow:visited {
	/* offseta bakgrundsbilden vid hover */
	background-position: right -96px;}
a.arrow:hover {
	/* offseta bakgrundsbilden vid hover */
	background-position: right -46px;}

ul{
	margin: 1em 0 1em 15px;
	/* Leftmargin = För IE6 */
	padding-left: 5px; /* För riktiga webbläsare */
}

ol{
	margin: 1em 0 1em 15px;
	/* Leftmargin = För IE6 */
	padding-left: 7px; /* För riktiga webbläsare */
}

li{
	font-size: 12px;
	margin-bottom: 2px;
	line-height: 16px;}