/*
Theme Name: human
Theme URI: http://www.opacity.se/
Description: human Theme
Author:Victor @ Opacity.se
Version: 1.0
Tags: 
*/





/* =LINKS
-------------------------------------------------------------- */


a {	font-size:12px;color:silver; text-decoration:none;}
a:visited {font-size:12px;color:silver; text-decoration:none;}
a:active {font-size:12px ;color:gray; text-decoration:none;}
a:hover {font-size:12px ;color:gray; text-decoration:none;}
h3 {
	text-transform:uppercase;
}
h3 a, h3 a:link, h3 a:visited{
	text-transform:uppercase;
	font-size:14px;
	
}
h2 {
	text-transform:uppercase;
}
h1 {
	text-transform:uppercase;
}


h1, h2, h3, h4, h5 {
	font-weight:100;
	font-family:'Century Gothic W02 Bold';
	

}

/* --------------------------------------- */

body, html {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:black;
}


#wrapper {width:1000px;margin:0px auto; }
#layout {  border:0px solid black;width:1000px;}
#top-holder {width:1000px;border:0px solid black;height:70px;}
#layout-logo {cursor:pointer; position:absolute; z-index:0;  margin-top:9px;margin-left:10px; width: 310px; height:57px; float:left; overflow:hidden; border:0px solid black;}
#layout-logo h1{text-indent:-99999px;}
#lang_select_holder {position:absolute;width:1000px;}
#lang_select {position:absolute;right:18px;top:6px;}
#lang_select select{width:150px;}

#footer {
	clear:both;
	
	
	padding-top: 100px;
padding-bottom: 93px;
	
}


#container {}
#box {}
#page-content {
	
}
#page-bg {
	z-index:90;
	width:1000px;
	position:relative;
	margin-top:0px;
}

#page-bg-holder{
	
	
}
#page-bg-infobox {
	position:absolute;	
	top:66px;
	right:55px;
	background:url('images/box.png');
	padding:30px 20px 10px 20px;
}

#page-bg-infobox a/*länk*/
{
	font-size:18px;
	
}
#page-bg-infobox  a:hover{
	color:white !important;

}

.start #page-bg-infobox  h1{
	color:#959993;
	font-size:36px;
	margin:0px;
	padding:0px;
}
#page-content  .textArea-on-page {
	line-height: 20px;
	font-size: 15px;
	margin: 0px;
	padding: 0px;
}
#page-content  .textArea-on-page div{
	line-height: 20px;
	font-size: 15px;
	margin: 0px;
	padding: 0px;
}

#page-bg-infobox .textArea-on-page div{
	color:white;
	font-size:18px;
}
#page-bg-infobox  p{
	color:white;
	font-size:18px;
	
}
#page-bg-infobox-alt {
	position:absolute;	
	bottom:30px;
	left:35px;
	width:940px;
	height:88px;
	
}
#page-bg-infobox-alt-text {
	position:absolute;	
	margin-left:100px;
	background:white;
	margin-top:15px;
	height:73px;
	width:800px;
	overflow:hidden;
}
#page-bg-infobox-alt-text h3{
	margin:0px;
	margin-left:30px;
	margin-top:10px;
	padding:0px;
	color:#959993;
	position:absolute;
	z-index:999;
	
}


#page-bg-infobox-alt-text-content {
	position:absolute;
	margin-top:15px;
	left:30px;
	height:20px;
	color:#59607c;
	font-size:13px;
}
#page-bg-infobox-alt-text-content a{ color:#59607c; font-size:13px; }
#page-bg-infobox-alt-text-content a:hover{ color:silver; font-size:13px; }
#page-bg-infobox-alt-img-left{
	position:absolute;	
	width:140px;
	height:88px;
	margin-top:0px;
	background:url('images/box_akt.png');
}
#page-bg-infobox-alt-img-right {
	position:absolute;
	right:0px;	
	width:140px;
	height:88px;
	margin-top:0px;
	background:url('images/box_akt.png') -815px 0px no-repeat;
	
}



/* ------------------------------------------------------------------ */

#ajax-page-loading {background:url('images/bg-dim.png') no-repeat;width:1280px;height:1024px;position:absolute;display:none;}

/* ------------------------------------------------------------------*/

ul, li {
	list-style:none;
	padding:0px;
	margin:0px;
}


/* ------------------------------------------------------------------*/
#menu-container {float:right;margin-top:40px;border:0px solid black;height:30px;}

.menu-small {position:relative;z-index:99;text-transform:uppercase;}

.menu-level1{ 
	border:0px solid black; 
	cursor:pointer; 
	height:35px;
	
	float:left; 
	margin:0px; 
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	font-weight:bold;
}

.menu-level2-holder {
	position:absolute;
	display:none;
}
.active .menu-level2-holder,.active-child .menu-level2-holder {
	display:block;
	position:absolute;
	margin-left:-100px;
}

.menu-level2-holder .active {
	color:white;
}
.menu-level2{ 
	padding:4px 10px;
	float:left;	
}


.menu-level1 .link {
	height:25px;
	text-align:center;
	 
	padding:7px 6px 0px;
	font-size:11px;
}
.menu-level2 .link {
	height:20px;
	text-align:center;
	padding-top:3px;
}

.menu-level2 .active {
	height:20px;
	text-align:center;
	padding-top:5px;
}

#om-human-search {/*width:151px;*/}
/*#om-human-search div:hover { color:white !important; background:url('images/menu/om-human-search.png');}*/
.active #om-human-search { color:white; background:url('images/menu/om-human-search.png');}



#nyheter {/*width:82px;*/}
.active #nyheter { color:white; background:url('images/menu/nyheter.png');}
#pagaende-uppdrag {  }
.active #pagaende-uppdrag { color:white; background:url('images/menu/pagaende-uppdrag.png');}
#var-process { }
.active #var-process  { color:white; background:url('images/menu/var-process.png');}
#kontakta-oss  { }
.active #kontakta-oss  { color:white; background:url('images/menu/kontakta-oss.png');}

table, td , th {
	font-size:11px;
}

/* ------------------------------------------------------------ */

.input-form {width:300px;border:0px solid black;}
.input-row { float:left;  margin:10px;}
.input-rubrik {margin-bottom:5px; }
.input-content {}
.input-content input  { width: 238px; height: 42px; padding:0px 10px; font-size: 18px;font-style: normal;font-weight: 200;color: #999;border: 1px solid black;background-color: white;}
.input-content textarea  { width: 500px; height: 202px; padding:4px 4px; font-size: 12px;font-style: normal;font-weight: 200;color: #999;border: 1px solid black;background-color: white;}

.input-content select  {  width: 260px; height: 42px;padding:11px 10px; font-size: 18px;font-style: normal;font-weight: 200;color: #999;border: 1px solid black;}
.input-content option  { }

.input-form .checkbox { padding-top:10px; }
.input-error { position:absolute; margin-top:-30px; margin-left:-10px; font-size:20px; color:red; display:none; }

#btnSubmit { cursor:pointer; background:url("img/button.png") no-repeat; border:0px;height:55px;width:70px;}
#msgbox {
	font-size:20px;
	font-weight:900;
	padding:50px 150px;
	color:darkred;
	display:none;
	position:absolute;background:white; text-align:center;}

/* ------------------------------------------ */
#small-form {width:290px;}


/* ------------------------------------------------------------------*/



.listContent {margin:20px;}

.listContent .list-header div{float:left;width:200px;}

.listContent li {clear:both;padding:2px 2px;}
.li-hover:hover{background:#E4E4E4;}
.li-hover:hover a{color:black !important;}

.listContent li div{float:left; width:200px;}

.handle {display:block;cursor:move;float:left;width:10px;height:10px;background:#EAEAEA;margin-top:2px;margin-right:2px;}


/* ------------------------------------------------------------------*/
#topMenu { float:left; position:absolute;top:0px;left:0px;}
#topMenu { z-index:999;display: none;  width:200px; background:black;height:100px; padding-right:10px; }
#topMenu #topMenuContent ul{ border:0px solid white;display:block;margin-top:50px;margin-left:10px; -webkit-padding-start: 0px;}

#topMenu #topMenuContent li { display: list-item;height:25px; background: url("images/sprite.png") 0% -110px no-repeat;}

#topMenu #topMenuContent a{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: block;
	margin-left: 25px;
	height: 15px;
	padding: 5px 10px 4px;
	border-bottom: 1px solid #222;
	white-space: nowrap;
	overflow: hidden;
	color:white;
	text-transform:uppercase;
}

#topMenu #topMenuContent a:hover {
    color:#000;
    background:url("images/bleeds.png") 0px -30px repeat-x;
	
    }


#sprint {position:fixed;top:0px;left:0px; z-index:99990; cursor:pointer; display:block; width:35px;height:39px;border:0px solid black; background:url('images/sprite.png'); text-indent:-999px;}
.block{background:url("images/sprite.png") 0px -35px !important; }

/* ------------------------------------------------------------------------------------------------------------------- */
.om-human-search #page-bg-image{
	background:url('images/bg/omhuman.jpg');
	height:475px;
}

.human-outplacement #page-bg-image{
	background:url('images/bg/start.png');
	height:475px;
}

.om-human-searchbolaget {
	background:url('images/bg/omhuman.jpg');
	height:475px;
}


.om-human-searchstyrelsen
{
	background:url('images/bg/styrelsen.jpg');
	height:475px;
}
.om-human-searchledningen
{
	background:url('images/bg/styrelsen.jpg');
	height:475px;
}


/* ---------------- PAGAENDE TASKS ----------- */
.pagaende-uppdrag #page-bg-image{
	background:url('images/bg/pagaendeuppdrag.jpg');
	height:475px;

}
.pagaende-uppdrag #page-bg-infobox h1{
	text-transform:uppercase;
color: #6590A1 !important;
font-size: 36px;
margin: 0px;
padding: 0px;
}
.pagaende-uppdrag p{
	font-weight:normal;

}
.pagaende-uppdrag  a{
	font-size:18px !important;
	color:#6590a1 !important;

}
.pagaende-uppdrag  a:hover{
	font-size:18px !important;
	color:white !important;

}

.task-item {
	margin-bottom:10px;
	float:left;
	margin-left:60px;
	width:380px;
	padding:5px 10px;
	height:60px;
	border:0px solid black;
	cursor:pointer;
}
.task-item:hover{
	background:#E6E6E6;
}

.pagaende-tasks h1 
{
	font-size:13px;
	font-weight:bold;
	margin:0px;
	text-transform:none;
	font-family:Arial, Helvetica, sans-serif;
}
.pagaende-tasks h2 
{
	font-size:14px;
	font-weight:100;
	margin:0px;
}

.pagaende-tasks h3 
{
	
	width:400px;
	font-size:25px;
	font-weight:bold;
	margin:0px;
	margin-left:60px;
	color:#6590a1 !important;
	border-bottom:10px solid #6590a1;
	padding-bottom:5px;
	margin-bottom:20px;
}



.human-outplacement h1
{
	text-transform:uppercase;
	font-size:36px;
	color:white;
	margin:0px;
	padding:0px;
}
.human-outplacement a, .human-outplacement a
{
	color:#068190 !important;
	
}


.om-human-search a, .om-human-searchbolaget a
{
	color:#068190 !important;
	
}

.om-human-searchstyrelsen h1, .om-human-searchledningen h1{
text-transform: uppercase;
font-size: 25px;
color: #068190;
margin: 0px 0px 10px 0px;
border-bottom:10px solid #068190 ;
padding: 0px;
}





.om-human-searchreferenser
{
	
	
}
.om-human-search h1
{
	text-transform:uppercase;
	font-size:36px;
	color:#068190;
	margin:0px;
	padding:0px;
}


.om-human-searchbolaget h1
{
	text-transform:uppercase;
	font-size:36px;
	color:#068190;
	margin:0px 0px 10px 0px;
	padding:0px;
}



.om-human-searchbolaget #page-content  h1 {
color: #068190;
border-bottom: 10px solid #068190;
margin: 0px 0px 20px 0typx;
font-size: 25px;
padding: 1px 0px 3px 0px;
}

.om-human-searchbolaget #page-bg-infobox p {

}
.om-human-searchbolaget #page-content p {
line-height: 20px;
font-size: 15px;

margin: 0px;
padding: 0px;
}

.om-human-searchstyrelsen #page-content p {
line-height: 20px;
font-size: 15px;

margin: 0px;
padding: 0px;
}

.om-human-searchreferenser h1
{
	text-transform:uppercase;
	font-size:36px;
	color:white;
	margin:0px;
	padding:0px;
}
.om-human-searchreferenser h2
{
	text-transform:uppercase;
	font-size:14px;
	color:white;
	margin:0px;
	padding:0px;
}
.ref h3{
	font-size:30px;
	color:#068190 !important;
	border-bottom:10px solid #068190;
	margin:30px 0px 0px 0px;
	text-transform:uppercase;
	
}

.ref-item {
	display:none;
	padding:0px 62px;
}
.ref-0 {
	display:block;
}


/* ------------------------ PROCESS ---------------*/


.var-process{
	background:url('images/bg/var-process.jpg');
	height:475px;


	
}

.var-process #page-content {
		width:1000px;
}
.var-process #page-content .item{
		float:left;
		width:407px;
		margin-left:62px;
		margin-top:40px;
		height:220px;
	}
	
	.var-process img{
		float:left;
		height:70px;
	}

.var-process #page-bg-infobox  h1{
	color:#aba299;
	font-size:36px;
	margin:0px;
	padding:0px;
}
.var-process #page-content h1{/*title*/
	color:#aba299;
	border-bottom:10px solid #aba299 ;
	float:left;
	width:350px;
	margin:0px 0px 0px 10px;
	font-size:25px;
	padding:0;
}

.var-process #page-content p{/*title*/
	line-height: 20px;
	font-size: 15px;

	margin: 0px;
	padding: 0px;
	clear:both;
	width:407px;
}
.var-process a/*länk*/
{
	font-size:18px;
	color:#aba299 !important;
	position:absolute;
	margin:20px;
	padding:0px ;
	
}
/* ------------------------ PROCESS ---------------*/

/* ------------------------ Kontakta oss ---------------*/

.kontakta-oss{
	background:url('images/bg/kontakta-oss.jpg');
	height:475px;


	
}
.kontakta-oss #page-bg-infobox  h1{
	color:#59607c;
	font-size:36px;
	margin:0px;
	padding:0px;
}
.kontakta-oss #page-content h1{/*title*/
	color:#59607c;
	border-bottom:10px solid #59607c ;
	float:left;
	width:350px;

	margin:0px 0px 10px 0px;
	font-size:25px;
	padding:0;
}

.kontakta-oss #page-content p{/*title*/
	line-height: 20px;
	font-size: 15px;

	margin: 0px;
	padding: 0px;
	clear:both;
	width:407px;
}
.kontakta-oss a/*länk*/
{
	font-size:18px;
	color:#aba299 !important;
	position:absolute;
	margin:20px;
	padding:0px ;
	
}
/* ------------------------ Kontakta oss ---------------*/


.press-bilder h1 {
	padding-top:20px;
	width:870px;
	font-size:24px !important;
	color:#567fb7;
	border-bottom:10px solid #567fb7 ;
	
}
.press-bilder .press-bild {
	float:left;
	
}
.press-bilder .press-bild-text {
	float:left;
	padding-left:20px;
	padding-top:30px;
}
.press-bilder .press-bild-item {
	
	width:410px;
	margin-right:60px;
	float:left;
	padding-top:20px;
	cursor:pointer;
	
}
.press-bilder #page-bg-image
{
	background:url('images/bg/nyheter.jpg');
	height:30px;
}
/* ------------------------- NYHETER -------------------------*/
.press #page-bg-image
{
	background:url('images/bg/nyheter.jpg');
	height:30px;
}

.press-big-item h3 {
	font-size:24px !important;
	color:#567fb7;
	border-bottom:10px solid #567fb7 ;
}

.press h3/*datum*/
{
	
	font-size:14px;
	color:#567fb7;
	margin:0px 0px 0px 0px;
	padding:0px ;
}
.press h2/*title*/
{
	
	
	font-size:13px;
	
}
.press h1/*title*/
{
	
	
	margin:0px;
	font-size:24px;
	padding:11px 0px 3px 0px;
}
.press a/*länk*/
{
	font-size:18px;
	color:#567fb7 !important;
	position:absolute;
	margin:20px;
	padding:0px ;
	
}
.press p/*text*/
{
	
	margin:0px 0px 0px 6px;
	padding:5px 0px 10px 0px;
}

#pressmeddelanden #search {
	padding-top:10px;
}
#pressmeddelanden #search  input {
	width:210px;
	height:31px;
	border:0px;
	margin:0px;
	padding:0px 0px 0px 5px;
	background:url(images/search.png) no-repeat;
}
#pressmeddelanden #search  button {
	width:30px;
	height:31px;
	border:0px;
	float:right;
	background:url(images/search.png) 100% 0% no-repeat;
}


.press .press-item {
	
	margin-top:20px;
	cursor:pointer;
	border-bottom:1px solid #e5e5e5;
	padding-bottom:4px;
	
}
.nyhet-item h2{/*datum*/
	color:#567fb7;
	border-bottom:10px solid #567fb7 ;
	margin:0px;
	font-size:25px;
	padding:41px 0px 3px 0px;
}
.nyhet-item h4{ /*Title*/
	
	text-transform:uppercase;
	font-size:15px;
	margin:0px;
	padding:22px 0px 10px 0px;
}
.nyhet-item h5{/*text*/
	line-height:20px;
	font-size:15px;
	font-weight:100;
	margin:0px;
	padding:0px;
}

.press-left{
	width:410px;
	float:left;
	margin-left:60px;
	padding-top:60px;
	height:500px;
}



.press-image-text {
	
	position:absolute;
	bottom:0px;
	color:white !important;
	text-transform:uppercase;
	font-size:18px;
	margin:0px;
	padding:0px;
	background:black;
	opacity: 0.6;
	filter: alpha(opacity=60);
	display:none;
}
.press-image-text h5{
	
	padding:6px 10px;
	margin:0px;
	
}
.press-right {
	width:410px;
	float:left;
	margin-left:60px;
	padding-top:0px;
	height:500px;
}
.press-single h2{/*datum*/
	color:black;
	
	margin:0px;
	font-size:18px;
	padding:31px 0px 3px 0px;
}
.press-single h1{ /*Title*/
	color:black !important;
	text-transform:uppercase;
	font-size:24px;
	margin:0px;
	padding:2px 0px 15px 0px;
}
.press-single p{/*text*/
	line-height:20px;
	font-size:15px;
	font-weight:100;
	margin:0px;
	padding:0px;
}


/* ------------------------- NYHETER -------------------------*/
.nyheter #page-bg-image
{
	background:url('images/bg/nyheter.jpg');
	height:475px;
}
.nyheter h3/*datum*/
{
	font-size:18px;
	color:white !important;
	margin:0px 0px 0px 6px;
	padding:0px ;
}
.nyheter h1/*title*/
{
	font-size:36px;
	color:#567fb7 !important;
	margin:0px ;
	padding:0px ;
	text-transform:uppercase;
}
.nyheter a/*länk*/
{
	font-size:18px;
	color:#567fb7 !important;
	position:absolute;
	margin:20px;
	padding:0px ;
	
}
.nyheter p/*text*/
{
	
	margin:0px 0px 0px 6px;
	padding:5px 0px 10px 0px;
}

.nyheter .nyhet-item {
	min-height:250px;
	width:410px;
	float:left;
	margin-left:60px;
	cursor:pointer;
	
}
.nyhet-item h2{/*datum*/
	color:#567fb7;
	border-bottom:10px solid #567fb7 ;
	margin:0px;
	font-size:25px;
	padding:41px 0px 3px 0px;
}
.nyhet-item h4{ /*Title*/
	
	text-transform:uppercase;
	font-size:15px;
	margin:0px;
	padding:22px 0px 10px 0px;
}
.nyhet-item h5{/*text*/
	line-height:20px;
	font-size:15px;
	font-weight:100;
	margin:0px;
	padding:0px;
}

.nyheter-left{
	width:410px;
	float:left;
	margin-left:60px;
	padding-top:60px;
	height:500px;
}



.nyheter-image-text {
	
	position:absolute;
	bottom:0px;
	color:white !important;
	text-transform:uppercase;
	font-size:18px;
	margin:0px;
	padding:0px;
	background:black;
	opacity: 0.6;
	filter: alpha(opacity=60);
	display:none;
}
.nyheter-image-text h5{
	
	padding:6px 10px;
	margin:0px;
	
}
.nyheter-right {
	width:460px;
	float:left;
	margin-left:60px;
	padding-top:0px;
	
}

.nyheter-right a, .nyheter-right a:link, .nyheter-right a:visited{
	
	
}

.nyhet-single h2{/*datum*/
	color:black;
	
	margin:0px;
	font-size:18px;
	padding:31px 0px 3px 0px;
}
.nyhet-single h1{ /*Title*/
	color:black !important;
	text-transform:uppercase;
	font-size:24px;
	margin:0px;
	padding:2px 0px 15px 0px;
}
.nyhet-single p{/*text*/
	line-height:20px;
	font-size:15px;
	
	margin:0px;
	padding:0px;
}


.image-btn-sel {
	cursor:pointer;
	padding:4px;
}

.image-btn-sel:hover {
	background:silver;
}

#imageList {
	position:absolute;
	top:0px;
	left:0px;
	
	
}


/* ------------------------------------------------------------------------------------------------------------------- */


.btn-tool {
	display:block;
	cursor:pointer;
	width:28px;
	height:24px;
	float:left;
	margin-left:1px;
	padding-bottom:3px;
	background-image:url('/tools/quizverktyg.jpg');
	background-repeat:repeat-x;
}


#admin-holder {
	
}

/* ------------------------ REFERENSER '---------------- */


.referens-item{
	float:left;
	
	width:320px;
	 
	margin-top:27px;
	cursor:pointer;
}
#referens-item {
	display:none;
}
.referens-item :hover{
	background:#F0F0F0;
	
}
.referens-item-img{
	 
}
.referens-item-img img{
	 width:300px;
}
.referens-item-citat p{
	padding:0px 0px 8px 0px; 
	margin:0px;
}
.referens-item-citat{
	 
	width:300px;
	 
	padding:6px 0px 5px 0px;
	
	 
	border-top:1px solid silver;
	border-bottom:1px solid silver;
	font-size:14px;
	position:absolute;
	 
}
.referens-item-citat h2{
	
	display:inline !important;
	font-size:15px !important;
	border:0px !important;
	font-weight: bold !important;
	text-transform:none;
}
.referens-item-citat h3{
	display:inline !important;
	font-size:13px !important;
	font-weight:100 !important;
	color:#999999 !important;
	border:0px !important;
	margin:0px;
	padding:0px;
	text-transform:none;
}

.MsoNormal {
	margin:2px 0px;
	padding:0px;
}