/*                             (c) 2013 Zimling + 2021                       */
body
{
	color: #FF3366;
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #000033;
}

h1{font-size: 16px; color: #aaccee;}
h2{font-size: 14px; color: #aaccee;}
h3{font-size: 12px; color: #aaccee;}
h6{}

p
{
	color: gray;
	font-size: 9pt;
	text-align: left;
	width: 160px;
}

table {}

td {
	color: #aaaaaa;
	font-size:12px;
}

li
{
	color: #0066cc;
	font-size: 8pt;
	border-color:#00FF80
}

ul
{
	color: #0066cc;
	font-size: 8pt;

}

A
{
	color: #aaaaaa;
	text-decoration: none;
	display: inline;
}

A:active {color: #1F3D73;}
A:hover { color: #eeeeee; opacity: 1;

}
A:visited{}
/* ---------------------------------------------------------------*/
/*                                              Top m. logo       */
/* ---------------------------------------------------------------*/
#Top
{
	background-image: url(../grafik/elementer/top-logo.jpg);
	background-repeat:no-repeat;
	text-align:right;
	vertical-align:bottom;
	width: 1054px;
	height: 60px;
	overflow: visible;
}
/* ---------------------------------------------------------------*/
/*                                              Rammer            */
/* ---------------------------------------------------------------*/

#SiteRamme
{
	text-align: left;
	width: 1054px;
	max-width: 1054px;
	vertical-align: top;
	overflow: hidden;
	padding: 1px;
	;
}
#MenuRamme
{
	width: 1050px;
	height: 55px;
	text-align: center;
	overflow: visible;
	margin-bottom: 0px;
}
#InfoRamme
{
	width: 1020px;
	background-image: url(../grafik/elementer/menu/menu_bg_h.jpg);
	background-repeat:no-repeat;
	height: 18px;
 	text-align: left;
}
.FutterRamme
{
	font-style: normal;
	font-weight: bold;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	height: 15px;
	width: 1040px;
	background-color: #444444;
	opacity: 0.4;
	filter:Alpha(opacity=60); /* IE8 and earlier */
}
/* ---------------------------------------------------------------*/
/*                                              Spalter           */
/* ---------------------------------------------------------------*/

#spalte_1
{

	width: 175px;	
	overflow: hidden;
	float:left;
}
#spalte_2
{

	width: 350px;	
	overflow: hidden;
	float:left;
}
#spalte_3
{

	width: 525px;	
	overflow: hidden;
	float:left;
}
#spalte_4
{

	width: 700px;	
	overflow: hidden;
	float:left;
}

#spalte_5
{

	width: 875px;	
	overflow: hidden;
	float:left;
}

#spalte_6
{

	width: 1050px;	
	overflow: hidden;
	float:left;
}
/* ---------------------------------------------------------------*/
/*                                              Boxe              */
/* ---------------------------------------------------------------*/
#tekstbox_1
{
	float:left;
	width:165px;
	height: 165px;
	overflow: hidden;
	background-color: #4444aa;
	text-align: left;
	margin-bottom:10px;
	margin-right: 10px;
}
#tekstbox_1a
{
	float:left;
	width:165px;
	height: 165px; 
	overflow: hidden; 
	background-color: #660000; 
    text-align: left; 
    margin-bottom:10px; 
    margin-right: 10px;
}
#tekstbox_1b
{
	float:left;
	width:165px;
	height: 165px; 
	overflow: hidden; 
	background-color: #FF9900; 
    text-align: left; 
    margin-bottom:10px; 
    margin-right: 10px;
}
#tekstbox_1c
{
	float:left;
	width:165px;
	height: 165px; 
	overflow: hidden; 
	background-color: #57D2D2;
	background-color: #006600; 
    text-align: left; 
    margin-bottom:10px; 
    margin-right: 10px;
}
#tekstbox_1h
{
	float:left;
	width:340px;
	height: 340px; 
	overflow: hidden; 

    text-align: left; 
    margin-bottom:10px; 
    margin-right: 10px;
}
#tekstbox_2h
{
	float:left;
	width:340px;
	height: 340px; 
	overflow: hidden; 
	background-color: #000099; 
    text-align: left; 
    margin-bottom:10px; 
    margin-right: 10px;
}
#tekstbox_2
{
	float:left;
	width:340px;
	height: 165px; 
	overflow: hidden; 
	background-color: #B50000; 
    text-align: left; 
    margin-bottom:10px; 
    margin-right: 10px;
}
#tekstbox_2a
{
	float:left;
	width:340px;
	height: 165px; 
	overflow: hidden; 
	background-color: #000044; 
    text-align: left; 
    margin-bottom:10px; 
    margin-right: 10px;
}
#tekstbox_3
{
	float:left;
	width:515px;
	height: 165px; 
	overflow: hidden; 
	background-color: #112255; 
    text-align: left; 
    margin-bottom:10px; 
    margin-right: 10px;
}
#tekstbox_4
{
	float:left;
	width:690px;
	height:340px;
	overflow: hidden; 
	background-color: #112255; 
    text-align: left; 
    margin-bottom:10px; 
    margin-right: 10px;
}

#tekstbox_5
{
	float:left;
	width:865px;
	overflow: hidden; 
	background-color: #112255; 
    text-align: left; 
    margin-bottom:10px; 
    margin-right: 10px;
}

#tekstbox_6
{
	float:left;
	width:1040px;
	overflow: hidden; 
	background-color: #112255; 
    text-align: left; 
    margin-bottom:10px; 
    margin-right: 10px;
}
#tekstbox_F
{
//*	float:left; *//
	width:100%;
	overflow: hidden; 
	background-color: #B50000; 
//*    text-align: left; *//
    margin-bottom:10px; 
    margin-right: 10px;
}
#billedramme
{
	width: 165px;
	height: 165px;
	overflow: hidden;

	margin-bottom:10px;
	margin-right: 10px;
	float:left;
}
#billedramme_1-2
{
	width: 165px;
	height: 340px;
	overflow: hidden;

	margin-bottom:10px;
	margin-right: 10px;
	float:left;
}

#billedramme_2
{
	background-color: #112255;
	width: 340px;
	height: 170px;
	overflow: hidden;

	margin-bottom:10px;
	margin-right: 10px;
	float:left;
}
#billedramme_2-1
{
	width: 340px;
	height: 165px;
	overflow: hidden;
	background-color: ;
	margin-bottom:10px;
	margin-right: 10px;
	float:left;
}
#billedramme_3
{
	width: 515px;
	height: 340px;
	overflow: hidden;

	margin-bottom:10px;
	margin-right: 10px;
	float:left;
}
#billedramme_3-1
{
	width: 515px;
	height: 165px;
	overflow: hidden;

	margin-bottom:10px;
	margin-right: 10px;
	float:left;
}
#tomnavbox
{
	background-color: #112255; 
	width: 165px;
	height: 165px;
	overflow: hidden;
	float:left;
	margin-bottom:10px;
	margin-right: 10px;
	text-align: left;
}

#navbox
{
	background-color: #0066CC;
	width: 165px;
	height: 165px;
	overflow: hidden;
	float:left;
	margin-bottom:10px;
	margin-right: 10px;
	text-align: left;
}
#navbox:hover
{
	background-color: #006600;

}
#navbox:active
{
	background-color: #660000;

}
#navbox-aktiv
{
	background-color: #440000;
	width: 165px;
	height: 165px;
	overflow: hidden;
	float:left;
	margin-bottom:10px;
	margin-right: 10px;
	text-align: left;
}

#navibox
{
	background-color: #009999;
	width: 165px;
	height: 165px;
	overflow: hidden;
	float:left;
	margin-bottom:10px;
	margin-right: 10px;
	text-align: left;
}

#tombox1
{
	background-color: #112255;
	width: 165px;
	height: 165px;
	opacity: 0.4;

	overflow: hidden;
	float:left;
	margin-bottom:10px;
	margin-right: 10px;
	text-align: left;
}
#tombox2
{
	background-color: #DD4400;
	width: 165px;
	height: 165px;


	overflow: hidden;
	float:left;
	margin-bottom:10px;
	margin-right: 10px;
	text-align: left;
}
#tombox3
{
	background-color: #006600;
	width: 165px;
	height: 165px;


	overflow: hidden;
	float:left;
	margin-bottom:10px;
	margin-right: 10px;
	text-align: left;
}
#versionsbox
{
	
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	width:340px;
	height: 165px;
	overflow: hidden;
	background-color: #10005B;
	text-align: left;
	color: #0099CC;
	margin-bottom:10px;

}
/* ----------------------------------------------------------------*/
/*                                                Tekstformater    */
/* ----------------------------------------------------------------*/


#TB-Tekst-Overskrift
{
	color: #aaaacc;
	font-size: 14px;
	font-weight:bold;
	height: 18px;
	margin-top: 4px;
	margin-left: 8px;
}
#TB-Tekst-1
{
	color: #ffffdd;
	font-size: 11px;
	width: 140px;
	
	overflow: hidden;
	margin-top: 4px;
	margin-left: 16px;
}

#TB-Tekst-2
{
	color: #00CC99;
	font-size: 11px;
	width: 310px;
	margin-top: 4px;
	margin-left: 16px;
}

#TB-Tekst-3
{
	color: #ffffdd;
	font-size: 11px;
	width: 500px;
	margin-top: 4px;
	margin-left: 16px;
}

#TB-Tekst-4
{
	color: #ffffdd;
	font-size: 11px;
	width: 680px;
	margin-top: 4px;
	margin-left: 16px;
}

#TB-Tekst-5
{
	color: #ffffdd;
	font-size: 11px;
	width: 860px;
	margin-top: 4px;
	margin-left: 16px;
}

#TB-Tekst-6
{
	color: #ffffdd;
	font-size: 11px;
	width: 1020px;
	margin-top: 4px;
	margin-left: 16px;
}

#TB-Tekst-6s
{
	color: #ffffdd;
	font-size: 9px;
	width: 1020px;
	margin-top: 4px;
	margin-left: 16px;
}
#NB-Tekst
{
 	color: #dddddd; font-size: 16px; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	line-height: 16px; 
	text-transform: uppercase; 
	letter-spacing: 2px; 
	margin-top: 12px; 
	margin-left: 8px; 
}
#Liste-S1
{
	color: #ffffdd;
	font-size: 12px;
	width: 80px;
	
	text-align: right;
	margin-top: 8px;
	margin-left: 8px;
	margin-bottom: 8px;
	float:left;
}
#Liste-S2
{
	color: #ffffdd;
	font-size: 12px;
	width: 575px;
	margin-top: 8px;
	margin-left: 16px;
	margin-bottom: 8px;
	float:left;
}

/* ----------------------------------------------------------------*/
/*                                                Futter           */
/* ----------------------------------------------------------------*/

.FutterTekst
{ 
	color: #ffffff; 
	font-style: normal; 
	font-weight: bold; 
	font-size: 9px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
    text-decoration: none; 
    text-align: center; 
    letter-spacing: 1pt; 
    opacity: 1;
    filter:Alpha(opacity=80); /* IE8 and earlier */ 
}


#fod 
{
	margin-top: 5px;
	clear:both;
	text-align: left;
}

/*-------------------------------------------------------------------*/
/*                                                           Menuer  */
/*-------------------------------------------------------------------*/
#Menu-punkt
{ width: 120px; height: 20px; overflow: visible;  background-image: url(../grafik/baggrunde/menu-pkt-bg-3.jpg); margin-right: 1px; margin-bottom: 0px; background-repeat: repeat-x; opacity: 0.7;}

#Menu-punkt-tekst
{
	margin-left: 8px;
	margin-top: 0px;

}
#Menu-punkt-lang
{
	width: 870px;
	height: 50px;
	overflow: visible;
	float:left;
	background-image: url(../grafik/baggrunde/menu-pkt-bg-3.jpg);
	margin-bottom: 0px;
	background-repeat: repeat-x;
}

#Menu-punkt-kort
{
	width: 45px;
	height: 40px;
	overflow: visible;
	float:left;
	background-image: url(../grafik/baggrunde/menu-pkt-bg-3.jpg);
	margin-left: 1px;
	margin-bottom: 2px;
	background-repeat: repeat-x;
}

/*-------------------------------------------------------------------*/
/*                                                     Menu-styring  */
/*-------------------------------------------------------------------*/
#id_m1 { visibility: hidden }
#id_m2 { visibility: hidden }
#id_m3 { visibility: hidden }
#id_m4 { visibility: hidden }
#id_m5 { visibility: hidden }


/* ------------------------------------------------------------------*/
/*                                                    Slut           */
/* ------------------------------------------------------------------*/

#indhold-tekst-bred
{
	width:380px;
}

#mellemramme
{
	width:4px;
	height: 190px;
	background: #FFFFFF;
	opacity: 0.1;
	filter:Alpha(opacity=10); /* IE8 and earlier */
	overflow: hidden;
	float:left;
	margin-left:4px;
	margin-right:4px;
	margin-top:4px;

}

#venstre
{
	width: 280px;	
	overflow: hidden;
	float:left;
	margin-bottom:5px;
	margin-right: 5px;
	text-align:left;
	
	padding: 5px;
	background-color: #0000ff;
	
	
}

#venstreside
{

	width: 170px;	
	overflow: hidden;
	float:left;
	
	
}

#venstresidebred
{
	width: 500px;
	overflow: hidden;
	float:left;
	margin:6px;
	text-align: left;

  	
}
#midt
{
	background-image: url(../grafik/elementer/menu/menu_bg_h.jpg);
	background: #ffffff;
	color: #4488ff;
	width: 200px;
	
	overflow: hidden;
	float:left;

	

}
#hojre
{
	width:280px;
	overflow: hidden;
	float:right;

	
	padding: 5px;
	background-color: #336633;
}

#hojreside
{
	
	width: 170px;
	overflow: hidden;
	float:right;

	padding: 5px;
	background-color: #446677;
}

#hojresidebred
{
	width: 430px;
	
	overflow: hidden;
	float:right;

	
  	padding: 5px;
  	background-color: #444477;
}
#indhold-tekst
{
	width:320px;
}

#Tekst-120 { width: 120px; Text-align:left;}
#Tekst-150 { width: 150px; Text-align:left;}
#Tekst-180 { width: 180px; Text-align:left;}
#Tekst-200 { width: 200px; Text-align:left;}
#Tekst-270 { width: 270px; Text-align:left;}
#Tekst-380 { width: 380px; Text-align:left;}

#Tekst-lille { font-size: 9px; Text-align:left;}

#midt-tekst-lille
{
	font-size: 10px;
}
/*                            TESTING                          */
#billedramme_x
{
	width: 165px;
	height: 165px;
	overflow: hidden;
	background-image: url(../grafik/foto/Draaber.JPG);
	margin-bottom:10px;
	margin-right: 10px;
	float:left;
}
#billedramme_x:hover
{

	background-image: url(../grafik/foto/Flager.jpg);

}
#billedramme_x:active
{

	background-image: url(../grafik/foto/Huller.jpg);

}
#billedramme_design_1
{
	width: 340px;
	height: 340px;
	overflow: hidden;
	background-image: url(../grafik/design/hs_xxxx-340m.jpg);
	margin-bottom:10px;
	margin-right: 10px;
	float:left;
}
#billedramme_design_1:hover
{

	background-image: url(../grafik/design/hs_xxxx-340.jpg);

}

#billedramme_om
{
	width: 165px;
	height: 165px;
	overflow: hidden;
	background-image: url(../grafik/foto/dz_10_13-1-165.jpg);
	margin-bottom:10px;
	margin-right: 10px;
	float:left;
}
#billedramme_om:hover
{

	background-image: url(../grafik/foto/dz_10_13-2-165.jpg);

}

#billedramme_trans
{
	width: 165px;
	height: 165px;
	overflow: hidden;
	opacity: 0.8;
	filter:Alpha(opacity=10); /* IE8 and earlier */
	margin-bottom:10px;
	margin-right: 10px;
	float:left;
}


.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}