/*Main elements*/
html, body {
	height: 100%;
	margin: 0;
}

h4{
	font-weight:bold;
	}

@media print
{    
    #footer2, #hkolumnen, .articlefooter, #schoolbtns, .noprint, .infobox
    {
        display: none !important;
    }
}

.fb-like{
	padding:0px;
	margin:0px;
	bottom:3px;
	padding-left:7px;
	}

.sicon{
	height:30px;
	padding-left:5px;
	padding-right:5px;
	}	
	
.push{
	height:45px;	
	}
	
.citat{	
	font-style:italic;
	font-size:22px;
	padding-top:28px;
	color:#484848;
	}

#boverride{
	background-color:white;
	max-width: 100%;
    overflow-x: hidden;
	font-display: block;
	font-family:Open Sans, Sans-Serif;
	color:#525051;
	}	

#boverride .jumbo{
	font-size:3vw;
	text-align:center;
	font-style:italic;
	}
	
.pagebody{
	padding-top:145px;
	}	

.row{
	padding-left:40px;
	padding-right:40px;
	}	
	
.maincontent{
	padding:0px;
	 min-height: 100%;
	 margin-bottom: -40px;
	}		

h1{
    text-transform: uppercase;
	font-size:30px;	
	}	
	
h1::first-letter:not(.level){
	font-size: 140%;
	}

#boverride h4{
	margin-top:20px !important;
	}
	
/*Header*/
#brand{
	margin-left:5px;
	}

#dropdown{
	padding-top:8px;
	}
	
#dropdownMenu1
	{
	background-color:#2a3034;color:white;border:0;
	}	
	
.navlist
{
	/*background-color:#3f1016;
	background-color:#494c9f;*/
	background-color:#2a3034;
	border-radius:0px;
	padding:0px;
	margin:0px;
	border:0px;
	margin-bottom:10px;
	font-family:Open Sans, Sans-Serif;
	font-size:18px;
	text-transform: uppercase;
	}
	
.nactive{
	font-weight:bold !important;
	color:#c68356 !important;
	}	
	
#boverride a.mlink:hover{
	color:#c68356 !important;
	}		
	
.myheader{
	padding:0px;
	}
	
#headerbild{
	width:100%;
	min-height:107px;
	}	

.utlsvl
{
color:#494c9f;
font-weight:500;
text-align:center;
padding-top:6vw;
font-family:BebasNeue, Sans-Serif;
line-height:45%;
letter-spacing:2px;
position:absolute;
z-index:2;
top:5vw;
left:7vw;
text-align:left;
text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

#svh1
{
	font-size:85px;
}	

#enh1
{
	font-size:76px;
	
}	

.utlsvl::first-letter{
	font-size: 145px;
	display: inline-block;
	vertical-align: -80%;
	}
	
#last{
	color:#c18058;
	}

.subtitle{
	color:#4d5051;
	font-family:Open Sans, sans-serif;
	font-weight:400;
	padding-top:0px;
	margin-top:0px;
	position:relative;
	letter-spacing:0px;
	text-shadow: none;
	}		

#svsub{
	top:-19px;
	font-size:24px;
	left:65px;
	}	

#ensub{
	top:-15px;
	font-size:25px;
	left:62px;
	}	
	
.utlsvl2
	{
	color:#494c9f;
	font-size:50px;
	font-family:BebasNeue, Sans-Serif;
	line-height:45%;
	position:absolute;
	z-index:2;
	top:40px;
	left:100px;
	letter-spacing:1px;
	}	

.utlsvl2::first-letter{
	font-size: 96px;
	display: inline-block;
	vertical-align: -84%;
	}	
	
.utlsvl2 .subtitle{
	color:#3f1016;
	letter-spacing:0px;
	}		
	
.utlsvl2 #last{
	color:#c18058;
	}		
	
.utlsvl2 #svsub{
	top:-10px;
	font-size:14px;
	left:40px;
	}	

.utlsvl2 #ensub{
	top:-9px;
	font-size:16px;
	left:42px;
	}

.logo{
	position:absolute;
	z-index:2;
	top:2vw;
	left:370px;
	height:8vw;
	}

#litenlogga{
	position:absolute;
	top:9px;
	left:15px;
	height:90px;
	}
	
.headerimage{
	float:right;
	height:20vw;
	}	
	
.textcard{
	padding-left:20px;
	padding-right:10px;
	padding-bottom:5px;
	min-height:420px !important;
	}	
	
#boverride ul.cwhite a{
	color:white;
	}
	
#boverride ul.cblack a{
	color:#525051;
	}	

#subhead{
	min-height:107px !important;
	border:solid 1px black;
	background-color:white;
	background: url("../images/subheader.jpg") no-repeat;
	background-size:cover;
	padding:0px;
	margin:0px;
	}	


#navlisten{
	margin-top:107px;
	}	
	
/*Kort*/
.colheight, .textcard{
	background-color:#f3f3f3;
	}


#boverride .card
	{
	color:#4a4c9f;
	border:0px;
	border-radius:0px;
	margin:0px;
	transition-property: background;
	transition-duration: 0.2s;
	transition-timing-function: linear;
	text-align:center;
	background-color:#f3f3f3;
	font-family:'BebasNeue', Sans-Serif;
	}

#boverride .card h2{
	font-size:25px;
	padding:0px;
	margin:0px;
	margin-top:5px;
	}	
	
#boverride .cardborder
	{
	border-color:#d9d9d9;
	height:100%;
	min-height:340px;
	border-width:0px;
	transition-property: border;
	transition-duration: 0.2s;
	transition-timing-function: linear;
	}

#boverride .cardlink
	{
	color:#525051;
	text-decoration:none;
	}
	
#boverride .cardlink:hover .card, .cardlink:hover .paneltext, .cardlink:hover .colheight{
	background-color: #e4e4e4;
	}	
	
.cardimage
	{
	opacity: 0.8;
	filter: alpha(opacity=80);
	width:100%;
	}

.colheight{
	margin:0px;
	margin-top:20px;
	margin-bottom:20px;
	}
	
.cardlink:hover .cardimage
	{
	opacity: 1;
	filter: alpha(opacity=100);
	}
	
.card h4{
	margin:0px;padding:2px;
	}	
	
.paneltext
	{
	font-family:Open Sans, Sans-Serif;
	color:#525051;	
	padding:0px;
	}

.paneltext p{
	padding:10px;
	padding-bottom:5px;

	}	
/*Article*/
.breadcrumb{
	font-size:15px;
	padding:0px;
	margin:0px;
	background-color:#f7f7f7;
	}

#contarticle
	{
	margin:30px;
	margin-left:3vw;
	margin-right:0vw;
	background-color:#f9f9f9;
	border:0px;
	padding-top:30px;
	}	
	
#bilden{
	padding-right:45px;
	padding-left:45px;
	width:100%;
	max-width:880px;
	}
	
.article
{
  max-width: 880px;
  padding-right:45px;
  padding-left:45px;
  padding-bottom:30px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-size:130%;
}

.preamble 
	{
	font-size:21px;
	font-style:italic;
	}	

.tooltip-inner {
    text-align: left;
	font-style:normal !important;
	font-size:100% !important;
	}	
	
#boverride pre{background-color:#f7f7f7 !important;}	
	
.artimage
	{
	float:right;
	padding:10px;
	}

.artimage2
	{
	float:right;
	padding:10px;
	width:280px;
	}	
	
.bcell{
	border: solid 1px gray;
	}
	
#boverride .stattab{
	width:100%;
	margin-top:30px;
	font-size:90%;
	}	
	
#boverride  table.stattab td{
	padding:10px !important;
  	font-size:90% !important;
	}

#boverride  table.texttab td{
	padding:10px !important;
  	margin:5px !important;
	padding:5px !important;
	vertical-align: top !important;
	}
	
#boverride table.stattab td p, table.texttab td p{
	font-style:normal !important;
	font-size:90% !important;
	}	

#boverride .texttab{
	width:100%;
	margin-top:30px;
	font-size:85%;
	}	
		
.infobox{
	border: solid 1px black;
	padding:10px;
	}	

.infobox p, p.formtag{
	font-size:100% !important;
	font-style:normal !important;
	}
	
.articlefooter{
	background-color:lightgray;
	min-height:45px;
	padding:8px;
	padding-left:15px;
	padding-right:15px;
	}	
	
.articlefooter > div{
	display:inline;
	float:right;
	width:70%;
	text-align:right;
	}	
	
label.longlabel, textarea{
	width:635px;	
	}

textarea{
	height:150px;	
	max-width:100%;
	}

.infopic{
	height:30px;
	}
	
.textfield, .selectfield, .bbutton{
		width:360px;
		max-width:100%;
			}
.textfield, .selectfield, .smallfield{
		height:30px;
		border:1px solid #3f1016;
		}	

.checkbox{
	border:1px solid #3f1016;
		}	
		
.bbutton{
	border-radius:0px !important;
	background-color:#494c9f !important;
	color:white;
	border:0;
	font-size:20px;
	height:45px;
	}

.bbutton:hover{
	background-color:#494c9f !important;	
		}
		
.asktab{
	width:100%;
	height:290px;
	border:solid 1px #535152;
	}	
	
.askcell{
	padding:10px;
	border-bottom:solid 1px #535152;
	cursor:pointer;
	}
	
.asktab tr:hover td{
	background-color:#f3f3f3 !important;
	}	
	
ul.share-buttons{
  list-style: none;
  padding: 0px;
  float:left;
}

ul.share-buttons li{
  display: inline;
}

ul.share-buttons .sr-only {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

ul.share-buttons img{
  width: 32px;
}	

a.tag{
	color:white;
	background-color:#9f9fcc;
	margin:2px;
	padding:5px;
	font-size:14px;
	line-height:30px;
	white-space: nowrap;
	}

a.tag:hover{
	text-decoration:none;
	background-color:#494c9f;
	}

/*School page*/

#schoolbtns{
	width:100%;
	text-align:center;
	}

#schoolbtns > .btn{
	margin:15px;
	}
	
#schoollogo{
	padding:35px;
	max-width:94%;
	}	
	
#videoholder{
	width:100%;
	margin-bottom:35px;
	margin-top:5px;
	color:white;
	}	

#videoleft{
	float:left;
	width:49%;
	font-size:15px;
	}

#videoright{
	float:right;
	width:49%;
	font-size:15px;
	}

#boverride .articlefield{
	margin-left:0px;
	}	
	
.contentbox{
	padding:25px;
	padding-top:5px;
	}
	
.contentbox a{
	color:#525051 !important;
	padding:2px;
	font-size:15px;
	}
	
.contentbox a:hover, p.cactive{
	text-decoration:none !important;
	background-color:white;
	}
	
.showlinks a{
	color:#3300cc !important;
	}	
	
.showlinks a:hover{
	text-decoration:underline !important;
	background-color:#f3f3f3 !important;
	}
	
#faktaruta{
	padding:15px !important;
	padding-top:0px;
	background-color:white;
	border: solid 2px #f1f1f1 !important;
	border-radius:0;
	max-width:600px;
	min-width:300px;
	}			
	
.carrows
	{
	background-image: none !important;color:gainsboro !important;
	}
	
.conditions
{font-size:12px;font-style:italic;padding-top:10px;}

.tackwrap
{position:absolute; top:205px;left: 50%;}

.tackruta
{position: relative; left: -50%; border: outset silver 5px;width:500px;height:250px;background-color:gainsboro;padding:20px;text-align:center;z-index:100;max-width:100%;}	

#startingress	
	{
	max-width:1640px;
	margin:auto;
	padding:18px;
	}
	
/*Högerkolumnen*/
#hkolumnen{
	margin-top:30px;
	margin-left:3vw;
	margin-right:2vw;
	}
	
#hkolumnen h2, #hkolumnen h3, .contentbox h2, .splashcol h2{
	color:#4a4c9f;
	font-family:'BebasNeue', Sans-Serif;
	}	
	
.h2t{
	margin-top:30px;
	}	
	
h3.stad{
	color:white;
	background-color:#2a3034;
	display:inline-block;
	padding:5px;
	margin-bottom:5px;
	}

.articlelist{
list-style-type: none;
margin-left:0px;
padding-left:0px;
}

.date{
	color:gray;
	font-size:90%;
	display:block;
	}
	
.artdesc
	{	
	text-overflow: ellipsis;
	overflow: hidden;
	font-size:90%;
	}
	
.teasertext
	{
	font-weight:bold;
	}	

.teasercontainer
	{
	float: right;
	overflow: hidden;
	padding:0.8vh;
	width:55%;
	min-height:75px !important;
	height:100% !important;
	line-height:140% !important;
	}	

a.faqlink{
	color:navy !important;
	}	
	
a.artlink{
	color:#525051 !important;
	}
	
a.artlink:hover{
	text-decoration:none;
	}
	
.listarticle:hover .articlethumb{
	opacity: 1;
	filter: alpha(opacity=100);
	}
.listarticle:hover{	
	background-color:#e4e4e4;
	}

.articlethumb
{
vertical-align:top;
opacity: 0.7;
filter: alpha(opacity=70);
height:100% !important;
min-height:100% !important;
width:40%;
min-width:144px;
overflow:hidden;
}

.listarticle
{margin:0px !important;
padding:0px !important;
min-height:75px !important;
max-height:235px !important;
max-width:760px;
margin-bottom:15px !important;
border:0px;
width:100%;
vertical-align:middle;
overflow:hidden;
background-color:#f3f3f3;
}

label
{min-width:175px;}

.shortlabel
{min-width:100px !important;}

/*Splashsida*/
#splashdiv
	{
	margin-left:auto;
	margin-right:auto;
	min-height:765px;
	padding:30px;
	max-width:1620px;
	}

.splashcol{
	padding-left:0px;
	padding-right:50px;
	}
.splashwrap{
	white-space:wrap;
	}

.studybild{
	width:100%;
	border:solid 0px #3f1016;
	margin-bottom:1.5vw;
	position:relative;
	top:10px;
	}	
	
#lucka{
	padding-top:17px;
	opacity:1;
	transition: 2s;
	border-radius: 25px;
	position:absolute;
	top:175px;
	left:4vw;
	z-index:5;
	max-width:750px;
	width:90vw;
	height:750px;
	background-color: rgba(255,255,255,0.96);
	border:solid 6px #3f1016;
	}	
	
#innerlucka{
	height:705px;
	overflow-y: scroll;
	padding:15px;
	padding-top:0px;
	}	

#schooldbbg{
	min-height:100%;
	min-width:100%;
	position:relative;
	top:-15px;
	}
	
.dbrubrik{
	margin-top:5px;
	padding-top:5px;
	}	

.anh{
	margin-top:0px;
	padding-top:0px;
	}
	
.ankare{
	position:relative !important;
	top:-150px !important;
	height:0px !important;
	display:inline !important;
	line-height:-50%;
	}
	
/*Footer*/
#footer {
	  padding:10px;
	  width: 100%;
	  height: 45px;
	  background-color: #2a3034;
	  margin-top:0px;
	  text-align:center;
	  color:white;
	  font-family:Open Sans, Sans-Serif;
	  font-size:18px;
	}

#footer2 {	
	padding:10px; 
	width: 100%;
	background-color: #2a3034;
	margin-top:0px;
	color:white;
	font-family:Open Sans, Sans-Serif;
	font-size:15px;
	}		
			
a.flink, .cflink{
	color:white;
	padding-right:5px;
	padding-left:5px;
	}

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

.nopadding{
	padding:0px !important;
	}	

/*Discounts*/
.offerdiv{
	border:dashed 2px #525051;
	padding:20px;
	margin-bottom:40px;
	color:#525051;
	}

.odiv1{
	background-color:#fff4b3;
	}
	
.odiv2{
	background-color:#b6e1fc;
	}
	
.odiv3{
	background-color:#f4a4a4;
	}

.odiv0{
	background-color:#bdf5bd;
	}

.op{
	font-size:90%;
	color:#666666;
	text-align:right;
	}	
	
.oh{
	margin-top:0px;
	}	
	
.olink{
	color:#666666;
	text-decoration:underline;
	}	

.obtns{
	text-align:center;
	}	

.opad{
	margin:20px !important;
	margin-bottom:0px !important;
	}
@-webkit-keyframes blackWhite {  
  0% { background-color: #5cb85c; }
  50% { background-color: #297b29; }
  51% { background-color: #297b29; }
  100% { background-color: #5cb85c; }
}

#skolwebb{
	-webkit-transition: background-color 5s ease;
    -webkit-animation-name: blackWhite;  
    -webkit-animation-iteration-count: infinite;  
    -webkit-animation-duration: 7s; 
	}
	
/*Media queries*/
@media(max-width:1440px){
	#hkolumnen, #contarticle{
		margin-left:2vw;
		margin-right:0px;
		}
	.logo{
		top:1.5vw;
		}		
	.utlsvl{
		top:3.7vw;
		}
	#svh1
		{
	font-size:76px;
		}
	#svsub{
		top:-14px;
		font-size:21.5px;
		left:65px;
		}			
	}
	
@media(min-width:990px) and (max-width: 1490px){
	 .splashwrap{
		white-space:nowrap;
		}
}		

@media(min-width:990px){
	 .artwrap{
		white-space:nowrap;
		}
}		

@media(min-width:781px) and (max-width: 989px){
	 .teasercontainer{
		 padding-top:15px;
		}
	 .artwrap{
		white-space:wrap !important;
		}
	}
	
@media(max-width:990px){	
	#startingress{
		font-size:17px;
		}
	#bilden{
		 width:95%;
		 padding-left:5px;
		 padding-right:5px;
		}
	#hkolumnen, #contarticle{
		margin:0;
		margin-left:0;
		padding-right:0px;
		padding-left:0px;
		}	
	.article{
		padding-right:15px;
		padding-left:15px;
		}
	.row{
		padding-left:10px;
		padding-right:10px;
		}	
	.logo{
		display:none;
		}		
	.utlsvl{
		top:1.4vw;
		left:3vw;
		}
	.articlefooter{
		min-height:100px;
		}
	.artimage{
		max-width:300px;
		}	
	}		
@media(max-width:780px){
	.textcard{
		font-size:90% !important;
		}
	.table td{
		font-size:11px;
		}	
	#startingress{
		font-size:14px;
		}
	#subhead{
		position:absolute;
		}
	#navlisten{
		position:absolute;
		}
	#boverride table.stattab td p, table.texttab td p{
		font-size:100% !important;
		}	
	#schoolbtns > .btn{
		margin:5px;
		}
	.tackruta{
		width:440px;
		padding:10px;
		}
	.teasercontainer{
		padding:5px;
		}
	.splashcol{
		padding-right:5px;
		}	
	#splashdiv{
		padding-right:5px;
		padding-left:10px;
		}
	.artwrap, .splashwrap{
		white-space:nowrap;
		}	
	.textfield, .selectfield, .bbutton{
		width:300px;
			}
		
	.utlsvl{
		top:4.9px !important;
		left:15px;
		}
	
	#svh1
	{
		font-size:54px;
	}	

	#enh1
	{
		font-size:44px;
	}	

	.utlsvl::first-letter{
		font-size: 95px;
		vertical-align: -80%;
		}

	#svsub{
		top:-14px;
		font-size:16px;
		left:41px;
		}	

	#ensub{
		top:-4px;
		font-size:15px;
		left:42px;
		}	
	#lucka{
		padding-top:0px;
		border-radius: 0px;
		position:static;
		margin:0;
		margin-top:30px;
		left:0px;
		opacity:1;
		transition: 0s;
		width:100%;
		height:100%;
		background-color:white);
		border:0;
		}	
		
	#innerlucka{
		height:100%;
		overflow-y: visible;
		padding:10px;
		}
	#schooldbbg{display:none;}
	#boverride{background-image:none !important;}	
	}

.scholarshipnotice{
	border:solid 2px red;padding:5px;
	}		
	
@media(max-width:582px){
	
   .pagebody{padding-top:120px}
	
	#litenlogga{
		display:none;
		}
	
	.utlsvl2
		{
		font-size:37px;
		line-height:45%;
		top:50px;
		left:10px;
		}	

	.utlsvl2::first-letter{
		font-size: 66px;
		}		
		
	.utlsvl2 #svsub{
		top:-9px;
		font-size:11px;
		left:27px;
		}	

	.utlsvl2 #ensub{
		top:-8px;
		font-size:12px;
		left:31px;
		}

	}

@media(max-width:440px){
	.utlsvl{
		top:20px !important;
		}
	article > h1{
		font-size:30px;
		}
	article > h2{
		font-size:24px !important;
		}
	article > h3{
		font-size:20px !important;
		}
	article > h4{
		font-size:20px !important;
		}	
	#svh1
	{
		font-size:36px;
	}	
	
	#enh1
	{
		font-size:31px;
	}	

	.utlsvl::first-letter{
		font-size: 66px;
		}	

	#svsub{
		top:-8px;
		font-size:11px;
		left:30px;
		}	

	#ensub{
		top:-3px;
		font-size:11px;
		left:30px;
		}	
	}