/* FIXED CSS STYLES */

html, body {
/*	background-color: white;*/
	color: black;
	height: 100%;
	min-height: 900px;
	width:auto;
	margin: 0;
	padding: 0;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 10pt;
}
h1 {
	font-size: 1.13em;
	font-family:"Arial Black";
	font-weight:bolder;
	color: #017DBD;
}
h2 {
	text-decoration: none;
	color: #017DBD;
	font-family:Arial;
	font-size:0.8em;
	font-style:normal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align: left;
}
h2 a:link {
	text-decoration: none;
}
h3 {
	text-decoration: none;
	color: #161616;
	font-family:Arial;
	font-size:12px;
	font-style:normal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align: left;
}
h3 a:link {
	text-decoration: none;
}

/* CLASS TEXT STYLES */

.header {
font-size: 1.8em;
font-family:"Arial Black";
font-weight:bolder;
color: #000;
}

.headermedium {
font-size: 1.3em;
font-family:"Arial Black";
font-weight:bolder;
color: #000;
}
.headersmall {
font-size: 1.0em;
font-family:"Arial Black";
font-weight:bolder;
color: #000;
}

.bread {
font-size: 1.0em;
font-family:"Arial";
font-weight:normal;
color: #000;
}

.breadred {
font-size: 1.0em;
font-family:"Arial";
font-weight:normal;
color: #ff0000;
}
.breadboldred {
font-size: 1.6em;
font-family:"Arial";
font-weight:bolder;
color: #ff0000;
}
.breadbold {
font-size: 1.0em;
font-family:"Arial";
font-weight:bolder;
color: #000;
}
.topbold {
font-size: 0.9em;
font-family:"Arial Black";
font-weight:bold;
color: #000;
}

/* TABLE SCROLL STYLES */

#tbl { 
position: absolute;
top: 185px;
left: 238px;
overflow-y: auto; 
width: 765px;
height:560px;
}



/* CLASS STYLES */

.preload{
display: none;
}

 .scrollcontent {
overflow: scroll;
overflow-x: hidden;
height: 580px;
}
.main {
	position: relative;
	border-collapse: collapse;
/*	background-color:#FFF;*/
	margin: 0;
	padding: 0;
	height: 819px;
	min-height: 600px;
	width:999px;
	border-color: #000;
	border-style: solid;
	border-width: 1px;
	overflow: hidden;
	z-index: 1;
}

#main{
	background-image: url(../images/bg.png);
	height: 999px;
	width: 1000px;
	background-repeat: no-repeat;
	-webkit-background-size: contain; /*for webKit*/
	-moz-background-size: cover; /*Mozilla*/ 
	-o-background-size: cover; /*opera*/         	
	background-size: contain;
	z-index:1;
}

#mainomor{
	background-image: url(../images/omor1000x800.png);
	height: 999px;
	width: 1000px;
	background-repeat: no-repeat;
	-webkit-background-size: contain; /*for webKit*/
	-moz-background-size: cover; /*Mozilla*/ 
	-o-background-size: cover; /*opera*/         	
	background-size: contain;
	z-index:2;
}
#mainaftale{
	background-image: url(../images/aftale1000x800.png);
	height: 999px;
	width: 1000px;
	background-repeat: no-repeat;
	-webkit-background-size: contain; /*for webKit*/
	-moz-background-size: cover; /*Mozilla*/ 
	-o-background-size: cover; /*opera*/         	
	background-size: contain;
	z-index:2;
}

#mainannonce{
	background-image: url(../images/bestilling1000x800.png);
	height: 999px;
	width: 1000px;
	background-repeat: no-repeat;
	-webkit-background-size: contain; /*for webKit*/
	-moz-background-size: cover; /*Mozilla*/ 
	-o-background-size: cover; /*opera*/         	
	background-size: contain;
	z-index:2;
}
#mainkontakt{
	background-image: url(../images/bestilling1000x800.png);
	height: 999px;
	width: 1000px;
	background-repeat: no-repeat;
	-webkit-background-size: contain; /*for webKit*/
	-moz-background-size: cover; /*Mozilla*/ 
	-o-background-size: cover; /*opera*/         	
	background-size: contain;
	z-index:2;
}

#mainfolder{
	background-image: url(../images/bestilling1000x800.png);
	height: 999px;
	width: 1000px;
	background-repeat: no-repeat;
	-webkit-background-size: contain; /*for webKit*/
	-moz-background-size: cover; /*Mozilla*/ 
	-o-background-size: cover; /*opera*/         	
	background-size: contain;
	z-index:2;
}

#mainbestilling{
	background-image: url(../images/bestilling1000x800.png);
	height: 999px;
	width: 1000px;
	background-repeat: no-repeat;
	-webkit-background-size: contain; /*for webKit*/
	-moz-background-size: cover; /*Mozilla*/ 
	-o-background-size: cover; /*opera*/         	
	background-size: contain;
	z-index:2;
}
#mainformaal{
	background-image: url(../images/omor1000x800.png);
	height: 999px;
	width: 1000px;
	background-repeat: no-repeat;
	-webkit-background-size: contain; /*for webKit*/
	-moz-background-size: cover; /*Mozilla*/ 
	-o-background-size: cover; /*opera*/         	
	background-size: contain;
	z-index:2;
}
#mainloven{
	background-image: url(../images/omor1000x800.png);
	height: 999px;
	width: 1000px;
	background-repeat: no-repeat;
	-webkit-background-size: contain; /*for webKit*/
	-moz-background-size: cover; /*Mozilla*/ 
	-o-background-size: cover; /*opera*/         	
	background-size: contain;
	z-index:2;
}
#mainfind{
	background-image: url(../images/find1000x800.png);
	height: 999px;
	width: 1000px;
	background-repeat: no-repeat;
	-webkit-background-size: contain; /*for webKit*/
	-moz-background-size: cover; /*Mozilla*/ 
	-o-background-size: cover; /*opera*/         	
	background-size: contain;
	z-index:2;
}

#mainlinks{
	background-image: url(../images/links1000x800.png);
	height: 999px;
	width: 1000px;
	background-repeat: no-repeat;
	-webkit-background-size: contain; /*for webKit*/
	-moz-background-size: cover; /*Mozilla*/ 
	-o-background-size: cover; /*opera*/         	
	background-size: contain;
	z-index:2;
}
.logo {
	position: absolute;
	top: 20px;
	left: 10px;
	background-image: url(../images/orlogo220x65.png);
	height: 65px;
	width: 220px;
	cursor: pointer;
	background-repeat: no-repeat;
	-webkit-background-size: contain; /*for webKit*/
	-moz-background-size: cover; /*Mozilla*/ 
	-o-background-size: cover; /*opera*/         	
	background-size: cover;
	z-index: 100;
}
.logoforside {
	position: absolute;
	top: 20px;
	left: 15px;
	background-image: url(../images/orlogolightgrey.png);
	height: 65px;
	width: 220px;
	background-repeat: no-repeat;
	-webkit-background-size: contain; /*for webKit*/
	-moz-background-size: cover; /*Mozilla*/ 
	-o-background-size: cover; /*opera*/         	
	background-size: cover;
	z-index: 2;
}
.annonce {
	position: absolute;
	top: 590px;
	left: 500px;
	border:0;
	margin: 0;
	padding: 0;
	height: 60px;
	overflow: visible;
	width: 34%;
	font-size: 1.8em;
	font-family:"Arial Black";
	font-weight:bolder;
	text-align: left;
	color: black;
	z-index: 3;
}
.cookie {
	position: absolute;
	top: 160px;
	left: 10px;
	border:0;
	margin: 0;
	padding: 0;
	height: 60px;
	overflow: visible;
	width: 100%;
	font-size: 1em;
	font-family:"Arial Black";
	font-weight:bolder;
	text-align: left;
	color: black;
	z-index: 3;
}
.velkommen {
	position: absolute;
	top: 220px;
	left: 10px;
	border:0;
	margin: 0;
	padding: 0;
	height: 60px;
	overflow: visible;
	width: 100%;
	font-size: 1.6em;
	font-family:"Arial Black";
	font-weight:bolder;
	text-align: left;
	color: black;
	z-index: 3;
}
.overskrift {
	position: absolute;
	top: 150px;
	left: 282px;
	border:0;
	margin: 0;
	padding: 0;
	height: 60px;
	overflow: visible;
	width: 50%;
	font-size: 2.0em;
	font-family:"Arial Black";
	font-weight:400;
	text-align: left;
	color: black;
}
.overskriftbestil{
	position: absolute;
	top: 150px;
	left: 277px;
	border:0;
	margin: 0;
	padding: 0;
	height: 60px;
	overflow: visible;
	width: 50%;
	font-size: 2.0em;
	font-family:"Arial Black";
	font-weight:400;
	text-align: left;
	color: black;
}
.overskriftfind1 {
	position: absolute;
	top: 155px;
	left: 276px;
	border:0;
	margin: 0;
	padding: 0;
	height: 60px;
	overflow: visible;
	width: 50%;
	font-size: 2.0em;
	font-family:"Arial Black";
	font-weight:400;
	text-align: left;
	color: black;
}
.overskriftfind2 {
	position: absolute;
	top: 152px;
	left: 254px;
	border:0;
	margin: 0;
	padding: 0;
	height: 60px;
	overflow: visible;
	width: 50%;
	font-size: 2.0em;
	font-family:"Arial Black";
	font-weight:400;
	text-align: left;
	color: black;
}
.midt{
}
.bund {
	position: absolute;
	top: 770px;
	left: 0;
	border:0;
	margin: 0;
	padding: 0;
	background-color: white;
	height: 100px;
	overflow: visible;
	width: 100%;
	font-size: 1em;
	font-family:"Arial";
	font-weight:200;
	text-align: center;
	color: black;
	z-index: 10;
}
.tdforside{
	background-image: url(../images/forside.png);
	height: 999px;
	width: 1000px;
	background-repeat: no-repeat;
	-webkit-background-size: contain; /*for webKit*/
	-moz-background-size: cover; /*Mozilla*/ 
	-o-background-size: cover; /*opera*/         	
	background-size: contain;
}

.tdaftale {
}
.tdomor2 {
}
.tdbestil {
}
.tdlinks {
}
.tdfind {
}
.vis {
	position: absolute;
	top: 300px;
	left: 325px;
}
.sealle{
position: absolute;
top: 201px;
left: 725px;
}


td.menusoeg {
white-space: nowrap;
font-size:0.6em; 
/*padding:1px 1px;*/
text-align:left;
/*display:block;*/
}

.shadow {  
/*width: 100px;*/  
margin:1px 1px 1px;  
padding: 1px 5px;  
-webkit-border-radius: 1px;  
-moz-border-radius: 1px;  
border-radius: 1px;  
border: 1px solid #cfcfcf;  
-webkit-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);  
-moz-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);  
box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);  
}  

.shadow:focus {  
outline:0;  
border:1px solid #95D2DF;  
-webkit-box-shadow: 0 0 5px 4px rgba(36,184,194, 0.10);  
-moz-box-shadow: 0 0 5px 4px rgba(36,184,194, 0.10);  
box-shadow: 0 0 5px 4px rgba(36,184,194, 0.10);  
} 


/* MAIN NAV MENU STYLES */
#mainmenu {
	position: absolute;
	left:720px;
	top: 300px;
	height: auto;
	width:100px;
	margin: 0;
	padding: 0;
	overflow: visible;
/*	color:#000;*/
}
* {
  margin: 0px;
  padding: 0px;
}
.menu-item {
/*	background: #909090;*/
	text-align: left;
	width: 280px; /* bredde på undermenu display  */
}

/*Menu Header Styles*/
.menu-item span {
	padding: 0px 18px;
	display: block;
/*	border-bottom: 2px solid rgba(0,0,0,0.3);*/
/*	border-top: 1px solid rgba(255,255,255,0.2);*/
	height: 40px;
	width: 270px;
	font-size: 1.2em;
	font-weight: 500;
	z-index: 20;
 
  /*Gradient*/
/*  background: #909090;*/ /* Old browsers */
}

.menu-item span:hover {  
/*  background: #686868;*/ /* Old browsers */
}

.menu-item span a {
	padding-left: 25px;
	background-image: url(../images/menulogo20x15.png);
	background-repeat: no-repeat;
	background-position: 0 .10em;
	background-size: 20px 15px;
	font-family: Arial;
	width: 200px;
	text-decoration: none;
	color:#000000;
	color: #000;
	text-align: left;
}
.menu-item:hover span a {
	padding-left: 25px;
	background-image: url(../images/menulogo20x15.png);
	background-repeat: no-repeat;
	background-position: 0 .10em;
	background-size: 20px 15px;
	font-family: Arial;
	padding-left: 25px;
	width: 400px;
	text-decoration: none;
	color: #c00;
	text-align: left;
}
/*ul Styles*/
.menu-item ul {
 	text-align: left;
	font-family: Arial;
	font-size: 1em;
	font-weight: 200;
	color: #000;
	line-height: 30px;
	height: 0px;
	list-style-type: none;
	overflow: hidden;
	padding: 0px;	  
}

.menu-item:hover ul#two {
  height: 62px; 
  width:280px;
}

.menu-item:hover ul#tree {
  height: 92px;
  width: 280px;
}
.menu-item:hover ul#four {
  height: 124px;
  width: 280px;
}
.menu-item:hover ul#five {
  height: 155px;
  width: 280px;
}
.menu-item ul a {
  margin-left: 30px;
  text-decoration: none;
  color: #fff;
  display: block;
  width: 300px;
}

/*li Styles*/
.menu-item li {
  border-bottom: 1px solid #eee;
}
.menu-item li:hover {
  background: #686868;
}
#mainNav {
	position: absolute;
	left:220px;
	top: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 90%;
	float: left;
	height: 0;
	z-index: 1;
}



/* TOP NAV MENU STYLES */
#topNav {
	position: absolute;
	left:260px;
	top: 22px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	float: left;
	height: 0;
	z-index: 100;
}
/* TOP */
#topnav{
	position: relative;
	width: 100%;
	font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 12px;
	line-height: 1.5;
	text-align: left;
	text-decoration: none;
	list-style: none;
	margin: 0;
}

#topnav li{
	float: left;
	position: relative;
	background-image: url(../images/topmenunorm.png);
/*	background-size: 50% 50%;*/
	background-repeat: no-repeat;
	background-position: left center;
/*	padding: 0.04em 25px; */

}

#topnav a{
	float: left;
	height: 25px;
	padding: 0 25px;
	color: #000;
/*	text-transform: uppercase;*/
	font: bold 11px/25px Arial, Helvetica;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
}

#topnav li:hover > a{
	background-image: url(../images/topmenunormhover.png);
/*	background-size: 50% 50%;*/
	background-repeat: no-repeat;
	background-position: left center;
/*	padding: 0.04em 25px;*/
}

*html #topnav li a:hover{ /* IE6 */
	color: #dedede;
}

#topnav li:hover > ul{
	display: block;
}

/* Sub-menu */

#topnav ul{
    list-style: none;
    margin: 0;
    display: none;
    position: absolute;
    top: 25px;
    left: 0;
    z-index: 99999;    
    background: #e0e0e0;
}
#topnav ul.size0{
    width: 148px;
}
#topnav ul.size1{
    width: 142px;
}

#topnav ul.size2{
    width: 305px;
}

#topnav ul li{
    float: none;
    margin: 0;
    padding: 0;
    display: block;  
    background: #e0e0e0;
}
#topnav ul.size0 li{
    width: 148px;
}
#topnav ul.size1 li{
    width: 142px;
}
#topnav ul.size2 li{
    width: 305px;
}

#topnav ul li:last-child{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
}

#topnav ul a{    
    padding: 5px;
    margin: auto;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
    z-index:200;
}

*html #topnav ul a{ /* IE6 */   
	height: 10px;
	width: 137px;
}



#topnav ul a:hover{
        background: #909090;
	background: -moz-linear-gradient(#04acec,  #0186ba);	
	background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
	background: -webkit-linear-gradient(#04acec,  #0186ba);
	background: -o-linear-gradient(#04acec,  #0186ba);
	background: -ms-linear-gradient(#04acec,  #0186ba);
	background: linear-gradient(#04acec,  #0186ba);
}

#topnav ul li:first-child a{
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#topnav ul li:first-child a:after{
    content: '';
    position: absolute;
    left: 50px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#topnav ul li:first-child a:hover:after{
    border-bottom-color: #04acec; 
}

#topnav ul li:last-child a{
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
#topnav:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #topnav             { zoom: 1; } /* IE6 */
*:first-child+html #topnav { zoom: 1; } /* IE7 */



.scl {
margin-left: 25px;
}
