/*COLOURS*/
:root {
	--primary-bg-color: #00a01e;
	--secondary-bg-color: #d1e8ff;
	--primary-link-color: #000000;
	--primary-text-color: #ffffff;
	--secondary-text-color: #d1e8ff;
	--primary-border-color: #dfdfdf;
}


textarea {
	/*font-family: Arial;*/
}
h2, .h2
{
	font-size: 21px;
	/*font-family: Century Gothic,Arial;*/
	font-weight: normal;
	margin: 0px 0 5px 0;
	padding: 0;
    clear:both;
    line-height:150%;
}

h2.rubrik2
{
    font-weight:bold;
}

span.h2
{
    display:block;
}
h3, .h3
{
	font-size: 15px;
	/*font-family: Century Gothic,Arial;*/
	font-weight: bold;
	margin: 0px 0 5px 0;
	padding: 0;
}
h2.Underrubrik
{
	line-height: 120%;
	display: inline;
}
p
{
	margin: 5px 0px 0px 0px;
}
a
{
    color: var(--primary-link-color);
    text-decoration: none;
    font-weight: bold;
    outline:none;
}
a:hover
{
	text-decoration: underline;
}
form
{
	padding: 0;
	margin: 0;
}

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.modalPopup
{
	background-image: url(../Images/bubble_topPopup.gif);
	background-repeat: no-repeat;
	padding: 10px 0px 0px 0px;
	width: 417px;
}
.modalPopup div
{
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #E7E7BD;
	border-left: 1px solid #E7E7BD;
	background-color: #FFFFFF;
	font-weight: bold;
}
#homeButton
{
	position: absolute;
	z-index: 10;
	top: 30px;
	left: 60px;
}
#menu {
    float: right;
    margin: 0 0 0 0;
    /*padding: 20px 50px 20px 140px;*/
    padding: 20px 50px 20px 100px;
    background-color: #FFFFFF;
    height: 35px;
    text-align: right;
    font-size: 14px;
    /*font-family: Century Gothic;*/
    font-weight: bold;
    line-height: 35px;
    border-bottom: 1px solid #e7e7e7;
    /*width:740px;*/
}
#page #menu
{
}
#menu a
{
	color: #000000;
	padding-left:10px;
	padding-right:10px;
	font-weight:normal;
}

#menu a.active
{
    color:#c2c2c2;
}

#container
{
	background-color: #ffffff;
	width: 860px;
	padding:35px 50px;
}
#topContainer
{
	padding-top: 47px;
	border-bottom: 1px solid #e7e7e7;
}
#leftContainer
{
	background-color: #FFFFFF;
	float: left;
	width: 579px;
	padding: 35px 50px;
	/*border-top: 1px solid #e7e7e7;*/
	border-right:solid 1px #e7e7e7;
}
.fiftyfifty #leftContainer {
    width: 379px;
}
#middleContainer
{
    width:29px;
    float:left;
    border-left:solid 1px #e7e7e7;
}
#rightContainer
{
	float: right;
	width: 347px;
	padding:35px 41px;
	/*border-top: 1px solid #e7e7e7;*/
	font-size:14px;
	line-height:130%;
}
.fiftyfifty #rightContainer
{
	width: 379px;
	padding:35px 50px;
}
#rightContainer span
{
    line-height:130%;
}
#bottomContainer
{
    background-color:#222222;
    color:#ffffff;
	padding:35px 50px 60px 50px;
	font-size:12px;
    line-height:normal;
}
#bottomContainer a
{
    font-weight:normal;
}
#bottomContainer hr
{
    color:#444444;
    background-color:#444444;
    height:1px;
    border:0px;
    clear:both;
}
#bottomContainer .content
{
    border-bottom:1px solid #444444;
}
#bottomContainer .bottomContent
{
    float:left;
    margin: 0 1% 0 1%;
    width:23%;
}
#bottomContainer .search_button
{
    display:inline-block;
    background-color:#ffffff;
    color:#000000;
}
#bubble
{
	background-image: url(../Images/bubble_top.gif);
	background-repeat: no-repeat;
	padding: 43px 0px 0px 0px;
	background-color: #FFFFFF;
	width: 417px;
}
#bubble2
{
	background-image: url(../Images/bubble_top2.gif);
	background-repeat: no-repeat;
	padding: 10px 0px 0px 0px;
	width: 417px;
}
#bubble div, #bubble2 div
{
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #E7E7BD;
	border-left: 1px solid #E7E7BD;
}
.cap-first::first-letter {
    text-transform:capitalize;
}
.content
{
    /*
	padding: 8px 8px 12px 8px;
	background-image: url(../Images/streckad.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
    */
    border-bottom:1px solid #ededed;
    padding-bottom:30px;
    margin-bottom:30px;
}

.pspace h2.agbold
{
    line-height:normal;
    margin-top:30px;
    margin-bottom:0px;
    
}

.smallfonts a:first-letter
{
    text-transform:uppercase;
}
.smallfonts a
{
    display:block;
    margin:0px 0px 2px 0px;
    line-height:normal;
    font-size:12px;
}
.contact_content
{
    border-bottom:1px solid #ededed;
    padding-bottom:30px;
    margin-bottom:30px;
}

.contact_us
{
}

.content_noPadding
{
	padding: 8px 0 8px 0;
	background-image: url(../Images/streckad.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.contentLast, .content2
{
	padding: 8px;
}
.mediumLink
{
    font-size:14px;
}
.contentSok
{
	background-color: #ffffff;
	padding: 8px;
	border-bottom: 1px solid #CFCFCF;
	border-top: 1px solid #CFCFCF;
}
.grey
{
	background-color: #EDEDED;
}

.contentLinks
{
    clear:both;
}

/*
.contentLinks a
{
    background: url("../images/choice-button.png") no-repeat scroll 5px 6px #B2D8E4;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: block;
    float: left;
    font: bold 17px/17px Century Gothic,Arial;
    margin: 0 4px 3px 0;
    padding: 2px 7px 4px 19px;
    text-decoration: none;    
}
*/
.decoratedLinks
{
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: block;
    float: left;
    font: bold 17px/17px Century Gothic,Arial;
    margin: 0 4px 3px 0;
    padding: 2px 7px 4px 19px;
    text-decoration: none;    
}

#selectionDiv a, #praktikDiv a, #universitetDiv a, #pluggavidareDiv a, #branschDiv a
{
	color: #029B9A;
	font-size: 19px;
	text-decoration: none;
	padding: 0 5px 0 0;
	font-weight: bold;
	/*font-family: Century Gothic,Arial;*/
}
/*#leftContainer a.chosen
{
	background: url("../images/choice-button-close.png") no-repeat scroll 5px 6px #B19CC7;
}
*/
#selectionDiv a:hover, #branschDiv a:hover, .contentLinks a:hover
{
	text-decoration: underline;
}

#mediaMenu
{
	background-color: #CDF4F0;
	height: 30px;
	margin: 0px 0 0 0;
	padding: 0 0 0 25px;
}
#mediaMenu a
{
	color: #029B9A;
	font-weight: bold;
	text-decoration: none;
}
#mediaMenu ul
{
	margin: 0;
	padding: 0;
	display: block;
}

#mediaMenu li
{
	margin: 5px 0 0 0;
	padding: 3px 10px 0 7px;
	float: left;
	list-style: none;
	height: 21px;
}
#mediaMenu li.selected
{
	background-color: #DDF0F0;
	border-top: 1px solid #F05000;
}
.mediaContent
{
	padding: 13px 10px 13px 25px;
}
.mediaItem
{
	float: left;
	width: 140px;
	padding: 0 0 0 0;
}

.mediaItem img
{
	border: 2px solid #000000;
	cursor: pointer;
}
.mediaContent a
{
	color: #029B9A;
	font-weight: bold;
	text-decoration: none;
}
#praktikDiv div, #universitetDiv div, #pluggavidareDiv div, #branschDiv, #selectionDiv, .contentLinks
{
	text-align: center;
}
.listTable
{
	width: 100%;
}
.listTable td
{
	padding: 3px 7px;
}
.infoTable
{
	padding: 5px 0 0 0;
}

.infoTable td
{
	padding: 0 10px 5px 0;
	vertical-align: top;
}
.programTable
{
	width: 100%;
	margin: 15px 0 0 0;
}

.programTable td
{
	padding: 3px 7px;
}
.myProgramList TD
{
	padding-bottom: 5px;
}
#sokDiv #sok
{
	width: 138px;
}
#sokDiv input
{
	margin: 0;
	padding: 0;
}
#sokDiv div
{
	padding: 15px 0 0 0;
}
#sokDiv a
{
	padding: 0 2px 0 0;
}
#sokDiv span
{
	padding: 0 2px 0 0;
}
/*
H1 .programRubrik, H1 .Huvudrubrik
{
	font-size: 32px;
	line-height: 28px;
	margin: 10px 0 0 0;
}
*/
.hr
{
	background-image: url(../Images/streckad.gif);
	background-repeat: repeat-x;
	background-position: top left;
	margin: 15px 0 0 0;
}
h1.Huvudrubrik
{
	/*font-family: Century Gothic,Arial;*/
	font-size: 28px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

h1.underrubrik
{
	font-size: 28px;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}
.poangplan
{
	font-size: 16px;
	/*font-family: Verdana;*/
	font-weight: bold;
	margin: 0px 0 5px 0;
	padding: 0;
}
#page2
{
    margin:123px auto 0px;
	padding: 0 40px;
}
#page2 #menu
{
    width:auto;
    display:block;
}
#page2 .menuhelper
{
    height:75px;
    background-color:#ffffff;
    width:80%;
    margin-left:50px;
    float:left;
    position:absolute;
    border-bottom:solid 1px #e7e7e7;
    z-index:-1
}
#container2
{
	background-color: #ffffff;
	padding:35px 50px;
}
.brodtextfet
{
	font-weight: bold;
}
.start_search
{
    padding-bottom:30px;
    margin-bottom:30px;
	border-bottom: 1px solid #ededed;
}
.start_search_text
{
	width: 250px;
}
.search_text {
	border: none;
	margin: 0 19px 0 0;
	/*background: url("../images/search_bg.png") repeat-x scroll;*/
	padding: 13px 15px;
	background-color: #f2f2f2;
	font-size: 14px;
	/*color:#838383;*/
	color: #353535;
}
.search_button
{
    display:inline-block;
    background-color:#000000;
    color:#ffffff;
    border-radius: 5px;
    /*font-family:Century Gothic, Arial;*/
    font-weight:normal;
    font-size:15px;
    /*padding:3px 10px 3px 10px;*/
    padding: 10px 22px;
    margin-bottom:2px;
}

.search_button-sm {
	padding: 5px 10px;
}

.image_button
{
    color:#ffffff;
    border-radius: 5px;
    /*font-family:Century Gothic, Arial;*/
    font-weight:normal;
    font-size:12px;
    padding:3px 10px 3px 20px;
    margin: 0 4px 3px 0;
    /*background-color:#b19cc7;*/
    background-color:#000000;
}
.pointplan
{
    /*background: url("../images/pointplan.png") no-repeat scroll 5px 4px #b19cc7;*/
    background: url("../images/pointplan.png") no-repeat scroll 5px 4px #000000;
}
.save_program
{
    /*background: url("../images/add_to_programs.png") no-repeat scroll 5px 4px #b19cc7;*/
    background: url("../images/add_to_programs.png") no-repeat scroll 5px 4px #000000;
}
.tip_a_friend
{
    /*background: url("../images/tip_a_friend.png") no-repeat scroll 5px 4px #b19cc7;*/
    background: url("../images/tip_a_friend.png") no-repeat scroll 5px 4px #000000;
}
.print
{
    /*background: url("../images/printer.png") no-repeat scroll 5px 5px #b19cc7;*/
    background: url("../images/printer.png") no-repeat scroll 5px 5px #000000;
}
.house
{
    /*background: url("../images/hus.png") no-repeat scroll 5px 5px #b19cc7;*/
    background: url("../images/hus.png") no-repeat scroll 5px 5px #000000;
}
.description
{
    /*background: url("../images/description.png") no-repeat scroll 5px 5px #b19cc7;*/
    background: url("../images/description.png") no-repeat scroll 5px 5px #000000;
}
#ctl00_contentRight_panelSplash a img /*.fixPng*/
{
	behavior: url(css/iepngfix.htc);
}
.blogList ul
{
	margin: 0;
	padding: 0;
	display: block;
}

.blogList li
{
	list-style: none;
}
.blogList li a
{
	text-transform: capitalize;
}
.content .blog
{
	margin-left: 10px;
}
.content .blog h2
{
	color: #029B9A;
	font-size: 16px;
	text-decoration: none;
	padding: 0 5px 0 0;
	font-weight: bold;
	/*font-family: Century Gothic,Arial;*/
}
.InValidTextbox
{
	background-color: #ff3333;
}
.blogComment div
{
	margin-top: 5px;
}
.modalContents
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.schoolMessage
{
        
}
.schoolMessage textarea
{
    overflow:hidden;    
}
.schoolMessage input, .schoolMessage textarea
{
    background-color: #fbf0c2;
    border:0;
    width:100%;
    margin-bottom:10px;
    padding:5px 0 5px 5px;
    /*font-family:Verdana;*/
    font-size:12px;
}
.schoolMessage .normal
{
    color:#666666;
}
.schoolMessage .changed
{
    color:#000000;
}

.contentLinks a, .contentLinks a.chosen {
    display: block;
    float: left;
    font-weight: normal;
    height: 34px;
    margin: 2px 0 2px 2px;
    /*opacity: 0.75;*/
    opacity:1;
    padding-right: 4px;
    text-decoration: none;
}
.contentLinks a {
    background: url("../images/bluebtn_right.png") no-repeat scroll right top transparent;
    color: #FFFFFF;
    margin-right: 5px;
}
.contentLinks a.chosen {
    background: url("../images/greenbtn_right.png") no-repeat scroll right top transparent;
    color: #FFFFFF;
    margin-right: 5px;
}
.contentLinks a:active, .contentLinks a.chosen:active {
    background-position: right bottom;
    outline: medium none;
}
.contentLinks a:hover, .contentLinks a.chosen:hover {
    opacity: 1;
    text-decoration: underline;
}
.contentLinks a:hover {
    color: #FFFFFF;
}
a.greenbutton:hover {
    color: #FFFFFF;
}
.contentLinks a span, a.greenbutton span {
    display: block;
    line-height: 14px;
}

.contentLinks a span, .contentLinks a.chosen span
{
    padding: 10px 8px 10px 28px;    
}

.contentLinks a span {
    background: url("../images/bluebtn.png") no-repeat scroll 0 0 transparent;
}
.contentLinks a.chosen span {
    background: url("../images/greenbtn.png") no-repeat scroll 0 0 transparent;
}

.contact_us
{
    background: url("../images/contact.png") no-repeat top left;
    display: inline-block;
    height: 20px;
    line-height: 18px;
    padding-left: 20px;
    vertical-align: top;
}
.sv-layout .brodtext30 strong
{
    display:inline-block;
    margin-top:25px;
}

.news-list
{
    border-bottom: 1px solid #ededed;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.news-date
{
    color: #e05555;
    font-weight: bold;
}

.news-list h2
{
    line-height:130%;
}

.news-list h2 a
{
    color:Black !important;
    font-weight:normal;
}
.news-list .footer {
    margin-top:15px;
}

.content .row {
	margin-bottom: 1rem;
	margin-left: 1rem;
	margin-right: 1rem;
}

.table-alt-row {
	background-color: var(--secondary-bg-color);
}

.table-alt-row a {
	font-weight: normal;
}

.pageInfo {
    border: 1px solid var(--primary-border-color);
	margin-bottom: 1rem;
}
	.pageInfo h2 {
		background-color: var(--primary-bg-color);
		color: var(--primary-text-color);
		padding: 11px 40px 11px 20px;
		font-weight: 700;
	}

    .pageInfo .infoContent {
        padding: 20px;
    }