/* BODY{ PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 20px; MARGIN: 0px; PADDING-TOP: 0px; background-color:#EAE4D5; background-image:url(../grafik/sea3.jpg);background-attachment:fixed;
 }*/
 

BODY{ PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 20px; MARGIN: 0px; PADDING-TOP: 0px; background-color:#EAE4D5; 
background-image:url(../grafik/w-beach1.jpg); background-position: 0px -300px;  background-attachment:fixed;
 font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px;}
 
H1{ font-size: 18px;}
H2{ font-size: 15px;}
#bg{ position:relative; background-image:url(../grafik/guldager_logo1.jpg); background-position: 520px 10px; height:200px; width:835px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fff} 

img{ border:none; }		/* Turn off borders for all images */ 


ul {

  margin-left:1em;
  padding-left:1em;

}


/* container needs to explicitly set position relative, otherwise it will not act as the outer div */
/* to which the flags will be positioned absolutely */

#container{  position:relative; width:835px;  z-index:2; margin-left: auto;    margin-right: auto; top: 0px; padding-top: 0px; BACKGROUND-COLOR: #6f95d3;
filter: 
        progid:DXImageTransform.Microsoft.Shadow(color=#566ba0,direction=90,strength=5)
        progid:DXImageTransform.Microsoft.Shadow(color=#566ba0,direction=180,strength=5);
		-moz-box-shadow: 1px 1px 10px #566ba0;
		-webkit-box-shadow: 1px 1px 10px #566ba0;
} 




#content{ clear: both;  padding-top: 10px; padding-left: 40px; padding-right: 40px;  padding-bottom: 40px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #6f95d3; background-image:url(../grafik/bluewave.jpg); text-align:left; font-size: 14px; }
#references{ clear: both;  padding-top: 10px; padding-left: 40px; padding-right: 40px;  padding-bottom: 40px; BACKGROUND-COLOR: #ffffff; text-align:left; font-size: 12px; color: #555555; }

.menulink{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;  font-weight: bold;color: #777777; text-decoration: none;}
.menulink a:hover{ color: #FFFFFF;}

/* Start of special messages */

.special_messages{ position:fixed; top: 10px; left: 4px; width:140px; z-index:1000;}


.special_message_container{ position:relative; left: 10px; margin-bottom:10px; width:140px; z-index:1000; }
.special_message_container1{ position:relative; left: 10px; margin-bottom:10px; width:140px; z-index:1000;}

.special_message_x{ float: right; clear: both; font-weight: bold; background-color: #9dadc6; font-size: 14px; color: #ffffff; padding-top:1px; padding-right:1px; z-index:1000; }
.special_message_title{ font-weight: bold; background-color: #9dadc6;  background-repeat: no-repeat; font-size: 14px; color: #ffffff; padding-top:10px; padding-bottom:10px; padding-left:6px; padding-right:6px; z-index:1000; }
.special_message_text{ background-color: #FFFFFF; font-size: 14px; font-family: Verdana; color: #555555; padding:6px; z-index:1000 }

.tilbud_message_container{ position:relative; left: 10px; margin-bottom:10px; width:140px; z-index:1000; border-color:#aaaaaa; border-width:1px; border-style:solid; background-color: #FFFFFF;}
.tilbud_message_slash{ width:140px; height: 90px; z-index:1001;  background-repeat:no-repeat}
.tilbud_message_title{ font-weight: bold; background-color: #ffffff; font-size: 14px; color: #444444; padding-top:10px; padding-bottom:10px; padding-left:6px; padding-right:6px; z-index:1000; }
.tilbud_message_text{ font-weight: bold; background-color: #ffffff; font-size: 12px; color: #444444; padding-top:10px; padding-bottom:10px; padding-left:6px; padding-right:6px; z-index:1000; }
.tilbud_message_x{ float: right; clear: both; font-weight: bold; background-color: #ffffff; padding-top:1px; padding-right:1px; z-index:1000; }
.tilbud_message_x:hover{cursor: pointer; border-left-style:solid; border-bottom-style:solid; border-color: #aaaaaa; border-width:1px}

/* End of special messages */

.plus60{ float: left; clear: both; margin-left:10px; margin-right:10px;margin-bottom:10px;}
.logo_holder_left{ float: left; clear: both; margin-left:10px; margin-right:10px;margin-bottom:20px;}
.logo_holder_right{ float: right; clear: both; margin-left:10px; margin-right:10px;margin-bottom:20px;}
.wifi_holder_left{ float: left; clear: both; margin-left:10px; margin-right:10px;margin-bottom:20px;}
.photo_holder_left{ float: left; clear: both; margin-left:10px; margin-right:10px; margin-bottom:20px;
        filter: 
        progid:DXImageTransform.Microsoft.Shadow(color=#566ba0,direction=90,strength=5)
        progid:DXImageTransform.Microsoft.Shadow(color=#566ba0,direction=180,strength=5);
		-moz-box-shadow: 1px 1px 10px #566ba0;
		-webkit-box-shadow: 1px 1px 10px #566ba0;}

.photo_holder_right{ float: right; clear: both; margin-left:10px; margin-right:10px; margin-bottom:20px;
        filter: 
        progid:DXImageTransform.Microsoft.Shadow(color=#566ba0,direction=90,strength=5)
        progid:DXImageTransform.Microsoft.Shadow(color=#566ba0,direction=180,strength=5);
		-moz-box-shadow: 1px 1px 10px #566ba0;
		-webkit-box-shadow: 1px 1px 10px #566ba0;}

.photos{ border-style:solid; border-color: white; border-width:2px; }


.priser_text{ float:left; margin-bottom:20px;margin-left:10px;}

.warning{ border-style:solid; border-color: red; border-width:10px; padding:10px;}

.lkus_bullet_l{ float:left; 
               background-color:#FFF;
			   color: #777;
			   padding:30px;
			   margin-bottom:20px;
        		filter: 
        		progid:DXImageTransform.Microsoft.Shadow(color=#c5b699,direction=90,strength=5)
        		progid:DXImageTransform.Microsoft.Shadow(color=#c5b699,direction=180,strength=5);
				-moz-box-shadow: 1px 1px 10px #999;
				-webkit-box-shadow: 1px 1px 10px #999;}



.green_header{ float: left; width:90%;
				border-style:solid; border-color:#BBF; border-width:1px;
                background-color:#BBF;
        		filter: 
        		progid:DXImageTransform.Microsoft.Shadow(color=#c5b699,direction=90,strength=5)
        		progid:DXImageTransform.Microsoft.Shadow(color=#c5b699,direction=180,strength=5);
				-moz-box-shadow: 1px 1px 10px #999;
				-webkit-box-shadow: 1px 1px 10px #999;}




.green_bullet_l{ float:left; width:300px; border-style:solid; border-color:#BBF; border-width:1px; 
               background-color:#BBF;
			   margin-bottom:20px;margin-left:10px;
        		filter: 
        		progid:DXImageTransform.Microsoft.Shadow(color=#c5b699,direction=90,strength=5)
        		progid:DXImageTransform.Microsoft.Shadow(color=#c5b699,direction=180,strength=5);
				-moz-box-shadow: 1px 1px 10px #999;
				-webkit-box-shadow: 1px 1px 10px #999;}
				
.green_bullet_r{ float:right; width:300px; border-style:solid; border-color:#BBF; border-width:1px;
               background-color:#BBF;
			   margin-bottom:20px;
        		filter: 
        		progid:DXImageTransform.Microsoft.Shadow(color=#c5b699,direction=90,strength=5)
        		progid:DXImageTransform.Microsoft.Shadow(color=#c5b699,direction=180,strength=5);
				-moz-box-shadow: 1px 1px 10px #999;
				-webkit-box-shadow: 1px 1px 10px #999;}				
				
				

.green_bullet{ border-style:solid; border-color:#BBF; border-width:1px; 
               background-color:#BBF;
			   margin-bottom:20px;margin-left:10px;
        		filter: 
        		progid:DXImageTransform.Microsoft.Shadow(color=#c5b699,direction=90,strength=5)
        		progid:DXImageTransform.Microsoft.Shadow(color=#c5b699,direction=180,strength=5);
				-moz-box-shadow: 1px 1px 10px #999;
				-webkit-box-shadow: 1px 1px 10px #999;}


.green_bullet_title{ padding: 5px; font-weight: bold;}

.link_style { font-weight: bold; color: #ffA0EE; text-decoration: none;}
.link_style a:hover{ color: #F731F1;}

.prices_table_title{ font-weight: bold; background-color:#9daccb; padding:10px}
.prices_table_content{ font-weight: bold; background-color:#7182ae; padding:10px}
.prices_table_calculator{ background-image:url(../grafik/calculator.png); background-color:#7182ae; margin-top: 40px; padding-top: 0px; padding-bottom: 40px; padding-left:120px; background-position: 40px 0px; background-repeat: no-repeat;font-weight: bold; }
.prices_table{border-width:0px; }
.prices_col_1{padding-left:40px;}
.prices_col_2{padding-left:40px;}
.prices_col_3{padding-left:40px;}
.prices_total_text{color:#CCCCCC; margin-top: 10px; font-weight: bold; font-size:larger}
.prices_total_text .prices_total_number{border-style:solid; border-width: 1px; border-color:#999; padding: 3px;}

/* Start Of Tracking Stuff ===============================================================*/
.track_hr{ background-color:#F0F0FF; width:700px; color:#333333;}
.track_bargraph_time1{ float:left; width:100px; background-color: #FFDDFF; height:20px;}
.track_bargraph_time2{ float:left; width:100px; background-color: #FFAAFF; height:20px;}
.link_redx_style {font-size: 12px; font-weight: bold; color: #FF0000; text-decoration: none;}
.link_redx_style a:hover{ color: #FF0000;font-size: 24px;}
/* End Of Tracking Stuff =================================================================*/


/* Start Of Pladskort Stuff ===============================================================*/

.pladskort_pnum{ font-size:10px; color: #929; font-weight:900;  }
.pladskort_snum{ font-size:10px; color: #929; }
.pladskort_hnum{ font-size:10px; color: #fff; }

.pladskort_txt{ font-size:10px; color: #444; }


/* End Of Pladskort Stuff =================================================================*/

.space_before_menu{height:0px;}		/* spacer above menu */
.space_after_menu{height:16px;}		/* spacer after menu */

/* Start Of PureCSS Menu =================================================================*/

/* The following are preserved for single white line border on menus */
/* #navPureCSS a{float:left;padding:1px 6px 2px 8px;display:block;color:#fff; text-decoration:none;font-weight:bold;border-left:1px solid #fff;} */
/* #navPureCSS span{float:left;padding:1px 6px 2px 8px;display:block;color:#fff; text-decoration:none;font-weight:bold;border-left:1px solid #fff;} */
/* #navPureCSS .niveau2 li{float:none;clear:both;white-space:normal;display:none;border-left:1px solid #fff;} */



#menuPureCSS{  BACKGROUND-COLOR: #4e81d4; text-align:right; font-size:12px;z-index:10003}

#menuPureCSS_l{ float: left;  clear: both;}
#menuPureCSS_r{ float: right; clear: right; }
#menuPureCSS_e{ clear: both; }

#navPureCSS{ float:left;padding-left:38px; text-align:left;}
#navPureCSS li{background:none;}
#navPureCSS .lineRight{width:1px;height:15px;background:#fff;display:block;float:left;}
#navPureCSS #btmLine{width:110px;height:7px;border-bottom:1px solid #fff;color:#fff;}
#navPureCSS ul{margin:0;padding:0 }
#navPureCSS li{white-space:nowrap;margin:0;padding:0;list-style:none;display:block;float:left;}

#navPureCSS li .niveau2{position:absolute;z-index:100;width:110px;margin:15px 0 0 0; border-left:1px solid #fff; border-right:1px solid #fff;}
#navPureCSS li .niveau2{z-index:100;margin:15px 0 0 0; BACKGROUND-COLOR: #4e81d4;}

#navPureCSS a{float:left;padding:1px 6px 2px 8px;display:block;color:#fff; text-decoration:none;font-weight:bold;}
#navPureCSS a:hover{color:#AAA;}
#navPureCSS a.selectedNiveau1{color:#ED9708;} 
#navPureCSS a:hover.selectedNiveau1{color:#ED9708;} 


/* I added this so that I could change menu titles that are not active */
/* but have more than one link into a span rather than a link */
#navPureCSS span{float:left;padding:1px 6px 2px 8px;display:block;color:#fff; text-decoration:none;font-weight:bold;}

#navPureCSS .niveau2 li{float:none;clear:both;white-space:normal;display:none;}
#navPureCSS .niveau2 a{float:none;clear:both;width:86px;display:block;padding:5px 5px 3px 19px;border:none;background: url(../grafik/icon_liststyle1_sml.gif) 9px 10px no-repeat;}
#navPureCSS .niveau2 #selected a{ color:#ED9708;background: url(../grafik/icon_liststyle1_sml_h.gif) 9px 10px no-repeat;}
/* what makes it work (only 1 lvl down)*/
#navPureCSS li .niveau2 .item{display:none;}
#navPureCSS li .niveau2 #btmLine{display:none;}
#navPureCSS li .niveau2 #selected{display:block;}
#navPureCSS li .niveau2 #btm{display:block;}
#navPureCSS li:hover .niveau2 .item{display:block;}
#navPureCSS li:hover .niveau2 #btmLine{display:block;}
#navPureCSS li:hover .niveau2 #selected{display:block;}
#navPureCSS li:hover .niveau2 #btm{display:none;}
/* End Of PureCSS Menu ================================================================== */

/* Start Of CSS and JS Menu ============================================================= */
/* IMPORTANT the class name navCSSandJS appears in menu.js and general.css                */

#menuCSSandJS{  height:30px; color:#6f95d3; z-index:10003}

/* The following line is mine */
#navCSSandJS{ float:left;padding-left:38px; text-align:left;font-size:12px;}


#navCSSandJS, #navCSSandJS ul{ margin: 0; list-style: none; }
#navCSSandJS a{display: block;  text-decoration:none; color:#fff; font-weight:bold; }

/* The following line doesnt seem to do anything hence development of lines that follow with cssjs_niveau2 - get rid of it*/
/* #navCSSandJS a:hover{color:#AAA; font-weight:bold;} */

/* The following three lines are mine */
#navCSSandJS .cssjs_niveau2 a{ display: block;  text-decoration:none; padding:5px 5px 3px 19px; color:#fff; font-weight:bold; background: url(../grafik/icon_liststyle1_sml.gif) 9px 10px no-repeat; }
#navCSSandJS .cssjs_niveau2 a:hover{color:#AAA;}
#navCSSandJS .cssjs_niveau2 #cssjs_selected a{ color:#ED9708;background: url(../grafik/icon_liststyle1_sml_h.gif) 9px 10px no-repeat; }
#navCSSandJS .cssjs_niveau1 ul{border-bottom:1px solid #fff; BACKGROUND-COLOR: #4e81d4;}

/* In the following line the border-left is mine */
#navCSSandJS  li { float: left; }
#navCSSandJS .cssjs_niveau1 { padding:2px 6px 2px 5px; }
#navCSSandJS .cssjs_niveau1 a{ padding-left:6px;border-left:1px solid #fff; }
#navCSSandJS .cssjs_niveau2 a{ padding-left:20px; border-left:1px solid #fff; }

#navCSSandJS li ul { position: absolute;  left: -999em; }
/* The following line is mine */
#navCSSandJS li ul li{ float: left; clear: both; width:110px;}
#navCSSandJS li:hover ul { left: auto; }
#navCSSandJS li.sfhover ul { left: auto; }  /* sfhover is set up in menu.js suckerfish fix */
/* End Of CSS and JS Menu ================================================================ */


/* Start Of Experimental Menu ============================================================= */

.nav-container-outer{
background: #990000;
padding: 0px;
height: 74px;
background: url(../grafik/menu-nav-bg.jpg);
background-repeat:repeat-x;
}

.nav-container .item-secondary-title{
display:block;
cursor:default;
white-space:nowrap;
}

.nav-container{
position:relative;
zoom:1;
margin: 0 auto;
}
.nav-container a, .nav-container li{
float:left;
display:block;
white-space:nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li{
float:none;
}
.nav-container ul{
display: none;
/* left:-10000px; ME */
position:absolute;
}
.nav-container, .nav-container ul{
list-style:none;
padding:0px;
margin:0px;
}

.nav-container li a{
float:none
}
.nav-container li{
position:relative;
}
.nav-container ul{
z-index:10;
}
.nav-container ul ul{
z-index:20;
}
.nav-container ul ul ul{
z-index:30;
}
.nav-container ul ul ul ul{
z-index:40;
}
.nav-container ul ul ul ul ul{
z-index:50;
}

#nav-container ul {
top:100%;
}
#nav-container ul li:hover>ul{
top:0px;
left:100%;
display:block;
}

/*^'^ Primary Items ^'^*/	
#nav-container a, #nav-container span{	
padding:7px 10px 7px 18px;
margin: 10px 0px 0px 0px;
color: #FFFFFF;
font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:14px;
text-decoration:none;
font-weight: bold;
background: url(../grafik/menu-item-primary-bg.gif);
background-repeat: no-repeat;
background-position: top;
}


/* The following one is me - span does not support padding as inline, I am not sure what I am doing here*/
#nav-container span{
display:block;
}

/* The following one is me to get spans acting interactively */
#nav-container span:hover{
color: #6d6a49;
background: url(../grafik/menu-item-primary-bg.gif);
background-repeat: no-repeat;
background-position: center;
display:block;
}


#nav-container a:hover{
color: #6d6a49;
background: url(../grafik/menu-item-primary-bg.gif);
background-repeat: no-repeat;
background-position: center;
display:block;
}


/*^'^ Secondary Items Container ^'^*/	
#nav-container div, #nav-container ul{	
padding:10px 4px 10px 4px;
margin:0px 0px 0px 0px;
background: url(../grafik/menu-item-secondary-container-bg.jpg);
background-repeat: repeat-x;
background-color: #FF9900;
border-bottom: 1px solid #CA6500;
}

/*^'^ Secondary Items ^'^*/	
#nav-container div a, #nav-container ul a{	
padding:3px 10px 3px 6px;
background-color: #FFFFFF;
background: url(../grafik/menu-item-secondary-bg.jpg);
background-repeat: no-repeat;
background-position: 0px 22px;
font-size:11px;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;
width: 149px;
}

/*^'^ Secondary Items Hover State ^'^*/	
#nav-container div a:hover, #nav-container ul a:hover{	
background-color: #FFFFFF;
background: url(../grafik/menu-item-secondary-bg.jpg);
background-repeat: no-repeat;
color: #6d6a49;
display:block;
}

/*^'^ Secondary Item Titles ^'^*/	
#nav-container .item-secondary-title{	
cursor:default;
padding:4px 0px 3px 7px;
color: #6C3600;
font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:11px;
/* background: url(images/item-secondary-title-bg.jpg); */
background-repeat: no-repeat;
font-weight:bold;
}

/* This one is me */
#nav-container .item-primary-sel{	
color: #6d6a49;
}




/*^'^ Horizontal Dividers ^'^*/	
#nav-container .divider-horiz{	
border-top-width:1px;
margin:5px 5px;
border-color: #C16100;
}

/*^'^ Vertical Dividers ^'^*/	
#nav-container .divider-vert{	
border-left-width:1px;
height:15px;
margin:4px 2px 0px 2px;
border-color:#AAAAAA;
}

.float-left{
float: left;
}
.float-right{
float: right;
}

.clear{
font-size:1px;
height:0px;
width:0px;
clear:left;
line-height:0px;
display:block;
float:none;
}


li:hover>ul{
left:auto;
display:block;
}


/* End Of Experimental Menu ============================================================= */

.clickable_span{ cursor: pointer; border: #9daccb 1px solid;}
.clickable_span:hover{ border: #ece9d8 1px solid; color: white; cursor: pointer;}

.special_message_control{ font-size:14px; font-weight:bold; color:#e55590;}
.special_message_control:hover{ color:#333333; cursor: pointer;}

.special_message_link{ text-decoration:none; font-size:14px; font-weight:bold; color:#e55590;}
.special_message_link:hover{ color:#333333; cursor: pointer;}

/* ========= VIDEO ====================================================================== */
.video_desc{ margin-left:10px; margin-top:40px; margin-bottom:10px;}
/* ========= VIDEO ====================================================================== */