/************************** CSS DOCUMENT SVENSK HANDEL OCH KUNSKAP **************************/
/********* POWERED BY LITIUM STUDIO 4.1  (/Styles/public.css) ********/


/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/
html {font-size: x-small;}

body {font:  small Arial, Verdana, Helvetica, sans-serif; color: #000; margin-top: 10px; padding: 0; margin-left:0; margin-right:0;}

p {margin:0px;}

HR {height: 1px; color: #9da5d4; background-color: #9da5d4; margin: 5px 0 5px 0;}

LI {margin-left: 20px; list-style-type:disc;}


.kursrubrik {font-size:120%; font-weight:bold; padding: 20px 0 0 20px;}

.img {border: 0;}

.bold {font-weight: bold;}

.imgmargin {padding-right: 10px; float: left;}

.lineheight {line-height: 20px;}

a:link, a:active {color: #223184; text-decoration:none; border: 0;font-weight:bold;}
a:visited {color: #223184; text-decoration:none; border: 0;;font-weight:bold;}
a:hover {color: #223184; text-decoration:underline; border: 0;;font-weight:bold;}
ul {margin:0; padding: 0;}

.CoursesRightCol a {color: #223184; text-decoration: none;}
a.blue:link, a.blue:active, a.blue:visited {color: #223184; text-decoration: none;font-weight:bold;}
a.blue:hover {color: #223184; text-decoration: underline;font-weight:bold;}

a.white:link, a.white:active, a.white:visited {color: #FFFFFF; text-decoration: none;font-weight:bold;}
a.white:hover {color: #FFFFFF; text-decoration: underline;font-weight:bold;}

/** STYLES FOR TEMPLATE ELEMENTS ******************************************************/
/*************************************************************************************/

.H1header{font: bold 150% Arial, Verdana, Helvetica, sans-serif; color: #000000; margin: 0 0 5px 0; line-height: normal;}
.H2header{font: bold 130% Arial, Verdana, Helvetica, sans-serif; color: #000000; margin: 0 0 5px 0; line-height: normal;}
.H3header{font: bold 110% Arial, Verdana, Helvetica, sans-serif; color: #000000; margin: 0 0 5px 0; line-height: normal;}

H4header {font: bold 125% Arial, Verdana, Helvetica, sans-serif; color: #000000; margin: 0 0 5px 0; line-height: normal;}

.H2headerWhite{font: bold 130% Arial, Verdana, Helvetica, sans-serif; margin: 0 0 5px 0; color: #FFFFFF; line-height: normal;}

/** STYLES FOR EDITOR DROP DOWN LIST (PARAGRAPH FORMAT) ********/
/*************************************************************************************/

h1{font: bold 150% Arial, Verdana, Helvetica, sans-serif; margin: 0px 0px 5px 0px; color: #000000;}
h2{font: bold 130% Arial, Verdana, Helvetica, sans-serif; margin: 0px 0px 5px 0px; color: #000000;}
h3{font: bold 110% Arial, Verdana, Helvetica, sans-serif; margin: 0px 0px 5px 0px; color: #000000;}
h4{font: bold 125% Arial, Verdana, Helvetica, sans-serif; margin: 10px 0px 0px 0px; color: #000000;}


/** STYLES FOR EDITOR DROP DOWN LIST (ADAPTED STYLE) *********************************/
/*************************************************************************************/
.ImportantEditor{FONT-WEIGHT:bold; COLOR:#7D7207!important;}
.ImagetextEditor{FONT-WEIGHT:normal; FONT-SIZE:90%;}


/** STYLES FOR THE BASEFILE ************************************************************************/
/** The class names below are used in the basefile (/Templates/Framework/FrameworkStartpage.aspx) */
/*************************************************************************************************/

/** TOP TAB MENU ********************************************************************/
/***********************************************************************************/

ul.navUl {padding:0; margin:auto; list-style-type:none;}

a.nav:link, a.nav:visited, a.nav:active {float:left; text-decoration:none; font-size: 90%; font-weight: bold; color:#fff; line-height: normal; padding: 12px 8px 0 12px;}

a.nav:hover {line-height: normal; font-size: 90%; font-weight: bold; color: #fff;}

a.navSelected:link, a.navSelected:visited, a.navSelected:active, a.navSelected:hover {float:left;  text-decoration:none; font-size: 90%; font-weight: bold; color: #223184; line-height: normal;}

li.navLi {display:inline;}

.navBox {float:left; padding: 4px 0px 0 5px;}
.leftCorner {width: 5px; height: 36px; float: left; background-image:url(/Images/lefttab.png); background-repeat:no-repeat; background-attachment: bottom center;}
* html .leftCorner {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Images/lefttab.png", sizingMethod="scale");}
.navBg {height: 36px; float: left; background-image:url(/Images/tab_bg.gif); background-repeat: repeat-x; background-attachment: bottom center; padding: 12px 8px 0 12px;}
.rightCorner {width: 5px; height: 36px; float: left; background-image:url(/Images/righttab.png); background-repeat:no-repeat; background-attachment: bottom center;}
* html .rightCorner {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Images/righttab.png", sizingMethod="scale");}


/** CHILD REPEATER LEFT MENU ********************************************************/
/***********************************************************************************/

#boxWrapper {width: 230px;}

	#menuHeader {width: 227px; height: 25px; background-image: url(../Images/menubox_header.gif); background-repeat: no-repeat;}
	
	#menuContent {width: 227px; background-image: url(../Images/menubox_bg.gif); background-repeat:repeat-y;}
	
	#menuText {margin: 0 18px;}
	
	#menuFooter {width: 227px; height: 24px; background-image: url(../Images/menubox_footer.gif); background-repeat: no-repeat; clear: both;}
	
	li.arrow {font: Verdana, Arial, Helvetica, sans-serif; color: #000;	list-style-type: none; background: transparent url('../Images/pil.gif') no-repeat 5px 1px;	padding: 2px 0 5px 30px; margin: 0; display: block;}
	
	a.leftMenu:link, a.leftMenu:visited, a.leftMenu:active, a.leftMenu:hover {display: block; text-decoration: none; color: #1d2971; line-height: normal; font: normal 100% Verdana, Arial, Helvetica, sans-serif;}
	a.leftMenuLevel2:link, a.leftMenuLevel2:visited, a.leftMenuLevel2:active, a.leftMenuLevel2:hover {padding-top:5px; display: block; text-decoration: none; color: #1d2971; line-height: normal; font: normal 100% Verdana, Arial, Helvetica, sans-serif;}

	a.leftMenu_selected:link, a.leftMenu_selected:visited, a.leftMenu_selected:active, a.leftMenu_selected:hover {display: block; text-decoration: none; color: #5e92bb; line-height: normal; font: normal 100% Verdana, Arial, Helvetica, sans-serif;}
	a.leftMenuLevel2_selected:link, a.leftMenuLevel2_selected:visited, a.leftMenuLevel2_selected:active, a.leftMenuLevel2_selected:hover {padding-top:5px; display: block; text-decoration: none; color: #5e92bb; line-height: normal; font: normal 100% Verdana, Arial, Helvetica, sans-serif;}

/** END CHILD REPEATER LEFT MENU ****************************************************/
/***********************************************************************************/


#mainBg {min-width: 1000px; -width: 1000px; height:100%; background-image:url(../Images/main_bg.gif); background-repeat: repeat-x;}
/*#mainBg {min-width: 1000px; -width: 1000px; height:100%; background-image:url(../Images/main_bg.gif); background-repeat: repeat-x;}*/

#frameworkWrapper {width: 100%; background-image:url(../Images/main_bg.gif); background-repeat: repeat-x;}

#headerArea {width: 1000px; height: 74px; background-image:url(../Images/header_bg.gif); background-repeat: repeat-x;}

#logoLeft {margin: 0 0 0 15px; float:left;}

#searchIcon {width: 70px; height: 74px; margin: 0 70px 0 10px; float:right;}

#contactIcon {width: 98px; height: 74px; margin: 0 0 0 15px; float:right;}

#navWrap {min-width: 1000px; -width: 1000px; text-align: center;}
/*#navWrap {min-width: 1000px; -width: 1000px; text-align: center;}*/

#navigationArea {min-width: 1000px; -width: 1000px; background-image:url(../Images/navigation_bg.gif); background-repeat: repeat-x; height: 40px; }
/*#navigationArea {min-width: 1000px; -width: 1000px; background-image:url(../Images/navigation_bg.gif); background-repeat: repeat-x; height: 40px; }*/

#mainContent {font:  small Arial, Verdana, Helvetica, sans-serif; color: #000; width: 950px; height: 100%; padding: 0 5px;}

#footerArea{float: left; width: 950px; height: 42px; margin: 35px 5px 0 5px; clear: both;}

#footerContent{font: 90% Arial, Verdana, Helvetica, sans-serif; color: #666; margin: 5px 5px 0 0; width: 925px; border-top: 1px solid #9da5d4; text-align: right;}

.hrLine {height: 1px; color: #9da5d4; margin: 5px 0 5px 0;}

#rightColFramework {font: small Arial, Verdana, Helvetica, sans-serif; color: #000; width: 230px; min-height: 700px; -height: 700px; margin: 0 0 0 10px; float: left;}

#rightColContent {font: small Arial, Verdana, Helvetica, sans-serif; color: #000; margin-left: 10px;}

/*#midColFramework {font: small Arial, Verdana, Helvetica, sans-serif; color: #000; width: 580px; min-height: 700px; -height: 700px; margin: 0 0 0 7px; padding-right: 20px; float: left; border-right: 1px solid #9da5d4;}*/
#midColFramework {font: small Arial, Verdana, Helvetica, sans-serif; color: #000; width: 505px; min-height: 700px; -height: 700px; margin: 0 0 0 7px; padding-right: 0px; float: left; border-right: 1px solid #9da5d4;}

.mainAreaPrint{width:600px; background-color:#FFFFFF;}
.w3cArea{width:757px; text-align:right;}
.copyrightArea{width:750px; FONT-SIZE:110%; text-align:right; margin-top:5px; margin-bottom:5px; color:#CCCCCC;}
A.copyrightLink:link, A.copyrightLink:active, A.copyrightLink:hover, A.copyrightLink:visited{color:#CCCCCC; text-decoration:none;}
.logoArea{PADDING-BOTTOM:5px;}
.logoContentLeft{FLOAT:left;}
.logoContentRight{FLOAT:right; MARGIN-TOP:20px; FONT-SIZE:110%; COLOR:#375268;}
.lineArea{height:12px; background-color:#666666; border-bottom:1px solid white;}
.lineAreaThin{MARGIN-BOTTOM:10px; height:1px; background-color:#CCCCCC; border-top:1px solid white;}
.menuAreaLeft{width:128px; MIN-HEIGHT:170px; _HEIGHT:170px; float:left; border:1px solid #CCCCCC; background-color:#F6F6F6; BACKGROUND-IMAGE: url(../images/menuleft_bg.gif); background-repeat:repeat-x; margin-right:20px;}
.menuAreaLeftInside{width:106px; MIN-HEIGHT:148px; _HEIGHT:148px; border:1px solid #FFFFFF; padding:10px;}
.searchArea{FLOAT:right; HEIGHT:18px; PADDING:8px;}
.inputSearch{FONT-SIZE:110%; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}




/** STYLES FOR THE HORIZONTAL MENU ***************************************************/
/** The class names below are used in the menu control. ******************************/
/*************************************************************************************/
.litNavTopGroup{cursor:default;}
.litNavMenuGroup{font-size:110%; background-color: #F6F6F6; border:solid 1px #A19E98; cursor:default;}
.litNavTopMenuItem{color:#383838; font-family:verdana, arial, helvetica; border-top:solid 1px #E7E7E7; border-bottom:solid 1px #F6F6F6; cursor:default;}
.litNavTopMenuItem nobr{margin-left:1px; margin-right:1px;}
.litNavTopMenuItemHover{filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#EBEAE6', endColorstr='#D9D7D1', gradientType='0'); background-color:#EBEAE6; color:#383838; font-family:verdana, arial, helvetica; border:solid 1px #A19E98; cursor:default;}
.litNavTopMenuItemExpanded{filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#EBEAE6', endColorstr='#D9D7D1', gradientType='0'); background-color:#EBEAE6; color:#383838; font-family:verdana, arial, helvetica; border:solid 1px #A19E98; border-bottom-color:#BAB9CD; cursor:default;}
.litNavTopMenuItemActive{filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#EBEAE6', endColorstr='#D9D7D1', gradientType='0'); background-color:#EBEAE6; color:#383838; font-family:verdana, arial, helvetica; border:solid 1px #A19E98; border-bottom-color:#BAB9CD; cursor:default;}
.litNavMenuItem{color:#383838; font-family:verdana, arial, helvetica; cursor:default;}
.litNavMenuItemHover{background-color:#D9D7D1; color:#383838; font-family:verdana, arial, helvetica; cursor:default;}
.litNavMenuItemActive{color:#383838; margin:1px; font-family:verdana, arial, helvetica; cursor:default;}
.litNavMenuItemExpanded{color:#383838; margin:1px; font-family:verdana, arial, helvetica; cursor:default;}


/** STYLES FOR TEMPLATE WIDTH ********************************************************/
/** The templates are included inside the basefile, your web design will tell you ****/
/** the maximal width to use for the templates. **************************************/
/*************************************************************************************/
#TemplateWrap{min-height: 350px; _height:350px; margin: 20px 0 0 5px;}
#Template{min-height: 350px; _height:350px; }
#TemplateCourseWrap {width: 950px; height: 100%; }
*/#TemplateCourseWrap {width: 1024px; height: 100%; }/*
#Template_Courses{min-height: 350px; _height:350px; margin: 20px 0 0 5px;}

/*************************************************************************************
This stylesheet will be used for the templates included in Litium Studio. Changes
below will change the appearance of the pages using the templates in the folder
"Templates".
**************************************************************************************/


/*************** StartPage1.aspx  *********************************/
/****************************************************************/


/********** LeftColumn Search Courses Box **********/
/**************************************************/

#leftCol {width: 230px; color: #000; min-height: 428px; -height: 428px; float: left;}

#boxWrapperCourses {width: 230px; background-image: url(../images/course_footer.gif); background-repeat: repeat-y;}

/************* LeftColumn Left Menu Box *************/
/**************************************************/

#boxWrapperCourseMenu {width:227px; height: 100%;}

	#courseHeader {width: 227px; height: 38px; background-image: url(../images/course_header.gif); background-repeat: no-repeat;}
	
	#courseContent {width: 227px; min-height: 672px; -height: 672px; background-image: url(../images/course_bg.gif); background-repeat: no-repeat;}
	
	#courseText {margin: 0 18px 0 18px;}
	
	#courseText, a {color: #1d2971;}
	
	#readmore {font: bold small Arial, Verdana, Helvetica, sans-serif; color: #fff; float: right; clear: both;}
	
	
	.form {font: 10px Verdana, Arial, Helvetica, sans-serif; width: 180px;}
	
	.searchField {font: 10px Verdana, Arial, Helvetica, sans-serif; width: 100px;}
	
	.searchBtn {background-image: url(images/search_btn.gif); width: 69px; height: 22px; border: none;}
	
	
/***** RightColumn ContentArea + PuffArea Box *****/
/*************************************************/

#rightCol {font: small Arial, Verdana, Helvetica, sans-serif; color: #000; width: 700px; min-height: 428px; -height: 428px; margin: 0 0 0 10px; float: left;}
#rightCol2 {font: small Arial, Verdana, Helvetica, sans-serif; color: #000; width: 230px; min-height: 726px; -height: 726px; margin: 0 0 0 10px; float: left; border: 1px solid black;}

#imgArea {width: 695px; border: none; float: left;}

#imageRightCol {width:220px; margin-top: 20px; margin-left: 5px;}

#searchboxArea {width: 695px; padding: 5px 0 10px 0; float: left;}
#searchBox {width: 695px;  height: 75px; background-image:url(../Images/searchbox_bg.gif); background-repeat:repeat-x;}
#searchTable {margin: 5px 10px 0px 10px;width:640px;}
.searchSelect {width:177px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:smaller;font-weight:normal;}
.searchText {width:171px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:smaller;font-weight:normal;}

#contentArea {font: small Verdana, Arial, Helvetica, sans-serif; color: #000; width:460px; min-height: 428px; _height: 428px; margin: 0 10px 0 0; padding: 0 8px 0 0; border-right: 1px solid #9da5d4; float: left;}
#contentAreaCourses {font: small Verdana, Arial, Helvetica, sans-serif; color: #000; width:462px; min-height: 428px; _height: 428px; margin: 0 10px 0 0; padding: 0 8px 0 0; float: left;}

/************** RightColumn PuffArea **************/
/*************************************************/

#puffArea {width:217px; min-height: 428px; -height: 428px; float: left;}

#boxWrapperPuffs {width:220px; margin: 0 0 0 0;}

#boxWrappertopbox {width:220px;margin-bottom:10px;}
	
	#topboxHeader {width:217px; height: 16px; background-image: url(../Images/topbox_header.jpg); background-repeat: no-repeat;}
	
	#topboxContent {width:217px; background-image: url(../Images/blue_bg.gif); background-repeat:repeat-y;}
	
	#topboxText {font: small Arial, Verdana, Helvetica, sans-serif; color: #fff; margin: 0 18px;}
	
	#topboxFooter {width:217px; height: 16px; background-image: url(../Images/topbox_footer.jpg); background-repeat: no-repeat;}

/* YELLOW BOX RIGHT COLUMN Kurssok1.aspx */
	
#boxWrapperyellowbox {width:220px; margin-top: 20px;}

	#yellowboxHeader {width:217px; height: 16px; background-image: url(../Images/midbox_header.jpg); background-repeat: no-repeat;}
	
	#yellowboxContent {width:217px; background-image: url(../Images/yellow_bg.gif); background-repeat: repeat-y;}
	
	#yellowboxText {font: small Arial, Verdana, Helvetica, sans-serif; color: #000; margin: 0 18px;}
	
	#yellowboxFooter {width:217px; height: 16px; background-image: url(../Images/midbox_footer.jpg); background-repeat: no-repeat;}

/* END YELLOW BOX RIGHT COLUMN Kurssok1.aspx */
	
#boxWrapperbotbox {width:220px; margin-top: 20px;}

	#botboxHeader {width:217px; height: 16px; background-image: url(../Images/botbox_header.jpg); background-repeat: no-repeat;}
	
	#botboxContent {width:217px; background-image: url(../Images/blue_bg.gif); background-repeat: repeat-y;}
	
	#botboxText {font: small Arial, Verdana, Helvetica, sans-serif; color: #fff; margin: 0 18px;}
	
	#botboxFooter {width: 217px; height: 16px; background-image: url(../Images/botbox_footer.jpg); background-repeat: no-repeat;}

/* COURSES LIST WITH DESCRIPTION Kurssok1.aspx */
.onesearchresult {margin: 10px 0 10px 0; padding: 0px; border-top: 1px solid #ccc; width: 99%; height: 1px;}
.courselistMidColumn {margin: 0; height: 31px;}
.new_icon {width: 45px; height: 47px; background-image:url(../Images/new.gif); background-repeat: no-repeat; float: right; cursor: hand;}

#new_icon {width: 45px; height: 47px; background-image:url(../Images/new.png); background-repeat: no-repeat; display: block; float: right; cursor: hand;}
* html #new_icon {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Images/new.png", sizingMethod="crop");}

.rate_small {width: 49px; height: 36px; padding-left: 0px; margin-left: 15px; background-image:url(../Images/hundraprocentsm.gif); background-repeat: no-repeat; float: left; cursor: hand;}
.score_small {position: relative; top: -16px; width: 42px; height: 47px; padding: 0; margin: 0 0 0 15px; background-image:url(../Images/betygsmall.gif); background-repeat: no-repeat;  float: left; cursor: hand;}
.score_small_tom {position: relative; top: -16px; width: 42px; height: 47px; padding: 0; margin: 0 0 0 15px; background-image:url(../Pages/Images/transparent.gif); background-repeat: no-repeat;  float: left; cursor: hand;}
.rate_small_empty {width: 49px; height: 36px; padding-left: 0px; margin-left: 15px; float: left; cursor: hand;}
.score_small_empty {position: relative; top: -16px; width: 42px; height: 47px; padding: 0; margin: 0 0 0 15px; float: left; cursor: hand;}

/* END COURSES LIST WITH DESCRIPTION Kurssok1.aspx */

/* MULTIPLE TABS MENU FOR COURSES Kurs1.aspx */
ul.member {margin: 0; padding: 0;}
li.memberarrow {list-style-type: none; background: transparent url('../Images/arrow_member.gif') no-repeat 0px 50%; padding: 2px 2px 2px 20px; margin: 0;}
#TabAreaWrapper {font: small Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: #000; width: 700px; min-height: 600px; -height: 600px; margin: 0; padding: 0; float: left;}

#TabAreaContent {width: 694px; min-height: 590px;}
#TabNavigationWrapper {width: 694px; height: 36px; padding: 0; margin: 0;}
#TabBoxHeader {width: 694px; height: 15px; background-image:url(../Images/lightblue_top.gif); background-repeat:no-repeat; margin-bottom: -1px; padding: 0px;}
#TabBoxBg {width: 693px; background-image:url(../Images/lightblue_bg.gif); background-repeat: repeat-y; margin: 0px; padding: 0;}
#TabBoxFooter {width: 694px; height: 15px; background-image:url(../Images/lightblue_bottom.gif); background-repeat: no-repeat; margin: 0px; padding: 0px;}
.ContentCourses {width: 660px; margin: 0 12px 0 12px; min-height:120px;}
.CoursesLeftCol {width: 400px; float:left; padding-right: 5px;}
.CoursesRightCol {width: 245px; float:left; margin-left: 10px; }


.CourseFacts {Color:White;padding-left:10px;text-align: left;background: url(../Images/snabbfaktaBG.gif) repeat-y;}
.CourseFactsTop {Color:White; padding-left:10px;text-align: left; height:45px; width:204px; background: url(../Images/snabbfaktaTopp.gif) No-repeat;}
.CourseFactsBottom {Color:White;padding-left:10px;text-align: left; height:20px; width:204px; background: url(../Images/snabbfaktaUnder.gif) No-repeat;}
/** html .CourseFacts {text-align: left;height:204px; width:204px;background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Images/arrowWhite.png", sizingMethod="image");}*/


.arrowWhite {margin-top:3px;float:left;height:9px; width:11px; background: url(../Images/arrowWhite.png) no-repeat;}
* html .arrowWhite {float:left;height:9px; width:11px;background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Images/arrowWhite.png", sizingMethod="image");}


.anm_table {width: 400px;}
.anm_table_td1 {width:150px;padding-top:4px;vertical-align:top;}
.anm_table_td2 {width:250px;padding-top:4px;vertical-align:top;}
.anm_table_td_header {vertical-align:top;padding-top:20px;}

/* RATE SNABBFAKTA Kurs1.aspx */

.wrapRate {width: 244px; clear: both;}
.procent, .procent_printable {width: 52px; height: 54px; background-repeat: no-repeat; float: left; cursor: hand;}
.procent {background-image:url(../Images/hundraprocent.gif); cursor: hand;}
.procent_printable {background-image:url(../Images/hundraprocentsm.gif); cursor: hand;}
.rate, .rate_printable {width: 52px; height: 54px; background-repeat: no-repeat; float: left; cursor: hand;}
.rate {background-image:url(../Images/betyg.gif); cursor: hand;}
.rate_printable {background-image:url(../Images/betygsmall.gif); cursor: hand;}

.scoreText {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; margin: 10px 11px 10px 11px; cursor: hand;}
.scoreTextsmall {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; margin: 9px 12px 10px 11px; cursor: hand;}

/* END RATE SNABBFAKTA Kurs1.aspx */

.leftbetyg {float: left; padding: 5px;}

ul.tabUl {float:left; padding:0; margin:0; list-style-type:none;}

li.tabLi {display:inline;}

a.tab:link, a.tab:visited, a.tab:active {float:left; text-decoration:none; font-size: 100%; font-weight: bold; color:#000; line-height: normal; padding: 12px 1px 0 1px;}

a.tab:hover {line-height: normal; font-size: 100%; font-weight: bold; color: #fff;}

a.tabSelected:link, a.tabSelected:visited, a.tabSelected:active, a.tabSelected:hover {float:left;  text-decoration:none; font-size: 100%; font-weight: bold; color: #fff; line-height: normal; padding: 12px 1px 0 1px;}

.tabBox {height: 36px; float:left; padding: 0; margin: 0; padding-right: 1px;}

    .tableftCorner {width: 13px; height: 36px; float: left; background-image:url(../Images/leftcornertab.gif); background-repeat:no-repeat; background-attachment: bottom center; }

    .tabBg {height: 36px; float: left; background-image:url(../Images/tab_background.gif); background-repeat: repeat-x; background-attachment: bottom center; margin: 0; padding: 0;}

    .tabrightCorner {width: 13px; height: 36px; float: left; background-image:url(../Images/rightcornertab.gif); background-repeat:no-repeat; background-attachment: bottom center; }

.tabBoxdb {height: 36px; float:left; padding: 0; font-weight: bold; color: #fff; padding-right: 1px;}

    .tableftCornerdb {width: 13px; height: 36px; float: left; background-image:url(../Images/leftcornertab_db.gif); background-repeat:no-repeat; background-attachment: bottom center;}

    .tabBgdb {height: 36px; float: left; background-image:url(../Images/tab_background_db.gif); background-repeat: repeat-x; background-attachment: bottom center; padding: 0; margin: 0;}

    .tabrightCornerdb {width: 13px; height: 36px; float: left; background-image:url(../Images/rightcornertab_db.gif); background-repeat:no-repeat; background-attachment: bottom center;}

/* END MULTIPLE TABS MENU FOR COURSES Kurs1.aspx */


/* LIST MENU WITH ICONS OVER COURSES Kurs1.aspx */

#iconsArea {width: 680px; height: 70px; padding: 0 8px 0 0;}

#icons {width: 680px; margin-top: 20px; float: left;}

li.readmore1 {height: 54px; font: Verdana, Arial, Helvetica, sans-serif; color: #000; list-style-type: none; background: transparent url('../Images/pilreadmore.gif') no-repeat 2px 50%; padding: 0 0 0 28px; margin: 0; display: inline;}
li.readmore {height: 54px; font: Verdana, Arial, Helvetica, sans-serif; color: #000; list-style-type: none; background: transparent url('../Images/pilreadmore.gif') no-repeat 7px 50%; padding: 2px 0 0 30px; margin: 0; display: inline;}

li.printer {font: Arial, Verdana, Helvetica, sans-serif; color: #000; list-style-type: none; background: transparent url('../Images/printer_icon.gif') no-repeat 5px 40%; padding: 12px 30px 10px 5px; margin: 0; display: inline;}

li.pdf {font: Arial, Verdana, Helvetica, sans-serif; color: #000; list-style-type: none; background: transparent url('../Images/pdf_icon.gif') no-repeat 5px 40%; padding: 12px 30px 10px 5px; margin: 0; display: inline;}

li.tipafriend {font: Arial, Verdana, Helvetica, sans-serif; color: #000; height: 54px; list-style-type: none; background: transparent url('../Images/tipafriend_icon.gif') no-repeat 5px 40%;	padding: 12px 30px 10px 5px; margin: 0; display:inline;}

.left {float: left}
.iconList {float: left; padding-left: 50px;}
.icons {float: left; margin-top: 18px;}

.Intro{font: small Arial, Verdana, Helvetica, sans-serif; color: #000; font-weight:normal; margin-top:0px; margin-bottom:10px;}
.Text{font: small Arial, Verdana, Helvetica, sans-serif; color: #000; margin-top:0px; margin-bottom:10px;}
.Normal{FONT-SIZE:100%;}
.Textbold{FONT-WEIGHT:bold;}
.Factheader{FONT-WEIGHT:bold; COLOR:white; BACKGROUND-COLOR:#555555; PADDING:5px;}
.Facttext{FONT-WEIGHT:normal; BACKGROUND-COLOR:#DDDDDD; PADDING:5px;}
.Imagetext{FONT-WEIGHT:normal; MARGIN-TOP:2px; TEXT-ALIGN:CENTER;}
.Date{COLOR:#AAAAAA; MARGIN-TOP:0px; MARGIN-BOTTOM:0px;}

.Linklist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Linkicon{MARGIN-RIGHT:3px; HEIGHT:10px;}
.Filelist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Fileicon{MARGIN-RIGHT:5px;}
.Productlist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Newslist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Form{}
.InputItem{FONT-SIZE:85%; MARGIN-BOTTOM:10px; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}
.InputItemFixedWidth{FONT-SIZE:85%; MARGIN-BOTTOM:10px; WIDTH:300px; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}
.InputItemFullWidth{FONT-SIZE:110%; MARGIN-BOTTOM:10px; WIDTH:100%; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}
.SelectItemFixedWidth{FONT-SIZE:85%; MARGIN-BOTTOM:10px; WIDTH:305px; FONT-WEIGHT:bold; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}
.MarginSingle{MARGIN-TOP:10px;}
.MarginDouble{MARGIN-TOP:20px;}

.Image{MARGIN-TOP:20px;}
.ImageCenter{TEXT-ALIGN:CENTER; MARGIN-TOP:20px;}
.ImageLeft{TEXT-ALIGN:LEFT; MARGIN-TOP:20px;}
.ImageRight{TEXT-ALIGN:RIGHT; MARGIN-TOP:20px;}
.ImageLeftFloat{FLOAT:LEFT; MARGIN-TOP:10px; MARGIN-RIGHT:10px; MARGIN-BOTTOM:10px; DISPLAY:INLINE;}
.ImageRightFloat{FLOAT:RIGHT; MARGIN-TOP:10px; MARGIN-LEFT:10px; MARGIN-BOTTOM:10px; DISPLAY:INLINE;}

.ColumnSpace{HEIGHT:10px; WIDTH:10px;}
.CrossHorizontal{FONT-SIZE:1%; HEIGHT:2px; BACKGROUND-COLOR:#555555;}
.CrossHorizontalCell{FONT-SIZE:1%; PADDING-BOTTOM:10px; PADDING-TOP:10px;}
.CrossVertical{FONT-SIZE:1%; WIDTH:2px; BACKGROUND-COLOR:#555555;}
.CrossVerticalCell{FONT-SIZE:1%; HEIGHT:100%; PADDING:5px;}

.threeColumnLeft{VERTICAL-ALIGN:top; WIDTH:350px; padding-right:5px;}
.threeColumnMiddle{VERTICAL-ALIGN:top; WIDTH:189px; padding-top:5px; padding-left:5px; padding-right:5px;}
.threeColumnRight{VERTICAL-ALIGN:top; WIDTH:189px; padding-top:5px; padding-left:5px;}
.threeColumnLineV{padding-top:5px; BACKGROUND-IMAGE: url(../templates/common/images/dotlineV_bg.gif);}
.threeColumnLineH{MARGIN-TOP:5px; MARGIN-BOTTOM:5px; HEIGHT:1px; BACKGROUND-IMAGE: url(../templates/common/images/dotlineH_bg.gif);}

.twoColumnTable{WIDTH:100%; HEIGHT:350px;}
.twoColumnLeft{VERTICAL-ALIGN:top; PADDING-RIGHT:20px;}
.twoColumnRight{VERTICAL-ALIGN:top; WIDTH:180px; PADDING-LEFT:20px;}
.twoColumnInnerTable{MARGIN-TOP:20px;}
.twoColumnInnerOne{HEIGHT:100%; WIDTH:33%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-RIGHT:10px;}
.twoColumnInnerTwo{HEIGHT:150px; WIDTH:34%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-LEFT:10px; PADDING-RIGHT:10px;}
.twoColumnInnerThree{HEIGHT:150px; WIDTH:33%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-LEFT:10px;}
.twoColumnLineH{HEIGHT:1px; BACKGROUND-COLOR: #9A9A9A;}
.twoColumnLineV{WIDTH:1px; BACKGROUND-COLOR: #9A9A9A;}

.Fileheader{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px;}
.Fileitem{FONT-SIZE:110%; FONT-WEIGHT:normal; MARGIN-BOTTOM:5px;}
.Linkheader{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; BORDER-BOTTOM:1px solid black;}
.Linkitem{FONT-SIZE:110%; FONT-WEIGHT:normal; MARGIN-BOTTOM:5px;}
.Productname{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px;}
.Productlink, A.Productlink:link, A.Productlink:active, A.Productlink:hover, A.Productlink:visited{font: bold 110% Arial, Verdana, Helvetica, sans-serif; color: #223184;}
.Productdesc{FONT-SIZE:110%; FONT-WEIGHT:normal;}
.ProductRowItem1{PADDING:5px; BACKGROUND-COLOR:#F7F7F7;}
.ProductRowItem2{PADDING:5px; BACKGROUND-COLOR:#EBEBEB;}
.ProductColumnItem1{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:33%;}
.ProductColumnItem2{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:34%;}
.ProductColumnItem3{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:33%;}
.ProductitemLineH{HEIGHT:1px; BACKGROUND-COLOR:#9A9A9A;}
.ProductitemLineV{PADDING:10px; border-left:1px solid #9A9A9A;}
.Productitem{FONT-SIZE:110%; LINE-HEIGHT:20px;}
.Productitemlist{PADDING-RIGHT:20px; WIDTH:150px;}
.ProductitemlistLineV{border-left:1px solid #9A9A9A;}
.Newsimage{FLOAT:RIGHT; MARGIN-LEFT:10px; DISPLAY:INLINE;}
.Newsdate{font:  x-small Arial, Verdana, Helvetica, sans-serif; color: #000;}
.Newsheader{font: bold 110% Arial, Verdana, Helvetica, sans-serif; color: #000;}
.Newslink, A.Newslink:link, A.Newslink:active, A.Newslink:hover, A.Newslink:visited{}
.Newsintro{font: small Arial, Verdana, Helvetica, sans-serif; color: #000;}
.Newsitem1{PADDING:5px; BACKGROUND-COLOR:#F7F7F7;}
.Newsitem2{PADDING:5px; BACKGROUND-COLOR:#EBEBEB;}

.Breadcrumb{font:100% Arial, Verdana, Helvetica, sans-serif; color:#223184;}
a.Breadcrumb:link, a.Breadcrumb:active, a.Breadcrumb:hover, a.Breadcrumb:visited{font: 100% Arial, Verdana, Helvetica, sans-serif; color:#223184!important;}
.Linklist{font: bold 100% Arial, Verdana, Helvetica, sans-serif; color:#000;}
a.Linklist:link, a.Linklist:active, a.Linklist:hover, a.Linklist:visited{font: 100% Arial, Verdana, Helvetica, sans-serif; color:#000!important;}

/** SYSTEM ERROR MESSAGE *************************************************************/
/*************************************************************************************/
.litErrorFieldset{MARGIN-TOP:10px; MARGIN-BOTTOM:10px;}
.litErrorLegend{COLOR: #FF0000! important; FONT-SIZE:110%; PADDING-RIGHT:6px;}
.litErrorDiv{PADDING-TOP:8px; PADDING-BOTTOM:5px;}
.litErrorIcon{WIDTH:16px; HEIGHT:16px; MARGIN-RIGHT:3px;}
.litErrorMsg{COLOR: #FF0000! important; FONT-SIZE:110%;}


/* 4. CSS for the left menu, new in version 4.1 */


/** STYLES FOR THE LEFT MENU *********************************************************/
/*************************************************************************************/
.LeftMenu a{text-decoration:none; padding:2px; margin-left:1px; line-height:14px; color:#666666;}
.LeftMenu a:hover{text-decoration:underline;}
.LeftMenu_Selected {margin-left:0px!important; border:1px solid #CCCCCC; background-color:White;}
.LeftMenu_StartPage {}
.LeftMenu_level_1{margin-left:-20px!important; line-height:130%; FONT-SIZE:110%;}
.LeftMenu_level_2, .LeftMenu_level_3, .LeftMenu_level_4, .LeftMenu_level_5{margin-top:1px!important; line-height:110%;}