/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del,
dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit}

/* common */
ul {list-style-type:disc; margin:15px 0 15px 20px}
    ul li {margin:0 0 5px 0}
ol {list-style-type:decimal; margin:15px 0 15px 20px}
    ol li {margin:0 0 5px 0}
p {margin:0 0 15px 0; line-height:15px; text-align:justify}

p em { font-style: italic; }

h3 {font-weight:normal; display:inline}
strong {font-size:12px}


/* forms */
input, textarea, select {border:1px solid #ccc; padding:2px; font:11px Tahoma; color:#666}
input, select {height:14px}
input:focus, textarea:focus, select:focus {border:1px solid #999}
form.inline {min-height:20px; margin:3px 0 10px 0}
    form.inline input {float:left; margin:0 5px 5px 0}
    form.inline input.btn {margin-right:0}
input.radio {float:none !important; border:none; padding:0; margin:0 !important}

/* links */
a {color:#29b1b1; text-decoration:underline; outline:none}
a:hover {text-decoration:none}
a img {border:none}

/* buttons */
input.btn {border:none; background:#ebebeb; height:20px; width:auto; margin:0; padding:0 10px; color:#29b1b1; font-size:12px; font-weight:bold; cursor:pointer; outline:none}
input.btn_search {border:none; background:#ebebeb; height:20px; width:50px; margin:0; padding:0; color:#29b1b1; font-size:12px; font-weight:bold; cursor:pointer; outline:none}

/* misc */
.fleft {float:left}
.fright {float:right}
.fclear {clear:both; height:0; font-size:0; line-height:0; overflow:hidden}
.clear {clear:both}
.more {text-align:right}
    .more a {font-size:12px; font-weight:bold}
.line1, .line2 {clear:both; border-bottom:2px solid #a8a8a8; height:0; font-size:0; overflow:hidden; margin:0 0 15px 0; padding:15px 0 0 0}
.line2 {border-bottom:1px solid #a8a8a8}

/* --- main --- */
html, body {height:100%; font:11px Tahoma; color:#000}
body {background:#fff url(../img/page_top.jpg) no-repeat 50% 0}
#body {position:relative; min-height:100%; background:url(../img/page_bottom.jpg) no-repeat 50% 100%}
.body {width:898px; padding:0 5px; margin:auto}
#header {height:101px; padding:37px 0 0 11px}
#content {height:1%; padding:10px 0 140px 0}
#footer {position:relative; height:90px; margin-top:-90px;}

#header div {float:left}
    #header .logo {margin:7px 33px 0 0}
    #header .centers {margin:0 23px 0 0}
    #header .centers img {margin:8px 0 0 0}
    #header .certification {margin:0 25px 0 0}
    #header .certification img {margin-right:7px}
    #header .search {margin:34px 0 0 0}
    #header .search input {height:14px; width:165px; float:left; margin-right:5px}
    #header .search input.btn_search {height:20px; width:50px; margin:0}

#nav {height:32px; background:#28a3a3 url(../img/nav_bg.gif) repeat-x 0 0}
    #nav ul, #nav ul li {margin:0; padding:0; list-style:none; list-style-image:none}
    #nav ul {height:27px}
    #nav ul li {position:relative; height:27px; float:left; padding:0 1px 0 0; background:url(../img/nav_separator.gif) no-repeat 100% 0}
    #nav ul li a {display:block; float:left; padding:0 12px; height:27px; line-height:27px; font-size:11px; font-weight:bold; text-transform:uppercase; color:#fff; text-decoration:none}
    #nav ul li.active a {color:#99fcfc}
    #nav ul li a:hover, #nav ul li:hover a, #nav ul li.over a {text-decoration:none; color:#fff; background:#000 url(../img/nav_hover.gif) repeat-x 0 0}
    
    #nav ul li ul {position:absolute; display:none; top:27px; left:-1px; height:auto; width:141px; background:#000 url(../img/subnav_bg.gif) no-repeat 0 100%; padding:7px}
    #nav ul li:hover ul, #nav ul li.over ul {display:block}
    #nav ul li ul li {float:none; padding:0; height:auto; background:none; border-bottom:1px solid #373737}
    #nav ul li ul li.last {border:none}
    #nav ul li ul li a {float:none; height:1%; line-height:normal; background:none !important; text-transform:none; font-weight:normal; padding:5px 7px}
    #nav ul li ul li a:hover {color:#99fcfc; background:#1f1f1f !important}

#footer .footer {width:898px; margin:auto; text-align:right}
    #footer .footer .info {float:left; text-align:left; font-size:12px; font-weight:bold; padding:3px 0 0 17px}
    #footer .footer .info strong {display:block; margin:0px 0 0 33px; font-size:24px; font-weight:normal; font-family:Times New Roman; position:relative; line-height: 16px}
    
    #footer .footer .menu {margin:0 12px 20px 0; word-spacing:6px}
    #footer .footer .menu a {word-spacing:normal; color:#29b1b1; text-decoration:underline}
    #footer .footer .menu a:hover {text-decoration:none}
    
/* --- page --- */
#content .col1 {float:left; width:575px; padding:0 0 0 15px}
    .home #content .col1 {width:600px; padding:0}
    #content .col1 h3 {display:block; margin:0 0 15px 0; font-size:14px; font-weight:bold; color:#289494}
#content .col2 {float:right; width:270px}
#content .subcol1 {float:left; width:140px}
#content .subcol2 {float:right; width:420px}

/* titles */    
#content .title { height: 60px;/*clear: both;  float: left; width: 100%; border: 1px solid red;*/}
    #content .title h1 {background:url(../img/blackdot-2.gif) repeat-x 0 33px; padding:0 60px 0px 12px; float:left; font:36px Georgia;}
	 

#content .title-less {height:50px}
    #content .title-less h2 {background:url(../img/blackdot-1.gif) repeat-x 0 23px; padding:0 50px 0 12px; float:left; font:24px Georgia; line-height:29px}

#content .title-small {height:40px}
    #content .title-small h2 {background:url(../img/blackdot-1.gif) repeat-x 0 17px; padding:0 40px 0 12px; float:left; font:18px Georgia}

#content .col2 .titlebox, #content .col2 .titlebox-long {background:url(../img/title_right_shad.gif) no-repeat 0 0; padding:7px 0 10px 0}
    #content .col2 .titlebox h2, #content .col2 .titlebox-long h2 {font:24px Georgia; margin:0 0 15px 12px; line-height:24px}
    #content .col2 .titlebox-long {background:url(../img/title_right_shad-long.gif) no-repeat 0 0}
    .titlebox_text {padding:0 15px}

#content .col1 .titlebox {background:url(../img/title_right_shad-big.gif) no-repeat 0 27px; padding:0 0 10px 0}
    #content .col1 .titlebox h1 {font:36px Georgia; margin:0 0 20px 12px}
    #content .col1 .titlebox .titlebox_text {padding:0 0 0 50px}
    #content .col1 .titlebox .titlebox_text h3 {font-size:14px; font-weight:bold; color:#289494}

.nav {padding:0 0 20px 0}
    .nav a {color:#000; text-decoration:underline}
    .nav a:hover {text-decoration:none}

.kurs {padding:0 15px; font-size:12px}
    .kurs h3 {display:block; margin-bottom:10px}

.calendar {padding:0 15px; font-size:12px}
    .calendar .date {margin-bottom:10px}
    .calendar strong {font-size:18px; font-weight:bold}

.tjenester {height:1%}
    .tjenester a {display:block; float:left; width:120px; font-weight:bold; font-size:14px; text-align:center; color:#000; text-decoration:underline}
    .tjenester a:hover {text-decoration:none}
    .tjenester a.undervisning {height:30px; padding:70px 0 0 0; background:url(../img/abc.gif) no-repeat}
    .tjenester a.web {height:45px; padding:70px 0 0 0; margin-top:37px; background:url(../img/pad.gif) no-repeat}
    .tjenester a.assistanse {height:25px; padding:90px 0 0 0; margin-top:-52px; background:url(../img/puzzle.gif) no-repeat}

.nyheter {padding:0 15px; margin:0 0 15px 0}
    .nyheter p {margin-bottom:8px}

table.data {width:100%; margin:0 0 15px 0}
    table.data tr {vertical-align:top}
    table.data td, table.data th {background:#ebebeb; padding:10px; border-right:1px solid #fff}
    table.data th {font-size:12px; font-weight:bold; border-bottom:2px solid #fff; text-align:left}
	table.data td p {text-align:left}

.mainpic {padding:10px 0 0 15px}

.graybox {height:1%; background:#f2f2f2; padding:25px 20px 0 10px; margin:-27px 0 0 0}
    .graybox .graycol1 {width:425px; float:left}
    .graybox .graycol2 {width:425px; float:right}
    .graybox .graycol3 {width:100px; float:left; margin-bottom:15px}
    .graybox .graycol4 {width:315px; float:right; margin-bottom:15px}
    .graybox h3 {font:18px Georgia; display:block; margin:0 0 10px 0}

.search_result {padding:10px 0; border-bottom:1px solid #a8a8a8}
    .search_result_last {border:none; padding:10px 0 0 0}
    .search_result a {font-weight:bold}

.story_text {clear:both}
    .story_text.img_at_right img {float:right; margin:0 0 7px 10px}
    .story_text.img_at_left img {float:left; margin:0 10px 7px 0}

.invisible{width:0px;height:0px;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline;}	

/****************/

a strong {
font-size: 11px !important;
}


/*active menu*/

#nav ul li.active  {
	color:#99FCFC;
	display:block;
	/*float:left;*/
	font-size:11px;
	font-weight:bold;
	height:27px;
	line-height:27px; 
	padding:0 13px; 
	/*padding: 0;*/
	text-decoration:none;
	/*text-transform:uppercase;*/
}

#main_nav  ul.level_1 li.active
{
	text-transform:uppercase;
}


#main_nav  ul.level_2 li.active
{
	text-transform:none;
	font-weight:normal;    
	/*line-height: 27px;*/
	/*line-height:normal;*/
	/*padding:0 7px;*/
	padding:5px 7px;
}
  
.pamelding_kurs{
	clear:both;
	float:right;
	text-align:right;
}

.newsletter_subscribe  {
	border:none; 
	background:#ebebeb; 
	height:20px; 
	width:auto; 
	margin:0; 
	padding:0 10px; 
	color:#29b1b1; 
	font-size:12px; 
	font-weight:bold; 
	cursor:pointer; 
	outline:none;
	position:relative;
	top:2px;
}


    #header .mod_form   {margin:34px 0 0 0 !important; }
    #ctrl_2 {height:14px; width:165px; float:left; margin-right:5px}
    #ctrl_2_submit, #submit {
	border:none; 
	background:#ebebeb; 
	height:20px; 
	width:auto; 
	margin:0; 
	padding:0 10px; 
	color:#29b1b1; 
	font-size:12px; 
	font-weight:bold; 
	cursor:pointer; 
	outline:none;

}
#submit {margin:0 5px 5px 5px;}

#keywords { width: 260px; float: left;}


.mod_search .odd, .mod_search .even {
	border-bottom:1px solid #A8A8A8;
	padding:10px 0;
}



#query_type span label { 
	font-weight: bold; 
	position:relative;
	top:-4px;
}
/*********************************************************
 /* the overlayed element */ 
div.overlay { 
     
    /* growing background image */ 
    background-image:url(../img/overlay/white.png); 
     
    /* dimensions after the growing animation finishes  */ 
     

	 height:470px; 
	  
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:55px; 
} 


div.overlay_h { 
     
    /* growing background image */ 
    background-image:url(../img/overlay/white_h.png); 
     
    /* dimensions after the growing animation finishes  */ 
    width: 580px; 
  	 height:140px; 
	  
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:35px 0 0 65px; 
} 

 div.overlay_h div.close  { 
    background-image:url(../img/overlay/close.png); 
    position:absolute; 
 	 right:12px; 
    top:-5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
} 

div.overlay_v { 
     
    /* growing background image */ 
    background-image:url(../img/overlay/white_v.png); 
     
    /* dimensions after the growing animation finishes  */ 
    width: 280px; 
  	 height:430px; 
	  
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:55px; 
} 

 
/* default close button positioned on upper right corner */ 
div.overlay div.close,  div.overlay_v div.close { 
    background-image:url(../img/overlay/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
} 
 
div.overlay h3 {
font-size:18px;
}
 

.more a {
	background-color:#EBEBEB;
	display:block;
	float:right;
	font-size:12px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	text-align:center;
	width:130px;
}
.nyheter_list_right {
	padding:0 15px;
}

.nyheter_list_right p {
	margin-bottom:8px;
}

.graycol1 {clear:both;}


.contact_form label {
	font-weight: bold;
	display: block;
	clear: both;

}
.contact_form input,  .contact_form textarea {
	width: 250px;
	margin: 0px 0px 10px 0px;
}
.contact_form .captcha_text {
/*	clear:both;*/
	float:left;
	position:relative;
	top:-7px;
}

.contact_form .submit_container {
	text-align: left;
clear: both;
}

.contact_form .submit {
	background:#EBEBEB none repeat scroll 0 0;
	border:medium none;
	color:#29B1B1;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	height:20px;
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	padding:0 10px;
	position:relative;
	top:20px;
	width:auto;
	float: left;
}

.contact_form em {
	color:#CC5555 !important;
}

.contact_form p.error {
	color:#CC5555 !important;
	line-height:normal !important;
	margin:0 0 0 0px !important;
	text-align:justify;
}

#pamelding .mandatory, #pamelding label {
	font-weight: bold;
}	 

#pamelding input,  #pamelding textarea {
/*	width: 120px;*/
	width: 250px;
	margin: 0px 0px 10px 0px;
}
#pamelding select {
	height: 20px;
	position: relative;
	top: 1px;
/*	width: 125px;*/
	width: 255px;	
	margin: 0px 0px 10px 0px;
}

#pamelding .check_box {
	width: auto !important;
	margin-right: 5px;
	position: relative;
	top: 4px;
}

p.reklame {
	margin: 0;
	padding: 0;
}

#pamelding  .texta {
	width: 180px;
	height: 50px;
}

#pamelding .radio_label {font-weight: normal}

#pamelding .captcha {clear: both;}

#pamelding .submit_container {text-align: center; clear: both; padding-top: 15px; }

#pamelding .submit {
	background:#EBEBEB none repeat scroll 0 0;
	border:medium none;
	color:#29B1B1;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	height:20px;
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	padding:0 10px;
	width:auto;
	float: left;
}
#pamelding .error {
	color:#CC5555 !important;
	line-height:normal !important;
	margin:0 0 0 0px !important;
	text-align:justify;

}

#pamelding .captcha_text{
	clear: both;
	float: left;
	position: relative;
	top:-7px;	
}

#main_nav .level_2 {
padding: 7px 0px 7px 6px !important;
}

#main_nav  ul.level_2 li.active {
	height:1%;  
	line-height:normal;
}

.calendar_header h2{
	margin-bottom:0px !important;
}

.f_left{
	float: left;
	clear: both;
}