/* =================================================================================================
		
		CSS STYLE, main.css, http://www.gustafssons.se
		Written by Jimmy Oh, http://www.jimmyoh.com
				
================================================================================================= */

		body {
		margin: 0 auto 0 auto;
			color: #666;
			font-family: tahoma, "trebuchet ms", Helvetica, sans-serif;
			font-size: 12px;
					
		}
		
		* { margin: 0; padding: 0; border: none; font-size: 100%; }
		
		#totalcontainer {
		width: 902px;
		margin: 25px auto 0 auto; }
		
		#container {
		background: #fff;
		display: block;
		width: 902px;
		float: left; }
		
		
/* FÖR WEBSITE ADMIN */

ul
{
    margin-left: 20px;
    padding-left: 0px;
}
			
ol
{
    margin-left: 25px;
    padding-left: 0px;
}	

p
{			
line-height: 16px;
}
		
/* ==== HEADER ============================================================================================= */
	
		.header_top {
		background: no-repeat top left url('../gfx/header_top.gif');
		display: block;
		width: 902px;
		float: left;
		height: 8px; }
	
			#header {
			background: repeat-y top left url('../gfx/header_bkg.gif');
			width: 902px;
			float: left;
			clear: both;
			display: block;
			padding: 0;
			margin: 0; }
			
				#header .logo {
				display: block;
				width: 262px;
				height: 55px;
				float: left;
				position: relative;
				padding: 3px 10px 10px 10px;
				border: none; }
		
					.logo img {
					border: none; }
			
						.header_foot {
						background: no-repeat top left url('../gfx/header_foot.gif');
						display: block;
						width: 902px;
						height: 2px;
						float: left;
						margin: 0 0 5px 0; }
					
/* ==== HEADER RIGHTLAYER ============================================================================================= */
						
			.header_rightlayer {
			width: 300px;
			float: right;
			display: block;
			margin: 7px 40px 0 0;
			overflow: visible;
			position: relative; }
			
			.header_rightlayer img {
			float: left;
			display: block;
			border: none;
			padding: 0 15px 0 0; }
			
			.header_rightlayer h1 {
			color: #ed7d12;
			display: block;
			text-align: left;
			font-family: tahoma, "trebuchet ms", Helvetica, sans-serif;
			font-size: 20px;
			margin: 5px 0 0 0;
			font-weight: bold;
			line-height: 20px; }
			
			.header_rightlayer p {
			color: #a3a3a3;
			font-family: tahoma, "trebuchet ms", Helvetica, sans-serif;
			font-size: 14px;
			display: block;
			text-align: left;
			font-weight: bold;
			font-weight: normal;
			line-height: 20px; }

			.header_rightlayer a:link, .header_rightlayer a:visited, .header_rightlayer a:active {
			text-decoration: none;
			border: none;
			color: #005191; }
			
			.header_rightlayer a:hover {
			text-decoration: none;
			border: none;
			color: #0b6ab4; }
			/* ================================================================================================= */
		
		#top .menu {
		width: 622px;
		margin: 12px auto 0 auto;
		display: block;
		position: relative;
		float: right; }
		
		#top .menu ul {
		margin: 0 auto 0 auto;
		padding: 0;
		list-style-type: none;
		float: left; }
		
		#top .menu li {
		margin: 0;
		float: left;
		text-align: center;
		height: 15px;
		display: block;
		padding: 5px 12px 2px 12px;
		font-family: "lucida grande", tahoma, sans-serif;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase; }
		
		#top .nav:link, .nav:visited, .nav:active {		
		text-decoration: none;
		color: #999;
		display: block;
		border-bottom: 2px dotted #fff;
		padding-bottom: 7px; }

		#top .nav:hover {
		text-decoration: none;
		color: #666;
		display: block;
		border-bottom: 2px solid #c6ce4c;
		padding-bottom: 7px; }
		
		#top a.current, a.current:link, a.current:visited, a.current:active, a.current:hover {
		text-decoration: none;
		color: #99a125;
		display: block;
		border: none;
		padding-bottom: 7px; }
		
/* ================================================================================================= */

		
		#top .sub_menu {
		width: 622px;
		margin: 3px auto 0px auto;
		display: block;
		position: relative;
		float: right; 
		padding-top: 4px;
		border-top: solid 1px #99a125;
		clear:both;
		margin-bottom: 0px;	
		}
		
		#top .sub_menu ul {
		margin: 0 auto 0 auto;
		padding: 0;
		list-style-type: none;
		float: left; 	
		margin-bottom: 0px;	
		}
		
		#top .sub_menu li {
		margin: 0;
		float: left;
		text-align: center;
		height: 15px;
		display: block;
		padding: 5px 12px 2px 12px;
		font-family: "lucida grande", tahoma, sans-serif;
		font-size: 11px;
		font-weight: normal;
		text-transform: uppercase; }
		
		#top .sub_menu li.active {
		margin: 0;
		float: left;
		text-align: center;
		height: 15px;
		display: block;
		padding: 5px 12px 2px 12px;
		font-family: "lucida grande", tahoma, sans-serif;
		font-size: 11px;
		font-weight: normal;
		text-transform: uppercase; }
				
		.menulink:link, .menulink:visited, .menulink:active {		
		text-decoration: none;
		color: #999;
		display: block;
		border-bottom: 2px dotted #fff;
		padding-bottom: 7px; }

		.menulink:hover {
		text-decoration: none;
		color: #666;
		display: block;
		border-bottom: 2px solid #c6ce4c;
		padding-bottom: 7px; }
		
		a.menulinkActive, a.menulinkActive:link, a.menulinkActive:visited, a.menulinkActive:active, a.menulinkActive:hover {
		text-decoration: none;
		color: #99a125;
		display: block;
		border: none;
		padding-bottom: 7px; }
		
/* ==== NAVIGATION ============================================================================================= */
		
		#nav {
		width: 902px;
		clear: both;
		height: 35px; }
		
		#nav ul {
		background: #fff;
		width: 100%;
		margin: 0;
		padding: 0;
		text-align: center;
		list-style-type: none; }
		
		#nav li {
		margin: 0;
		display: inline;
		float: left;
		padding: 3px 37px 3px 37px;
		margin: 5px 0 5px 0;
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		border-right: 1px solid #c1c1c1; }
		
		#nav li.noborder {
		border: none; }
		
		.nav:link, .nav:visited, .nav:active {		
		color: #ed7d12;
		text-decoration: none;
		border-bottom: none; }
		
		.navigation {
		color: #ed7d12;
		text-decoration: none;
		border-bottom: none; }		
		
		.navactive {
		color: #e35527;
		text-decoration: none;
		border-bottom: none; }

		.nav:hover {
		color: #e35527;
		text-decoration: none;
		border-bottom: none; }

/* ==== CONTENT INDEX ============================================================================================= */
		
		#content_index {
		background: no-repeat top left url('../gfx/content_index.jpg');
		width: 902px;
		height: 394px;
		margin: 0;
		margin: 0;
		z-index: 1;
		float: left; }
		
			#content_index .boxtop {
			background: no-repeat top left url('../gfx/content_index_boxtop.gif');
			width: 204px;
			height: 6px;
			display: block;
			clear: both; }
		
			#content_index #box {
			display: block;
			width: 204px;
			height: 371px;
			float: right;
			overflow: visible;
			margin: 20px 13px 0 0; }
						
			#content_index .box {
			background: repeat-y top left url('../gfx/content_index_boxbkg.gif');
			width: 184px;
			height: 342px;
			overflow: auto;
			display: block;
			padding: 0 10px 0 10px;
			clear: both; }
			
			#content_index .box h1 {
			color: #999;
			display: block;
			letter-spacing: -1px;
			text-align: left;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 15px;
			margin: 0;
			padding: 4px 0 0 0;
			font-weight: bold;
			text-transform: uppercase;
			line-height: 25px; }
			
			#content_index .box p {
			color: #999;
			display: block;
			text-align: left;
			font-family: tahoma, "Trebuchet MS", Arial, sans-serif;
			font-size: 11px;
			font-weight: normal;
			line-height: 16px;
			padding: 0px 0 0 0;
			margin: 5px 0 0 0;
			/*border-top: 1px solid #ccc; */
			
			}
			
			#content_index .box .separator 
			{
			margin-top: 5px;
			margin-bottom: 10px;    
			border-top: 1px solid #ccc; 
			}			
			
			#content_index .box b {
			color: #999;
			display: block;
			font-size: 11px; }
			
			#content_index .boxfoot {
			background: no-repeat bottom left url('../gfx/content_index_boxfoot.gif');
			width: 204px;
			height: 7px;
			display: block;
			clear: both; }
			
		#below_content {
		width: 876px;
		float: left;
		display: block;
		margin: 0;
		padding: 6px 6px 6px 15px; }
		
		#below_content p {
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #ed7d12; }
		
/* ==== CONTENT ============================================================================================= */
		
		#content {
		background: repeat-y top left url('../gfx/content_bkg.gif');
		width: 902px;
		padding: 0 0 0px 0;
		margin: 0;
		z-index: 1;
		float: left; }
		
			#content .leftbox {
			width: 300px;
			display: block;
			float: left;
			margin: 15px 10px 15px 15px;			
			 }
			
			.content_lefttop {
			background: no-repeat top left url('../gfx/content_lefttop.gif');
			width: 300px;
			height: 8px;
			display: block;
			float: left;
			margin: 0;
			padding: 0; }
			
			#left {
			background: #fff;
			width: 299px;
			display: block;
			float: left;
			margin: 0;
			border-right: 1px solid #999eaa; 
			min-height: 396px;
			*min-height: 392px;
			height: 474px;
			}
			
			.content_leftfoot {
			background: no-repeat top left url('../gfx/content_leftfoot.gif');
			width: 300px;
			height: 8px;
			display: block;
			float: left;
			margin: 0;
			padding: 0; }
			
		#left ul {
		margin: 0;
		width: 259px;
		padding: 5px 0 10px 20px;
		list-style-type: none;
		float: left;
		display: inline; }
		
		#left li {
		margin: 0;
		display: block;
		width: 259px;
		text-align: left;
		float: left;
		clear: both;
		display: block;
		padding: 6px 0 6px 0;
		font-family: tahoma, "Trebuchet MS", Arial, sans-serif;
		font-size: 11px;
		text-transform: none;
		color: #ed7d12;
		font-weight: bold; }
		
		#left li.sub {
		padding: 0 0 0 40px;
		color: #f49e57;
		font-size: 11px;
		line-height: 15px;
		font-weight: normal;
		width: 219px; }
		
		#left .leftboxnav:link, #left .leftboxnav:visited, #left .leftboxnav:active {
		color: #ed7d12;
		text-decoration: none;
		border: none; }
		
		#left .leftboxnav:hover {
		color: #e35527;
		text-decoration: none;
		border: none; }
		
		#left .leftboxnav_active:link, #left .leftboxnav_active:visited, #left .leftboxnav_active:active, #left .leftboxnav_active:hover {
		color: #e35527;
		text-decoration: none;
		border: none; }
				
			
			/* ==================================================================================================================== */
			
			#left h1, #right h1 {
			color: #005191;
			display: block;
			text-align: left;
			font-family: tahoma, "Trebuchet MS", Arial, sans-serif;
			font-size: 14px;
			margin: 0 0 5px 0;
			padding: 3px 3px 3px 20px;
			font-weight: bold;
			line-height: 20px;
			text-transform: uppercase; }
			
			#right
			{
			min-height: 410px;
			color: #666;
			font-family: tahoma, "trebuchet ms", Helvetica, sans-serif;
			font-size: 12px;
			line-height: 16px;
			text-align: left;	  
			width: 537px;
			}
			
			#right .content
			{
			float: none;
			clear: both;
			height: 410px;
			overflow: auto;
			padding: 0px;
			width: 555px;			
			}
			
			#right p
			{
			padding-top: 0px;
			margin-top: 0px;
			padding-bottom: 0px;
			margin-bottom: 10px;			    
			}
			
			
			#right .text
			{
			    margin-left: 10px;
			    margin-right: 10px;
			    padding-left: 10px;
			    padding-right: 0px;
			    margin-top: 0px;
			    padding-top: 10px;
			    margin-bottom: 0px;
			    padding-bottom: 0px;
			}
			
				#right .print {
				display: inline;
				text-transform: uppercase;
				font-size: 12px;
				margin: 0 12px 0 0;
				line-height: 20px;
				font-weight: normal;
				font-family: tahoma, "Trebuchet MS", Arial, sans-serif;
				color: #ed7d12;
				float: right; }
				
				#right .print a:link, #right .print a:visited, #right .print a:active, #right .print a:hover {
				text-decoration: none;
				border: none;
				color: #ed7d12; }
			
			#left h2 {
			background: #ebedf3;
			width: 279px;
			color: #2f8db7;
			display: block;
			text-align: left;
			font-family: tahoma, "Trebuchet MS", Arial, sans-serif;
			font-size: 12px;
			margin: 0;
			padding: 3px 0 3px 20px;
			font-weight: bold;
			line-height: 20px;
			text-transform: uppercase; }
			
			#right h2 {
			background: #ebedf3;
			width: 537px;
			color: #2f8db7;
			display: block;
			text-align: left;
			font-family: tahoma, "Trebuchet MS", Arial, sans-serif;
			font-size: 12px;
			margin: 0 0 0 1px;
			float: left;
			padding: 3px 0 3px 19px;
			font-weight: bold;
			line-height: 20px;
			text-transform: uppercase; 
			margin-bottom: 5px;
			}
			
			
			#right .text h2 {
			background: #ebedf3;
			/*width: 537px;*/
			width: 507px;
			color: #2f8db7;
			display: block;
			text-align: left;
			font-family: tahoma, "Trebuchet MS", Arial, sans-serif;
			font-size: 12px;
			margin: 0 0 0 -18px;
			float: left;
			padding: 3px 0 3px 19px;
			font-weight: bold;
			line-height: 20px;
			text-transform: uppercase; 
			margin-bottom: 5px;
			}			
			
			#right ul
			{
			    margin-left: 20px;
			    padding-left: 0px;
			}
			
			#right ol
			{
			    margin-left: 25px;
			    padding-left: 0px;
			}			
			
			#right li
			{
			    padding-bottom: 10px;
			}			
			
			/* ==== CONTENT RIGHT LAYER ============================================================================================= */
			
			#content .rightbox {
			width: 560px;
			display: block;
			float: right;
			margin: 15px 15px 15px 0; }
			
			.content_righttop {
			background: no-repeat top left url('../gfx/content_righttop.gif');
			width: 560px;
			height: 8px;
			display: block;
			float: left;
			margin: 0;
			padding: 0; }
			
			#right {
			background: repeat-y #fff top left url('../gfx/content_rightbkg.gif');
			width: 560px;
			display: block;
			float: left;
			margin: 0; }
			
			.content_rightfoot {
			background: no-repeat top left url('../gfx/content_rightfoot.gif');
			width: 560px;
			height: 9px;
			display: block;
			float: left;
			margin: 0;
			padding: 0; }
			
			#right .rightbox_layers {
			display: block;
			width: 518px;
			margin: 10px auto 0 20px;
			float: left;
			color: #999;
			font-family: tahoma, "trebuchet ms", Helvetica, sans-serif;
			font-size: 11px;
			font-weight: normal;
			line-height: 16px;
			text-align: left; }
			
			#right .rightbox_layers b {
			color: #848282;
			margin: 0 5px 0 0; }
			
			#right .rightbox_layers .layer1 {
			width: 150px;
			display: block;
			float: left;
			border-right: 1px solid #ccc;
			margin: 0 7px 0 0; }
			
			#right .rightbox_layers .layer2 {
			width: 150px;
			display: block;
			float: left;
			padding: 0 0 0 20px;
			border-right: 1px solid #ccc;
			margin: 0 7px 0 0; }
			
			#right .rightbox_layers .layer3 {
			width: 150px;
			padding: 0 0 0 20px;
			display: block;
			float: left; }
			
			#right .rightbox_img {
			display: block;
			float: left;
			margin: 20px auto 10px 20px; }
			
			#right .rightbox_img .imgfirst {
			margin: 0 5px 0 0; float:left; }
			
			
			#right .rightbox_img .imgsecond {
			margin: 0 5px 0 10px; 
			float:left; }			
							
/* ==== FOOT ============================================================================================= */

		.foot_top {
		background: no-repeat top left url('../gfx/foot_top.gif');
		width: 902px;
		height: 2px;
		display: block;
		float: left;
		clear: both;
		margin: 5px 0 0 0; }

		#foot {
		width: 902px;
		background: repeat-y #fff top left url('../gfx/foot_bkg.gif');
		text-align: left;
		float: left;	
		clear: both;
		display: block; }
			
		.foot_foot {
		background: no-repeat top left url('../gfx/foot_foot.gif');
		width: 902px;
		height: 7px;
		display: block;
		float: left;
		clear: both; }
		
		#foot ul {
		width: 862px;
		margin: 0 auto 0 auto;
		display: block;
		float: left;
		overflow: visible;
		text-align: center;
		padding: 10px 20px 10px 20px;
		position: relative;
		list-style-type: none; }
		
		#foot li h2 {
		color: #666666;
		font-family: "lucida grande", "trebuchet ms", Helvetica, sans-serif;
		font-size: 12px;
		display: block;
		font-weight: normal;
		line-height: 20px;
		text-transform: uppercase; }
		
		#foot li {
		width: 260px;
		text-align: left;
		float: left;
		overflow: visible;
		display: block;
		position: relative;
		padding: 0 14px 0 14px;
		margin: 0;
		border-left: 1px solid #eee; }
		
		#foot li.first {
		padding: 0 20px 0 0;
		border: none; }
		
		#foot li .li_container {
		display: block;
		float: left;
		clear: none;
		overflow: visible; }
		
		#foot li p {
		color: #999;
		font-family: tahoma, "trebuchet ms", Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		line-height: 16px; }
				
		#foot li img {
		margin: 0 10px 0 0;
		float: left;
		display: block;
		border: none;
		text-decoration: none; }
		
		#below_foot_print{
			width: 600px;
			margin-top: 50px;
			display: block;
			float: none; 
			clear: both;
			text-align:left;
			}
				
			#below_foot {
			width: 100%;
			margin: 5px auto 0 auto;
			display: block;
			float: left; }
			
			#below_foot p {
			color: #a3a3a3;
			font-family: tahoma, "trebuchet ms", Helvetica, sans-serif;
			font-size: 11px;
			font-weight: normal;
			line-height: 16px; }
			
		    #below_foot a
		    {
		        color: #a3a3a3;
		        text-decoration: none;
		    }			
			
			/*===========================================================*/	


.TextFieldHeader
{
    font-weight: bold;
}

 /*===========================================================*/	



		.div_login_button
		{
		    margin: 0 auto;
		    width: 870px;
		    text-align: right;
		    color: #666666;
		    font-size: 10px;
		}
		
		a.dmediaLink
		{
		    color: #666666;
		    text-decoration: none;
		    font-family: Arial, Sans-Serif;
		    font-size: 11px;
		}
		
		
		
		
		.image_left
		{
		    height: 237px;
		    width: 357px;
		    background-image: url(img/img001.gif);
		    padding: 5px;
		    background-color: Red;
		}
		
		
#box_container {background: #ffffff;}
.roundtop {background: #ffffff;}
.roundbottom {background: #ffffff;}
.r1{margin: 0 5px; height: 1px; overflow: hidden; background: #000000; 
border-left: 1px solid #000000; border-right: 1px solid #000000;}
.r2{margin: 0 3px; height: 1px; overflow: hidden; background: #cccc99; 
border-left: 1px solid #000000; border-right: 1px solid #000000; 
border-width: 0 2px;}
.r3{margin: 0 2px; height: 1px; overflow: hidden; background: #cccc99; 
border-left: 1px solid #000000; border-right: 1px solid #000000;}
.r4{margin: 0 1px; height: 2px; overflow: hidden; background: #cccc99; 
border-left: 1px solid #000000; border-right: 1px solid #000000;}
.box_content {padding: 10px;
border-left: 1px solid #000000; border-right: 1px solid #000000;}