/* Start of CMSMS style sheet 'agera' */
/* CSS RESET
---------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
	} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
	} 
fieldset,img {  
	border:0; 
	} 
address,caption,cite,code,dfn,em,th,var { 
	font-style:normal; 
	font-weight:normal; 
	} 
ol,ul { 
	list-style:none; 
	} 
caption,th { 
	text-align:left; 
	} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	} 
q:before,q:after { 
	content:''; 
	} 
abbr,acronym { border:0; 
	} 
	
/* TYPOGRAPHY
---------------------------------------- */	
body {
	font: 82%/1.4 arial, verdana, sans-serif;
	padding-bottom: 2em;
	}
	
h1, h2, h3, h4, h5, h6 {
	font-family: arial, verdana, sans-serif;
	margin-bottom: .15em;
	font-weight: bold;

	color: #006db3;
	}
	
h1 {
	/*font-size: 1.3em;*/
	font-size: 1.1em;
	}
h2 {
	font-size: 1.3em;
	margin-top: 1em;
	margin-bottom: 0;
        text-align: left;
	}
h3 {font-size: 1.1em; line-height: 1.2em; }
h4 {font-size: .9em;}
h5 {
	font-size: .7em;
	display: none;
	}
h6 {font-size: 2em;}

p.ingress {
	margin-top: 0;
	font-size: 1.5em;
	line-height: 1em;
	}
p {
	margin-bottom: .8em;
}

/* LAYOUT
---------------------------------------- */	
body {
	background: #404040 url(i/bg.gif) left top no-repeat;
	padding-bottom: 2em;
	}

#wrapper {
	/*padding: 50px 0 0 70px;*/
	width: 845px;
	margin: 0 auto;
	padding: 50px 0;
	}
#header {
	background-color: transparent;
	}
#maincontent {
	padding-top: 10px;
	min-height: 436px;
	background: transparent url(i/bg_maincontent.gif) 0 0 no-repeat;
	margin-bottom: 0;
	padding-bottom: 10px;
	}


#content {
	width: 676px;
	float: left;
	}

#secondcontent {
	width: 154px;
	float: left;
	background: transparent url(i/bg_secondcontent.gif) left 80px repeat-y;
	}
.footer {
	clear: both;
	height: 17px;
	background: #404040 url(i/bg_footer.gif) left top no-repeat;
	width: 100%;
	}
#firstpage .footer {
	background: #404040 url(i/bg_footer_firstpage.gif) left top no-repeat;
	}


#firstpage #maincontent img {
	margin: 0;
}
a {
	color: #006db3;
}
a:hover {
	color: #666;
	text-decoration: underline;
}
/* nav
---------------------------------------- */

#nav ul {
	background-color: transparent;
	}
#nav ul li {
	width: 138px;
	float: left;
	height: 35px;
	background: transparent url(i/bg_menu.gif) left top no-repeat;
	}
#nav li.Hem {
	width: 105px;
	background: transparent url(i/bg_menu_home.gif) left top no-repeat;
	}
#nav li.Kontakta {
	background: transparent url(i/bg_menu_last.gif) left top no-repeat;
	}
#nav ul li a {
	font-family: arial, verdana, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #404040;
	text-decoration: none;
	display: block;
	padding: 8px 0 0 16px; 
}
#nav ul li a:focus {
	outline: 1px solid #fff;
}	

#nav ul li a.activeparent,
#nav ul li a.currentpage {
	color: #006db3;
}
#nav ul li a:hover {
	color: #666;
	text-decoration: underline;
}
/* secondnavnav
---------------------------------------- */
#secondnav {
	clear: both;
	height: 45px;
	background-color: #006db3;
	background: transparent url(i/bg_secondnav.gif) left top no-repeat;
	padding-left: 18px;
	}
#firstpage #secondnav {
	height: 25px;
	}
#secondnav ul li {
	display: inline;
	}
#secondnav li a {
	display: block;	
	padding: 13px 0 0 15px;
	float: left;
	color: #fff;
	text-decoration: none;
	}
	
#secondnav li a:hover {
	color: #ccc;
	}
#secondnav li a.activeparent,
#secondnav li a.currentpage {
	color: #fff;
	text-decoration: underline;
	}
	
/* medarbetare 
---------------------------------------- */

.medarbetare ul {
	float: left;
	width: 160px;
	margin-top: 10px;
	}	
.medarbetare ul li {
	
}
.medarbetare ul li a {
	font-family: arial, verdana, sans-serif;
	margin-bottom: .1em;
	font-weight: bold;
	letter-spacing: .0em;
	color: #444;
	text-decoration: none;
	display: inline;
	}
.medarbetare ul li a.currentpage {
	color: #006db3;
	}
.medarbetare ul li a:hover {
	color: #666;
	text-decoration: underline;
	}
.infocard {
	width: 300px;
	float: left;
	}
.infocard table {
	width: 300px;
	margin-bottom: 10px;
	}
.infocard table td {
	font-size: .9em;
	}
#maincontent .infocard h1,
#maincontent .infocard h2,
#maincontent .infocard h3,
#maincontent .infocard p,
#maincontent .infocard img {
	padding: 0;
	margin: 0;
	}
#maincontent .infocard  img {
	padding-top: 15px;
	}
#maincontent .infocard h2 {
	padding-top: 15px;
	clear: both;
}
.infocard td strong {
	width: 80px;
	display: block;
}


/* maincontent
---------------------------------------- */
.medarbetare ul,
#maincontent h1,
#maincontent h2,
#maincontent h3,
#maincontent p {
	padding: 0 40px 0 32px;
	}
#maincontent p {
	margin-right: 340px;
	font-size: .9em;
	}
#maincontent p.breadcrumb {
	margin: 0 0 8px 0;
	color: #929292;
	font-size: .8em;
	width: 400px;
	}
p.breadcrumb a {
	color: #929292;
	text-decoration: none;
	}
#maincontent img {
	float: right;
	margin: .4em 4em 1.2em 1.5em;
	}

p.breadcrumb strong {
	font-size: 1em;
	font-weight: normal;
}	
p.breadcrumb a:hover {
	text-decoration: underline;
	}
.noprint {
	float: right;
	margin-top: -29px;
	padding-right: 20px;
}
/* secondcontent
---------------------------------------- */
#secondcontent {
	}
#secondcontent .secondspace {
	height: 460px;
	display: block;
	}
#secondcontent h1 {
	margin-bottom: 0;
	}
#secondcontent h1 a {
	background: transparent url(i/logo_agera.gif) left top no-repeat;
	display: block;
	width: 155px;
	height: 80px;
	text-indent: -999em;
	}
#secondcontent img {
	margin: 0;
	}
#secondcontent h2 {
	color: #fff;
	font-size: 1.8em;
	padding-top: 140px;
	line-height: 1.1em;
	text-align: center;
	margin-bottom: .5em;
	margin-right: 6px;
	}
#secondcontent p {
	color: #fff;
	padding: 8px 15px 0 10px;
	text-align: center;
	margin-right: 4px;
	/*height: 158px;*/
	}
#secondcontent a {
	color: #fff;
}
#secondfooter {
	background: transparent url(i/bg_secondfooter.gif) left bottom no-repeat;
	/*min-height: 96px;*/
	padding-bottom: 32px;
	font-size: .87em;
	}
	
/* firstpage
---------------------------------------- */
#firstpage #maincontent {
	padding-top: 15px;
	padding-left: 22px;
	background: transparent url(i/bg_maincontent_firstpage.gif) 0 0 no-repeat;
	height: 452px; /* kompensera f�r l�gre secondnav */
	display: table;
	width: 100%;
	}
#firstpage #maincontent p {
	margin-right: 0;
	}
.bannerbox {
	float: left; 
	width: 254px;
	background: transparent url(i/fp_bigbox_content.gif) left top no-repeat;
	margin-right: 0;
	}	
#maincontent .bannerbox p {
	}
.bannerbox.big div {
	min-height: 184px;
	}
.bannerbox.narrow {
	width: 182px;
	background: transparent url(i/fp_smallbox_content.gif) left bottom no-repeat;
	min-height: 416px;
	}
.bannerbox.narrow  img {
	padding-bottom: 1.6em;
}	
.bannerbox.narrow  p {
	margin-left: 0 !important;
	padding: 5px 20px 5px 10px !important;
	}
.bannerbox.middle.narrow {
	width: 178px;
	background: transparent url(i/fp_smallbox_middle_content.gif) left bottom no-repeat;
	}

#maincontent .bannerbox.big h2 {
	color: #444;
	font-size: 1.1em;
        text-align: left;
	line-height: 1.1em;
	margin-top: 1.3em !important;
	margin-bottom: .4em;
	}
#maincontent .bannerbox.narrow h2 {
	padding-top: 1em;
	font-size: 2.2em;
	text-align: left;
	line-height: 1.2em;
	margin: 0;
	padding-left: .4em;
	padding-right: .5em;
	}
#maincontent .bannerbox h2 a {
	text-decoration: none;
	}
#maincontent .bannerbox.middle.narrow h2 {
	font-size: 1.4em;
	text-align: left;
	padding-left: 12px ;
	}
#firstpage #maincontent .bannerbox.middle.narrow p {
	margin-left: 2px  !important;
	}
/*
.sitemap {
	clear: both;
}
.sitemap a {
	color: #eee;
	}	
.sitemap ul li {
	padding-left: 1em;
	}
*/

/* form
------------------------------------------ */
.formbuilderform {}
.formbuilderform tr td {
	padding-bottom: 10px;
}


form {
	margin-left: 20px;
	font-size: .9em;
	}
fieldset {
	}
legend {
	display: none;
	}
label { 
	width: 90px;
	} 
input {
	padding: 2px;
	margin-left: 5px;
}

.formMessage {
	color: green;
	}	
.formcontainer {
	float: left;

	width: 280px;
	}	
.formcontent {

	float: left;
	width: 320px;
}
.formcontainer p,
.formcontent p {
	margin-right: 0 !important;
}
/*  safari bug jh */




body:last-child:not(:root:root) #maincontent p { 

	}
body:last-child:not(:root:root) #maincontent img {
	margin-right: 4em;
	}
body:last-child:not(:root:root) a.noprint {
	margin-top: -36px;
}
/* End of 'agera' */