html
{
	font-size: 62.5%;
}

h4.contourPageName {
    color: #9c2d31;
font-size: 2.5rem !important;
margin-bottom: 20px;
line-height: 1.2em !important;
}

header .container {
	width: 1500px;
	max-width: 100%;
}

header small {
	display:block;
	margin-top: 20px;
	color: #fff;
	font-size: 14px;
}

.white-button {
	background: #fff;
	padding: 10px 15px;
	color:#000;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover
{
	background-color: #f6f6f6;
	border: 1px solid #c5c5c5;
	color: #222;
}

.cc-banner .cc-btn:last-child
{
	color:#fff;
}

#contour legend, .contour legend
{
	font-weight: normal !important;
}

.startPersonalInfo
{
	display: none;
	margin-top: 30px;
}

.GetKurserBox .startPersonalInfo p,
.GetKurserBox .startPersonalInfo h2
{
	margin-bottom: 10px;
	text-align:center;
}

.GetKurserBox .startPersonalInfo a
{
	color:#fff;
}

.GetKurserBox .startPersonalInfo .PersonalImage
{
	float: none;
	text-align:center;
	margin-bottom: 10px;
	
}

.noBgText a.HittaKurserLink
{
	background-color: #f1f1f1;
	color: #222;
}

.GetKurserBox .startPersonalInfo .PersonalImage img
{
	max-width: 120px;
}

.GetKurserBox .startPersonalInfo h2
{
	font-size: 2.2rem;
}

body
{
	font-size: 1.8rem;
	font-family: 'Avenir LT W02_55 Roman';
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing: 1px;
	color: #333;
	line-height: 1.2em;
	background-color: #eeeeee;
}

h1
{
	font-size: 2.3rem;
	color: #9c2d31;
	margin-top: 10px;
	margin-bottom: 20px;
}

.ContentPane h1 {
    font-size: 3.3rem;
}

h2
{
	color: #9c2d31;
	font-size: 2.5rem;
	margin-bottom: 20px;
	line-height: 1.2em;
}

p,a
{
	color: #333;
}

.ContentPane a
{
	color: #9c2d31;
}

a:hover,
a:active,
a:focus
{
	color: #9c2d31;
	text-decoration: underline;
}

.slideshow
{
	width: 100%;
}

.SlideshowItem
{
	width: 100%;
}

.ContentPane p
{
	margin-bottom: 10px;
}


.SlideshowItem img
{
	width: 100%;
}

.NavPane {
    height: 20px;
    width: 100%;
	position: absolute;
	z-index: 999;
	text-align: center;
	margin-top: -35px;
}

#nav a {
    background-image: url("/images/GrayDot.png");
    background-repeat: no-repeat;
    font-size: 0;
    height: 8px;
    padding: 6px;
    text-decoration: none;
    width: 8px;
}

#nav a.activeSlide {
    background-image: url("/images/BlackDot.png");
    text-decoration: none;
}

#prev {
    position: absolute;
    top: 155px;
    left: 15px;
    z-index: 99999999999;
}

#next {
    position: absolute;
    top: 155px;
    left: 92%;
    z-index: 9999;
}

.SubNavHeader
{
	background-color: #9c2d31;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
}

.TopImage img
{
	display:block;
}

.SubNavHeader a,
.SubNavHeader h2
{
	color: #fff;
	margin-bottom: 0;
}

.kurserDropDown
{
	display: none;
}

.whiteText h2,
.whiteText p
{
	color: #fff;
}

.whiteText
{
	text-align:center;
	padding-left: 30px;
	padding-right: 30px;
}

.PersonalUl {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.PersonalUl li {
    margin-bottom: 40px;
    float: left;
    width: 95%;
}

.PersonalImage {
    float: right;
}

.PersonalLi h2
{
	margin-bottom: 0px;
}

.topMenu
{
	background-color: #9c2d31;
}

.topMenu ul
{
	list-style: none;
	margin-top: 4px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.topMenu ul li a
{
	margin-left: 25px;
	font-size: 15px;
	
	transition: color 0.5s ease 0s;
	text-transform: uppercase;
	color: #fff;
}

.ContentPane
{
	background-color: #fff;
	padding: 25px;
	margin-bottom: 40px;
}

.ContentPane p.ingress
{
	text-align:left;
	font-size: 2.3rem;
	color:#333333;
}

.DocumentsPane, .MerInfoPane {
    background-color: #eeeeee;
    width: 100%;
    margin-bottom: 20px;
	padding: 20px;
}

.DocumentsPane ul {
    list-style-type: none;
    margin: 0px;
    padding: 10px;
    padding-top: 20px;
}

.DocumentsPane ul li {
    margin-bottom: 15px;
    background-image: url("/images/PdfIcon.png");
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 17px;
}

.DocumentsPane ul li a {
    color: #3d3d3d;
    text-decoration: underline;
    position: relative;  
}

.MerInfoPane strong
{
	color: #9c2d31;
	font-size: 2.3rem;
	font-weight: 400;
}

header .container.menuRow
{
	padding-top: 25px;
	padding-bottom: 20px;
	width: 1500px;
}

.topHeaderTextWrapper
{
	top: 50%;
	transform: translate(-0%, -50%);
	position:absolute;
	z-index: 99;
	width: 100%;
	max-width: 1170px;
	
}

.topHeaderTextWrapper .topHeaderTextInner
{
	background-color: #fff;
	padding: 30px;
	padding-bottom: 40px;
	
}

.topHeaderTextInner h2
{
	color: #9c2d31;
	font-size: 2.7rem;
	margin-bottom: 30px;
	line-height: 1.4em;
}

.topHeaderTextInner p
{
	font-size: 2rem;
	margin-bottom: 50px;
}

a.btn-primary
{
	background-color: #9c2d31;
	border: none;
	color: #fff;
	border-radius: 30px;
	font-size: 1.9rem;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	transition: background-color 0.5s ease 0s;
	text-decoration: none;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover
{
	background-color: #cf1e19;
}

a.btn-primary:hover,
a.btn-primary:active,
a.btn-primary:focus
{
	background-color: #cf1e19;
}

.grid-section .col-md-12 > div
{
	background-color: #fff;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.grid-section .col-md-12 h1
{
	text-align:center;
	text-transform: uppercase;
}

.grid-section > div > .container > .row
{
	margin-bottom: 30px;
	display:flex;
	flex: 1;
}

.grid-section .col-md-12 p.ingress
{
	margin-right: 10%;
	margin-left: 10%;
}

.column
{
	display:flex;
}

.column > div
{
	width: 100%;
}

p.ingress
{
	text-align:center;
	font-size: 1.9rem;
	margin-bottom: 30px;
}

.LinkToPageWrapper
{
	text-align:center;
}

.GetKurserBox
{
	width: 100%;
	background-color: #6fbe44;
	min-height: 440px;
}

.GetKurserInner
{
	padding: 30px;
	position: relative;
}

.GetKurserBox p,
.GetKurserBox h2
{
	color: #fff;
	text-align:center;
	margin-bottom: 40px;
}

.KatalogBox
{
	background-color: #db5ea4;
}

a.HittaKurserLink
{
	display:block;
	background-color: #fff;
	color: #6fbe44;
	padding-left: 25px;
	border-radius: 3px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url("/images/greenArrow.png");
	background-repeat: no-repeat;
	background-position: 95%;
	font-size: 2.0rem;
	margin-top: 20px;
}

.KatalogBox a.HittaKurserLink
{
	background-image: url("/images/pinkArrow.png");
	color: #db5ea4;
	margin-top: 202px;
}

.ShortLinksBox
{
	background-color: #34c6f4;
}

.ShortLinksBox ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

.ShortLinksBox a
{
	border-top: solid 1px #27b0dc;
	display:block;
	color: #fff;
	padding-top: 11px;
	margin-top: 8px;
	padding-bottom: 2px;
	margin-bottom: 8px;
	background-image: url("/images/whiteArrow.png");
	background-repeat: no-repeat;
	background-position: 95% 21px;

}

.ShortLinksBox li:last-child a
{
	border-bottom: solid 1px #27b0dc;
	padding-bottom: 10px;
}

.NewsWrapper
{
	width: 100%;
	background-color: #fff;
	height: 100%;
}

.NewsHeader
{
	background-color: #9c2d31;
	padding-top: 10px;
	padding-bottom: 10px;
}

.NewsHeader h2
{
	color: #fff;
	margin-left: 30px;
	margin-bottom: 0;
}

.newsItemWrapper
{
	padding-bottom: 30px;
	padding-top: 30px;
	margin-left: 30px;
	margin-right: 30px;
	border-bottom: solid 1px #e7e7e7;
}



.newsItemWrapper h3,
.kalenderItemWrapper h3
{
	color: #9c2d31;
	font-size: 2rem;
	margin-bottom: 15px;
}

.newsItemWrapper h3:hover,
.kalenderItemWrapper h3:hover
{
	text-decoration: underline;
}

.newsItemWrapper .newsDate
{
	font-size: 1.6rem;
	margin-bottom: 15px;
}

.bootstrap-select
{
	margin-bottom: 20px;
}

.kalenderItemWrapper
{
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: solid 1px #e7e7e7;
}

.CalendarDate
{
	background-image: url("/images/cal_icon.png");
	background-repeat: no-repeat;
	width: 97px;
	height: 81px;
}

.CalendarDateInner
{
	position:relative;
	top: 24px;
	left: 14px;
	color: #9c2d31;
	font-weight: 900;
	font-size: 1.6rem;
}

.boxWrapper
{
	background-color: #fff;
	margin-bottom: 30px;
	padding: 30px;
}

.boxWrapper a
{
	text-decoration: none;
}

.boxWrapper a:hover h2
{
	text-decoration: underline;
}

.boxText
{
	
	
}

.newsLetter
{
	background-color: #fff;
	padding-top: 60px;
	padding-bottom: 60px;
}

.newsLetter h2
{
	text-align:center;
	font-size: 3rem;
	color: #222222;
}

.newsLetter p.ingress
{
	color: #555555;
}

.mc-field-group input
{
	background-color: #f6f6f6;
	font-size: 1.8rem;
	color: #666666;
	text-align:center;
	border: none;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}

#mc_embed_signup_scroll .button
{
	background-color: #9c2d31;
	border: none;
	border-radius: 30px;
	width: 100%;
	text-align:center;
	color: #fff;
	padding-top: 15px;
	padding-bottom: 15px;
	
}

footer
{
	background-color: #9c2d31;
	padding-top: 60px;
	padding-bottom: 60px;
}

footer h3,
footer p,
footer a
{
	color: #fff;
}

footer h3
{
	font-size: 2.1rem;
	margin-bottom: 30px;
}

footer a:hover
{
	color:#fff;
}

.SocWrapper img
{
	position:relative;
	top: 10px;
}

.kurserDropDown
{
	position:relative;
	background-color: #f6f6f6;
	padding-top: 30px;
	padding-bottom: 30px;
}

.kurserDropDown h3
{
	margin-bottom: 15px;
	font-size: 2.5rem;
}

.kurserDropDown ul
{
	list-style-type: none;
	margin: 0;
}

.MobileTopMenuLogo, .MobileTopMenu, .MobileMenuWrapper, .zoom, .SearchPaneMobile {
    display: none;
}

nav > ul li a,
nav > ul li span {
	font-size: 1.7rem;

	
}

@media only screen and (min-width: 1025px) {
nav > ul li a,
nav > ul li span {
	font-size: 2.0rem;

	
}
	
}

@media only screen and (max-width: 1024px) 
{
	.topHeaderTextInner h2
	{
		font-size: 2rem;
	}
	
	.topHeaderTextInner p
	{
		font-size: 1.5rem;
	}
}

@media only screen and (min-width: 769px) {
	nav
	{
		left: 0px;
	}
}



@media only screen and (max-width: 768px) {
	
	.MobileTopMenuLogo, .MobileTopMenu, .MobileMenuWrapper, .zoom {
    	display: block;
	}
	
	.topHeaderTextWrapper
	{
		position: static;
		top:initial;
		transform: none;
		
	}
	
	.carousel-indicators
	{
		bottom: initial;
		left: 90% !important;
	    top: 30px !important;

	}
	
	
	.topHeaderTextWrapper .topHeaderTextInner
	{
		padding: 10px;
		padding-bottom: 10px;
		
		
		
	}
	
	.topHeaderTextOuter
	{
		margin: 0;
		padding: 0;
	}
	
	.topHeaderTextInner h2
	{
		font-size: 1.8rem;
		margin-bottom: 10px;
		text-align:center;
		
	}
	
	.topHeaderTextInner p
	{
		font-size: 1.5rem;
		margin-bottom: 20px;
		text-align:center;
		
	}
	
	.startPageHeaderLink a.btn-primary
	{
		border-radius: 30px;
		font-size: 1.5rem;
	
		
		
	
	}
	
	.startPageHeaderLink
	{
		text-align:center;
		margin-bottom: 20px;
	}
	

	
	
	.MobileTopMenu {
    background-color: #f5f5f5;
    display: block;
    height: 65px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999999;
    width: 100%;
}
	
a.zoom
{
	position: absolute;
	right: 20px;
	top: 18px;
	display: block;
	left: 20px;
	right: initial;
}
	
a.zoom img {
    width: 30px;
}
	
.SearchPaneMobile {
    position: absolute;
    top: 64px;
    background-color: #f5f5f5;
    width: 100%;
}
	
.menuRow,
.topMenu
{
	display: none;
}
	
.grid-section > div > .container > .row
{
	display:block;
}
	
	
}

@media only screen and (max-width: 685px) {

	.grid-section .col-md-12 h1
	{
		font-size: 2rem;
	}
	
	p.ingress
	{
		font-size: 1.5rem;
	}
	
	.CalendarDate
	{
		width: 100%;
		height: auto;
		background: none;
	}
	
	.CalendarDateInner
	{
		position: static;
		font-size: 1.2rem;
		color: #333;
		font-weight: 400;
	}
	
	footer h3
	{
		margin-bottom: 0px;
	}
	
	footer .col-xs-12
	{
		margin-bottom: 20px;
	}
	
	#SearchBoxPane{   background-color:#fff;
		float: left;   
		height: 38px;
		margin: 0 0px 0 0;
		width: 80%;
		margin: 15px;
		margin-right: 0;
	}
	#SearchBox{
		border: medium none;   
		float: left;    
		height: 22px; 
		margin: 0; 
		margin-left: 8px;
		margin-top: 7px;
		padding-left: 25px;
		}
	.SearchButton{ 
		background-repeat:no-repeat;  
		border: 0px;
		width: 50px;
		height: 38px;
		top: 2px;  
		margin-top: 15px;
		margin-right: 15px;
		position:relative;
		color: #ffffff;
		padding:0px;
		background-color: #6fbe44;
	
	}
	
	img
	{
		height:auto !important;
	}
	
	.MobileTopMenu {
		height: auto;
	}
	
	.MobileTopMenu > div {
		position:relative
	}
	
	.relatedWrapper {
	}
	
	.relatedWrapper p {
		font-size: 12px;
		padding: 10px;
	}
	
	a.zoom,
	a.nav-expander.fixed {
		position:static !important;
	}
	
	a.nav-expander.fixed {
		padding: 0 !important;
		padding-right: 15px !important;
		padding-bottom: 15px !important;
	}
	
	a.zoom {
		float:left;
		margin-left: 15px;
	}
	
	.relatedWrapper {
		margin-top: 10px;
		font-size: 11px;
	}
	
	.relatedWrapper img {
		width: 100px !important;
	}
	
	.relatedWrapper .row {
		display:flex;
		justify-content: center;
	}
	
	.relatedWrapper a {
		font-size: 12px;
	}
	
	.white-button {
		padding: 5px 10px;
	}
	
	header {
		margin-top: 130px;
	}
}