/*

Made by Audun Svisdal
AtiCon Data DA 2009

*/

a:link {
	color: Black;
	font: italic 8pt/8pt Verdana;
}

a:visited {
	color: Black;
	font: italic 8pt/8pt Verdana;
}
a:hover {

	color: Blue;
	font: italic 8pt/8pt Verdana;
}

body {

	/*background-color: #3788e4;
	*/
	background-color: black;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	margin: auto;
	background-repeat: repeat-x;
	background-image: url(images/back.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;
	

}

#container {

	margin: auto;
	width: 1024px;
	background-repeat: repeat-x;
	background-image: url(images/backdesign.jpg);
	background-color: black;

}

#content_top {
	width: 1024px;
	height: 20px;
	background-repeat: repeat-y;
	background-image: url(images/innhold_top_trans.png);
}
#content {
	width: 1024px;
	color: #6b6b6b;
	background-repeat: repeat-y;
	background-image: url(images/innhold_bg_trans.png);
}    
#content_bunn {
	width: 1024px;
	height: 47px;
	background-repeat: repeat-y;
	background-image: url(images/innhold_bunn_trans.png);
}       

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

#clear {

	clear:both;

}
.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%;
	margin: auto;


}
/*
.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;
	color: white;
}

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

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


.imageframe {

	border-left: black 1px solid;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-bottom: black 1px solid;
}
/* til bilder */
div.frontimages {
	padding: 2px 2px 2px 0px;
	font: normal 10pt/10pt Verdana, Arial, Helvetica;
	color: white;
}
.shakeimage{
position:relative;
text-decoration: none;
}


div.frontimages a{
	text-decoration: none;
}
/* til bilder slutt */


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: 1024px;

	/*text-align: center;*/
	
	height: 158px;

	/*background-image: url(images/topplogo-jul.jpg);*/

	margin-top: 0px;

}

#topp {

	display:block;

}

#toppmenu {

	width: 1024px;

	height: 74px;

	background-repeat: repeat-x;

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

}

#toppmenu2 {
/*
	width: 1024px;

	height: 22px;

	background-repeat: repeat-x;

	background-image: url(images/content2.png);
*/
}



html>body #menu a{

	width: auto;

	font: normal 14pt/16pt Verdana;

	color: white;

	text-decoration: none;	

}



div#menu {
	width: 1016px;
	height: 74px;
	background-repeat: repeat-x;
	background-image: url(images/meny_trans.png);
	padding-left: 15px;
	padding-top: 6px;
	
}
div#menu_element {
	height: 20px;
	margin-top: 15px;
	position: absolute;
	float: right;
}

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


div#menu a{	


	height: 74px;
	font: normal 14pt/16pt Verdana;

	color: white;

	text-decoration: none;
	
}

div#menu a:visited{

	height: 74px;

	font: normal 14pt/16pt Verdana;

	color: white;

	text-decoration: none;
	
}



div#menu a:hover{

	width: 300px;
	height: 30px;

	color: red;

	padding-bottom: 0px;

	text-decoration: none;
	

	/*filter:alpha(opacity=50);

	-moz-opacity: 0.5;

	opacity: 0.2;
*/
	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_top_menu {
	height: 8px;
	margin-right: 38px;
	float: right;
}

.admin {
	padding: 0px 4px 0px 4px;
	
}

#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: gray;

	text-decoration: none;

}

.adminmeny2:link{

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

	color: white;

	text-decoration: none;

}

.adminmeny2:visited {

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

	color: white;

	text-decoration: none;

}

.adminmeny2:hover   {

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

	color: black;

	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 */

/*shopadmin*/
#leftmenu li{
	margin-left: -15px;
}

img #rattle1{
	color: red;
}