@charset "utf-8";

*{
	margin:0px;
	padding:0px;
	font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
	font-size:12px;
	/*font-weight: 600;*/
}

/*TEKST*/
h1,h2,h3,h4{
	margin-top:15px;
	margin-left:10px;
	color:#2997c1;
}

h1{
	font-size:17px;
}

h2{
	font-size:16px;
}

h3{
	font-size:12px;
	padding-left:30px;
}

p{
	color:white;
	padding:15px 45px 0px 40px;
}

a{
	text-decoration: none;
	color:#2997c1;
}

ul{
	list-style: none;
	color:white;
}

/*FORMS*/
label{
	float:left;
	clear:both;
}

input{
	float:right;
}

textarea{
	float:right;
	resize: none;
}


body{
	position: relative;
	z-index:-1;
}


/*====================== HEADER//MENU ======================*/

.header-bg{
	position: relative;
	margin:auto;
	height:100px;
	background-color: #000;
	border-bottom:3px solid #9fedf0;
	padding-left:10px;
	z-index:1;
}
 
#social-small {
	position: absolute;
	width:200px;
	top:67.7%;
	left:78%;
	z-index:3;
}

#social-small img{
	height:14%;
	width:14%;
}

#stickyEarth{
	float:right;
	position: relative;
	z-index:2;
}

nav{
	width:840px;
	margin:auto;
}

nav ul {
/*	position: relative;*/
/*	margin-left:auto;*/
	list-style: none;
	margin-top: -1.3%;
	z-index: 0;
}

nav ul li{
	float: left; 
	margin-top: 6px; 
	padding-left:20px; 
	width:125px;
	text-align: center;
	text-decoration: none;
	height:22px;
}

nav ul li:first-child{
	padding-left: 0;
}

nav ul li a { 
	position: absolute;
	width:125px;
	height:22px;
	padding:10px 0 0px 0;
	display:inline-block;
	background-image: url(../img/menu-bgc.gif);
	color:white;
	box-shadow:inset 0 0 3px #FFF; 
	border:1px solid #1149cc;
	border-radius: 10px;
}
nav ul li a:hover{ 
	box-shadow:inset 0 0 10px #000;
}

/********når der scrolles********/
.f-header-bg{
	height:25px;
	z-index: 9999; 
	position: fixed; 
	left: 0; 
	top: 0; 
	width: 100%;
	padding-left:2px;
	/*Webkit bugfix (Undgå at Flash eventlister overskriver position:fixed)*/
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	
} /* Det får menuen til at holde sig i toppen*/
    
.f-header-bg img{
	height:100%;
} /*billeder tilpasses den nye størrelse*/

.f-header-bg #stickyEarth{
	visibility: hidden;
}

.f-menu {
	z-index: 9999; 
	position: fixed; 
	left: 34%; 
	top: 0; 
	/*width: 40%;*/
		/*Webkit bugfix (Undgå at Flash eventlister overskriver position:fixed)*/
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
} /*Resizer menuen til den nye sticky header*/

.f-menu li{
	padding: 3px;
	width:70px;
	padding:7px 0 0 20px;
}

.f-menu li a{
	height:12px;
	width:80px;
	font-size: 10px;
	padding:2px 0 1px 0;
}

.f-menu li a:hover{
	font-size: 11px;
}

.f-header-bg #social-small{
	width:100px;
	top:6%;
	left:93.6%;
}

.f-header-bg #social-small img{
	height:20%;
	width:20%;
}

/*====================== Content ======================*/
#wrapper{
	height:765px;
	background-image: url(../img/bg.jpg);
	background-size: cover;
	z-index:-1;
	position: relative;
	padding-top:335px;
}

.content-wrapper{
	width:825px;
	position: relative;
/*	margin:auto;
	padding-top:20%;*/
/*    position: absolute;
    top:30%;
    left: 23%;*/
    margin:auto;
   /* margin: -17% 0 0 -33%;*/
}

/*||| Content layout til hovedsiderne |||*/

/********Venstre side af content********/
#left .top{
	height:403px;
	width:400px;
	background-color: #000;
	margin-bottom:15px;
	border: 3px solid #9fedf0;
}

.top img{
	float:right;
	margin-right:50px;
	margin-top:5px;
}

.top h3,p{
	padding-left:20px;
	padding-right:0px;
}

.top h3{
	padding-left:10px;
}
/*scroll- solsystemet*/
.top-wrapper{
	background-color: rgba(200,200,200,0.25);
	border-radius: 10px;
}

/*add top wrapper for indication*/
.solsystem-wrapper{
	width:370px;
	height:335px;
	padding-top:10px;
	margin-left:15px;
	margin-top:5px;
}

.top #top-content{/*Scroll til solsystemet*/
	width:360px;
	height:330px;
	overflow-y:scroll;
}

.content-wrapper .medium-box{
	height:230px;
	width:390px;
	background-color: #000;
	border: 3px solid #9fedf0;
	box-shadow:inset 0 0 12px #FFF; 
	padding-left:10px;
	padding-top:5px;
	position: relative;
}

.content-wrapper .medium-box p{
	padding-left:25px;
	padding-right:50px;
}

#left .medium-box p{
	padding-left:20px;
}

#left .moon img{
	position: absolute;
	bottom:0;
	top:74%;
	left:2.2%;
}

.readMore{
	width:350px;
	position: absolute;
	bottom:0;
	top:80%;
	left:18%;
}
.readMore p{
	float:right;
}

.highlight a{
	display: inline-block;
	height:20px;
	width: 70px;
	padding-top:5px;
	border-radius: 20px;
	color:#4ff7f4;
	text-align: center;
	border:1px groove #c1c1c1;
	
	margin:-30px 0 5px 10px;
	
	background: rgb(21,11,8); /* Old browsers */
background: -moz-linear-gradient(top, rgba(21,11,8,1) 0%, rgba(9,61,82,1) 12%, rgba(9,61,82,1) 86%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(21,11,8,1)), color-stop(12%,rgba(9,61,82,1)), color-stop(86%,rgba(9,61,82,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(21,11,8,1) 0%,rgba(9,61,82,1) 12%,rgba(9,61,82,1) 86%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(21,11,8,1) 0%,rgba(9,61,82,1) 12%,rgba(9,61,82,1) 86%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(21,11,8,1) 0%,rgba(9,61,82,1) 12%,rgba(9,61,82,1) 86%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(21,11,8,1) 0%,rgba(9,61,82,1) 12%,rgba(9,61,82,1) 86%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#150b08', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	
}

.highlight a:hover{
	
	color:#bfffff;
	text-align: center;
	
	margin-top: -30px;
	
background: rgb(21,11,8); /* Old browsers */
background: -moz-linear-gradient(top, rgba(21,11,8,1) 0%, rgba(9,61,82,1) 12%, rgba(17,123,155,1) 86%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(21,11,8,1)), color-stop(12%,rgba(9,61,82,1)), color-stop(86%,rgba(17,123,155,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(21,11,8,1) 0%,rgba(9,61,82,1) 12%,rgba(17,123,155,1) 86%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(21,11,8,1) 0%,rgba(9,61,82,1) 12%,rgba(17,123,155,1) 86%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(21,11,8,1) 0%,rgba(9,61,82,1) 12%,rgba(17,123,155,1) 86%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(21,11,8,1) 0%,rgba(9,61,82,1) 12%,rgba(17,123,155,1) 86%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#150b08', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}


/********Højre side af content********/


#right{
	float:right;
}

#right .medium-box{
	margin-left:31px; 
}

#right .astro img{
	position: absolute;
	bottom:0;
	top:68.5%;
	left:0%;
}


#right #mid{
	height:149px;
	width:419px;
	background-color: #000;	
	border: 3px solid #9fedf0;
	border-left:none;
	margin: 13px 0px 15px 15px;
}

#mid img{
	float:right;
}

#mid #forside-img{
	position: absolute;
	top:39.4%;
	left:53%;
}


/********Scrollbar styling********/
::-webkit-scrollbar {
      width: 17px;
} /* this targets the default scrollbar (compulsory) */

::-webkit-scrollbar-track {
      background-color: #7c7c7c;
} /* the new scrollbar will have a flat appearance with the set background color */

::-webkit-scrollbar-thumb {
      background-color:#093d52;
} /* this will style the thumb, ignoring the track */

::-webkit-scrollbar-corner {
      background-color: black;
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */


/*hovedside - tilmeld*/
#meet-us{
	margin:15px 0 0 10px;
}

#meet-us a, #meet-us ul{
	float:right;
}

#meet-us h2{
	margin:10px 0 0 0;
}

#meet-us li{
	margin:0 10px 10px 0px;
}

#meet-us a img{
	margin:30px 25px 0 0;
	height:80%;
	width:80%;
}

.tilmeld form{
	margin-right:5px;
	width:250px;
}

.tilmeld input{
	margin-right:10px;
	width:150px;
}

.tilmeld input[type="submit"]{
	position: absolute;
	top:54.8%;
	left:34%;
	width:50px !important;
}/*submit knap*/

/*hovedside - medie*/

#mid .mid-billeder{
	border: 3px solid #c7c7c7;
	border-radius: 5px;
	margin: 4px 5px 0px 0px;

}

/*Video og flash*/
video{
	float:right;
	margin:0 20px 0 0;
	border: 2px solid #9fedf0;
}

object{
	margin:15px 0 0 5px;
}



/*||| Content layout til kontaktside og observationer |||*/


/*Venstre side*/
.kontakt  p{
	padding-left:30px;
	padding-right:30px;
}

.form{
	height:400px;
	width:250px;
	color:white;
	margin:15px 0 0 30px;
}

.form form{
	float:right;
}

.form label,input,textarea{
	margin-bottom:10px;
}

.kontakt-form input{
	width:60%;
}

.form textarea{
	width:61%;
}

.kontakt-form input[type="submit"]{
	float:right;
	width:39%;
}

#social-media{
	margin:45px 0 0 120px;
}

/*Højre side*/
#large-box{
	height:650px;
	width:400px;
	background-color: #000;
	border: 3px solid #9fedf0;
	box-shadow:inset 0 0 12px #FFF; 
	color:#2997c1;
}
#large-box #gmap{
	position: absolute;
	top:12.3%;
	left:69%;
	border:3px solid #737373;
	border-radius: 5px;
}

#rocket{
	position: absolute;
	top:60%;
	left:69%;
	border:3px solid #737373;
	border-radius: 5px;
}

#large-box #kontakt-info{
	margin-left:40px;
}

#large-box #kontakt-info li:last-child{
	margin-top:30px;
}

#large-box #email li:nth-child(even){
	margin-bottom:20px;
}

#large-box a{
	color:#666666;
	font-weight: 900;
	margin-top:20px;	
}

#large-box #email{
	margin:50px 50px 0 45px;
}

.obs-large-box{
	height:643px !important;
	width:380px !important;
	padding:5px 10px 10px 10px;	
}

#large-box-scroll{/*obs content wrapper*/
	height:580px;
	width:350px;
	margin:10px 0 0 15px;
	word-wrap: break-word;
	overflow-y:scroll;
	background-color: rgba(200,200,200,0.20);
}

.obs img{
	margin:20px 0 20px 20px;
	border: 3px solid rgba(200,200,200,0.2);
}

#obs-naut{
	margin:0 0 20px 0px !important;
	border: 3px solid rgba(200,200,200,0.2);
}

/*|||||| Content layout til undersider ||||||*/

.underside{
	/*margin-top:-14%;*/
}

/*****underside generator*****/

.small-box{
	height:220px;
	width:350px;
	background-color: #000;
	border: 3px solid #9fedf0;
	box-shadow:inset 0 0 12px #FFF; 
}

/*Venstre - stor*/

.underside h1{
	margin:7% 0 0 5%;
}

.full-box{
	height:700px;
	width:435px;
	background-color: #000;
	border: 3px solid #9fedf0;
	box-shadow:inset 0 0 12px #FFF; 
}

.solsystem-sub #left img{/*underside til solsystemet*/
	margin:0 0 0 35px; 
}

.scroll-wrapper{
	width:410px;
	height:610px;
	margin:10px 0 0 13px;
	padding:15px 0 0 0;
}

#info-wrapper{
	width:370px;
	height:600px;
	padding-right:10px;
	margin:auto;
	word-wrap: break-word;
	overflow-y:scroll;
}

#info-wrapper p{
	margin:0;
	padding:0 0 0 0;
}

#info-wrapper h3{
	margin:0;
	padding:20px 0 5px 0;
}

#info-wrapper img{
	margin:40px 0 0 42px;
	border: 3px solid rgba(200,200,200,0.2);
}


.mid{
	margin: 24px 0px 24px 0px;
	height:200px;
}

/****HØJRE****/
.solsystem-sub #right img{
	margin:50px 10px 0 0;
	float:right;
}

/*top*/
.underside embed{
	margin:4% 0 0 5%;
}

/*mid*/
.oplysninger h3{
	margin:3% 0 2% 20%;
}

.oplysninger ul li{
	margin-bottom:14px;
}

.oplysninger-indent{
	display:inline-block;
	margin-left:15px;
	width:115px;
}

/*bot*/
.planet img{
	position: absolute;
	margin:10px 0 0 0;
}


.planet p{
	display: inline-block;
	height:140px;
	width:130px;
	float:right;
	margin:10% 2% 0 0;
	word-wrap: break-word;
}

/****JQDOCK interaktiv planet menu****/
#planet-menu{ 
	position: absolute;
	top:-19%;
	height:8%;
	width:100%;
	background-color: rgba(20,100,100,0.8);
	padding-top:60px;
	border: 3px solid #c7c7c7;
	border-radius: 15px;
}

#menu { 
	position: absolute;
	left:0%;
	top:25%;
}

.jqDockLabel { /*popup tekst på billeder*/
	background: #333; 
	color: #fff; 
	padding: 3px 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
}

.maane-menu #menu{
	left:23%;
}

/*====================== FOOTER ======================*/

footer{
	height:300px;
	background-color: #000;	
	border-top:3px solid #9fedf0;
}


footer img{
/*	float:left;*/
	position: absolute;
	z-index:2;
	top:68%;
}

/*footer img{
	position: absolute;
	margin-top:-9%;
	z-index: 999;
}*/
/*
@media all and (max-width: 1600px) {
	footer img{
	position: absolute;
	margin-top:-14% !important;
	z-index: 999;
}

}


@media all and (max-width: 1400px) {
	footer img{
	position: absolute;
	margin-top:-14% !important;
	z-index: 999;
}

}

@media all and (max-width: 1200px) {
	footer img{
	position: absolute;
	margin-top:-14% !important;
	z-index: 999;
}

}*/


#nyhedsbrev{
	height:250px;
	margin:auto;
	padding:10px;
	padding-left:450px;
	
}

#nyhedsbrev h2{
	margin-bottom: 5px;
}

/********Tilmeldingsformular********/
#nyhedsBox{
	width:400px;
	background-color: #093d52;
	border:3px solid #2997c1;
	border-radius: 10px;
	height:50px;
	margin-top:20px;
	margin-left:40px;
	padding:10px;
}

#nyhedsBox label{
	float:left;
	margin-top:2px;
	margin-bottom:10px;	
}

#nyhedsBox input[type='text']{
	float:left;
	width:200px;
	height:20px;
	border:1px solid black;
	margin:0 0 0 20px;

}

#nyhedsBox input:nth-child(2){
	margin:0 0 0 25px;

}


/*Tilmeldingsknap er tilføjet, da den manglede*/
footer input[type='submit']{
	display: inline-block;
	color:#9fedf0;
	background-color:#093d52;
	height:20px;
	width:80px;
	float:right;
	border:3px solid #2997c1;
	border-radius: 30px 0 30px 0;

}

footer input[type='submit']:hover{
	background-color: #9fedf0;
	color:black;
}

footer input[type='submit']:active{
	background-color: #000;
	color:white;
	box-shadow:inset 0 0 15px #FFF; 
}


/********Footer liste menu********/
#info{
	padding-top:7px;
	padding-left:350px;
	height:20px;
	border-top:3px solid #7c7c7c;
	font-size: 11px;
	color:white;
}

#info ul{
	list-style: none;
}

#info ul li{
	float:left;
	margin-right:10px;
	border-right:2px solid white;
	padding-right:10px;
}

#info ul li:last-child{
	border:none;
}


/**MEDIAQ*/
@media all and (max-width: 1206px) and (min-width: 1025px){



nav ul li{
	float: left; 
	margin-top: 6px; 
	padding-left:0px; 
	width:125px;
	text-align: center;
	text-decoration: none;
	height:22px;
}

}

@media all and (max-width: 1025px) and (min-width: 605px){


	nav{
	width:1100px;
	margin:auto;
}

nav ul li{
	width:100px;
	text-decoration: none;
	height:22px;
	
}




}