/* ------ NOTES ---------------------------------------------------------------

		CSS STYLE / main.css / http://www.akkakompetens.se
		Skapad av Jimmy Oh. http://www.jimmyoh.com

		---------------------------------------------------------------------------- */
		
		
/* ==== BASICS ======================================================================== */
		
		* {
		padding: 0;
		margin: 0;
		font-size: 100%; }
		
		body 
		{
		font-family: "lucida sans", Arial, Helvetica, sans-serif;		
        font-size: 12px;
		color: #838383;
		line-height: 20px;				
		margin: 0 auto 0 auto;
		text-align: left; 
		}
		
		
		ul {
		padding: 16px 0 0 0;
		margin-left: 20px;
		margin-top: -10px;
		}
		
		img
		{
		    border: 0px;
		}
		
		p
		{
		font-size: 12px;
		color: #838383;
		line-height: 20px;
		padding: 16px 0 0 0;	    
		}
		
		
		#totalcontainer #totalcontainer_top {
		background: no-repeat center url('../gfx/top.gif');
		width: 775px;
		height: 16px;
		display: block;
		margin: 20px auto 0 auto; }
		
		#totalcontainer {
		width: 775px;
		display: block;
		float: none;
		position: relative;
		margin: 0 auto 0 auto; }
		
		#totalcontainer #totalcontainer_foot {
		background: no-repeat center url('../gfx/foot.gif');
		width: 775px;
		height: 16px;
		display: block;
		float: left;
		margin: 0 auto 20px 1px;
		text-align: center; }
		
		#content {
		background: repeat-y center url('../gfx/content_bkg.gif');
		width: 775px;
		z-index: 1;
		position: relative;
		float: left;
		display: block; }
										
/* ==== HEADER ======================================================================== */
	
		#wrapper {
		width: 719px;
		display: block;
		clear: right;
		margin: 20px auto 20px auto;
		padding: 0 0 0 28px;
		position: relative;
		float: left; }
	
		#header_top {
		background: no-repeat bottom left url('../gfx/header_top.gif');
		width: 719px;
		height: 6px;
		display: inline;
		float: left;
		position: relative;
		margin: 0 auto 0 auto; }
	
		#header {
		background: #fff;
		width: 719px;
		margin: 0 auto 0 auto;
		display: block;
		position: relative;
		padding: 0;
		float: left;
		z-index: 1; }
		
		#header .logo {
		background: #fff;
		width: 220px;
		height: 107px;
		display: inline;
		border: none;
		position: relative;
		padding: 20px;
		float: left; }
				
		#header_foot {
		background: no-repeat top left url('../gfx/header_foot.gif');
		width: 719px;
		height: 6px;
		display: inline;
		float: left;
		padding: 0;
		margin: 0 auto 0 auto; }
			
/* ==== NAVIGATION ======================================================================== */
	
		#nav {
		background: #fff;
		float: right;
		margin: 10px 20px 0 0;		
		font-size: 12px;
		line-height: 12px;
		font-weight: bold;
		display: block;
		color: #666;
		text-align: right; }

		#nav ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		float: left;
		width: 400px;
		display: block; }
		
		#nav li {
		display: block;
		padding: 7px 0 7px 0; }	
			
		#nav a:link, #nav a:visited, #nav a:active {
		color: #999;
		border: none;
		display: inline;
		text-decoration: none; }
		
		#nav a:hover {
		color: #666;
		border: none;
		display: inline;
		text-decoration: none; }
		
		#nav li .active {
		color: #0074ad;
		border: none;
		display: inline;
		text-decoration: none; }
		
		
/* ==== BODY CONTENT ======================================================================== */
		
		.wrapper_two {
		width: 756px;
		display: block;
		clear: left;
		margin: 0 auto 0 auto;
		position: relative;
		left: 10px;
		float: left; 		
		}
		
		#mainbox_wrapper {
		width: 505px;
		display: block;
		float: right;
		margin: 0 auto 0 auto;
		padding: 0 20px 0 0;
		position: relative;
		z-index: 1000; }

		.box_top {
		background: no-repeat bottom left url('../gfx/box_top.gif');
		width: 504px;
		height: 6px;
		display: block;
		margin: 0;
		float: right;
		position: relative;
		z-index: 1000; }

		#mainbox {
		background: #fff;
		width: 474px;
		display: inline;
		float: right; 
		text-align: left;
		padding: 10px 15px 10px 15px;
		margin: 0;
		z-index: 1000; 
		height: 400px;
		overflow: auto;
		}
		
		#mainbox h1 {
		font-size: 20px;
		font-weight: bold;
		letter-spacing: -1px;
		line-height: 30px;
		color: #0074ad;
		margin: 0;
		padding: 0; }
		
		#mainbox p {
		font-size: 12px;
		color: #838383;
		line-height: 20px;
		padding: 16px 0 0 0;
		font-weight: normal; }
		
		#mainbox ul {
		font-size: 11px;
		color: #838383;
		line-height: 20px;
		padding: 16px 0 0 0;
		font-weight: normal; 
		margin-left: 20px;
		margin-top: -10px;}
				
		
		#mainbox p b {
		font-weight: bold;
		font-size: 13px;
		color: #666; }
		
		#mainbox p .blue {
		color: #0074ad; }
		
		#mainbox a:link, #mainbox a:visited, #mainbox a:active {
		color: #0074ad;
		text-decoration: none;
		border-bottom: 1px solid #ccc;
		padding: 0 0 2px 0; }
		
		#mainbox a:hover {
		color: #0891d4;
		text-decoration: none;
		border-bottom: 1px solid #ccc;
		padding: 0 0 2px 0; }
		
		.box_foot {
		background: no-repeat top left url('../gfx/box_foot.gif');
		width: 504px;
		height: 6px;
		display: block;
		margin: 0 0 20px 0;
		float: right;
		position: relative;
		z-index: 1000; }
		
		.agneta {
		background: no-repeat top left url('../gfx/agneta.gif');
		width: 326px;
		height: 434px;
		display: inline;
		position: absolute;
		bottom: 0;
		left: 0;
		float: left;
		z-index: 1; }
		

/* ==== BOTTOM AREA ======================================================================== */

		#bottomarea {
		background: #fff;
		width: 756px;
		float: left;
		margin: 0 auto 0 auto;
		position: relative;
		left: 10px;
		padding: 15px 0 15px 0;
		display: block;
		text-align: center; }
		
		#bottomarea p {
		font-size: 12px;
		color: #838383;
		margin: 0;
		padding: 0;
		font-weight: normal; }
		
		#bottomarea p b {
		color: #666; }
		
		#bottomarea p .namnochadress {
		margin: 0 25px 0 0; }
		
		#bottomarea p .telefonnummer {
		margin: 0 25px 0 0; }
		
		#bottomarea p .epostadress {
		margin: 0; }
		
		#bottomarea a
		{
		    color: #838383;	    
		    
		}
		
		
 /*===========================================================*/	



		.div_login_button
		{
		    margin: 0 auto;
		    width: 755px;
		    text-align: right;
		    color: #666666;
		    font-size: 10px;
		    font-family: Verdana, Sans-Serif;
		}
		
		a.dmediaLink
		{
		    color: #666666;
		    text-decoration: none;
		}