/* CSS Document */

/* RESET BROWSERSTYLE */

* {padding: 0; margin: 0;}

/*Globel*/

body{
background-color: #ffffff; /* baggrundsfarve i editor */

margin:0;

padding:0;

line-height: 1.5em;

margin-top: 10px;

font-family: Verdana, Arial, Helvetica, sans-serif;  /* skrifttype */

font-size: 15px;  /*   Tekst størrelse  */ 

color: #000000; /* tekstfarve */
}
#body{
/* background-image: url('./images/jm-bg1.jpg'); */ 
background-image: url('./images/img4b2.jpg');  
background-repeat: repeat-x; 
Cbackground-color: #C0C0C0;  /* baggrungs farve */
}
p {padding: 5px;}
a {
text-decoration:none;
   color: #666666;}
   
   /*  Mainsite start   */ 
/* #mainsite{background-color: #ffffff;      baggrundsfarve   */ 
#mainsite{background-color: #84271B;   /*   baggrundsfarve   */ 

width: 1000px; /*width of mainsite*/

margin: 0 auto; /*Center container on page*/
overflow:hidden;
border: solid #000080 4px;
margin-bottom: 10px;
}

/*  Head start   */ 
#head{
background-color: #000080;  
min-height: 133px;    /*   header højde  */ 
}  
.headtekst{
position: relative;
top: 30px;
color: #ffffff;
font-size: 30px;
text-align: center;
display: block}

.headtekst a{color: #ffff00;}

#extra {
color: #ffffff;
margin:0 auto;

text-align:right;
white-space: nowrap;
margin:0;
font-size:.85em;
letter-spacing: .08em;
line-height: 1.7;
}
#extra a{color: #ffffff;}
#extra img {
    margin-left:.5em;
}

/*  Head slut   */ 

/*   Menu start  */ 

#menu{
background-color: #FFFFff;   /*  Menu baggrundfarve   */ 
/* height: 35px;    Menu højde   */
height: 35px;   /*  Menu højde   */ 
width: 100%    /*   Menu bredde  */ 
}
/*  Menu slut   */ 
/*   Content start  */ 

#content{

width: 100%;   /*   Content bredde  */ 
float: left;
}
#contentin{
background-color: #84271b;
min-height: 200px; /*  contentin min-højde   */ 
padding: 10px;
margin: 10px;
}
/*  Content slut   */ 
/*Boxes*/
#boxes{
text-align: left; 
margin: 10px;
}

#boxin{
width: 100%; 
font-family: arial, sans-serif; 
font-size: 15px;    /* text størelse bokse */
padding: 0px 0 0 0; 
margin: 0 auto;
}

div.boxout1, div.boxout3 {
width: 33%;  /* bredde boks 1 og 3 */
min-height: 150px; 
float: right; 
padding-right: 0px;
}

div.boxout2 {
width: 34%;  /* bredde boks 2 */
min-height: 150px; 
float: right; 
padding-right: 0px;
}

div.boxin {
background-color: #888888;
line-height: 1.2em; 
color: #ffffff;
border: 0px solid #996; 
min-height: 140px;
padding: 5px; 
margin: 10px;
border: solid #000080 1px;
border-radius: 5px;
}
div.boxin a{
color: #ffffff;}

div.boxin a:hover{
color: #000080;}


/*  Bund start   */ 
#bund{

background-color: #000080;
color: #ffffff;
min-height: 20px;
width: 100%;
text-align: center;

}
#bund a{color: #ffffff}

#bundin{text-align: center;
color: #ffffff;
}

/*  Bund slut   */ 
/*Don't change anything here under*/

h1, h3 { 
font-family: Verdana, Arial, Helvetica, sans-serif;  /* skrifttype */
font-size: 1.1em; 

margin-top:3px; 

margin-bottom:3px;
color: #000080;
border-bottom: solid #000080 2px;

} 

h2{

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

font-size:1.0em;

text-align: left;

margin-top:3px;

margin-bottom:3px;

color: #000080;

}

h4 { 
font-family: Verdana, Arial, Helvetica, sans-serif;  /* skrifttype */
font-size: 15px; 
margin-top:3px; 
margin-bottom:0px;
text-align: center;
} 

h5{font-family: Horner, Verdana, Arial, Helvetica, sans-serif;

font-size:26px;

text-align: center;

color: #ffffff;

text-decoration: underline;

margin-top:60px;

margin-bottom:15px;

}

ol {margin: 6px 0;}

ol li {line-height: 1.0em; border: 0; padding: 3px 0; margin: 0 0 0 22px;}

ul {list-style-image: url(images/inhlist.gif); margin: 6px 0;}

ul li {line-height: 1.2em; border: 0; padding: 3px 0; margin: 0 0 0 22px;}





ul.menulevel1, ul.menulevel2, ul.menulevel3, ul.menulevel4, ul.menulevel5, ul.sitemaplevel1, ul.sitemaplevel2, ul.sitemaplevel3, ul.sitemaplevel4, ul.sitemaplevel5, ul.submenu, ul.search {

padding-left: 0;

margin-left: 0;

}

form {

margin: 0;

}

IMG {

border: 0;

}

li {

line-height: 1.5;

}





.doc {

list-style: none;

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

background-repeat:no-repeat;

color: #000000;

padding-left: 15px;

}

.docs {

list-style: none;

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

background-repeat:no-repeat;

padding-left: 15px;

color: #000000;

}

.sdoc {

list-style: none;

color: #000000;

padding-left: 15px;

}

.sdocs {

list-style: none;

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

background-repeat:no-repeat;

padding-left: 15px;

color: #000000;

}

.sitemaplevel1, .sitemaplevel2, .sitemaplevel3 {

font-size: 10pt;

}

.sitemaplevel1 a, .sitemaplevel2 a, .sitemaplevel3 a {

font-weight: bold;

color: black;

}

.sitemaplevel1 a:link, .sitemaplevel2 a:link, .sitemaplevel3 a:link, .sitemaplevel1 a:visited, .sitemaplevel2 a:visited, .sitemaplevel3 a:visited {

color: black;

text-decoration:none;

}

.sitemaplevel1 a:active, .sitemaplevel2 a:active, .sitemaplevel3 a:active, .sitemaplevel1 a:hover, .sitemaplevel2 a:hover, .sitemaplevel3 a:hover {

color: black;

}

.retrieve{

background-color:#ffffff;

background-image:none;

text-align:left;

}

.print{

padding-left:15px;

font-size:10pt;

color:#000000;

background-image:none;

text-align:left;

}

.print a{

color:#000000;

text-decoration:none;

}

.edit {

	font-size: 8pt;

	color: black;

	background: buttonface;

}

.edit a:link, .edit a:visited, .edit a:active, .edit a:hover {

	font-weight: normal;

	color: black;

}

input, select {

	font-size: 8pt;

}
/* dropdown navigation start */



div.multi_drop_menus * {

margin:0; 

padding:0;

line-height:25px;   

}



div.multi_drop_menus {

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

font-size:12px;

margin:0px; 

padding: 5px;

border-bottom: dotted #000080 2px;

}



div.multi_drop_menus ul {

border-left:1px solid #cccccc; 

display:inline;

}



div.multi_drop_menus li {      

border-right:1px solid #cccccc;

text-align: center;

background-color: #ffffff;

}                						   



div.multi_drop_menus li:hover {

background-color: #cccccc;

 }



div.multi_drop_menus a {

color:#808080; 

padding:1px 40px;

}



div.multi_drop_menus a:hover {

color:#FFFFFF; 

}



div.multi_drop_menus a:visited{

/*color:#ffffff;*/

}



div.multi_drop_menus ul li ul {

width:85px; 

text-align: left;

padding-top: 2px; 
 	

}



div.multi_drop_menus li li {

background-color: #313131;

border-bottom: 1px solid #666666;

text-align: left;


}



div.multi_drop_menus ul li ul li ul  {

/*border-bottom:1px solid #009DDC;*/

top:-1px;

} 



div.multi_drop_menus li li li { 

}



div.multi_drop_menus li li li li { 

}



div.multi_drop_menus {

float:left;

width:1000px; /*bredde på menu*/

}



div.multi_drop_menus ul {

float:left;

font-size:1em;

}



div.multi_drop_menus li {

float:left;

list-style-type:none;

position:relative;

}



div.multi_drop_menus a {

display:block;

text-decoration:none; 

}



div.multi_drop_menus ul li ul { 

position:absolute;

border:0;

margin-left:0px;

}



div.multi_drop_menus ul li ul li {

width:150%;

padding:0;

border-left:0;

border-right:0;

}



div.multi_drop_menus ul li ul {

display:none;

}



div.multi_drop_menus ul li:hover ul {

display:block;

z-index:1000;

}



body div.multi_drop_menus ul li ul li ul  {

position:absolute; 

visibility:hidden; 

left:100%;

top:-1px;

}



div.multi_drop_menus ul li ul li:hover ul {

visibility:visible;

}



div.multi_drop_menus ul li ul li:hover ul li ul {

visibility:hidden;

}



div.multi_drop_menus ul li ul li ul li:hover ul {

visibility:visible;

}



div.multi_drop_menus.vertical ul {

border-left:0px;

margin-left:0;

}



.vertical ul {

width:100%; 

}



div.multi_drop_menus.vertical li {

 position:relative; 

 width:100%; 

 clear:left; 

 border-right:0; 

}



div.multi_drop_menus.vertical ul ul  {

 position:absolute; 

 left:100%;         

 top:-1px; 

 }



div.multi_drop_menus.vertical li li {

}



div.multi_drop_menus.vertical ul ul ul {

 left:100%;   

 }



* html div.multi_drop_menus {

-index:1;

}			



* html div.multi_drop_menus ul li ul {

z-index:400; /*ensures menu is on top of other page elements */

}



div.multi_drop_menus ul.menulevel1 a:hover{

color:#ffffff;

text-decoration:none;

}



div.multi_drop_menus ul.menulevel2 a:hover{

color:grey;

text-decoration:none;

}

div.multi_drop_menus ul.menulevel3 a:hover{

color:grey;

text-decoration:none;

}




/*----- start mobil design ----- */

@media only screen and (min-width : 1024px){

#navi{display: none;}

}

@media only screen and (min-width : 769px) and (max-width : 1023px) {

body{margin: 5px;}

 #head { width: 100%; }

   #mainsite { width: 100%; padding: 0;}          

   #content{ width: 100%; float:left; }

img{max-width: 100%; height: auto;}  
#navi{display: none;}
a {text-decoration:none;}
}

@media (min-width: 481px) and (max-width: 768px) {

body{margin: 5px;}

 #head { width: 100%; }

   #mainsite { width: 100%; padding: 0;}          

   #content { width: 100%; float:left; } 

img{max-width: 100%; height: auto;}
#menu{display: none} 

a {text-decoration:none;}
/* boxes */
div.boxout1 {width: 50%; min-height: 100px; float: right;  margin-top: 5px;}  
div.boxout2 {width: 50%; min-height: 100px; float: right;  margin-top: 5px;}   
div.boxout3 {width: 100%; min-height: 100px; float: right;margin-top: 5px;} 

}


@media (min-width: 321px) and (max-width: 480px) {

body{margin: 5px;}

#head { width: 100%; }

     #mainsite { width:100%; padding: 0;}          

   #contentwrapper { width:100%; }

img{max-width: 100%; height: auto;}
#menu{display:none;} 

a {text-decoration:none;}

/*boxes*/
div.boxout1 {width: 50%; min-height: 100px; float: right;  margin-top: 5px;}  
div.boxout2 {width: 50%; min-height: 100px; float: right; margin-top: 5px;}   
div.boxout3 {width: 100%; min-height: 100px; float: right; margin-top: 5px;}
}


@media (max-width: 320px) {

body{margin: 5px;}

#head { width: 100%;  }
.headtekst{padding-top: 15px}
.links{display: none}

   #mainsite { width: 100%; padding: 0;}          

   #content { width:100%; padding:0px; }  

img{max-width: 100%; height: auto;}  
#menu{display: none;} 

a {text-decoration:none;}
/* boxes */
div.boxout1 {width: 100%; min-height: 100px; float: right;  margin-top: 5px;} 
div.boxout2 {width: 100%; min-height: 100px; float: right;  margin-top: 5px;} 
div.boxout3 {width: 100%; min-height: 100px; float: right;  margin-top: 5px;}
}

/*------Mobilmenu styling---------*/
#mobilmenu li,#mobilmenu ul{list-style-type:none;margin:0;padding:0 10px}

#mobilmenu a{display:block;color:#fff;text-decoration:none;line-height:200%;padding-left:1em;padding-right:1em;border-radius:5px;background:#000080;border:1px #fff solid}

#mobilmenu a:hover{background:#ff9900}

#mobilmenu{float:left;width:100%;font-size:90%;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.7)}

#mobilmenu li{list-style-type:none;list-style-image:none;padding:0}

#mobilmenu ul.menulevel1 li{line-height:1em;margin:1px 0}

#mobilmenu ul.menulevel2{margin:1px 0}

#mobilmenu ul.menulevel2 li{line-height:1em;margin:1px 0}

#mobilmenu ul.menulevel2 li a{background:#ff9900}

##mobilmenu ul.menulevel2 li a:hover{background:#0080ff}

#mobilmenu ul.menulevel3{margin:1px 0}

#mobilmenu ul.menulevel3 li a{background:#08a}

#mobilmenu ul.menulevel3 li a:hover{background:#0080ff}

#mobilmenu ul ul.menulevel3 li{margin:1px 0}

#menu2 {padding-top : 0px;padding-bottom : 5px;margin-top: -6px;padding-bottom: 3px;width: 100%;font-size:90%;}

#menu2 li {list-style : none;padding : 0;display : block;text-decoration : none;line-height : 200%;padding-left : 1em;padding-right : 1em;border-radius : 5px;background : #004080;border : #fff solid 1px;margin-left: -10px;margin-bottom: 1px;font-size: 100%;}

#menu2, #menu2 a {text-decoration : none;display : block;list-style : none;color: #fff;line-height : 200%;font-family: arial, sans-serif;}

#menu2 li a:hover {color: #80ffff;}