@charset "UTF-8";

/* STYLES @ WWW.DUOCHJOBBET.SE
   CREATED: Maria Ingvarsson 2008-04-14 */

/* OVERALL STYLES */

html {
margin: 0;
padding: 0;}

body {
height: 100%;
margin: 0 0 0 0;	
padding: 0;
color: #333333;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 0.81em;}

table{
text-align: left;
line-height: 14px;}

td.contenttext{
line-height:18px;}

HR{color:#f5f5f5;}

.capsGrey{color:#999999; font-size:11px; font-variant:small-caps; margin-bottom:10px;}
.capsHeader{font-size:12px; font-variant:small-caps; font-weight:bold; line-height:22px;}
.capsHeaders{font-size:11px;  color: #EEEEEE; font-weight:bold; line-height:22px;}

/* LINKS
 ------------------------------------- */
a {
color: #222;
text-decoration: none;
outline: none;}
a:hover {
text-decoration: underline;}

.archive {
color: #000;
text-decoration: none;
line-height:20px;}
.archive a {
color: #000;
text-decoration: none;
line-height:20px;}
.archive a:hover {
background:#C6322B;
color:#222222;}

/* LINKS FOR MB */


.mb{
color: #C6322B;
text-decoration: none;
font-weight: bold;
font-size:16px;}

.mb a{
color: #C6322B;
text-decoration: none;
font-weight: bold;
font-size:16px;}

.mb a:hover{
color: #666666;
text-decoration: underline;}

/* LINKS FOR NEWS */
.readmore{
color: #C6322B;
text-decoration: none;
font-variant:small-caps;
font-size:11px;}

.readmore a{
color: #C6322B;
text-decoration: none;}

.readmore a:hover{
color: #369;
text-decoration: underline;}


.readmoree{
color: #C6322B;
text-decoration: none;
font-variant:small-caps;
font-size:13px;}

.readmoree a{
color: #C6322B;
text-decoration: none;}

.readmoree a:hover{
color: #369;
text-decoration: underline;}

.readmorees{
color: #C6322B;
text-decoration: none;
font-variant:small-caps;
font-size:10px;}

.readmorees a{
color: #C6322B;
text-decoration: none;}

.readmorees a:hover{
color: #369;
text-decoration: underline;}

.read{
font-weight: normal;
color: #C6322B;
text-decoration: underline;}

.read a{
font-weight: normal;
color: #C6322B;
text-decoration: underline;}

.read a:hover{
font-weight: normal;
color: #369;
text-decoration: underline;}


/* MARKED LINK IN TEXTS */
.dotLink {
color: #222;
text-decoration:none;
background-color:transparent;
border-bottom:1px dotted #C6322B;}

.dotLink a{
color: #222;
text-decoration:none;
background-color:transparent;
border-bottom:1px dotted #C6322B;}

.dotLink a:hover{
text-decoration:none;
background-color:C6322B;
border-bottom:1px dotted #C6322B;}


/* HEADLINES
 ------------------------------------- */
h1{
	font-size: 26px;
	line-height: 1.1em;
	font-weight: bold;
	color: #222222;
	top: -9px;
	left: 0px;
	margin: 0px;
	/*display: inline; !!! tar bort radbryt och mellanrum till nästa text */
	margin-bottom:20px;}

	
h2{
	font-size: 20px;
	line-height: 1.1em;
	font-weight: bold;
	margin: 0px;}
h3{
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #549913;
	margin: 0px;}
h4{
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px;}	
h5{
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	/*color: #549913;*/
	margin: 0px;}
h6{
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #549913;
	margin: 0px;}
	
	h7{
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	/*color: #549913;*/
	margin: 0px;}
	
	h8{
	font-size: 24px;
	line-height: 1.7em;
	font-weight: bold;
	color: #222222;
	margin: 0px;}
	
	h9{
	font-size: 10px;
	color: #ff0000;}

/* HEADERS
 ------------------------------------- */
.headline { display: inline;  font-size: 2.1em; line-height: 1.2em; font-weight:bold; font-family: Arial, Verdana, Helvetica, sans-serif} /* rubriker p startsida */
.header20 { font-size: 1.8em; line-height: 1.1em; }
.header25 { font-size: 2.25em; line-height: 1.05em; }
.header30 { font-size: 2.69em; line-height: 1.05em; }
.header32 { font-size: 2.9em; line-height: 1.02em; }
.header34 { font-size: 3em; line-height: 1.05em; }
.header36 { font-size: 3.2em; line-height: 1.05em; }
.header38 { font-size: 3.4em; line-height: 1.05em; }
.header40 { font-size: 3.55em; line-height: 1.02em; }
.header42 { font-size: 3.7em; line-height: 1.05em; }
.header44 { font-size: 3.9em; line-height: 1.05em; }
.header45 { font-size: 4em; line-height: 1.05em; }
.header46 { font-size: 4.1em; line-height: 1.05em; }
.header48 { font-size: 4.25em; line-height: 1.05em; }
.header50 { font-size: 4.45em; line-height: 1.02em; }
.header55 { font-size: 4.9em; line-height: 1.04em; }
.header60 { font-size: 5.3em; line-height: 1.03em; }
.header65 { font-size: 5.8em; line-height: 1.02em; }
.header70 { font-size: 6.2em; line-height: 1.02em; }


.headline2{
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	color: #000000;}
.headline3{
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #549913;}
.headline4{
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	/*color: #549913;*/}
.headline5{
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #549913;}

.ingress{font-size:14px;
font-weight:bold;}


/* FORM STUFF
 ------------------------------------- */
/* STANDARD BUTTON */
.button{
background: #fff url(../bilder/design/grafik/button.gif) repeat-x;
color: #ffffff;
border: 1px solid #666;
font-size: 10px;
font-weight: bold;
padding-left: 3px;
padding-right: 3px;
height: 22px;
font-family: Arial, Helvetica, sans-serif;}

input, select, textarea{
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;}
	
input.textbox, textarea {
border: solid 1px #bbbaba;
padding: 2px;}

input.textbox:focus, 
textarea:focus {
border: solid 1px #a2a1a1;}


/* GENERAL
 ------------------------------------- */
img {
border: 0;}

img.left {
float: left;
display: block;
margin: 5px 5px 5px 0;}
img.right {
float: right;
display: block;
margin: 5px 5px 5px 0;}

.imgBorder{
border: 1px solid #b0b1ae;
background-color:#ffffff;
padding: 3px;
margin-bottom: 10px;
margin-right: 10px;
float: left;}

.imgBorders{
border: 1px solid #b0b1ae;
background-color:#ffffff;
padding: 3px;
margin-bottom: 10px;
margin-right: 10px;
float: right;}

.clear {
display: block;
height: 1px;
clear: both;
overflow: hidden;}
.error {
font-weight: bold;
color: red;}

.bold {
font-weight: bold;}
.red {
color: #d91111;}
.green {
color: #22c52a;}

/* INFOBOX */
#infoBox{
border:0px solid #99CC00;
background-image:url(../bilder/design/mallar/bg_inforuta.jpg); 
background-repeat:no-repeat;
background-position:center;
width:480px; 
height:139px; 
padding-top:4px; 
font-family:Arial, Helvetica, sans-serif; 
font-size:11px;}

#infoBox1{
border:0px solid #99CC00;
margin-top:29px;
padding-left:10px;
float:left;
width:330px;}

#infoBox2{
border:0px solid #99CC00;
margin-top:28px;
float:right; 
width:120px;}

/* TIP BOX */
.wrap_popup{
position: absolute;
z-index:100;
width:100%;
left:0px;
top:0px;}

.popupTable{
width:100%;}

.popupInput {
width:200px;}

.popup{
width:230px;
height:280px;
border:solid 2px #333333;
background-color:#ebebd6;
margin-top:450px;
text-align:left;
padding:30px;
padding-top:15px;
padding-right:20px;}

/* Clear float-fix
 ------------------------------------- */
.clearfix:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ".";}

.clearfix { display: block; }

.wrap_contentText {float:left; clear:both; width:100%;}



.wrap_contentText a:link, .wrap_contentText a:active, .wrap_contentText a:visited, .wrap_contentText a:hover {
	color: #C6322B;
	text-decoration: none;
	font-variant: normal;
	font-size:12px;
}

.wrap_contentText a:hover {
	text-decoration: underline;
}



/* HÄLSA */

.topborder0, .topborder1, .topborder2, .topborder3 {
	border-top: 5px solid #e7eaee;
}

.topborder1, .topborder2 {
	width:49%;
	float:left;
}
.topbordern {
	border-top: 5px solid #ffffff;
}


.topborder1 {
	border-right:solid 1px #CCC;
}

.topborders0, .topborders1, .topborders2, .topborders3 {
	border-top: 5px solid #cdf3d0;
}

.topborders1, .topborders2 {
	width:49%;
	float:left;
}

.topborders1 {
	border-right:solid 1px #CCC;
}




.FRISKVÅRD, .LIVSPUSSEL, .STRESSSÖMN, .HÄLSONYHET, .MATDRYCK, .JOBBFAMILJ, .HÄLSOEKONOMI  {
	color:#063;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

.HÄLSONYHET		{ color: #000;}
.STRESSSÖMN 			{ color: #000;}
.FRISKVÅRD		{ color: #000;}
.MATDRYCK			{ color: #000;}
.HÄLSOEKONOMI	{ color: #000;}
.JOBBFAMILJ		{ color: #000;}

.capsGreyHÄLSONYHET		{ background: url(../mallar/halsa/nyhetBg.gif);}
.capsGreySTRESSSÖMN 			{ background:url(../mallar/halsa/somnBg.gif);}
.capsGreyFRISKVÅRD		{ background:url(../mallar/halsa/friskvardBg1.gif);}
.capsGreyMATDRYCK			{ background:url(../mallar/halsa/matBg1.gif);}
.capsGreyHÄLSOEKONOMI	{ background:url(../mallar/halsa/ekonomiBg.gif);}
.capsGreyJOBBFAMILJ		{ background:url(../mallar/halsa/jobbBg.gif);}


.capsGreyHÄLSONYHET, .capsGreySTRESSSÖMN, .capsGreyFRISKVÅRD, .capsGreyMATDRYCK, .capsGreyHÄLSOEKONOMI, .capsGreyJOBBFAMILJ {
	color:#999999;
	font-size:11px;
	font-variant:small-caps;
	margin-bottom:10px;
}

.capsGreyHalsa {
	background-color:#FFF;
	padding:0px 2px 0px 0px;
	margin:0px;
}




/* RIGHT CALENDAR */

.wrap_rightCalendar {
	float:left;
	clear:both;
	border:solid 1px #CCCCCC;
	width:193px;
	margin-bottom:10px;
	background-color:#f7f7f7;
}

.wrap_rightCalendar p {
	margin:0px;
	padding:0px;
}


.rightCalendar {
	float:left;
	clear:both;
	width:193px;
	margin-left:2px;
	border-left:solid 1px #CCCCCC;
}

.rightCalendarTop {
	float:left;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	text-align:center;
	width:180px;
}

.monthDays {
	width:100%;
	float:left;
	clear:both;
	text-align:center;
	padding:0px 0px 2px 0px;
}

.rightCalendarArrowLeft {
	 margin-right:25px;
}

.rightCalendarArrowRight {
	 margin-left:25px;
}

.rightCalDay, .rightCalCurrentNoDay, .rightCalCurrentDay, .rightCalDayWithItem {
	float:left;
	clear:none;
	padding:4px;
	text-align:center;
	width:18px;
	border-right:solid 1px #CCCCCC;
	border-top:solid 1px #CCCCCC;

}

.rightCalCurrentDay {
	background-image:url(../bilder/mallar/calendarRed.jpg);
	background-repeat:repeat-x;
	color:#FFFFFF;
}

.rightCalCurrentNoDay {
	color: #CCCCCC;
}

.rightCalDayWithItem {
	background-image:url(../bilder/mallar/calendarGray.jpg);
	background-repeat:repeat-x;
	color:#FFFFFF;
}


.rightCalItem {
	float:left;
	width:150px;
	padding:5px;
	border:solid 1px #CCCCCC;
	background-color:#FFFFFF;
	color:#333333;
	text-align:left;
	position:absolute;
	display:none;
}

.rightCalItemTop, .rightCalItemTopRed {
	float:left;
	clear:both;
	width:100%;
	text-align:center;
	color:#FFFFFF;
	background-image:url(../bilder/mallar/calendarGray.jpg);
	background-repeat:repeat-x;
	background-position:top;
	padding:2px 0px 2px 0px;
	margin:0px 0px 3px 0px; 
}

.rightCalItemTopRed {
	background-image:url(../bilder/mallar/calendarRed.jpg);
}

.rightCalSingleItem {
	float:left;
	clear:both;
	width:100%;
	padding:0px 0px 2px 0px;
	border-bottom: solid 1px #F1F1F1;
}

.rightCalItemTitle {
	font-weight:bold;
}



/* STRESSTEST */

.number {
	margin:0px 0px 0px 8px;
	font-weight:normal;
	float:left;
	width:30px;
	text-align:center;
	font-size:9px;
	font-family:Verdana, Geneva, sans-serif;
}

.numberTD input {
	margin:0px 4px 0px 17px;
	vertical-align:middle;
}


.numberTD {
	vertical-align:middle;

}

.numberTR2{
	background-color:#F1F1F1;
}

.result{
	float:left;
	clear:both;
	width:330px;
	padding:10px;
	background-color:#F1F1F1;
}

.testSource{
	color:#666;
	font-size:11px;
	padding:5px 0px 0px 0px;
	margin:5px 0px 0px 0px;
}





/* CALENDAR */

/* CALENDAR */


.wrap_calendar {
	float:left;
	clear:both;
	width:100%;
}

.wrap_calendar p {
	margin:0px;
	padding:0px;
}


.wrap_calendarNavigation {
	float:left;
	clear:both;
	widht:500px;
}


.calendarNavigationLeft {
	float:left;
	clear:left;
	margin-right:10px;
}

.calendarMonth {
	font-size:16px;
	font-weight:bold;
	float:left;
	width:330px;
	text-align:center;
}

.calendarNavigationRight {
	float:left;
	clear:right;
	margin-left:10px;
}

.wrap_day {
	float:left;
	clear:both;
	border:solid 1px #CCCCCC;
	padding:0px;
	margin:0px 0px 3px 0px;
}


.calendarDate, .calendarDateWeekEnd {
	float:left;
	clear:both;
	width:373px;
	padding:2px 0px 2px 5px;
	background-color:#efefef;
	color:#666666;
	border-bottom:solid 1px #CCCCCC;
}

.calendarDateWeekEnd {
	background-color:#f5e2e2;
}

.wrap_calendarItem {
	float:left;
	clear:both;
	width:370px;
	padding:0px 0px 0px 0px;
	border: solid 1px #CCCCCC;
	margin:10px 0px 5px 0px;
}
.wrap_calendarInfo {
	float:left;
	clear:both;
	width:360px;
	padding:0px 5px 0px 5px;
	/*background-image:url(../bilder/mallar/boxGradient.jpg);*/
	background-repeat:repeat-x;
	background-position:top;
}

.calendarTime {
	float:left;
	clear:both;
	width:360px;
	color:#333333;
	padding:3px 5px 3px 5px;
	background-repeat:repeat-x;
	font-weight:bold;
	border-bottom:solid 1px #CCCCCC;
	background-color:#F1F1F1;
}

.calendarDot {
	float:left;
	width:7px;
	height:7px;
	vertical-align:middle;
	overflow:hidden;
	margin:5px 5px 5px 0px;

}

.calendarTitle {
	float:left;
	clear:both;
	font-weight:bold;
	width:100%;
	font-size:16px;
	padding:5px 0px 3px 0px;
}

.wrap_calendarContact {
	float:left;
	clear:both;
	width:100%;
	padding:3px 0px 3px 0px;
}

.calendarOrganisation {
	font-size:11px;
	color:#666666;
	font-weight:normal;
	float:left;
	margin-right:10px;
}

.calendarCategory {
	font-weight:normal;
	float:right;	
}

.calendarPlace {
	font-weight:normal;
	font-size:11px;
	color:#DE850E;
	padding:0px 0px 2px 0px;
}

.calendarDescription {
	font-weight:normal;
	font-size:11px;
	color: #333333;
}


.calendarInfo {
	float:left;
	clear:both;
	font-weight:bold;
	font-size:10px;
	width:100%;
}

.hoverBox1 {
	position:absolute;
	z-index:10;
	float:left;
	width:150px;
	background-color: #FFFFCC;
	border:solid 1px #999999;
	padding:5px;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.hoverBox2 {
	position:absolute;
	z-index:10;
	float:left;
	width:250px;
	background-color: #FFFFCC;
	border:solid 1px #999999;
	padding:5px;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}