html, body {
  height: 100%; /* Required */
}

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

body{
	font: 76% Arial, Helvetica, sans-serif; 
	background: url(images/img07.jpg) repeat-x left top;
	color: #000;	
	text-align:center;
    padding-top: 10px;
	margin:0 auto;
}

h1 {font-size: 2.0em;font-weight: normal;margin-top: 0em;margin-bottom: 0em;}
/*h2 {font-size: 1.7em;margin: 1.2em 0em 1.2em 0em;font-weight: normal;}*/
h2 {font-size: 1.5em;font-weight: bold; padding:0px 0px 0px 0px; color:#48A9EA;}
h2.nnkblueprint {
	padding-top: 10px;
}
/*h3 {font-size: 1.4em;margin: 1.2em 0em 1.2em 0em;font-weight: normal;}*/
h3 {font-size: 1.4em;margin: 1em 0em 0em 0em;font-weight: normal;}
h3.nnkBlue {font-size: 1.4em;font-weight: bold; color:#48A9EA; padding-left: 5px; padding-top: 10px; padding-bottom: 0px; margin-bottom: 0px;}
h4 {font-size: 1.2em;margin: 1.2em 0em 1.2em 0em;font-weight: bold;}
h5 {font-size: 1.0em;margin: 1.2em 0em 1.2em 0em;font-weight: bold;}
h6 {font-size: 0.8em;margin: 1.2em 0em 1.2em 0em;font-weight: bold;}
p, q, cite	{font-size: 1.0em;/*line-height: 1.25em;*/	margin: 0.4em 0em 0em 0em;}
li > p 		{margin-top: 0.2em;}
/*pre 		{font-family: monospace;font-size: 1.0em;}*/
strong, b 	{font-weight: bold;}
ul, ol, dl	{list-style: disc;	font-size: 1.0em; }
li, dd, dt	{	font-size: 1.0em; line-height: 1.4em;}
a:link, a:visited{text-decoration: none; color:#999;}
a:hover, a:active{text-decoration: underline; }
	

#container{ 
	width: /*100%;*/ 980px; /* Set page width here - you can also use percentage */
	text-align:left; 
	margin:0 auto;
	background-color: #fff;
	min-height: 100%; /* For Modern Browsers */	
	height: auto !important; /* For Modern Browsers */  
	height: 100%; /* For IE */
}

#printcontainer{   width: 600px;   text-align:left;  }
#header 	{margin: 0 auto;}
#head 		{margin: 0 auto; height:150px; background:url(images/top3.jpg) 0 0 no-repeat;}

#SingleRegPageCourse{
	background-color: #fff;
	margin: 0;
	padding: 0px;
	text-align:left; 
}

#NoDesignTbl{
	background-color: #fff;
	margin: 0;
	padding: 0px;
}
#contentbox		{margin: 0 auto; width: 980px; }	
	#content	{
	margin: 0px 0px 0px 0px !important; 
	margin: 0px 0px 0px 0px; 
	width: 700px;
	float:left;/*background: #F2F2F2;*/
	/* border-right:1px dashed #ccc;  */
	padding:0px 0px 0 0;}	
	
#contentMain	{	
   margin: 0px 0px 0px 0px;
	width: 670px;
	float:left;/*background: #F2F2F2;*/
	/* border-right:1px dashed #ccc;  */
    
	 padding-left: 30px;
	 padding-right: 0px;
	 }	
	#content p	{font-size: 1.0em; margin-top: 8px; }	
	#contentMain p	{font-size: 1.0em; margin-top: 8px; }	
	#tittel	{font-size: 1.8em;font-weight: bold; padding:5px 0px 5px 5px; color:#48A9EA;}
	#UnRegTitle {font-size: 1.8em;font-weight: bold; padding:5px 0px 5px 5px; color:#48A9EA;}
	#tittelprint    {font-size: 1.6em;font-weight: bold; padding:0px 0px 0 0;}
	#printfont      {font-size: 1.0em;font-weight: normal; padding:0px 0px 0 0;}
	.subtittel	{font-size: 1.2em;font-weight: bold; color:#48A9EA;margin-left: 5px;}
	
	#ArtDetView {
		padding:5px 0px 5px 5px;
	}
	
	span.subtittel {color: #bbb;}

	
	.subtittelform  {font-size: 1.0em;font-weight: bold; color:#48A9EA;}
	.bluelink       {font-size: 1.0em;font-weight: bold; color:#48A9EA;}
	.border		{border: 1px solid #ccc; margin:0 10px 0 0; font-size: 0.8em; }
	.sok		{border: 2px ridge #ccc; width:90%; margin:5px; padding:5px; font-size: 1.2em; background: #f9f9f9; }
	.felt		{border: 2px ridge #ccc; width:100%; margin:10px; font-size: 1.2em; background: #fff; }
	#kurs		{background: #FFFFFF; padding:2px;}
	#kurslistetopp	{border: 1px solid #6e9b04; background: #f9f9f9; padding:5px;margin:5px;width: 677px;}	
	#viskurs	{text-align:left; padding-left:6px;}
	#kursforside {float:left; width: 705px;}
	#kurstid	{border: 1px solid #ddd; background: #f9f9f9; padding:5px;}
	#kurstid td {padding-top: 4px;}
    #kurslistef	{padding-left:5px; float: left;}	
	#pamelding	{margin:10px; width:200px;}
	#right			{margin: 0px; width: 255px;float:right;/*background: #F5F5F5;*/ padding:5px; vertical-align: top;}
	#right_tittel	{font-size: 1.2em;font-weight: bold; padding:20px; border: 1px solid #ccc}
	#preface {margin-left: 5px;margin-right: 5px;font-size: 1.1em;}
	#preface strong { display:block; font-size: 1.2em; background: #fff; color: #48A9EA; padding-top: 3px; padding-bottom: 0px; padding-left: 0px; margin-top: 10px; margin-bottom: 0px;}
	#preface p {margin-bottom: 10px; }
	#infohead { line-height: 12px; }
	#infohead .title {/*background: #dddddd;*/}
	#footer 	{ margin: 0 auto; text-align:center; /*width: 660px;*/ border-top:1px solid #ccc; margin:10px 0 0 0;background: #F2F2F2;}
	#foot 	{font-size: 0.8em;line-height: 1.4em;font-weight: bold;}
	.standard {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding-bottom: 10px;}
	

#topMenuHorisontal
{
background: #ccc;
height: 22px;
padding-top: 3px;
padding-left: 10px;
}

#head
{
height: 130px;
/*border: 1px solid black;*/
}

table.kursliste {
	border-spacing:1px;
	background-color:#E7E7E7;
	margin: 6px 0px 20px 0px;
}

table.kursliste td	{	padding: 0px 0px 0px 3px;font-size: 0.8em;font-weight: bold;}
table.kursliste th	{	padding: 4px 0px 4px 6px;font-size: 0.8em;font-weight: bold;}
table.kursliste thead th {	text-align: left;	background: #9ab800;	color: #fff;	text-transform:uppercase;}
table.kursliste tbody tr		{	background-color:#FFF; 	text-align:left;	}
table.kursliste thead th img
{
display: none;
}

table.kursliste tbody th a:link, tbody th a:visited,table.kursliste td a:link, table.kursliste td a:visited{
	color:#48A9EA;
	padding:2px 0px 0px 0px;
	text-decoration: none;
	font-size: 1.2em;
	}

table.kursliste TBODY TH
{
text-align: left;	
}	
	
table.kursliste tbody th a:hover,table.kursliste td a:hover{
	color:#9ab800;
	}
table.kursliste td a:link{
	color:#48A9EA/*#9ab800*/;
	padding:2px 0px 0px 0px;
	text-decoration: none;
	font-size: 1.2em;
	}
table.kursliste td a:hover{
	text-decoration: underline;
	}

/* TAB grensesnitt */

@import "css/flora.css";
.ui-tabs-panel {
    border: 1px solid #000099;
}
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */

@media print { 
.ui-tabs-nav {display: none;}
	/*#head {width: 500px; background:url(images/top3.jpg) 0 0 no-repeat;}*/
}

/* Skin */

#topnnktabs .ui-tabs-nav, #topnnktabs .ui-tabs-panel {
font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
width: 675px;	
}

#nnktabs .ui-tabs-nav, #nnktabs .ui-tabs-panel {
font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
width: 665px;	
}

#nnktabs .ui-tabs-panel {
    border: 1px solid #519e2d;
    padding: 2px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}

#topnnktabs .ui-tabs-panel {
    border: 1px solid #519e2d;
    padding: 6px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}

.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 3px;
}

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 2px;
    font-weight: bold;
}

.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 10px;
    background: url(images/tabs4.png) no-repeat;
}

#topnnktabs ul .ui-tabs-nav a, #topnnktabs ul .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px;
    background: url(images/tabs1.png) no-repeat;
}

.ui-tabs-nav a {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}

.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
}

.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    background-position: 100% -23px;
}

.ui-tabs-nav a span {
    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;
}

.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 27px;
    background-position: 0 -23px;
    line-height: 27px;
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;

	}

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}

.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}

/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}

*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

#nnktabs
{
width: 630px;
font-family: verdana;
font-size: 10px;
font-weight: normal;
min-height: 400px;
}

#topnnktabs
{
margin: 5px; 
width: 640px;
font-family: verdana;
font-size: 10px;
font-weight: normal;
}


input.felt
{
width: 290px;
margin: 0;
padding: 0;
}

#web123personalpage, #ContactFrmWrapper
{
margin: 20px;
padding: 5px;
border: 1px solid #6e9b04;
}

#web123personalpagestart
{
margin: 20px;
padding: 5px;
border: 1px solid #6e9b04;
}

#web123personalpage a, #web123personalpagestart a, #nnkregform a, #right a, .intro a, #nnkregform
{
color: #48A9EA;
}