/* Start of CMSMS style sheet 'style' */
HTML {overflow: -moz-scrollbars-vertical;}
h1, h2, p{
	font-family: verdana, helvetica, arial, sans-serif;
}

p{
	color: #2d2d2d;
	margin: 5px 0;
	text-align: left;
}

td { vertical-align: top;}



/***********************************************/
/*			Layout
*/

#headerbg{
	height: 145px;
	background-color: #101010;
	width: 100%;
}
	#header{
		width: 885px;
		margin: 0 auto;
	}
		#header #navigation{
			padding-top: 30px;
			padding-bottom: 35px;
		}
		
		#header #menu{
			/*padding-left: 35px;*/
			padding-top: 60px;
		}

#page{
	width: 885px;
	margin: 60px auto 0 auto;
}
	
	#footer{
		clear: both;
		width: 882px;
		border-top: solid 2px #0D0D0D;
		padding-top: 10px;
	}
	
	
/***********************************************/
/*		Navigation - top
*/

#navigation ul{
	margin: 0;
	margin-left: -1px;
}

	#navigation li{
		display: inline;
		color: #FFF;
	}
		
		#navigation li a{
			color: #FFF;
			text-decoration: none;
			padding-right: 5px;
		}
		
		#navigation li a:hover{
			color: #D49600;
		}


/***********************************************/
/*		Main menu
*/

#menu div{
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0;
	float: left;
	height: 54px;
	margin-right: 25px;
	cursor: pointer;
}

/***********************************************/
/*		Main menu - links
*/

#menu .home{
	background-image: url(../uploads/images/menu_bolander.jpg);
	width: 109px;
}

#menu .home_active, #menu .Bolander .home{
	background-image: url(../uploads/images/menu_bolander_active.jpg);
	width: 109px;
}

#menu .fors{
	background-image: url(../uploads/images/menu_forsakring.jpg);
	width: 100px;
}

#menu .fors_active, #menu .Försäkringar .fors{
	background-image: url(../uploads/images/menu_forsakring_active.jpg);
	width: 100px;
}

#menu .skador{
	background-image: url(../uploads/images/menu_skador.jpg);
	width: 85px;
}

#menu .skador_active,#menu .Skador .skador{
	background-image: url(../uploads/images/menu_skador_active.jpg);
	width: 85px;
}
#menu .risker{
	background-image: url(../uploads/images/menu_risker.jpg);
	width: 95px;
}

#menu .risker_active, #menu .Risker .risker{
	background-image: url(../uploads/images/menu_risker_active.jpg);
	width: 95px;
}
#menu .login{
	background-image: url(../uploads/images/menu_login.jpg);
	width: 100px;
}

#menu .login_active, #menu .Login .login{
	background-image: url(../uploads/images/menu_login_active.jpg);
	width: 100px;
}

/***********************************************/
/*		Main menu - links ENGLISH
*/

#menu .home_eng{
	background-image: url(../uploads/images/menu_bolander_eng.jpg);
	width: 104px;
}

#menu .home_eng_active, #menu .Bolander .home_eng{
	background-image: url(../uploads/images/menu_bolander_eng_active.jpg);
	width: 104px;
}

#menu .fors_eng{
	background-image: url(../uploads/images/menu_forsakring_eng.jpg);
	width: 100px;
}

#menu .fors_eng_active, #menu .Försäkringar .fors_eng{
	background-image: url(../uploads/images/menu_forsakring_eng_active.jpg);
	width: 100px;
}

#menu .skador_eng{
	background-image: url(../uploads/images/menu_skador_eng.jpg);
	width: 85px;
}

#menu .skador_eng_active,#menu .Skador .skador_eng{
	background-image: url(../uploads/images/menu_skador_eng_active.jpg);
	width: 85px;
}
#menu .risker_eng{
	background-image: url(../uploads/images/menu_risker_eng.jpg);
	width: 95px;
}

#menu .risker_eng_active, #menu .Risker .risker_eng{
	background-image: url(../uploads/images/menu_risker_eng_active.jpg);
	width: 95px;
}
#menu .login_eng{
	background-image: url(../uploads/images/menu_login_eng.jpg);
	width: 100px;
}

#menu .login_eng_active, #menu .Login .login_eng{
	background-image: url(../uploads/images/menu_login_eng_active.jpg);
	width: 100px;
}

/***********************************************/
/*			Submenu
*/

#submenu{
	width: 225px;
	overflow: hidden;
}

#submenu ul{
	margin: 0;
}

#submenu li{
	font-size: 1.1em;
}

#submenu li a{
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	text-decoration: none;
	color: #858484;
	display: block;
	border-top: solid 1px #EBEBEB;
	padding: 5px 0 5px 2px;
}

#submenu li.active a, #submenu li a:hover{
	color: #D49600;
}

#submenu li a:hover {text-decoration: underline;}

#submenu li.active a{
	border-top: solid 2px #D49600;
	padding-top: 4px;
}

#submenu .topline{
	border-top: solid 1px #EBEBEB;
}

#submenu li.active{
	
}

/***********************************************/
/*			footer
*/

#footer p, #footer img{
	float: left;
}

#footer img{
	margin: 2px 20px 0 0;
}
		
#footer p{
	width: 145px;
	color: #979797;
	font-size: 1.05em;
	border-right: solid 1px #CACACA;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

#footer p.noline{
	border-right: none;
}

#footer strong{
	font-weight: bold;
}


/***********************************************/
/*			Startpage
*/


.startpage #topcontent{
		position: relative;
		border-bottom: solid 3px #D49600;
	}		
		.startpage #flash{
			
		}
		
		.startpage #content{
			width: 325px;
			position: absolute;
			top: 55px;
			left: 1px;
			font-family: arial, sans-serif;
			font-size: 1.1em;
		}
	
	.startpage #leftspot{
		float: left;
		width: 322px;
		height: 211px;
		border-bottom: solid 2px #4A4A4A;
		margin-top: 45px;
	}
	.startpage #rightspot{
		float: right;
		width: 539px;
		height: 245px;
		border-bottom: solid 2px #4A4A4A;
		margin-bottom: 50px;
		margin-top: 11px;
	}


.startpage h1{
	color: #D49600;
	font-size: 2.1em;
	font-weight: bold;
}

.startpage h2{
	color: #D49600;
	font-size: 1.6em;
	font-weight: bold;
}

.startpage p a, #footer p a{
   color: #D49600;
   font-weight: bold;
   text-decoration: none;
}

.startpage p a:hover{
   text-decoration: underline;
}


/***********************************************/
/*		Spotarna
*/

#leftspot{
	position: relative;
	background-color: #eace7b;
}

#leftspot img{
	position: absolute;
	right: 0;
	bottom: 0;
}

#leftspot #rubrik{
	background-image: url(../uploads/images/leftspot_overlay.png);
	padding: 25px 0 7px 25px;
}

#leftspot h1, #rightspot h1{
	color: #3E3E3E;
	font-family: arial, helvetica, sans-serif;
	font-size: 2.2em;
	font-weight: normal;
}

#leftspot h2{
	color: #3E3E3E;
	font-size: 1em;
}

#leftspot p{
	width: 160px;
	margin: 10px 0 0 27px;
}

#leftspot p, #rightspot p{
	font-family: arial, helvetica, sans-serif;
	color: #2A2A28;
	font-size: 1em;
}

#leftspot p a, #rightspot p a{
	text-decoration: none;
	color: #2A2A28;
	font-weight: bold;
	color: #000;
	font-size: 1.2em;
}

#rightspot{
	position: relative;
	overflow: hidden;
}

#rightspot img{
	position: absolute;
}

#rightspot #spotcontent{
	position: absolute;
	top: 55px;
	left: 27px;
	width: 285px;
}

#rightspot h1{
	line-height: 1em;
}

#rightspot p{
	margin-top: 10px;
}


/***********************************************/
/*			Subpage
*/

#page.subpage{
	overflow: auto;
}

.subpage #left{
	float: left;
}

.subpage #right{
	float: right;
	width: 525px;
	background-color: #F9F9F9;
	padding: 40px;
	border-top: solid 2px #D49600;
	margin-bottom: 40px;
	min-height: 300px;
	font-family: arial,helvetica,sans-serif;
	font-size: 1.1em;
}

.subpage h1{
	font-size: 2.5em;
	font-family: arial, helvetica, sans-serif;
	color: #242323;
}

.subpage h2{
	
}

.subpage p{
	font-family: arial, helvetica, sans-serif;
}


/***********************************************/
/*			Subpage 2 Col
*/

#page.subpage2col{
	overflow: auto;
}

.subpage2col #left{
	float: left;
	width: 525px;
	background-color: #F5F5F5;
	padding: 40px;
	border-top: solid 2px #D49600;
	margin-bottom: 40px;
	min-height: 300px;
font-family: arial,helvetica,sans-serif;
}

.subpage2col #right{
	float: right;
}

.subpage2col h1{
	font-size: 2.5em;
	font-family: arial, helvetica, sans-serif;
	color: #242323;
}

.subpage2col h2{
	
}

.subpage2col p{
	font-family: arial, helvetica, sans-serif;
}

/***********************************************/
/*			classes
*/

.floatleft{
	float: left;
}

.floatright{
	float: right;
}

UL.staff {padding: 0; margin:0; list-style:none;}
UL.staff LI {padding: 0 12px 12px 0; display: inline;float:left; width: 100px; height: 185px;font-size:11px;line-height: 135%;}
UL.staff LI A {font-family:arial,helvetica,sans-serif; color:#000000;}
TABLE.noborder, TABLE.noborder TH, TABLE.noborder TR, TABLE.noborder TD {border: none;}
TD.presentation {vertical-align: top;}
TD.image {width: 160px;}
/* End of 'style' */

