html {
    height:100%;
}
body {
	margin:0px;
	background-color:#eaeaea;
	background-image:url('../img/bg.gif');
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}
h1 {
	color:#333333;
	font-size:11px;
	font-weight:bold;
	margin-top:0;
	font-family: Georgia, Times New Roman, Serif;
}
.utbildningssidan {font-family: Georgia, Times New Roman, Serif;}
.lediga-studieplatser {display:block; margin-bottom: 5px!important;}
h2 {
	color:#cb0000;
	font-size:14px;
	margin:0 0 3px 0;
}
h3 {
	color:#666666;
	font-size:11px;
	margin:0 0 0 0;
}
input,select {
    font-size:11px;
    font-family:Arial, Helvetica, Sans-Serif;
}
.searchButton {
    width:27px;
    height:22px;
    margin-top: 4px;
}
a:link {
	color:#A40000;
	text-decoration: none;
}
a:visited {
	color:#A40000;
	text-decoration:none;
}
a:hover {
	color:#A40000;
	text-decoration:underline;
}
a:active {
	color:#A40000;
	text-decoration:none;
}
a img {
	border:none;
}
.text {
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
}
#Content {
    width:970px;
    padding-left:12px;
    padding-right:12px;
    left:50%;
    background: #fff;
    top:0px;
    position:absolute;
    margin-left:-497px;
    overflow:visible;
    height:auto;   
}

#nav {width:972px;height:44px;margin: 10px 0px 5px 0px;background:url(/img/nav-bg.gif) repeat-y;padding-left:2px;}
#nav-bg-right {width:10px;height:44px;float:right;background:url(/img/nav-bg-right.gif) no-repeat;}
#nav-bg-left {width:10px;height:44px;float:left;background:url(/img/nav-bg-left.gif) no-repeat;}
#navigation {width:966px;height:40px;float:left;margin:0px 0px 1em 0px;padding:0px;list-style:none;}
#navigation li {float:left;}
#navigation li a {display:block;padding:13px 12px 13px 12px;text-decoration:none;font-weight:bold;color:#333;}
#nav li a:hover {color:#FFF;background-color:#cb0000;}
#utbildning-start a {float:left;display:block;padding:13px 12px 13px 12px;text-decoration:none;font-weight:bold;color:#FFF;}
#utbildning-start a:hover {color:#FFF;background-color:#cb0000; border-radius:6px 0px 0px 6px;-moz-border-radius:6px 0px 0px 6px;-webkit-border-radius:6px 0px 0px 6px;}
.nav-separator {width:2px;height:40px;background:url(/img/nav-separator.gif) no-repeat;}

.smallerHeader {
    font-size:10px;
}
.RightExtra {
    padding:5px;
}
.Pager a {
    text-decoration:none;   
}
.PagerActive a {
    text-decoration:underline;
}
#Box225, .Box225 {
    width: 231px;
    margin-right: 9px;
    background-image: url('../img/sidebarmid.gif');
    margin-top: 5px;
}
#Box470, .Box470 {
    width:475px;
    margin-right:10px;
    background-image:url('../img/Box470.gif');
    overflow:visible;
}
#Box200, .Box200 {
    width:200px;
    margin-right:15px;
    margin-bottom:15px;
    float:right;
}
#Box200Header img, .Box200Header img {
    padding-left:10px;
    padding-top:10px;
}
#Header {
    clear:both;
    height:105px;
}
#Menu {
    clear:both;
    height:30px;
    background-image:url('../img/pageLayout/menuBackground.gif');
}
#PageContent {
}
#Banners {
    float:right;
    background-image:url('../img/bannerbox-mid.gif');
    width:245px;
}
.topbannerbox {background: url('../img/bannerbox-top.gif') no-repeat; width: 245px; height: 61px; margin-bottom: -49px;}
#EducationInformation {
    width:480px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	float:left;
	line-height: 1.5em;
}

#EducationInformation h1 {
	font-size: 17px;
	font-family: georgia;
	line-height: 1.5em;
}

#EducationInformation h2 {
	font-size: 15px;
	font-family: georgia;
	color: #333;
	line-height: 1.5em;
}

#EducationInformation h3 {
	font-size: 13px;
	color: #333;
	line-height: 1.5em;
}

#EducationInfoStandard {
    width:470px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	line-height:17px;
}
#EducationInfoStandard h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:17px;
	color:#000;
}
#EducationInfoStandard h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	color:#000;
	margin-bottom:3px;
}
#EducationInfoStandard h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12.5px;
	color:#000;
	margin-bottom:3px;
}
#SearchBoxMainPage {
    float:left;
    background-image:url('../img/pageLayout/searchBackground.gif');
    width:475px;
    height:215px;
}
#utbildning-sokruta {
	float:left;
	color:#333;
padding: 20px 0px 0px 18px;
	width:215px;
}
#utbildning-sokruta h2 {
	color:#333;
	margin-top:10px;
	font-size:11px;
	font-weight:bold;
}
#utbildning-sokruta p {
	margin:5px 0px 0px 0px;
	padding:0px;
}
#kurs-sokruta {
	float:left;
	color:#333;
	width:215px;
}
#kurs-sokruta h2 {
	color:#333;
	margin-top:10px;
	font-size:11px;
	font-weight:bold;
}
#utbildning-val {
	padding:10px;
	width:200px;
	float:right;	
}
#utbildning-val h2 {
	color:#900;
	font-size:14px;
	font-weight:bold;
	margin: 0px 0px 3px;
}
#utbildare {
	width:690px;
	color:#333;
	padding-left: 10px;
}

#utbildare h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	color:#333;
}
#presentation {
	width:680px;
	margin-left:10px;
	color:#333;
	line-height:16px;
}
#presentation h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	color:#333;
}
#presentation h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	margin:10px 0 5px 0px;
	color:#333;
}
.presentation-holder {
	float:left;
	width:700px;
	margin:30px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	border-bottom:1px solid #ccc;
}
.presentation-img {
	float:left;
	width:170px;
	margin:0px 30px 0px 0px;
}
.presentation-text {
	float:left;
	width:340px;
	margin:0px 30px 0px 0px;
}
.presentation-logo {
	float:left;
	width:120px;
	margin:0px;
}
.SpotBox {
	width:440px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#EEEEEE;
	color: #333333;
}
#Studentrabatt-frontpage {
	float:left;
	width:425px;
	margin:5px 0px 5px 0px;
}
#Studentrabatt-aktuell {
	float:left;
	width:130px;
	margin:3px 10px 0px 0px;
}
#SearchPage {
    margin-bottom:15px;
    width:475px;
    float:left;
}
#DisplayBox,.DisplayBox {
    float:left;
    background-image:url('../img/pageLayout/displayBoxBackground.gif');
    width:225px;
    height:215px;
    margin-left:15px;
}
.FlashBox {
    background-image: url('../img/registerbox.gif');
    width: 231px;
    height: 221px;
}
.filterHeader {
	color:#303030;
	font-weight:bold;
}
.utbildning-sok, .kurs-sok, .utbildning-lan, .kurs-lan {
font-family: Georgia, Times New Roman, Serif; font-size: 11px; color: #333; font-weight: bold;
}
#ResultList {
    margin-top:15px;
    float:left;
    background-image:url('../img/pageLayout/content_middle.gif');
}
.banner-border {
	float:left;
	border:1px solid #dddddd;
	margin-bottom:3.3px;
	margin-right:0px;
}
#FooterMenu {
    clear: both;
    margin-top: 0px;
    width: 972px;
    height: 180px;
    background-image: url('../img/footbg.gif');
    background-repeat: no-repeat;
}
#footerContent {
	float:left;
	width:980px;
	padding-left:10px;
	padding-top:9px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#footerContent a:link {
	color:#fff;
	text-decoration:none;
	background:none;
}
#footerContent a:visited {
	color:#fff;
	text-decoration:none;
	background:none;
}
#footerContent a:active {
	color:#fff;
	text-decoration:none;
	background:none;
}
#footerContent a:hover {
	color:#fff;
	text-decoration:underline;
	background:none;
}
#footerContent #educationmedia {
	float:left;
	width:147px;
}
#footerContent #om {
	float:left;
	width:143px;
}
#footerContent #annonsera {
	float:left;
	width:85px;
}
#footerContent #faq {
	float:left;
	width:96px;
}
#footerContent #kontakt {
	float:left;
	width:90px;
}
#footerContent #ledigatjanster {
	float:left;
	width:102px;
}
#footerContent #lanka {
	float:left;
	width:90px;
}
#footerContent #sitemap {
	float:left;
	width:125px;
}
.sektion-utbildning {
	background-image:url(http://www.utbildningssidan.se/img/headers/sektion-utbildning.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color:#81A740;
	font-size:14px;
	font-weight:normal;
	height:14px;
	margin:0 0 0 0;
	text-indent:-9999px;
}
#rabattmail {
	width:320px;
	float:left;
}
#yrkesbeskrivning {
	width:590px;
	margin:0px 10px 0px 10px;
	font-size:12px;
	color:#333;
	line-height:1.5em;
}
#yrkesbeskrivning h1 {
	font-size:15px;
	color:#000;
}
#yrkesbeskrivning h2 {
	font-family:Georgia, Arial;
	font-size:14px;
	color:#000;
	margin:10px 0px 7px 0px;
}
#yrkesbeskrivning h3 {
	font-family:Georgia, Arial;
	font-size:12px;
	color:#000;
	margin:10px 0px 7px 0px;
}
.yrkesbeskrivning-dela {
	float:right;
	width:auto;
	margin-right:75px;
}
.yrkesbeskrivning-bild {float:right;width:auto;margin:3px 0px 10px 10px;border:3px solid #eee;}
#spotheader {margin:10px 0px 10px 10px;color:#000;font-size:14px;font-weight:bold;}
.SpotBoxYrkesbeskrivning {width:570px;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#EEEEEE;color:#333333;font-size:12px;line-height:1.5em;}
.spotlink, .spotlink a:link, .spotlink a:visited {
    border: medium none;
    display: block;
    height: 80px!important;
    outline: medium none;
    text-indent: -9999px;
    width: 120px;
}
.searchtextbox {
    border: 1px solid #DDDDDD;
    color: #777777;
    font-size: 11px;
    height: 18px;
    margin-left: 1px;
    margin-top: 4px;
    padding-left: 5px;
    width: 164px;
}
.sidebartop {
background: url('../img/sidebartop.gif') no-repeat;
width: 231px;
height: 61px;
margin-bottom: -49px;
}
#leftcontent {background: url("../img/contentbox-middle.gif") repeat-y scroll 0 0 transparent; display: block; padding: 0px 10px;}
.leftcontent-top {background: url('../img/contentbox-top.gif') no-repeat; margin-bottom: -40px; width: 475px; height:61px; z-index: 50; margin-left: -10px;}
.separator-stor {background: url(/img/separator-stor.gif) no-repeat;width: 459px;height: 2px;margin: 25px 0px 15px -5px;}
.separator-stor:before {clear:both; content: ""; display:block;}
#leftcontent h2 {font-size: 16px; color: #444; font-family: Georgia, "Times New Roman", Times, serif; padding-left: 5px;}
.nextedu {padding: 4px 6px; background: #d20000; color: #fff; -moz-boder-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-weight:bold;}
.prevedu {padding: 4px 6px; background: #d20000; color: #fff; -moz-boder-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-weight:bold;}
.sidebarwrap {width: 215px; margin: 0 auto;}
.sidebarwrap .RightExtra h2 {font-size: 14px; color: #444; font-family: Georgia, "Times New Roman", Times, serif; margin-top: 3px; margin-bottom: 10px; }
.leftcontent-bot {background: url('../img/contentbox-bot.gif') no-repeat; width: 475px; height:54px; z-index: 50; margin-left: -10px;}
.leftcontenttext {width: 435px; padding: 0px 5px;}
.fpimg {float:right; margin-top: -10px;}
.discimg {float: left; border: 5px solid #F0F0F0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 12px; }
.rabattinfo {float:right; padding: 0px 20px; width: 275px;}
.rabattinfo a {margin-top:-5px; display:block; font-weight:bold;}
.rabattinfo span.studentrabatt-h3 {font-family: Georgia, Times New Roman, Serif; font-size: 12px; color: #333; font-weight:bold;}
.lastest-rabatt:after {display:block; clear:both; content: "";}
.bigsearchbox {padding:20px 18px 0px 0px;width:200px;float:right;}
.bigsearchbox h2 {font-family: Georgia, Times New Roman, Serif; font-size: 11px; color: #333;}
#FooterMenu div.col {border-left: 1px solid rgba(58, 58, 58, 0.5); border-right: 1px solid rgba(47, 47, 47, 0.5); display: block; float: left; height: 145px; padding: 10px 10px 10px 25px; width: 150px;}
.col h2 {font-family: Georgia, Times New Roman, Serif; font-size: 11px; color: #fff;}
#FooterMenu ul {list-style: none; padding: 0;}
.spotboxheader {background: url('../img/spotboxheader.gif') no-repeat; height: 41px; margin-top: 5px;}
.spotboxinner {padding-top:15px;padding-left:15px;}
.spotboxcont {background: url("../img/spotboxmid.gif") repeat-y scroll 0 0 transparent; display: block; padding-left: 15px;}
.navigation {background: url("../img/spotboxmid.gif") repeat-y scroll 0 0 transparent;}
.spotboxbot {margin-left: -10px;}
.contentpagecontent {margin-top: 1px; width: 718px; background: url('../img/contentpagemid.gif') repeat-y; float:left;}
.contentpagetop {display:block; background: url('../img/contentpagetop.gif') no-repeat;height: 72px;margin-bottom: -50px;}
.contentpagebot {display:block; background: url('../img/contentpagebot.gif') no-repeat;height: 56px; float:left; width:718px;}
.contentpage-serif {line-height:1.5em;width:600px;}
.contentpage-serif h1 {font-size:16px;font-weight:bold;color:#333;margin-bottom:10px;margin-top:-10px;}
.contentpage-serif h2 {font-size:14px;font-weight:bold;color:#333;font-family:Georgia, Times new roman, serif;margin-bottom:5px;margin-top:5px;}
.contentpage-serif h3 {font-size: 12px;font-weight: bold;color: #333;font-family: Georgia, Times new roman, serif;margin-bottom:5px;margin-top:5px;}
.innerpagecontent {width: 690px;display:block; float: left; margin-top: -20px; padding-left: 10px;}
.adpage{margin-top: 1px; width: 718px; background: url('../img/contentpagemid.gif') repeat-y; float:left;}
.adpagetop {display:block; background: url('../img/contentpagetop.gif') no-repeat; height:72px; margin-bottom: -50px;}
.adpagebot {display:block; background: url('../img/contentpagebot.gif') no-repeat;height: 56px; float:left; width:718px;}
.adsidebar {width: 198px; background: url('../img/adsidebarmid.gif') repeat-y;}
.adsidebar h2 {color: #333;font-family: georgia, times new roman, times, serif;font-size: 12px;}
.adsidebar h3 {color: #333;font-family: georgia, times new roman, times, serif;font-size: 12px; margin-bottom: 3px;}
.adsidebartop {display:block; background: url('../img/adsidebartop.gif') no-repeat; height: 8px;}
.adsidebarbot {display: block; background: url('../img/adsidebarbot.gif') no-repeat; height: 10px;}
#social-share-box {float: right; background: url('../img/adsidebarsocial.gif') no-repeat; height: 47px; margin-top: 2px; padding-top: 11px; width: 198px; margin-right: 2px;}
#social-share-box .social-link {
    display: block;
    margin-left: 13px;
}
.read-more-bot {padding: 25px 0 0 0;}
.contentpagesmallbox {float: right;width: 160px;height: auto;padding: 10px;margin: 0px 0px 10px 10px;background: url('../img/contentsmallbox.gif') no-repeat;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;text-align: center;}
.ddbg {float: left; background: url("../img/dropdownbg.gif") no-repeat; padding: 0px 4px; margin-bottom: 4px; width: 200px; height:33px; margin-left: -7px;}
.item {
    background: url("../img/nyhetbullet.gif") no-repeat scroll left 5px transparent;
    color: #40BFE5;
    margin: 0 0 0.5em;
    min-height: 22px;
    padding: 5px 0 0 25px;
    width: 170px;
}
.item a {color: #40BFE5!important;}
.RightExtra ul {list-style: none; margin-left: -38px;}
.contentpagemain {margin-top: 35px;}
.populara-utbildningar span a {
    background-color: #d60000;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px;
    box-shadow: 1px 1px 2px #DDDDDD;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 18px;
    margin-bottom: 3px;
    padding: 3px 5px;
    text-decoration: none !important;
}
.populara-utbildningar span {
    display: block;
    margin-bottom:10px;
    padding: 0;
    width: auto;
}
.populara-utbildningar span:last-child {margin-bottom: 0!important;}
.populara-utbildningar span a:hover {background: #900;}
#loading {
    background: url("/img/loading.gif") no-repeat scroll 0 0 transparent;
    display: none;
    height: 24px;
    margin-left: 20px;
    margin-top: 40px;
    width: 24px;
}
.spotboxheader h3 {color: #333333!important; font-family: Georgia, Times New Roman, Serif;}
.specificera-utbildning h2 {font-size: 15px; color: #444; font-family: Georgia, "Times New Roman", Times, serif; margin-top: 3px; margin-bottom: 8px;}
.specificera-utbildning span.small {margin-top: -7px; text-transform: uppercase; display: block; font-size: 8px; font-weight: bold; }
.RightExtra span.small {margin-top: -7px; text-transform: uppercase; display: block; font-size: 8px; font-weight: bold; }
.specificera-utbildning {padding: 5px;}
.sidebarwrap .RightExtra span.title {font-size: 14px; color: #444; font-family: Georgia, "Times New Roman", Times, serif; margin-top: 3px; margin-bottom: 10px; font-weight:bold; }
#leftcontent span.utbildningssidan-h2 {font-size: 15px;font-weight:bold;color: #444;font-family: Georgia, "Times New Roman", Times, serif;padding-left: 5px;}
.first {border-left: none!important;} .last {border-right: none!important;}
img#slider {border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 5px solid #efefed;}
.sidebarlinks .spec a {border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #23AD3D; padding: 3px 5px; color: #fff; float:left; margin: 2px;}
.sidebarlinks .spec a:after {display:block; content:"";}
.sidebarlinks .spec a:hover {background: #1a7c2c; text-decoration: none;}
.sidebarlinks .spec:after {clear:both; display:block; content: "";}
.sidebarlinks .spec {float:left;width: 200px; margin-bottom: 5px;}
.sidebarlinks a {color: #1a7c2c;}

.specificera-utbildning .specu a {border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #d60000; padding: 3px 5px; color: #fff; float:left; margin: 2px; font-weight:bold;}
.specificera-utbildning .specu a:hover {background: #A40000; text-decoration: none;}
.specificera-utbildning .specu a:after {display:block; content:"";}

.edudpimg {margin: 0px 30px 30px 0px;}

.utbildar_presentation a {font-weight:bold;}
.utbildar_presentation h2 {color: #000;}
.utbildar_presentation h1 {font-size: 16px; font-weight: bold;}

ul#pre {list-style: none; margin: 15px 0px 30px -35px;}
ul#pre li {float:left; margin: 0px 5px;}
ul#pre li input {display:inline-block; padding: 7px 12px; border: none; background: url('../img/utbildare_pres_btn.gif') no-repeat; text-align: center; color: #fff; font-weight:bold; cursor: pointer; height:27px;}
ul#pre li input.yh {background-position: 0px 0px; width: 109px;}
ul#pre li input.yh:hover {background-position: 0px -28px; width: 109px;}
ul#pre li input.un {background-position: -110px 0px; width: 147px;}
ul#pre li input.un:hover {background-position: -110px -28px; width: 147px;}
ul#pre li input.fo {background-position: -256px 0px; width: 111px;}
ul#pre li input.fo:hover {background-position: -256px -28px; width: 111px;}
ul#pre li input.yu {background-position: -458px 0px; width: 122px;}
ul#pre li input.yu:hover {background-position: -458px -28px; width: 122px;}
ul#pre li input.ku {background-position: -366px 0px; width: 93px;}
ul#pre li input.ku:hover {background-position: -366px -28px; width: 93px;}

.yrkesbeskrivningar ul {list-style: none; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px;}
.yrkesbeskrivningar ul li {display:inline-block; margin: 0px 3px;}
.yrkesbeskrivningar ul li a {padding: 6px 8px; background: url('../img/yrkesbeskrivning_sprite.gif') no-repeat; border-radius: 4px; color: #fff;}
.yrkesbeskrivningar ul li a:hover {background-position: 0px -28px; text-decoration: none;}

/* Läs mer och ansök knapparna */

/* Den stora */
.lasmerochansok {display: block;}
.lasmerochansok a:link, .lasmerochansok a:visited {border: none;width: 150px;height: 53px;position: relative;top: 0;text-indent: -9999px;outline: none;background: url(/img/las-mer-stor-sprite.gif) no-repeat 0px -8px;}
.lasmerochansok  a:hover {background: url(/img/las-mer-stor-sprite.gif) no-repeat 0px -67px;}
.lasmerochansok  a:active {background: url(/img/las-mer-stor-sprite.gif) no-repeat 0px -127px;}

/* Den lilla */
#lasmerochansoksmall {position: relative; padding-bottom: 30px;}
#lasmerochansoksmall a:link, #lasmerochansoksmall a:visited {border: none;width: 175px;height: 35px;position: absolute;top: 0;text-indent: -9999px;outline: none;background: url(/img/read-more-sprite.gif) no-repeat 0px 0px;}
#lasmerochansoksmall  a:hover {background: url(/img/read-more-sprite.gif) no-repeat 0px -35px;}
#lasmerochansoksmall  a:active {background: url(/img/read-more-sprite.gif) no-repeat 0px -70px;}


/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.jqTransformHidden {display:block!important;}
	.jqTransformSelectWrapper {background: transparent!important;}
	.jqTransformSelectWrapper div {display:none!important;}
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
	.jqTransformHidden {display:block!important;}
	.jqTransformSelectWrapper {background: transparent!important;}
	.jqTransformSelectWrapper div {display:none!important;}
}