/*

Made by Ottar Pettersen
AtiCon Data DA 2009

*/


body {

	/*background-color: #3788e4;
	*/
	background-color: #000000;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	margin: auto;
	background-repeat: repeat-x;
	background-image: url(images/bg.jpg);
	

}



/* Logginn poppup */

td.top {

  background-color: #000000;

  text-align: right;

 }



td.bottom {

  background-color: #ffffff;

  padding: 2px; 

 }

/* Logginn poppup */



/*Bildemeny*/

* html a:hover

{

visibility:visible;

}



.cssnav a

{

display: block;

color: #000000;

font-size: 11px;

display: block;

float: left;

margin: 0 0 0 5px;

color: black;

text-decoration: none;

}



.cssnav img

{

border: 0

}



.cssnav a:hover img

{

visibility:visible;

/*filter:alpha(opacity=70);

-moz-opacity: 0.7;
*/
opacity: 0.7;

}



.cssnav span

{

	position: absolute;
	cursor: pointer;

} 

/*Ytre ramme*/



#main {

	margin: auto;
	background-repeat: repeat-x;
	background-image: url(images/Tapet.jpg);
	background-color: #6d6d6d;

}

#container {

	margin: auto;
	width: 1024px;
	background-color: #DEDBDE;
	
}

#content {

	width: 1024px;
	color: #6b6b6b;
	background-repeat: repeat-y;
	background-image: url(images/contentback.png);
}               

#maincontent {
	color: black;
	text-align: left;
	font: normal 10pt/14pt Verdana, Arial, Helvetica;
	width: 990px;
	float: left;
	padding-left: 20px;
	
}

#clear {

	clear:both;
}
.footer {
/*
	text-align: center;
	background-repeat: no-repeat;
	background-image: url(images/foot.png);
	height: 43px;
	font: normal 12pt/12pt Verdana, Arial, Helvetica;
*/	
	color: Black;
	width: 100%;
	height: 42px; 
	margin: auto;
	background-image: url(images/bunn.jpg);
	background-repeat: repeat-x;

}
/*
.footer a{

	color: black;

	font: normal 12pt/12pt Verdana, Arial, Helvetica;

	text-decoration: none;
	

}

.footer a:visited{

	color: black;

	font: normal 12pt/12pt Verdana, Arial, Helvetica;

	text-decoration: none;

}

.footer a:hover{

	color: #ee6225;

	font: normal 12pt/12pt Verdana, Arial, Helvetica;

	text-decoration: none;

}
*/

#footer-image {

	background-repeat: no-repeat;
	background-image: url(images/foot.png);
	height: 43px;

}

#footer-text {
	text-align: center;
	font: normal 12pt/12pt Verdana, Arial, Helvetica;
	padding-top: 20px;
	color: black;
}

#footer-text a {
	font: normal 12pt/12pt Verdana, Arial, Helvetica;
	color: black;
}

#footer-text a:hover {
	font: normal 12pt/12pt Verdana, Arial, Helvetica;
	color: royalblue;
}
#footer-text a:visited {
	font: normal 12pt/12pt Verdana, Arial, Helvetica;
	color: black;
}


div.imageframe {

	border-left: black 1px solid;

	border-right: black 1px solid;

	border-top: black 1px solid;

	border-bottom: black 1px solid;

	padding: 0px;

	margin: 0px;

	width: 200px;

	background-color: Black;

	text-align: center;

	font: italic 10pt/14pt Verdana, Arial, Helvetica;

	color: White;

}



div.center {

	width: 100%;

	margin: auto;

	text-align: center;

	height: auto;

	font: normal 10pt/14pt Verdana, Arial, Helvetica;

	color: Black;

}



/* Ytre ramme slutt */







/*Topp start*/



#topplogo {

	width: 1000px;
	text-align: center;
	height: 283px;
	/*background-repeat: none;
	background-image: url(images/topplogo-jul.jpg);*/
	background-image: url(images/toppF.jpg);
	margin-top: 0px;
	margin-left: 12px;
}

#topp {

	display:block;

}

#toppmenu {

	width: 1024px;
	height: 160px;
	background-repeat: repeat-x;
	background-image: url(images/menu.png);
}

#toppmenu2 {

	width: 1024px;
	height: 22px;
	background-repeat: repeat-x;
	background-image: url(images/content2.png);
}

#menu-place {
float: left;
margin-top: 240px;
position: relative;

}

html>body #menu a{

	width: auto;
	font: normal 14pt/16pt Verdana;
	color: white;
	text-decoration: none;	

}



div#menu {
	height: 29px;
	position: relative;
}

div#menu img{
	
	margin-left: 100px;
	margin-top: 15px;
	
}

div#menu a{	

	height: 29px;	
	font: normal 14pt/16pt Verdana;
	color: white;
	text-decoration: none;
	position: relative;

}

div#menu a:visited{

	height: 29px;

	font: normal 14pt/16pt Verdana;

	color: white;

	text-decoration: none;
	position: relative;

}



div#menu a:hover{

	width: 300px;

	background-color:  #DEDBDE;

	color: black;
	
	height: 29px;

	padding-bottom: 22px;

	text-decoration: none;

	/*filter:alpha(opacity=50);

	-moz-opacity: 0.5;

	opacity: 0.5;*/

	position: relative;

}

/*Spesielt for ovest- framside */

html>body #menu a{

	width: auto;

	font: normal 14pt/16pt Verdana;

	color: white;

	text-decoration: none;	

}



div#menu-frontpage {
	text-align: center;
	height: 29px;

}

div#menu-frontpage img{
	text-align: center;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 15px;
	
}


div#menu-frontpage a{	

	height: 29px;	

	font: normal 14pt/16pt Verdana;

	color: white;

	text-decoration: none;

}

div#menu-frontpage a:visited{

	height: 29px;

	font: normal 14pt/16pt Verdana;

	color: white;

	text-decoration: none;

}



div#menu-frontpage a:hover{

	/*width: 300px;*/

	background-color: white;

	color: #5a2004;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;

	text-decoration: none;

	/*filter:alpha(opacity=50);*/

	opacity: 0.5;

	position: relative;

}

/*Spesielt for ovest slutt*/

/*Topmeny slutt*/

h3.menu_header {

	font-family: Georgia,"Times New Roman",Times,serif;

	font-weight: normal;

	font-size: 18px;

	color: #8d9055;

	line-height: 18px;

	margin-top: 5px;

	margin-right: 0pt;

	margin-bottom: 5px;

	margin-left: 0pt;

}





/* Elementer */

div.quote {

	padding-left: 10px;

	margin: auto;

	height: 43px;

	font: italic bold 10pt/12pt Verdana;

}



/* Elementer slutt*/



/*Admin start*/

table {
	margin: 2px 2px 2px 2px;
}
.admin {
	padding: 0px 12px 4px 2px;
	
}

.nyttnavn:hover{
	cursor: pointer;
	color: #69aeb9;
	text-decoration: underline;
}
#admin {

	/*margin:0 0 0 590px;*/

	position: absolute;

	float: right;

	width: 180px;

	height: 60px;

	background-color: White;

	text-align: center;

	font: normal 8pt/10pt Verdana;

	color: black;

}

.adminmeny:link{

	font: bold 8pt/8pt Arial, Verdana;

	color: black;

	text-decoration: none;

}

.adminmeny:visited {

	font: bold 8pt/8pt Arial, Verdana;

	color: black;

	text-decoration: none;

}

.adminmeny:hover   {

	font: bold 8pt/8pt Arial, Verdana;

	color: #69aeb9;

	text-decoration: none;

}

.adminmeny2:link{

	font: bold 8pt/8pt Arial, Verdana;

	color: gray;

	text-decoration: none;

}

.adminmeny2:visited {

	font: bold 8pt/8pt Arial, Verdana;

	color: gray;

	text-decoration: none;

}

.adminmeny2:hover   {

	font: bold 8pt/8pt Arial, Verdana;

	color: #69aeb9;

	text-decoration: none;

}

/* Admin hovers */

.admin_place img:hover{

	border-left: black 1px solid; 

	border-right: black 1px solid;  

	border-top: black 1px solid; 

	border-bottom: black 1px solid;

	cursor: pointer;

}

.admin_menushow img:hover{

	border-left: black 1px solid; 

	border-right: black 1px solid;  

	border-top: black 1px solid; 

	border-bottom: black 1px solid;

	cursor: pointer;

}

.admin_delete div:hover{	

	background-color: gray;

	cursor: pointer;

}

.admin_edit div:hover{

	background-color: gray;

	cursor: pointer;	

}

#hendelse {

	font: bold 8pt/8pt Arial, Verdana;

	color: Black;

	background-color: Gray;

}

/* Admin slutt */ 



/* AtiCon */

/* AtiCon */

#aticon {

	color: white;

}

.aticon:link{

	font: normal 8pt/8pt Arial, Verdana;

	color: white;

	text-decoration: none;

}

.aticon:visited {

	font: normal 8pt/8pt Arial, Verdana;

	color: white;

	text-decoration: none;

}

.aticon:hover   {

	font: normal 8pt/8pt Arial, Verdana;

	color: red;

	text-decoration: none;

}

/* BOOKINGSYSTEMET */




div#leftmenu a{

	display: block;

	font-size: 10px;

	font-weight: bold;

	color: #8d9055;

	font-family: Arial,Helvetica,sans-serif;

	text-transform: uppercase;

	text-align: left;

	height: 21px;

	line-height: 21px;

	text-indent: 14px;

	width: 156px;

	background-image: url(images/menu_bg.png);

	background-position: left center;

	background-repeat: no-repeat;

	

}

div#leftmenu a:visited{

	display: block;

	font-size: 10px;

	font-weight: bold;

	color: #8d9055;

	font-family: Arial,Helvetica,sans-serif;

	text-transform: uppercase;

	text-align: left;

	height: 21px;

	line-height: 21px;

	text-indent: 14px;

	width: 156px;

	background-image: url(images/menu_bg.png);

	background-position: left center;

	background-repeat: no-repeat;

}

div#leftmenu a:hover{

	display: block;

	font-size: 10px;

	font-weight: bold;

	color: #606239;

	font-family: Arial,Helvetica,sans-serif;

	text-transform: uppercase;

	text-align: left;

	height: 21px;

	line-height: 21px;

	text-indent: 14px;

	width: 156px;

	background-image: url(images/menu_bg_over.png);

	background-position: left center;

	background-repeat: no-repeat;

}

div#leftmenu hr {

	color: #f0f0f0;

}
.info {

	color: green;
	font: bold 10pt/10pt Verdana, Arial, Helvetica;

}

.error {

	color: red;

	font: bold 10pt/10pt Verdana, Arial, Helvetica;

}

#info {

	color: green;
	font: bold 10pt/10pt Verdana, Arial, Helvetica;

}

#error {

	color: red;

	font: bold 10pt/10pt Verdana, Arial, Helvetica;

}

/* Kurs start */

#course-table {
	margin-left: 20px;
	margin-bottom: 20px;
}

#course-table a{

	font: normal 12pt/12pt Arial, Verdana;
	color: black;

}

#course-text {
	margin-left: 20px;
}

.cource_menu 

{

width: 270px;

padding-left: 5px;

float: left;

}
.cource_index 

{

padding-left: 2px;

float: left;

width: 400px;

}

#cource_menu 

{

width: 270px;

padding-left: 5px;

float: left;

}
#cource_index 

{

padding-left: 2px;

float: left;

width: 400px;

}

div#leftmenu a{
	display: block;
	font-size: 10px;
	font-weight: bold;
	color: #8d9055;
	font-family: Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	text-align: left;
	height: 21px;
	line-height: 21px;
	text-indent: 14px;
	width: 156px;
	background-image: url(images/menu_bg.png);
	background-position: left center;
	background-repeat: no-repeat;
	
}
div#leftmenu a:visited{
	display: block;
	font-size: 10px;
	font-weight: bold;
	color: #8d9055;
	font-family: Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	text-align: left;
	height: 21px;
	line-height: 21px;
	text-indent: 14px;
	width: 156px;
	background-image: url(images/menu_bg.png);
	background-position: left center;
	background-repeat: no-repeat;
}
div#leftmenu a:hover{
	display: block;
	font-size: 10px;
	font-weight: bold;
	color: #606239;
	font-family: Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	text-align: left;
	height: 21px;
	line-height: 21px;
	text-indent: 14px;
	width: 156px;
	background-image: url(images/menu_bg_over.png);
	background-position: left center;
	background-repeat: no-repeat;
}
div#leftmenu hr {
	color: #f0f0f0;
}
/* KURS */
a.cource_menu:link{
	font: normal 10pt/10pt Arial, Verdana;
	color: rgb(0, 51, 102);
	text-decoration: underline;
	line-height: 21px;
	text-indent: 14px;
}
a.cource_menu:visited {
	font: normal 10pt/10pt  Arial, Verdana;
	color: rgb(0, 51, 102);
	text-decoration: underline;
	line-height: 21px;
	text-indent: 14px;
}
a.cource_menu:hover   {
	font: normal 10pt/10pt  Arial, Verdana;
	color: black;
	text-decoration: none;
	line-height: 21px;
	text-indent: 14px;
}

div#cource_menu {
	width: 270px;
	padding-left: 5px;
	float: left;
}

div#cource_index {
	padding-left: 2px;
	float: left;
	width: 400px;
}
#path {
	color: black;
	font: normal 8pt/8pt Verdana, Arial, Helvetica;
	padding-left: 2px;
}
#pdf {
	color: black;
	float: right;
}
.pdf:link{
	font: normal 10pt/10pt Arial, Verdana;
	color: Black;
	text-decoration: none;
}
.pdf:visited {
	font: normal 10pt/10pt Arial, Verdana;
	color: Black;
	text-decoration: none;
}
.pdf:hover   {
	font: normal 10pt/10pt Arial, Verdana;
	color: Blue;
	text-decoration: none;
}
/*
#info {
	color: green;
	font: bold 10pt/10pt Verdana, Arial, Helvetica;
}
#error {
	color: red;
	font: bold 10pt/10pt Verdana, Arial, Helvetica;
}
*/
.info {
	color: green;
	font: bold 10pt/10pt Verdana, Arial, Helvetica;
}
.error {
	color: red;
	font: bold 10pt/10pt Verdana, Arial, Helvetica;
}
#oilcomp {
	float: right;
}

/* Kurs slutt */
/* BOOKINGSYSTEMET SLUTT */