/* compressor */

body {
	background: #495e78;
	color: #040412;
	margin: 0px; margin-bottom: 12px; 
	font-size: 16px; font-family: 'Roboto', sans-serif;
}
@media only screen and (max-width: 440px) {
	body   {
		margin: 0;
	}
}

div.hero {
	position: fixed;
}
div.hero img {
	padding-top: 2px;
}


div.margin-top {
	background: rgba(30, 30, 30, 0.3); /*rgba(35, 40, 80, 0.6);  #232850;*/
	padding-top: 8px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3;
}

div.margin-bottom {
	background: rgba(30, 30, 30, 0.3); /*rgba(35, 40, 80, 0.6);  #232850;*/
	padding-top: 8px;
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 1;
}

.central-content {
	/*background: url(../img/bgrnd.jpg) #FFFFFF scroll repeat;*/
	background: rgba(0,0,0,0.35);
	padding-top: 0;
	z-index: 2;
}

div.header {
	background: url(../img/bgrnd.jpg) #FFFFFF scroll repeat;
}

/* Top page part */
.logoHolder {
	position: absolute;
	top: 0.1em;
}
img.ewdenlogo {
	border-style: none;
	border-width: 0px;
	margin-top: 16px;
}


.nav-row {
	background: rgba(0,0,0,0.0);
}

.navbar {
	margin-top: 0;
	background: rgba(30,30,30,0.5);
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #aaa;
    background-color: transparent;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
    border: 1px solid transparent;
}
.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #eee;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #333366;
    background-color: rgba(210,210,210,0.6);
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #333366;
    background-color: rgba(240,240,240,0.8);

}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
        border: 1px solid #999;
}


.dropdown-menu {
	background: rgba(30,30,30,0.7);
}
.dropdown-menu > li > a {
    color: #fff;
    border: 1px solid rgba(0,0,0,0);
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #aaa;
    background-color: transparent;
    border: 1px solid #999;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #333366;
    background-color: rgba(210,210,210,0.6);
}



.btn-primary:hover {
    color: #fff;
    background-color: #2f366b;
    border-color: #232850;
}
.btn-primary {
    color: #fff;
    background-color: #232850;
    border-color: #131840;
}
.btn .caret {
    margin-left: 0.2em;
}


.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}


table.formtable {
	background:   scroll repeat;
 }
h1   {
	text-align:center; color:#333366;
	font-family: 'Sacramento', cursive;
	font-size: 4.8em;
}
h2   {
	text-align:center; color:#333366;
}
@media only screen and (max-width: 440px) {
	h1   {
		font-size: 4em;
	}
	h2   {
		font-size: 1.6em;
	}
	
	.central-content {
		padding-top: 0;
	}
}

a:link{text-decoration:none; color: #333366 }
a:visited{text-decoration:none; color: #333366 }
a:active{text-decoration:underline; color: #CC0066 }
a:hover{text-decoration:underline; color: #CC0066 }		

div.intro, div.tourmain {
	background: rgba(248,248,248,0.5); /*#f8f8f8;*/
 	color:#0406412; /*#333366*/
  	text-align: justify; font-size: 1em; text-indent: 0em;
	padding-left: 0.5em; padding-top: 1em; padding-bottom: 3em; padding-right: 0.5em;
 }
@media only screen and (max-width: 440px) {
	div.intro, div.tourmain {
		padding-left: 0.1em; padding-top: 0.7em; padding-bottom: 2.5em; padding-right: 0.1em;
		margin-left: -10px;
		margin-right: -10px;
	 }
}
 
div.intro img {
	padding: 0.8em 0.5em;
	max-width: 100%;
}
@media only screen and (max-width: 440px) {
	div.intro img  {
		padding: 0.8em 0;
	 }
}
 
		  
.content {
	background: rgba(0,0,0,0.2);
	padding-top: 0;
	padding-bottom: 0.6em;
}		  
   	  
form.bookingform {
	display: inline-table;
	background: #e4e4e4;
	color:#224;
    text-align: justify; font-size: 0.95em; text-indent: 0em;
	padding-left: 0.5em; padding-top: 1em; padding-bottom: 1.5em; padding-right: 0.5em;
}

/* Touring */
.navmenu {
	background: rgba(0,0,0,0.2);
}
@media only screen and (max-width: 440px) {
	.navmenu  {
		margin-left: -10px;
		margin-right: -10px;
	 }
}
.tour-links {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	text-align: center;
	color:#fff;
	background: rgba(30,30,30,0.5);
	margin: 0;
	border: 1px solid rgba(160, 160, 160, 0.35);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.tour-links a:link{text-decoration:none; color: #fff; }
.tour-links a:visited{text-decoration:none; color: #fff; }
.tour-links a:active{text-decoration:underline; color: #333366 }
.tour-links a:hover{text-decoration:underline; color: #aaa }		
			
.tour-links li a {
	padding: 0.3em 1.2em;
	background: transparent;
	border: 1px solid rgba(100, 100, 100, 0.6);
	font-size: 0.9em;
}
			
.tour-links li a.active {
	text-decoration:underline;
	color: #333366;
    background-color: rgba(240,240,240,0.8);
}		  

div.tourmain img{
	padding: 0.8em 0.5em;
	max-width: 100%;
}
@media screen and (min-height: 600px) {
	    div.tourmain img{
			max-height: 450px;
	}
}
@media screen and (min-height: 760px) {
	    div.tourmain img{
			max-height: 650px;
	}
}
@media screen and (min-height: 900px) {
	    div.tourmain img{
			max-height: 750px;
	}
}


@media only screen and (max-width: 440px) {
	div.tourmain img  {
		padding: 0.8em 0;
	 }
}

div.tourbuttons {
	position: absolute;
	top: 0.3em;
	width: 100%;
	padding-top: 0.6em; 
	padding-bottom: 0.2em;
	text-align: center;
	font-size: 1.6em;
	z-index: 5;
}
a.tourButton {
	background-color:rgba(31, 43, 82, 0.4); 
	color:#fdf5e8; 
	padding:0.2em 0.4em;
	margin: 0.2em 1.2em;
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
div.tourbuttons .buttonNext {
	float: right !important;
}
div.tourbuttons .buttonNext::after {
	content: "\e080";
}

div.tourbuttons .buttonLast {
	float: left !important;
}
div.tourbuttons .buttonLast::after {
	content: "\e079";
}

div.imagecenter {
	text-align: center;
}
	

table.feestable {
	border: 1px solid #333366; border-collapse: collapse; background: #fdf5e8;
}
table.feestable th {
	color:  #333366;  font-weight: bold; font-size: 1em;
	padding-left: 0.4em; padding-top: 0.6em; padding-bottom: 0.4em; padding-right: 0.4em;
}
table.feestable>tbody>tr>td {
	color:  #333366;  font-size: 12pt;
	padding-left: 0.3em; padding-top: 0.2em; padding-bottom: 0.2em; padding-right: 0.3em;
	border: 1px solid #333366;
}	
			
			
/*Footer */	  
.footer {
	padding-top: 3.5em;
	padding-bottom: 3.5em;
	text-align: center;
	color:#fdf5e8; 
	background-color: rgba(0,0,0,0.5);
}

.footer a:link{text-decoration:none; color: #CCCCCC; }
.footer a:visited{text-decoration:none; color: #CCCCCC; }
.footer a:active{text-decoration:underline; color: #8888bb }
.footer a:hover{text-decoration:underline; color: #8888bb }		

/*  Booking page */
.booking-calendar {
	padding: 1em;
}

			
			