body {
	margin:0px;
	font-size: 15px;
	font-style: bold;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #ffffff;

	background-image:url('/pics/bg.jpg');
	background-repeat:repeat;
background-color:#001C2B;

}

a { text-decoration:none; 
color: #CCC;
font-style:italic;font-weight:bold;
}

a:link {color:#CCC; text-decoration:underline;}      /* unvisited link */
a:visited {color:#CCC; text-decoration:underline;}  /* visited link */
a:hover {color:#999; text-decoration:none; }  /* mouse over link */
a:active {color:#CCC; text-decoration:underline;}  /* selected link */

a img  
{  
border: none;  
}  

@font-face {
		font-family: 'Michroma';
		src: url('../fonts/Michroma.eot');
		src: local('☺'), url('../fonts/Michroma.woff') format('woff'), url('../fonts/Michroma.ttf') format('truetype'), url('../fonts/Michroma-webfont.svg#webfontLeO4sLIF') format('svg');
		font-weight: normal;
		font-style: normal;
		}
	@font-face {
		font-family: 'Oxygen-Bold';
		src: url('../fonts/Oxygen-Bold.eot');
		src: local('☺'), url('../fonts/Oxygen-Bold.woff') format('woff'), url('../fonts/Oxygen-Bold.ttf') format('truetype'), url('../fonts/Oxygen-Bold.svg#webfontBwH0zvHp') format('svg');
		font-weight: normal;
		font-style: normal;
		}
		
		
body {
font-family: 'Michroma', sans-serif;	
}

.center
{
margin:auto;
max-width:1024px;
height:100%;
background-color:#000918;
-webkit-box-shadow:  0px 0px 50px 15px rgba(0, 0, 0, 1);
        
        box-shadow:  0px 0px 50px 15px rgba(0, 0, 0, 1);
}

.content
{
background-image:url('/pics/midbg.jpg');
background-repeat:no-repeat;
background-size: 100% auto;
background-color:#000918;
height:100%;
overflow: hidden;
}

.outer{
    	padding:10px 40px 10px 20px;
display: inline; 	
    }
	
.full {
display:block;
width:100%;
}


.big
{
float: left;
background-image:url('/pics/bgblue.png');
background-repeat:repeat;
-webkit-border-radius: 20px;
border-radius: 20px;
margin-right:20px;
text-shadow: 1px 1px 1px #000000;
filter: dropshadow(color=#000000, offx=1, offy=1);
padding: 10px; 
margin-top:-10px;
margin-bottom:20px;
}

	.big{
width:100%; }

 @media only screen and (max-width: 5000px) {
 .big{
width:39%; }
  }	 
  
  @media only screen and (max-width: 990px) {
 .big{
width:37%; }
  }	 
  
   @media only screen and (max-width: 930px) {
 .big{
width:20%; }
  }	 
  
   .enkel{
padding: 10px;	   
width:50%; 
margin-left:20px;
margin-top:10px;
top:0px;
  }	
  
    .alleen{
padding: 10px;	   
width:95%; 
margin-left:20px;
margin-top:10px;
top:0px;
  }	 

.cart{
	display:block;
	z-index:1;
	position:absolute;
	top:3px;
	padding-left:7px;
}

.photo{
padding:10px;
width:50%;
max-width:300px;
}
.photo img{
	width:100%;
	max-width:300px;
}
.ph1 {
	float:right;
}

.ph2 {
	float:left;
}
@media only screen and (max-width: 340px) {
 .photo{
width:100%; 
padding:0px;}

.ph1 {
	float:none;
}

.ph2 {
	float:none;
}
  }	

.award{
	display:block;
	z-index:1;
	position:absolute;
	top:3px;
	right:3px;
		width:214px;
	height:229px;
	background-image:url('/pics/boataward.png');
background-repeat:no-repeat;


}

.right{
	display:block;
	position:relative;
	right:0px;
	align:right;
}



hr {
  border: 0;
  width: 100%;
  color: #fcf;
background-color: #fcf;
height: 1px;
}
	
.blue
{
background-image:url('/pics/bgblue.png');
}

.bluedark
{
background-image:url('/pics/bgbluedark.png');
}

.purple
{
background-image:url('/pics/bgpurple.png');
}

.yellow
{
background-image:url('/pics/bgyellow.png');
}

.orange
{
background-image:url('/pics/bgorange.png');
}

.green
{
background-image:url('/pics/bggreen.png');
}



#fbcomments, .fb-comments, .fb-comments iframe[style], .fb-comments span {
width: 100% !important;
}

.fb-like-box, .fb-like-box span, .fb-like-box.fb_iframe_widget span iframe {
    width: 100% !important;
}

.fb-like, .fb-like span, .fb-like.fb_iframe_widget span iframe {
    width: 100% !important;
}

.bookbuttonnow{
	font-weight: 900;
	color: #ff00f7;
}
.settingsarea{
	position: fixed;
    background: rgb(0 0 0 / 80%);
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 100vh;
    bottom: 100vw;
    z-index: 1000;
    padding: 10px;
    overflow: scroll;
}