/* FRONTEND CSS

*********************************************/



html {

	/* scrollbar fix (prevent ugly left pull for lower content sites) */

	overflow-y: scroll;
	background-color: #fff !important;

}



body {
background-color: #fff !important;
}
.body {
background-color: #fff !important;
}

.frameborder {
	
	border: 0px !important;
	}
::-webkit-scrollbar { 

    display: none; 

}



/* HEADER - TOP */



.logo {

    margin-top: 0;

	background-color: #fff !important;

	position: fixed;

	z-index:300;

}



.top-menu-box {

	height: 85px;	

	float:right;

	width:	387px;

    background: -webkit-linear-gradient(#D9E7F5,#ACB8C7,#D9E7F5); /* For Safari 5.1 to 6.0 */

    background: -o-linear-gradient(#D9E7F5,#ACB8C7,#D9E7F5); /* For Opera 11.1 to 12.0 */

    background: -moz-linear-gradient(#D9E7F5,#ACB8C7,#D9E7F5); /* For Firefox 3.6 to 15 */

    background: linear-gradient(#D9E7F5,#ACB8C7,#D9E7F5); /* Standard syntax (must be last) */

	position:fixed;

	left: 1510px;

	border-bottom:#ACB8C7 solid 10px;

	color:#fff !important;

	font-size: 30px;

	z-index:300;

}

.icon-menu{

    background: -webkit-linear-gradient(#D9E7F5,#ACB8C7,#D9E7F5); /* For Safari 5.1 to 6.0 */

    background: -o-linear-gradient(#D9E7F5,#ACB8C7,#D9E7F5); /* For Opera 11.1 to 12.0 */

    background: -moz-linear-gradient(#D9E7F5,#ACB8C7,#D9E7F5); /* For Firefox 3.6 to 15 */

    background: linear-gradient(#D9E7F5,#ACB8C7,#D9E7F5); /* Standard syntax (must be last) */

	

}



/* SIDEBAR */



#left

{

        float:right;

        width: 114px;

        text-align:right !important;

		background-color: #D4E0EE;

		color: #ffffff !important;

		height:805px;

		position:fixed;

}







/* NAVIGATION */



.sidebar-nav  {  

/*	margin-top: 180px;

*/    padding: 0;

    border: 0;

    outline: 0;

    vertical-align: baseline;

    background: transparent;

	

}

.sidebar-scroll  {  

	background-color: #CFDEED;

	text-align: center;

	float:right;

	width:114px;

	position: absolute;

	margin: 184px 0px 0px 1783px;

}

.scroll  {  

	text-align: center;

	z-index: -2;

}



.moduletable_menu {

	border: solid 1px #ddd;

	background: #f9f9f9;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	padding: 20px;

	margin-bottom: 20px

}



ul.menu {

	margin: 0 0 0px 0;

	padding: 0;

}



ul.menu,ul.menu ul {

	list-style-type: none;

}



ul.menu a {

	display: block;

	margin: 0;

	text-decoration: none;

	color: #fff;

	font-size: 45px;

	line-height: 140px;

	font-family:Verdana, Geneva, sans-serif;

	padding-left: 20px

}



ul.menu li:last-child a {

	border: 0;

	box-shadow: none

}



ul.menu ul {

	margin: 0;

	padding: 0

}



ul.menu ul a {

	padding-left: 20px

}



ul.menu ul ul a {

	padding-left: 30px

}



ul.menu ul ul ul a {

	padding-left: 40px

}



ul.menu ul ul ul ul a {

	padding-left: 45px

}



.ture-menu {

	background-color: #da1f13;

	height:140px;

	text-align: left;

}



.ture-menu a{

	background-color: #da1f13;

	height:140px;

	text-align: left;

}









.historie-menu {

	background-color: #c81b11;

	height:140px;

	text-align: left;

}

.natur-menu{

	background-color: #b91910;

	height:140px;

	text-align: left;

}



.landskab-menu{

	background-color: #a1140c;

	height:140px;

	text-align: left;

}



.fortael-menu{

	background-color: #8d1009;

	height:140px;

	text-align: left;

}



.svinke-menu{

	background-color: #700a05;

	height:140px;

	text-align: left;

}



.hvid-menu{

	background-color: #fff;

	height:40px;

	color: #666 !important;

	width: 313px;

	text-align:center;

	font-size:27px !important;

	margin: 0px !important;

	padding: 0px !important;

	line-height: 60px !important;

}



.bottom-menu {

	text-decoration: none;
	z-index: 99999999999 !important;
	position:absolute;

	color: #000;

	font-family: open "Open Sans", "Open Sans Extrabold", "Open Sans Light", "Open Sans Semibold"

}





.horizontal_menu li

{

display:inline;

list-style-type:none;

padding-right:0px;

float:left;

border-right:1px solid #ccc;

vertical-align:middle;

}

/* TEKST FELT */

.main-text {

	padding: 215px 50px 140px 115px;
	height: 800px;
	overflow:auto;
	left:0px;
	z-index:2;

	background-image: url(/images/Natur/underside_natur.jpg);

	background-position: fixed;

	background-repeat: no-repeat;

	background-position-y: 0px;
}


/*.main-text-natur {

	padding: 215px 50px 140px 115px;

	height: 800px;

	overflow:auto;

	left:0px;

	z-index:2;

	background-image: url(/images/Natur/underside_natur.jpg);

	background-position: fixed;

	background-repeat: no-repeat;

	background-position-y: 0px;
}
*/


.TA {

	scrollbar-3dlight-color:#990000;

	scrollbar-arrow-color:#990000;

	scrollbar-base-color:#990000;

	scrollbar-darkshadow-color:#990000;

	scrollbar-face-color:#990000;

	scrollbar-highlight-color:#ffffff;

	}

	



        .scrollable_div{

            overflow: auto;

            width: 100px;

            height: 100px;

        }

	

.cat-menu {

	background-color: #990000;

	height: 20px;

	width: 140px;

	color:#fff;

	font-size: 16px;

}



.details-text {

	font-size: 36px;

}



.h2 {

	font-weight: normal;

	font-size: 16px;

}



/* Kategori menuer røde bokse */



.menu-red-box {

	background-color: #B3190F;

	height: 47px;

	width: 100px;

	margin: 20px;

	padding: 5px;

	float: left;

	color: #fff;

}



.menu-box-a {

	color: FFF;

}



ul.menu-red-box  {

	padding: 0;

}





ul.menu-red-box  a {

	display: block;

	margin: 0;

	text-decoration: none;

	color: #fff;

	font-size: 45px;

	line-height: 140px;

	font-family:Verdana, Geneva, sans-serif;

	padding-left: 20px

}





.hotspot-container {

	width: 267px;

	height: 80px;

	position: relative;

	background-color: #990000;

	top: 60px;

	left: -30px;

	float:left;}

	

.hotspot-container-2 {

	width: 267px;

	height: 50px;

	position: relative;

	background-color: #990000;

	top: 90px;

	left: 400px;

	font-size: 36px;

	color:#fff;

}	

.hotspot-container-3 {

	width: 100px;

	height: 50px;

	position: relative;

	background-color: #990000;

	top: 40px;

	left: 916px;

}	



  .hotspot-container .hotspot {

    width: 200px; height: 30px;

    position: absolute;

    top: 20px; /* Top coord of hotspot (relative to parent, bottom: 20px is also valid) */

    left: 20px; /* Left coord of hotspot (right: 20px is also valid); */

  }

.mydiv {

    border: 0px solid #00f;

    cursor: pointer; 

}



.hidden-menu {

	visibility: hidden;}

	

.top {

	margin-top: 200px;

	}

	

.anchor{

  display: block;

  height: 315px; /*same height as header*/

  margin-top: -315px; /*same height as header*/

  visibility: hidden;

}	





.wrapper {

	max-width: 1240px;

	max-height: 780px;

	padding-top:40px;

	overflow:auto;
	border: 0px !important;

	}

	

.iframe::-webkit-scrollbar {

	overflow:scroll;

	overflow-style:marquee-block;

	direction:rtl; 

    height:500px; 

    width:500px; }

		

		

#scroll-pane

{

	width: 100%;

	overflow: visible;

	overflow-style:auto;

}



.scroll-pane

{

	width: 100%;

	overflow: scroll;

}



.horizontal-only

{

	height: auto;

	max-height: 200px;

}

.img-text	{

	vertical-align: top;

	margin: auto 2px auto 2px;

	

	}

.div    position:relative;

}



.clickable a {

    text-decoration:none; /* Makes sure the link   doesn't get underlined */

    z-index:10; /* raises anchor tag above everything else in div */

    background-color:white; /*workaround to make clickable in IE */

    opacity: 0; /*workaround to make clickable in IE */

    filter: alpha(opacity=1); /*workaround to make clickable in IE */

}	

.dansk-link {
    background-image:url(http://kongeaatouch.dk/images/Historie/danskhed.jpg);
    display:block;
    height:100px;
    text-indent:-9999px;
    width:460px;	

	
}

a.fillthediv{display:block;height:100%;width:100%;text-decoration: none;}

.fulldivhead

{font-family:Verdana,Arial, Sans-Serif;font-size:14pt;color:black;font-weight:bold;margin:0 0 0 0;}

.fulldivp

{font-family:Verdana,Arial, Sans-Serif; font-weight:normal;font-size:9pt;color:Black; padding: 5 0 5 0; margin:0 0 0 0;}