/*
	Site: Advantum Kompetens
	www: advantumkompetens.se
	Author: Patrik Westelius, patrik.westelius@atrox.se
	----------------------------------------------------
*/
html,body,form,fieldset,textarea,input {
	margin: 0;
	padding: 0;
	font: 100%/ 1.5 sans-serif;
	color: #333230;
}
html body{
	font-size: 12px;
}
p,h1,h2,h3,h4,h5,h6,a,ul,ul li{
	line-height: 1.5em;
}
h1,h2,h3,h4,h5,h6{
	font-family: sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #333230;
}
h1{
	color: #568501;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0.5em 0;
	text-transform: uppercase;
}
h2{
	font-size:16px;
	margin: 0.5em 0 0.1em 0;
}
h3{
	font-size: 14px;
	margin: 0.5em 0 0.3em 0;
	color: #333;
}
h4,h5,h6{
	font-size: 1em;
	font-weight: bold;
	margin: 0.3em 0 0.3em 0;
}
p{
	color: #333230;
	padding: 0;
	margin: 0 0 1.2em 0;
}
a{
	color: #568501;
	text-decoration: none;
	outline: none;
}
a:hover, #col1 a:hover{
	color: #000000;
	text-decoration: none;
}
input,select,textarea{
	font-size: 100%;
	padding: 2px;
}
fieldset{
	border: none;
}
ul{
	margin: 0 0 1.2em 15px;
	list-style:none;
	padding: 0;
}
ul li{
	margin: 0 0 0.5em 0;
	background:url(../images/common/bullet.gif) left 5px no-repeat;
	padding:0 0 0 15px;
}
img{
	border: 0;
	display: block;
	behavior: url("/pngbehavior.htc");
}
hr{
	clear: both;
	height: 0;
	border: 0;
	border-top: 1px solid #dbdbdb;
}
blockquote{
	margin: 0;
	padding: 0 0 0 40px;
	background: url(../images/common/icon_quote.gif) no-repeat;
	min-height: 20px;
	min-width: 20px;
}


/* Styles accessed trough TinyMCE */
.ingress{
	font-size: 14px;
	font-style: italic;
	line-height: 20px;
}
.imgLeft{
	margin: 0 5px 0 0;
	display: block;
	float: left;
}
.imgRight{
	margin: 0 0 0 5px;
	display: block;
	float: right;
}
.imgRight20{
	margin: 0 20px 0 5px;
	display: block;
	float: right;
}
.imgLeft15{
	margin: 0 15px 0 0;
	display: block;
	float: left;
}
.colorbox{
	border:0 none;
}
.readMoreLink{
	display:block;
	width:auto;
	height:18px;
	float:right;
	padding:0 23px 0 0;
	line-height:1.7em;
	background:url(../images/common/link-arrow.gif) no-repeat top right;
	z-index:999;
}
.start1{
	background:url(../images/common/start1.png) no-repeat;
	margin: 0 20px 20px 0;
	width: 325px;
	pointer: cursor;
	height: 77px;
	float: left;
}
.start2{
	background:url(../images/common/start2.png) no-repeat;
	margin: 0 0 20px 0;
	width: 325px;
	pointer: cursor;
	height: 77px;
	float: left;
}
.start1 h3 {
    color: #333230;
    font-size: 21px;
    font-weight: bold;
    line-height: 30px;
    margin: 12px 0 0 70px;
    text-shadow: 0 1px #FFFFFF;
    text-transform: uppercase;
}
.start2 h3 {
    color: #333230;
    font-size: 21px;
    font-weight: bold;
    line-height: 30px;
    margin: 12px 0 0 50px;
    text-shadow: 0 1px #FFFFFF;
    text-transform: uppercase;
}
.start1 p {
    color: #333230;
    font-size: 12px;
    line-height: 1em;
    margin: 0 0 0 70px;
    text-shadow: 0 1px #FFFFFF;
}
.start2 p {
    color: #333230;
    font-size: 12px;
    line-height: 1em;
    margin: 0 0 0 50px;
    text-shadow: 0 1px #FFFFFF;
}
.startMaximera{
	background:url(../images/common/maximera-larandet.png) no-repeat;
	margin: 0 0 20px 0;
	width: 670px;
	height: 52px;
	float: left;
	display: block;
	text-indent: -9999px;
	overflow: hidden; 
}
.start3{
	background:url('../images/common/start3.png') no-repeat;
	margin: 0 0 20px 0;
	width: 670px;
	height: 117px;
	float: left;
	position: relative;
}
.start3 .left{
	float: left;
	width: 410px;
}
.start3 h3{
	margin: 10px 0 0 15px;
	line-height: 32px;
	font-weight: bold;
	font-size: 20px;
	text-shadow: 0 1px #fff;
	color: #333230;
}
.start3 p{
	margin: 0 0 0 15px;
	width: 230px;
	line-height: 18px;
	font-size: 15px;
	text-shadow: 0 1px #fff;
	float: left;
}
.start3 ul{
	width: 200px;
	float: left;
	margin: 23px 0 0 0;
}
.start3 ul li{
	background: url("../images/common/start-li.png") no-repeat scroll 0 0 transparent;
	line-height: 1.2;
	padding-left: 20px;
	color: #333230;
	font-size: 15px;
}
a.linkStart {
    bottom: 10px;
    color: #333230 !important;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    height: 20px;
    position: absolute;
    right: 15px;
    text-decoration: none;
}
a.greenArrow
{
	background:url("../images/common/arrow.png") no-repeat transparent;
	height: 14px;
	width: 14px;
	text-indent:-10001px;
	display:block;
}

a.linkYellow{
	background:url("../images/common/link-btn-sprite.png") no-repeat scroll right -24px transparent;
	color:#333230 !important;
	cursor:pointer;
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	height:24px;
	text-decoration:none;
	position: absolute;
	bottom: 16px;
	right: 15px;
}
a.linkYellow span{
	background:url("../images/common/link-btn-sprite.png") no-repeat scroll left 0 transparent;
	color:#333230 !important;
	display:block;
	font-size:12px;
	font-weight:bold;
	height:24px;
	line-height:22px;
	margin-right:26px;
	padding-left:12px;
	text-shadow:0 1px #ffe49a;
}
a.linkRedContent{
	background:url("../images/common/link-btn-sprite.png") no-repeat scroll right -72px transparent;
	color:#fff !important;
	cursor:pointer;
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	height:24px;
	text-decoration:none;
}
a.linkRedContentRight{
	background:url("../images/common/link-btn-sprite.png") no-repeat scroll right -72px transparent;
	color:#fff !important;
	cursor:pointer;
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	height:24px;
	text-decoration:none;
	float: right;
	margin: 0 0 20px 0;
}
#customPage a.linkRedContentRight{
	background:url("../images/common/link-btn-sprite.png") no-repeat scroll right -72px transparent;
	color:#fff !important;
	cursor:pointer;
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	height:24px;
	text-decoration:none;
	float: left;
	margin: 0 0 20px 0;
	clear: both;
}
a.linkRed{
	background:url("../images/common/link-btn-sprite.png") no-repeat scroll right -72px transparent;
	color:#fff !important;
	cursor:pointer;
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	height:24px;
	text-decoration:none;
	position: absolute;
	bottom: 16px;
	right: 15px;
}
a.linkRed span, a.linkRedContent span, a.linkRedContentRight span{
	background:url("../images/common/link-btn-sprite.png") no-repeat scroll left -48px transparent;
	color:#fff !important;
	display:block;
	font-size:12px;
	font-weight:bold;
	height:24px;
	line-height:22px;
	margin-right:26px;
	padding-left:12px;
	text-shadow:0 1px #446804;
}
a.linkGrey{
	background:url("../images/common/link-btn-sprite.png") no-repeat scroll right -120px transparent;
	color:#fff !important;
	cursor:pointer;
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	height:24px;
	text-decoration:none;
	position: absolute;
	bottom: 16px;
	right: 15px;
}
a.linkGrey span{
	background:url("../images/common/link-btn-sprite.png") no-repeat scroll left -96px transparent;
	color:#333230 !important;
	display:block;
	font-size:12px;
	font-weight:bold;
	height:24px;
	line-height:22px;
	margin-right:26px;
	padding-left:12px;
	text-shadow:0 1px #fff;
}

.smallTeaser
{
	background: url("../images/common/smallTeaser.png") no-repeat scroll 0 0 transparent;
	float: left;
	height: 100px;
	margin: 0 0 20px;
	position: relative;
	width: 270px;
}

	.smallTeaser h3
	{
		margin: 15px 0 0.3em 15px;
		line-height: 1;
		font-weight: bold;
		font-size: 18px;
		text-shadow: 0 1px #fff;
	}
	.smallTeaser p
	{
		margin: 0 0 0 15px;
		line-height: 18px;
		font-size: 15px;
		text-shadow: 0 1px #fff;
		float: left;
	}

.seminars a.greenArrow
{
	position:absolute;
	left: 140px;
	bottom: 27px;
}

div.image
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	text-indent:-1001px;
}

.seminars div.image
{
	width: 112px;
	height: 83px;
	background: url("../images/common/kaffekopp.png") no-repeat scroll 0 0 transparent;
}

.larstil div.image
{
	background: url("../images/common/anteckningar.png") no-repeat scroll 0 0 transparent;
	bottom: 12px;
	height: 76px;
	right: 12px;
	width: 97px;
}

.larstil a.greenArrow
{
	position:absolute;
	left: 150px;
	bottom: 28px;
}

.maximera a.greenArrow
{
	background-position: right top;
	color: #333230;
	font-size: 16px;
	left: 50px !important;
	line-height: 13px;
	text-indent: 0;
	top: 111px;
	width: 80px;
}

.maximera div.image
{
	background: url("/sitespecific/advantumkompetens/files/apple1.png") no-repeat scroll 0 0 transparent;
	bottom: 20px;
	height: 75px;
	right: 20px;
	width: 77px;
}

.maximera h3
{
	margin: 50px 0 0.3em 50px !important;
}

.vara_offerter a.greenArrow
{
	background-position: right top;
	color: #333230;
	font-size: 16px;
	left: 30px !important;
	line-height: 13px;
	text-indent: 0;
	top: 122px;
	width: 97px;
}

.vara_offerter div
{
	top: 30px !important;
	left: 165px !important;
}

.vara_offerter h3
{
	margin-top: 35px !important;
}

.teaserLeftGrey, .teaserLeftRed{margin: 0 0 20px 0; width: 210px; height: 123px; float: left; position: relative; overflow: hidden;}
.teaserLeftGrey img, .teaserLeftRed img, .teaserRightGrey img, .teaserRightGreyTop img{}
.teaserLeftGrey{background:url(../images/common/teaser-left-grey.jpg) no-repeat;}
.teaserLeftRed{background:url(../images/common/teaser-left-red.jpg) no-repeat;}
.teaserLeftGrey h3, .teaserRightGrey h3, .teaserRightGreyTop h3{margin: 15px 0 0.3em 15px; line-height: 1.2em; font-weight: bold; font-size: 18px; text-shadow: 0 1px #fff; color: #932837;}

.teaserLeftGrey p, .teaserRightGrey p, .teaserRightGreyTop p
{
	margin: 0 0 0 30px; 
	line-height: 18px; 
	font-size: 16px; 
	/*text-shadow: 0 1px #fff; */
	float: left;
	position:relative;
}

.teaserLeftRed h3{margin: 15px 0 0.3em 15px; line-height: 1.2em; font-weight: bold; font-size: 18px; text-shadow: 0 1px #7c273b; color: #fff;}
.teaserLeftRed p{margin: 0 0 0 15px; line-height: 18px; font-size: 15px; text-shadow: 0 1px #7c273b; float: left; color: #fff;}

.teaserRightGreyTop
{
	background:url('../images/common/teaser-right-grey-top.png') no-repeat -1px -1px transparent; 
	margin: 0 0 20px 0; 
	width: 270px; 
	height: 180px; 
	float: left; 
	position: relative; 
	overflow: hidden;
}

	.teaserRightGreyTop h3
	{
		color: #333230;
		font-size: 22px;
		font-weight: normal;
		margin: 40px 0 0.3em 30px;
	}
	
	.teaserRightGreyTop .sissor
	{
		background: url("../images/common/sissor_big.png") no-repeat scroll right bottom transparent;
		bottom: 0;
		height: 69px;
		position: absolute;
		right: 8px;
		text-indent: -10001px;
		width: 169px;
		z-index: 1;
	}
	
	.teaserRightGreyTop a.greenArrow 
	{
		bottom: 1px;
		left: 85px;
		position: absolute;
	}

	.teaserRightGreyTop h3.redBg{background:url(../images/common/red-bg.png) no-repeat; margin: 14px 0 15px 14px; width: 240px; height: 27px; float: left; position: relative; overflow: hidden; font-size: 11px; color: #fff; text-shadow: 0 1px #7c273b; text-transform: uppercase; line-height: 24px; padding: 0 0 0 10px;}
.teaserRightGrey{background:url(../images/common/teaser-right-grey.jpg) no-repeat; margin: 0 0 20px 0; width: 270px; height: 97px; float: left; position: relative; overflow: hidden;}
#testaLarstil{background:url(../images/common/testa-larstil.jpg) no-repeat; margin: 0 0 20px 0; width: 270px; height: 97px; float: left; position: relative; overflow: hidden;}

.teaserRightGreyTop.foretagsanpassat a.greenArrow 
{
	left: 205px;
	top: 82px;
}

.teaserRightGreyTop.foretagsanpassat h3 
{
	color: #5E8D0A;
	font-size: 30px;
	margin: 66px 0 0.3em 35px;
}

.teaserRightGreyTop.foretagsanpassat p 
{
	font-size: 16px;
	margin: 50px 0 0 36px;
}



#teaser{
	width: 670px;
	height: 180px;
	overflow: hidden;
	float: left;
	margin: 0 0 20px 0;
}
#teaserMask{
	background: url(../images/common/teaser-bg.png) no-repeat; 
	position: absolute;
	float: left;
	top: 0;
	left: 0;
	height: 180px;
	width: 670px;
	overflow: hidden;
	z-index: 888;
}
#education{
	float:left;
	width:270px;
	position: relative;
	margin: 0 0 20px 0;
}
#education h3{
	margin: 0 0 10px 14px;
	line-height: 1;
	font-weight: bold;
	font-size: 14px;
	text-shadow: 0 1px #fff;
	float: left;
}
#education h3 a{
	color: #333230;
}
#education ul{
	width: 254px;
	float: left;
	margin: 0 0 15px 0;
	padding: 0 0 10px 14px;
	border-bottom:1px solid #dbdbdb;
}
#education ul li{
	background: url("../images/common/li.gif") no-repeat scroll 0 1px transparent;
	line-height: 1.2;
	padding: 0;
	font-size: 12px;
	margin: 0 0 6px 0;
}
#education ul li a{
	background: url("../images/common/li.gif") no-repeat scroll 0 1px transparent;
	line-height: 1.2;
	padding: 0 0 0 18px;
	font-size: 12px;
	color: #333230;
}
#education ul li a:hover{
	color: #000;
}

#education a.linkRed{
	position: static;
	float: right;
	margin: 0 14px 14px 0;
}
#education .content{
	background: url("../images/common/aktuella-utbildningar.png") no-repeat right top !important;
}
.cornerbox .header, .cornerbox .header span, .cornerbox .footer, .cornerbox .footer span{
	background-image:url(../images/common/boxes.png);
	font-size:0px;
}
.cornerbox .content{
	background:none repeat scroll 0 0 #FFFFFF;
	overflow:hidden;
	padding: 15px 0 0 0;
}
.cornerbox .header, .cornerbox .footer{
	background-position:0 top;
	display:block;
	height:5px;
}
.cornerbox .header span, .cornerbox .footer span{
	background-position:right top;
	display:block;
	height:5px;
	margin-left:14px;
	font-weight:bold;
	text-transform: uppercase;
}
.cornerbox .footer{
	background-position:0 -37px;
}
.cornerbox .footer span{
	background-position:right -37px;
}
/* Lined box */
.cornerbox.lined .header{
	background-position:0 -84px;
	margin-left:0;
}
.cornerbox.lined .header span{
	background-position:right -90px;
}
.cornerbox.lined .footer{
	background-position:0 -64px;
}
.cornerbox.lined .footer span{
	background-position:right -69px;
}
.cornerbox.lined .content{
	border-left:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
}
/* Lined box with heading */
.cornerbox.lined.heading .header{
	background-position:0 0;
	height:32px;
	line-height:32px;
	margin-left:0;
}
.cornerbox.lined.heading .header span
{
	background-position:right -32px;
	height:32px;
	font-weight:bold;
	font-size:12px;
	text-shadow: #fff 0 1px;
	text-transform: uppercase;
}
.cornerbox.lined.heading.noborder .content{
	border:0;
}
.cornerbox.lined.heading.noborder .footer, .cornerbox.lined.heading.noborder .footer span{
	background:none;
}
#customPage #relUtb{
	float:left;
	width:440px;
	position: relative;
	margin: 0 0 20px 0;
	clear: both;
}
#relUtb{
	float:left;
	width:440px;
	position: relative;
	margin: 0 0 20px 0;
}
#relUtb h3{
	margin: 0 0 10px 14px;
	line-height: 1;
	font-weight: bold;
	font-size: 14px;
	text-shadow: 0 1px #fff;
	float: left;
}
#relUtb ul{
	width: 424px;
	float: left;
	margin: 0;
	padding: 0 0 10px 14px;
}
#relUtb ul li{
	background: url("../images/common/li.gif") no-repeat scroll 0 1px transparent;
	line-height: 1.2;
	padding: 0;
	font-size: 12px;
	margin: 0 0 6px 0;
}
#relUtb ul li a{
	background: url("../images/common/li.gif") no-repeat scroll 0 1px transparent;
	line-height: 1.2;
	padding: 0 0 0 18px;
	font-size: 12px;
	color: #333230;
}
#relUtb ul li a:hover{
	color: #000;
}

#relUtb a.linkRed{
	position: static;
	float: right;
	margin: 0 14px 14px 0;
}
#relUtb .content{

}
.utbWrap{display: block; float: left; width: 440px; margin: 0 0 20px 0;}
.utbWrap .utb{display: block; width: 425px !important; float: left; padding: 0 0 0 15px !important;}
.utbWrap .utb ul{margin-left: 0; margin-right: 20px;}
.utbWrap .utb p{margin-right: 20px;}
.utbWrap .utbTop, .utbWrap .utbBottom{display: block; float: left; width: 440px; height: 10px;}

.utbWrap.yellowUtb .utb{background: #fdf5d4;}
.utbWrap.yellowUtb .utbTop{background: url(../images/common/yellow-utb-top.gif) no-repeat top;}
.utbWrap.yellowUtb .utbBottom{background: url(../images/common/yellow-utb-bottom.gif) no-repeat bottom;}

.utbWrap.greyUtb .utb{background: #f3f3f3;}
.utbWrap.greyUtb .utbTop{background: url(../images/common/grey-utb-top.png) no-repeat top;}
.utbWrap.greyUtb .utbBottom{background: url(../images/common/grey-utb-bottom.png) no-repeat bottom;}

.utbWrap .utb .ingress {
margin-bottom:5px;
}
#utbIframe {
	-moz-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	border:1px solid #dbdbdb;
	float:left;
	margin:0 0 10px;
	padding:14px;
}

#utbIframe iframe
{
	overflow-x:hidden;
}


#rating {
	float: right;
	width: 129px;
	margin: 0 0 0 10px;
}
#ratingInfo{
	background: url(../images/common/rating.png) no-repeat;
	float: left;
	height: 88px;
	width: 129px;
}
#ratingInfo h5{
	text-align: center;
	margin: 6px 0 2px 0;
	line-height: 1em;
	font-weight: bold;
	font-size: 40px;
	color: white;
}
#ratingInfo h6{
	text-align: center;
	margin: 0 0 0 0;
	line-height: 14px;
	font-weight: normal;
	font-size: 12px;
	color: white;
}
#rating .bokaUtb
{
	background: url(../images/common/boka-utbildning.png) no-repeat;
	height: 24px;
	width: 127px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin: 9px 0 10px 0;
	overflow: hidden; 
}

.bokaSem
{
	background: url('../images/common/boka-seminarium.png') no-repeat;
	height: 24px;
	width: 123px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin: 9px 0 10px 0;
	overflow: hidden; 
}

.pressrumsBtn, .pressrumsBtn:hover
{
	background: url('../images/common/pressrum-btn.png') no-repeat 0 0 transparent;
	width: 196px;
	height: 31px;
	padding: 8px 0 0 14px;
	display: block;
	overflow: hidden;
	font-size: 15px;
	font-weight: bold;
	text-shadow: 0 1px #446804;
	color: white;
}