﻿*, body, div, ul, li, select, option, h1, h2, h3, h4, h5, h6, p, input {
	margin: 0;
	padding: 0;
}

body {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #374946;
	background: url('../images/body_repeater.png') repeat left top;
	padding: 10px 0;
}

ul {
	list-style-type: none;
}

.left_column p.no_bottom_padding {
	padding-bottom: 0;
}

.left_column td 
{
/*	padding:3px; */
}

img {
	border: none;
	border-style: none;
}

p {
	line-height: 1.6em;
	margin-bottom: 8px;
}

a,
a:link,
a:visited {
	text-decoration: underline;
	color: #699502;
}

a:hover {
	color: #95cb17;
}

.clear {
	clear: both;
}

.shadow_width {
	width: 1003px;
	margin: 0 auto;
}

.content_width {
	width: 973px;
	margin: 0 auto;
}

.header_bg {
	height: 99px;
	background: url('../images/header_bg.png') no-repeat left top;
}

.header {
	position: relative;
}

.header h1 {
	position: absolute;
	top: 20px;
	left: 32px;
}

.header h1 a,
.header h1 a:link,
.header h1 a:visited {
	display: block;
	width: 287px;
	height: 40px;
	text-indent: -9999px;
	overflow: hidden;
	background: url('../images/logo_ITfjernundervisning.png') no-repeat left top;
}

.header ul {
	padding-top: 63px;
	height: 36px;
	float: right;
}

.header ul li {
	float: left;
}

.header ul li a,
.header ul li a:link,
.header ul li a:visited {
	float: left;
	font-weight: bold;
	color: #fff;
	font-size: 13px;
	height: 36px;
	line-height: 36px;
	text-decoration: none;
	position: relative;
	display: block;
	background: url('../images/menu_items_bg.png') no-repeat right top;
}

.header ul li a span {
	cursor: pointer;
	float: left;
}

.header ul a span.shadowed {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 16px;
	color: #fff;
}

.header ul a span.shadow {
	padding: 0 16px 0 15px;
	color: #983b37;
}

.header ul a span.first span.shadowed {
	padding: 0 16px 0 20px;
}

.header ul li a span.first {
	height: 36px;
	padding-left: 4px;
	background: url('../images/menu_items_left.png') no-repeat left top;
}

.header ul li.current a,
.header ul li.current a:link,
.header ul li.current a:visited {
	background: url('../images/menu_items_bg.png') no-repeat right -36px;
}

.header ul li.current a:hover {
	background: url('../images/menu_items_bg.png') no-repeat right -36px;
}

.header ul li.current a span.first,
.header ul li.current a:link span.first,
.header ul li.current a:visited span.first{
	background: url('../images/menu_items_left.png') no-repeat left -36px;
}

.header ul li a:hover {
	background-position: right -72px;
}

.header ul li.current a:hover span.first {
	background-position: left -36px;
}

#search_form {
	position: relative;
	width: 204px;
	height: 36px;
	background: url('../images/main_menu_search.png') no-repeat left top;
}

.search_input {
	position: absolute;
	top: 12px;
	left: 33px;
	width: 118px;
	border: none;
	border-style: none;
	background: none;
}

.header ul li a.search_submit,
.header ul li a.search_submit:link,
.header ul li a.search_submit:visited {
	position: absolute;
	top: 7px;
	left: 157px;
	width: 45px;
	height: 25px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url('../images/button_go.png') no-repeat left top;
}

.header ul li a.search_submit:hover {
	background-position: left -25px;
}

.content_bg {
	background: url('../images/content_shadow.png') repeat-y left top;
}

.left_column {
	width: 625px;
	float: left;
	padding: 24px 0 24px 23px;
}

.right_column {
	width: 325px;
	float: right;
	padding: 24px 0;
}

.right_column_repeater {
	background: url('../images/right_side_repeater.png') repeat-y left top;
}

.right_column_content {
	background: url('../images/right_side_bg.png') no-repeat left top;
}

.right_column_bottom {
	background: url('../images/right_side_bottom.png') no-repeat right bottom;
	padding-bottom: 20px;
}

.right_column_padding {
	width: 275px;
	padding: 4px 0 0 38px;
	font-size: 11px;
}

.right_column_padding h4 {
	font-weight: bold;
	font-size: 15px;
	padding-bottom: 10px;
}

.right_column_padding h4.top_h4 {
	padding-bottom: 35px;
}

.right_column_padding h5 {
	color: #c70e0e;
	line-height: 1.4em;
	padding: 5px 5px 10px 5px;
	font-size: 11px;
	font-weight: bold;
	background: url('../images/right_side_heading.png') no-repeat left top;
}

.right_column_padding h5.two_rows {
	background: url('../images/right_side_heading2.png') no-repeat left top;
}

.right_column_padding p {
	padding-bottom: 10px;
}

span.red_bold {
	color: #c70e0e;
	font-size: 12px;
	font-weight: bold;
}

.small_indent {
	padding: 0 10px 0 5px;
}

.separator {
	height: 20px;
	background: url('../images/right_side_separator.png') no-repeat left center;
}

a.arrows_link,
a.arrows_link:link,
a.arrows_link:visited {
	padding-right: 16px;
	font-weight: bold;
	color: #c70e0e;
	font-size: 12px;
	text-decoration: none;
	background: url('../images/link_arrows.png') no-repeat right 4px;
}

a.arrows_link:hover {
	text-decoration: underline;
	background-position: right -29px;
}

.main_content {
	position: relative;
}

.extra_content_shadow {
	position: absolute;
	right: -15px;
	height: 527px;
	width: 15px;
	background: url('../images/extra_content_shadow.png') no-repeat left top;
}

.main_banner {
	width: 625px;
	height: 171px;
	position: relative;
	padding-bottom: 21px;
	background: url('../images/mountain_man.jpg') no-repeat left top;
}

.main_banner_padding {
	padding: 15px 25px 0 25px;
}

.main_banner h2 {
	color: #c70e0e;
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 35px;
}

.main_banner p {
	line-height: 1.5em;
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 15px;
}

.button_red a,
.button_red a:link,
.button_red a:visited {
	display: block;
	width: 148px;
	height: 34px;
	line-height: 34px;
	text-indent: -9999px;
	overflow: hidden;
	background: url('../images/button_main_banner.png') no-repeat left top;
}

.button_red a:hover {
	background-position: left -34px;
}

.cursers_header {
	height: 40px;
	line-height: 40px;
	color: #c70e0e;
	font-weight: bold;
	font-size: 18px;
	text-indent: 25px;
	background: url('../images/cursers_header.png') no-repeat left top;
}

.all_curses {
	background-color: #f5f8fa;
}

.col1 {
	width: 208px;
	float: left;
}

.col2 {
	width: 209px;
	float: left;
}

.col3 {
	width: 207px;
	float: left;
}

.TomLi 
{
	height:20.4px;
 }

.curse_vba {
	padding-top: 41px;
	background: url('../images/curse_vba.png') no-repeat left top;
}

.curse_asp {
	padding-top: 41px;
	background: url('../images/curse_asp.png') no-repeat left top;
}

.curse_internet {
	padding-top: 41px;
	background: url('../images/curse_internet.png') no-repeat left top;
}

.curse_xml {
	padding-top: 44px;
	background: url('../images/curse_xml.png') no-repeat left top;
}

.curse_word {
	padding-top: 44px;
	background: url('../images/curse_word.png') no-repeat left top;
}

.curse_excel {
	padding-top: 44px;
	background: url('../images/curse_excel.png') no-repeat left top;
}

.curse_access {
	padding-top: 44px;
	background: url('../images/curse_access.png') no-repeat left top;
}

.curse_powerpoint {
	padding-top: 44px;
	background: url('../images/curse_powerpoint.png') no-repeat left top;
}

.curse_outlook {
	padding-top: 44px;
	background: url('../images/curse_outlook.png') no-repeat left top;
}

.curse_project {
	padding-top: 44px;
	background: url('../images/curse_project.png') no-repeat left top;
}

.curse_publisher {
	padding-top: 44px;
	background: url('../images/curse_publisher.png') no-repeat left top;
}

.curse_mobil {
	padding-top: 44px;
	background: url('../images/curse_mobil.png') no-repeat left top;
}


.col_curses {
	background-color: #e8eff3;
	padding: 0 0 10px 0;
}

.col1 .col_curses {
	width: 207px;
}

.col2 .col_curses {
	width: 208px;
}

.col3 .col_curses {
	width: 207px;
}

.col_curses ul {
	padding: 0px 20px 10px ;
}

.col_curses ul li {
	line-height: 1.7em;
}

.col_curses ul li a,
.col_curses ul li a:link,
.col_curses ul li a:visited {
	padding-left: 14px;
	background: url('../images/bullet_curse_links.png') no-repeat left 8px;
	text-decoration: none;
	color: #3c5d70;
	font-weight: bold;
	font-size: 13px;
	display: block;
}

.col_curses ul li a:hover {
	background-position: left -32px;
	color: #c70e0e;
}

.button_kob {
	float: right;
	padding-top: 21px;
}

.button_kob a,
.button_kob a:link,
.button_kob a:visited {
	display: block;
	width: 119px;
	height: 34px;
	line-height: 34px;
	text-indent: -9999px;
	overflow: hidden;
	background: url('../images/button_kob.png') no-repeat left top;
}

.button_kob a:hover {
	background-position: left -34px;
}

.footer_bg {
	height: 85px;
	background: url('../images/footer_bg.png') no-repeat left top;
}

.footer {
	color: #2f2f49;
	font-size: 11px;
	position: relative;
}

.footer ul {
	float: left;
	padding: 35px 0 0 20px;
}

.footer ul li {
	float: left;
}

.footer ul li a,
.footer ul li a:link,
.footer ul li a:visited {
	float: left;
	padding: 0 7px;
	color: #2f2f49;
	font-weight: bold;
	text-decoration: none;
}

.footer ul li a:hover {
	color: #c70e0e;
}

.copyrights {
	float: right;
	padding: 35px 20px 0 0;
}



/* KURS PAGE */

.kurs_page {

}

.kurs_page .left_column {
	width: 209px;
	padding: 4px 0 4px 0;
}

.left_submenu_header {
	height: 28px; /*32px; */
	line-height: 28px; /*32px;*/
	padding-bottom: 1px;
	color: #fff;
	font-size: 13px;
	text-indent: 20px;
	font-weight: bold;
	background: url('../images/left_menu_heading.png') no-repeat left top;
}

.left_submenu ul {
	width: 207px;
	margin: 0 auto;
}

.left_submenu ul li {
	padding-bottom: 1px;
}

.left_submenu ul li a,
.left_submenu ul li a:link,
.left_submenu ul li a:visited {
	display: block;
	padding: 8px 3px 4px 43px; /* padding rettet fra 8 til 4 */
	width: 161px; /* IE6 problem, give it the width by formula: 207 - left-padding - right-padding (207-43-3), not necessary for IE7 and FF */
	text-decoration: none;
	font-weight: bold;
	color: #545454;
	font-size: 13px;
	background: url('../images/menu_left_bg.png') no-repeat left top;
}

.left_submenu ul li a.current_kurs,
.left_submenu ul li a.current_kurs:link,
.left_submenu ul li a.current_kurs:visited,
.left_submenu ul li.completed a.current_kurs,
.left_submenu ul li.completed a.current_kurs:link,
.left_submenu ul li.completed a.current_kurs:visited {
	background-position: left -90px;
}

.left_submenu ul li.completed a,
.left_submenu ul li.completed a:link,
.left_submenu ul li.completed a:visited {
	color: #108908;
	background: url('../images/menu_left_bg_completed.png') no-repeat left top;
}

.left_submenu ul li a:hover,
.left_submenu ul li.completed a:hover {
	background-position: left -90px;
}

.kurs_page .right_column {
	width: 729px;
	padding: 4px 16px 4px 0;
}

.wide_content_bg {
	background: url('../images/content_top_title.png') #fdfdfd no-repeat left top;
	padding: 9px 20px 20px 20px;
}

.two_lines_header {
	background-image: url('../images/content_top_title2.png');
}

.kurs_page .right_column td 
{
/*	padding: 10px; */
}


.kurs_page .right_column h1 {
	color: #c70e0e;
	padding: 0 0 0 0;
	font-size: 17px;
	font-weight: bold;
/*	text-transform: uppercase; */
}

.kurs_page .right_column .Kursustop {
	color: #c70e0e;
	padding: 0 0 30px 0;
	font-size: 18px;
	font-weight: bold;
/*	text-transform: uppercase; */
}


.kurs_page .right_column h2 {
	color: #4d5f74;
	padding: 10px 0 0 0;
	font-size: 14px;
	font-weight: bold;
}

.kurs_page .right_column h3 {
	color: #4d5f74;
	padding: 10px 0 0 0;
	font-size: 13px;
	font-weight: bold;
}
.kurs_page .right_column p {
	color: #282828;
	padding: 0 0 5px 0;
	font-size: 12px;
	font-weight: normal;
}

.kurs_page .right_column p.before_ul {
	padding: 0 0 8px 0;
}

.kurs_page .right_column ul {
	color: #282828;
	padding: 0 0 0 20px;
}

.kurs_page .right_column ul li {
	line-height: 1.7em;
	padding: 0 0 4px 18px;
	background: url('../images/content_list_bullet.png') no-repeat left 8px;
}

.screenshot {
	padding: 0 0 20px 20px;
}

.screenshot img {
	padding: 3px;
	background-color: #e8e8e8;
}

.code_box {
	padding: 0 0 20px 0;
}



.kurs_page .right_column .code_box ul {
	padding: 0;
}

.kurs_page .right_column .code_box ul li {
	float: left;
	padding: 0;
	background: none;
}

.kurs_page .right_column .code_box ul li a,
.kurs_page .right_column .code_box ul li a:link,
.kurs_page .right_column .code_box ul li a:visited {
	height: 32px;
	width: 159px;
	line-height: 32px;
	color: #2d2f32;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	display: block;
	background: url('../images/code_tabs_bg.png') no-repeat -159px top;
}

.kurs_page .right_column .code_box ul li a:hover,
.kurs_page .right_column .code_box ul li a.selected,
.kurs_page .right_column .code_box ul li a.selected:link,
.kurs_page .right_column .code_box ul li a.selected:visited {
	background-position: left top;
}
	

.textarea_repeater {
	width: 680px;
	background: url('../images/text_area_repeater.png') repeat-y left 8px;
}

.textarea_top {
	background: url('../images/text_area_top.png') no-repeat left top;
}

.textarea_bottom {
	background: url('../images/text_area_bottom.png') no-repeat left bottom;
}

.code_padding {
	padding: 15px;
}

.code_text {
	color: #c20800;
	width: 650px;
	overflow: auto;
}

/* pre {
	color: #c20800;
	width: 650px;
	overflow: auto;
	width: 680px;
	background: url('../images/text_area_repeater.png') repeat-y left 8px;
	background: url('../images/text_area_top.png') no-repeat left top ;
	background: url('../images/text_area_bottom.png') no-repeat left bottom;
	padding: 15px;
}
*/
.google_ads {
	padding: 0 0 20px 0;
	text-align: center;
	width: 400px; /* Custom Google Ads width */
	margin: 0 auto; /* Center the ads */
}

   /*
     
 Highlight -siteSearch in results area
     */
 
    /* bold the section header */
    .gsc-resultsRoot-siteSearch .gsc-title {
      font-weight : bold;
    }
 
    .gsc-resultsRoot-siteSearch .gsc-keeper {
      background-image : url('../../css/orange_check.gif');
      font-weight : bold;
    }
#searchcontrol .gsc-control{width:80%;}

#adBoxBottom {
	background-image: url(/images/adboxBottomBg.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 10px;
	background-attachment: scroll;
}
#adBoxTop {
	background-color: #FFF;
	background-image: url(/images/adboxTopBg.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 10px;
	background-attachment: scroll;
}
#adboxContentBg {
	background-attachment: scroll;
	background-color: #d7d8da;
	background-image: url(/images/adboxContentBg.png);
	background-repeat: repeat-x;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 25px;
	vertical-align: top;
}
#adboxContentBg h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #C70E0E;
	margin: 0px;
	margin-top:-15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#adboxContentBg p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #282828;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.btnclear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
	margin-top: 10px;
}
a.button {
	color: #fff;
	display: block;
	float: left;
	height: 30px;
	margin-right: 6px;
	padding-right: 37px; /* sliding doors padding */
	text-decoration: none;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(/images/adboxbuttonright.png);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
a.button span {
	display: block;
	line-height: 20px;
	padding: 5px 0 5px 10px;
	background-color: transparent;
	background-image: url(/images/adboxbuttonleft.png);
	background-repeat: no-repeat;
}
a.button:hover {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}
a.button:hover span {
    background-position: bottom left;
    padding: 5px 0 5px 10px; /* push text down 1px */
} 

