html							{ text-align: center; }
body 							{ margin: 0px; padding: 0px; background: url("bilder/bg2.gif"); font-size: 12px; font-family: arial;}
#center							{ width: 1030px; margin: 0 auto; }
#layout							{ width: 940px; height: *; padding: 10px; margin: 0 35px; background: white; float: left; }


h1								{ width: 940px; height: *; margin: 30px 0 10px; padding: 0; text-align: left; border-bottom: 2px solid #eee; color: #333; font-family: Verdana, sans-serif; font-size: 22px; font-weight: normal; text-transform: uppercase; float: left;}
h2								{ font-weight: normal; color: #333 }

h3								{ width: 100%; height: *; text-align: left; font-family: Verdana, sans-serif; float: left; font-weight: bold; font-size: 12px; margin: 0; padding: 0; text-transform: none; color: #666; line-height: 20px; clear: both;}
p								{ float: left; color: #333; line-height: 20px; text-align: left;}
.bg_blue						{ background: url("bilder/box-bg.gif") top repeat-x #e1f1ff; }
legend							{ text-align: left; }
#main-top-left					{ width: 35px; height: 35px; background: url("bilder/main-top-left.png"); float: left; }
#main-top-mid					{ width: 960px; height: 35px; background: url("bilder/main-top-mid.png"); float: left;}
#main-top-right					{ width: 35px; height: 35px; background: url("bilder/main-top-right.png"); float: left; }

#main-mid-left					{ width: *; height: *; background: url("bilder/main-mid-left.png") left repeat-y; float: left; }
#main-mid-right					{ width: *; height: *; background: url("bilder/main-mid-right.png") right repeat-y; float: left; }

#main-bottom-left					{ width: 35px; height: 35px; background: url("bilder/main-bottom-left.png"); float: left; }
#main-bottom-mid					{ width: 960px; height: 35px; background: url("bilder/main-bottom-mid.png"); float: left;}
#main-bottom-right					{ width: 35px; height: 35px; background: url("bilder/main-bottom-right.png"); float: left; }
.search form					{ width: inherit; float: left; margin: 0 20px 20px; }
.errortext {
	font-size: 14px;
	color: #C00;
	font-weight: bold;
}
.oktext {
	font-size: 14px;
	color: #0C0;
	font-weight: bold;
}
.search	fieldset				{ width:290px; padding: 0; margin: 5px; height: 100%; border: none; float: left; }
.search	legend					{ float: left; text-align: left; }
.search input					{ height: *;  float: left; clear: both;}
.search label					{ float: left; clear: both; text-align: left;}	
.search select					{ float: left; clear: both; text-align: left;}	

.padding,
.kontaktinfo,
.kontaktperson						{ float: left; margin: 0 20px 20px; text-align: left; }

.kontaktperson .list			{ clear: right; float: left; }
.kontaktperson img				{ float: left; margin: 0 10px 10px 0; }
.kontaktperson h1				{ clear: right; float: left; font-size: 14px; font-weight: bold; width: auto; margin: 0; padding: 0; border: none; text-transform: none; }
.kontaktperson p				{ clear: both; }

.kontaktinfo p					{ clear: both; margin: 10px 0; float: left; }
.kontaktinfo .list				{ width: 100%; clear: right; float: left; }
.kontaktinfo h1					{ width: 100%; clear: right; float: left; font-size: 14px; font-weight: bold; margin: 10px 0; padding: 0; border: none; text-transform: none;}

a.list							{ clear: left; float: left; font-size: 14px; line-height: 20px; height: 20px; margin: 0; padding: 0;}
.bad							{ color: orange; float: left; font-size: 12px; line-height: 22px; height: 20px; margin: 0 0 0 10px; padding: 0;}

.submit							{ width: 75px; float: lerft; }

.user form						{ float: left; }
.user fieldset					{ clear: both; border: none; border-bottom: 1px solid grey; margin: 30px 20px; padding: 0 20px 20px 20px; }
.user p						{ float: left; margin: 20px; padding: 10px; display: inline-block; }
.user fieldset.noline			{ border: none; }
.user a							{ float: left; line-height: 20px; margin: 10px 5px; text-decoration: none; }
.user input						{ clear: right; float: left; margin: 10px 0;}
.user input[type=submit]		{ width: 100px; clear: both; float: left; margin: 10px 0;}
.user label						{ clear: left; float: left; margin: 0; line-height: 20px; margin: 10px 0; min-width: 150px; text-align: left;}
.user textarea					{ width: 500px; height: 100px; clear: both; float: left; }
.user select					{ clear: right; float: left; margin: 10px 0;}
.user legend					{ font-weight: bold; font-size: 14px; margin: 0; padding: 0;}
.user img						{ float: left; clear: both; margin: 20px 0; width: 75px; height: 100px; }
.user .data						{ width: *; font-size: 12px; line-height: 20px; margin: 10px 0; display: inline-block; clear: none; }

.login form						{ float: left; }
.login fieldset					{ clear: both; border: none; margin: 40px auto 40px; width: 330px; padding: 20px; display: inline-block;}
.login label					{ clear: left; float: left; margin: 0; line-height: 20px; margin: 10px 0; min-width: 150px; text-align: left;}
.login input					{ clear: right; float: left; margin: 10px 0;}
.login input[type=submit]		{ width: 100px; clear: both; float: left; margin: 10px 0;}
.login a							{ float: left; line-height: 20px; margin: 10px 5px; text-decoration: none; }

.data							{ clear: left; float: left; font-size: 14px; line-height: 30px; }
.data.space					{ margin-bottom: 30px; }

#logo							{ width: 265px; height: 50px; margin: 0 0 10px 0; background: url("bilder/logo.png"); float: left;}

#bg								{ width: 100%; height: *; background: url("bilder/bg1.gif") repeat-x top; float: left;}

.list							{ margin: 10px 0 0 0;}

#copy							{ width: 930px; height: 32px; padding: 0 60px 25px; float: left; line-height: 16px; text-align: left; color: white; vertical-align: top; font-size: 11px;}
#copy img						{ float: left; vertical-align: top; margin-right: 25px; }
#copy a							{ color: white; font-weight: bold;}
.spacer							{ float: left; }

.sml_spacer						{width: 250px; height: auto; margin-right: 10px; padding-right: 10px; float: left;}

#login							{ width: *; height: 50px; float: right; }
#login a						{ color: black; font-weight: bold; text-decoration: none; line-height: 50px; float: left;}
#login fieldset					{ width: *; height: *; border: none; float: left; padding: 0; margin: 0 20px 0 0; }
#login fieldset	a				{ clear: both; color: #81919F; float: left; margin: 5px 0 0 0; line-height: 12px; }
#login strong				{ clear: both; color: black; float: left; margin: 5px 0 0 0; line-height: 12px; }
#login input					{ width: 150px; float: left; height: 14px; margin-top: 2px; clear: both;   }
#login label					{ width: 150px; clear: borth; float: left; text-align: left;}
#login .user						{ font-size: 12px; margin: 0; padding: 0; float: right; color: #333; }
#login .sign_out					{ float: right; clear: both; margin: 0; padding: 0; line-height: 25px; }

.menu							{ width: 940px; height: *; font-family: "Arial"; }
.menu #one						{ width: *; height: 35px; margin: 0 0 0 50px; float: left;}
/*.menu #one a					{ width: 110px; height: 23px; padding: 12px 0 0 0; background: url("bilder/one_p.png"); float: left; color: black; font-size: 14px; text-decoration: none; }
.menu #one a#active				{ width: 120px; height: 25px; padding: 10px 0 0 0; font-size: 14px; background: url("bilder/one_a.png"); float: left; color: white; font-weight: bold; text-align: center; text-decoration: none; }*/
.menu #two						{ width: inherit; height: 37px; background: #ff821c; float: left;  }
.menu #two a					{ width: *; height: 37px; margin: 0; padding: 12px 15px 13px 15px; font-size: 12px; font-weight: bold; color: white; text-decoration: none; float: left; text-transform: uppercase;}
.menu #two a#active				{ width: *; height: 37px; margin: 0; padding: 12px 15px 13px 15px; font-size: 12px; font-weight: bold; color: white; text-decoration: none; float: left; text-transform: uppercase;}
.menu #c_l						{ width: inherit; height: 37px; background: url("bilder/two_left.png") no-repeat left; float: left;}
.menu #c_r						{ width: inherit; height: 37px; background: url("bilder/two_right.png") no-repeat right; float: left; }

.button_a 		{width: *; height: 35px; background: #ff821c; float: left;  }
.button_a .left 	{width: *; height: 35px; background: url(bilder/one-a-left.png) no-repeat left; float: left; }
.button_a .right 	{width: *; height: 35px; background: url(bilder/one-a-right.png) no-repeat right; padding: 0 10px; float: left; }
.button_a a		{ min-width: 90px; height: 35px; float: left; padding: 10px 0 0 0; font-size: 14px; float: left; color: white; font-weight: bold; text-align: center; text-decoration: none; }

.button 		{width: *; height: 35px; background: url(bilder/one-mid.png); float: left;  }
.button .left 	{width: *; height: 35px; background: url(bilder/one-left.png) no-repeat left; float: left; }
.button .right 	{width: *; height: 35px; background: url(bilder/one-right.png) no-repeat right; padding: 0 10px; float: left; }
.button a		{ min-width: 90px; height: 35px; float: left; padding: 12px 0 0 0; float: left; color: black; font-size: 14px; text-decoration: none; }

.personal 				{height: 200px; text-align: left; margin: 20px; padding: 0 20px 20px 20px; border-bottom: 1px solid #54afff;}
.personal div.col 		{width: 40%; margin: 0 20px 0 0; padding: 0; height: 100px; float: left; line-height: 20px;}
.personal div.details		{margin: 0 0 10px; padding: 0; clear: right;}
.personal .space		{ margin: 0 20px 0 10px; font-weight: bold; }
.personal strong.color	{clear: both; float: left; font-weight: bold; width: 100%; color: #C30;}
.personal .portrait		{ z-index: 1; background: url(bilder/profile-img.png) top left; float: left; width: 40px; height: 60px; margin: 10px 16px 10px 0; border: none; }
.personal .portrait img		{ z-index: 0; border: none; float: left; background: grey; }
.personal .portrait a		{ font-size: 10px; text-align: center; font-weight: bold; color: #666; }
.personal .resultatkompetens {float: right; width: 500px;}

.kontakta p.col 		{margin: 0 0 20px 0; padding: 0; height: *; float: left; overflow: hidden; line-height: 20px; clear: left; }
.kontakta p.details		{margin: 0 0 10px; padding: 0;}
.kontakta .space		{ margin: 0 20px 0 10px; font-weight: bold; }
.kontakta .hej		{ z-index: 1; background: url(bilder/profile-img.png) top left; float: left; width: 40px; height: 60px; margin: 10px 16px 10px 0; border: none; }
.kontakta .hej img		{ z-index: 0; border: none; width: 75px; height: 100px; float: left; background: grey; }


.pages					{height: auto; text-align: center; margin: 20px;}
.pages a.first			{margin: 0 10px;}
.pages a.prev			{margin: 0 5px;}
.pages a.active			{margin: 0 5px; font-weight: bold; text-decoration: none;}
.pages .active			{margin: 0 5px; font-weight: bold; text-decoration: none; color: #0000EE;}
.pages a.no				{margin: 0 5px;}

#side_menu						{ width: inherit; text-align: left;}
#side_menu a						{ margin: 0 0 0 20px; float: left; clear: both; line-height: 20px; }

#flash							{ width: 940px; min-height: 219px; max-height: 275px; background: url("bilder/frontimage.png") no-repeat bottom; float: left;}

#quickreg						{ width: 940px; height: auto; margin: 5px 0; float: left;}
#quickreg fieldset				{ width: *; height: *; border: none; float: left; padding: 0; margin: 0 20px 0 0; }
#quickreg fieldset#first		{ margin-left: 50px; }
#quickreg label					{ width: 150px; height: *; text-align: left; float: left; clear: both;}
#quickreg input					{ width: 150px; height: *; float: left; clear: both;}
#quickreg select				{ width: 150px; height: *; float: left; clear: both;}
.reg_bg							{ background: url("bilder/box-bg.gif"); }

.box1 .title						{ width: inherit; height: *; margin: -18px 0 0; float: left; }
.box1 .title h4						{ width: *; background: white; font-size: 12px; line-height: 12px; height: *; padding: 0 5px 0; margin: 10px 0 10px 10px; border: none; float: left; color: black; text-transform: none; font-weight: bold; }

.resultat								{ width: inherit; height: 60px; margin: 0 10px; float: left; text-align: left; }
.resultat .img							{width: 48px; height: 48px; float: left; margin-right: 10px;}
.resultat .img-bg {background: url("bilder/profile-img.png") no-repeat #ccc; height: 48px; width: 48px;}



.profile { width: inherit; height: auto; margin: 0 10px; float: left; text-align: left;}
.profile .img {width: 48px; height: 48px; float: left; margin-right: 10px; }
.profile .img-bg {background: url("bilder/profile-img.png") no-repeat #ccc; height: 48px; width: 48px;}
.profile .info {color: #333333; height: auto; width: 200px; float: left;}
.profile .name {color: #cc3300; font-weight: bold; display: block;}
.profile {border-bottom: 1px solid #cde3f5; padding-bottom: 10px; margin-bottom: 10px}
.last {border: none; margin-bottom: 0px;}
.profile .quote {float: right; width: 155px; padding: 0px  0px 10px}

.box1									{ width: *; height: *; float: left; padding: 0; margin: 20px 0 0; }
.border_left							{ width: *; height: *; background: url("bilder/border.png") repeat-y left; float: left;}
.border_left .corner_top				{ width: *; height: *; background: url("bilder/top-left.png") no-repeat left top; float: left; }
.border_left .corner_top_large			{ width: *; height: *; background: url("bilder/top-left-large.png") no-repeat left top; float: left; }
.border_left .corner_bottom				{ width: *; height: *; background: url("bilder/bottom-left.png") no-repeat left bottom; float: left; }
.border_left .corner_bottom_large		{ width: *; height: *; background: url("bilder/bottom-left-large.png") no-repeat left bottom; float: left; }

.box2									{ width: *; height: *; float: left; }
.border_top								{ width: *; height: *; background: url("bilder/border.png") repeat-x top; float: left;}
.box2 .content							{ width: 430px; height: *; margin: 0 15px 15px; float: left; }
.border_bottom							{ width: *; height: *; background: url("bilder/border.png") repeat-x bottom; float: left;}

.border_right							{ width: *; height: *; background: url("bilder/border.png") repeat-y right; float: left;}
.border_right .corner_top				{ width: *; height: *; background: url("bilder/top-right.png") no-repeat top right; float: left; }
.border_right .corner_top_large			{ width: *; height: *; background: url("bilder/top-right-large.png") no-repeat top right; float: left; }
.border_right .corner_bottom			{ width: *; height: *; background: url("bilder/bottom-right.png") no-repeat bottom right; float: left; }
.border_right .corner_bottom_large		{ width: *; height: *; background: url("bilder/bottom-right-large.png") no-repeat bottom right; float: left; }

#ad									{ width: 728px; height: 90px; margin: 10px auto 20px; }