﻿@charset "utf-8";
/* CSS Document */

body
	{
		background-color: #999999;
		background-image:url(imgs/bg.jpg);
		font: 11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
		color: #666666;
		background-repeat: repeat-x;
		margin:14px 0 60px 0;
		text-align:center;		
	}

/** Grundstruktur **/
	
#page
	{
		width:764px;
		height:800px;
		background-image:url(imgs/personal.jpg);
		background-repeat:repeat-y;
		margin:auto;
	}
	
	#top
		{
			width:748px;
			height:37px;
			background-image:url(imgs/page_top764.gif);
			background-repeat:no-repeat;
			text-align:right;
			padding:20px 16px 0 0;
		}
		
	#header
		{
			width:100%;
			height:240px;
			background-image:url(imgs/header764_01.gif);
			background-repeat:no-repeat;
			padding-top:24px;
		}
		
	#container
		{
			width:750px;
			height:400px;
			/*background-image:url(imgs/page_bg764.gif);
			background-repeat:repeat-y;*/
			text-align:left;
			padding:0 0 10px 15px;
		}
		
		#contentbox /* aktuell sidas innehåll */
			{
				width:483px;
				background-image:url(imgs/content_bg483.gif);
				background-repeat:repeat-y;
				background-position:center;
				font: 11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
				clear:left;
				float:left;
				
			}
			
		#sidebar /* inforutor */
			{
				width:240px;
				background-image:url(imgs/info-box_bg238.gif);
				margin-left:6px;
				float:left;
			}
	#bottom
		{
			width:100%;
			height:75px;
			background-image:url(imgs/page_bottom764.gif);
			background-repeat:no-repeat;
			clear:left;
		}

/** Rubriker **/
#top h2
	{
		color:#e3b546;
		font: 15px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; 
	}

/** Länkar **/

#top a:link, a:visited, a:hover, a:active
	{
		color:#e3b546;
		text-decoration:none;
	}

#top a:hover, a:active
	{
		color:#e3a002;
		text-decoration:none;
	}

	
/** Listor **/
#top li,ul
	{
		display:inline;
		padding-left:20px;
		list-style-type:none;
	}	
	
/** Innehåll **/

#logo
	{
		width:755px;
		height:181px;
		/*background-color:#e2e2e2;*/
		text-align:left;
		border-left:3px solid #fff;
		border-right:3px solid #fff;
		margin:0 0 0 1px;
	}
	
#headerinfo
	{
		width:350px;
		padding:6px 0 0 20px;
		float:left;
		color:#000;
	}

#content
	{
		width:453px;
		height:360px;
		padding:0 20px 0 10px;
		float:left;
	}
	
#sidebarcontent
	{
		width:100%;
		height:350px;
		padding:0 6px 0 16px;
	}

/** Formulär **/

input, textarea, select
	{
		font: 11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
		color: #000;
	}

/** Enklas klasser **/

.floatleft
	{
		float:left;
	}

.td-right
	{
		text-align:right;
	}
	
.blacktext
	{
		color:#000;
	}