body { 
	margin:0; 
	padding:0; 
	height:auto; 
	max-height:7650px; 
	width:100%; 
	max-width:2600px;
	font-family:Tahoma, Geneva, sans-serif;
	font-family: 'Muli', sans-serif;
	font-weight:200;  
}

.parallax-window { height:800px;background:transparent; width:100%;}
.parallax-window p { padding: 0; font-size:0.5em;}

a                { color:#BACED0; color:#CACAB2; text-decoration:underline; cursor:pointer;}
a:hover          { color:#000; color:#7E7377;}

p{opacity:1; margin-top:2%;}
ul{opacity:1;}
 
li               { list-style:none; display:inline;}

h3, h5, h6, h1             { color:#CACAB2; color:#AA2800; color:#681C14; font-size:0.5em; font-weight:200; padding:0.5em 0; margin:0; line-height:1.5em; text-align:center;color:#D6C75F; color:#ECE398; color:#DDCAC0;  background-image:url(../images/backheader3.png); background-repeat:no-repeat; background-size:contain; margin-top:1.5em;}
h5{background-image:url(../images/backheader8.png);}
h6{background-image:url(../images/backheader5.png);}
h1{background-image:url(../images/backheader6.png);}
h4               { color:#7D7276; font-size:1em; font-weight:200; text-align:left;}


#logo {
	position:absolute; position:fixed;
	float:left;
	clear:none;
	margin: 6% 0 0 43%;  
	width: 10vw;	
	height: 10vw;
	background-image:url(../images/logo6.png);	
	border-radius: 50%;	
	background-size: 18vw;
	background-repeat:repeat-x;	
	box-shadow: inset 16px 0 40px 6px rgb(255, 255, 255),		inset -3px 0 6px 2px rgba(255, 255, 255, 0.2);	
	animation-name: rotate;	animation-duration: 10s;	
	animation-iteration-count: infinite;	
	animation-timing-function: linear;
	font-size:1.1vw;
	color:#7E7377;
	z-index:103;
}

#logo img{width:10vw; height:10vw;}
@keyframes rotate {  from { background-position-x: 0px; }  to { background-position-x:18vw ; }}

logo { 
	clear:none;
	float:left;
	position:fixed;
	margin-left:43%;
	margin-top:120px;
	width:12%;
	display:block;
	background-color:transparent;
	opacity:0;
	z-index:103;
}


#text1           { position:relative; margin:0 ; padding:0 0 0 3%; color:#9497A0; width:auto; text-align:center; background-color:#5A5A6B; z-index:110;}
#text2           { position:relative; margin:0 ; padding:0 0 0 3%; color:#9497A0; width:auto; text-align:center; background-color:#7D7276; z-index:110;}
#text3           { position:relative; margin:0 ; padding:0 0 0 3%; color:#9497A0; width:auto; text-align:center; background-color:#92AAB7; z-index:110;}
#text4           { position:relative; margin:0 ; padding:0 0 0 3%; color:#9497A0; width:auto; text-align:center; background-color:#BACED0; z-index:110;}
#text5           { position:relative; margin:0 ; padding:0 0 0 3%; color:#9497A0; width:auto; text-align:center; background-color:#999; z-index:110;}

#text1 img       { padding:0;margin:0;}

#text2_block1 {
	position:relative;
	float:left;
	clear:both;
	margin:0;
	width:90%;
	font-size:1.5em;
	color:#FFF;
	text-align:left;
	opacity:1;
	ackground-color:#E3E3E3;
	olor:#000; olor:#5A596E;
	padding:0.5em;
}
#text2_block2 {
	position:relative;
	float:left;
	clear:both;
	margin-left:0;
	width:90%;
	font-size:1.5em;
	color:#FFF;
	text-align:left;
	opacity:1;
	ackground-color:#8C8386;
	padding:0.5em;
}
#text2_block3 {
	position:relative;
	float:left;
	clear:both;
	margin-left:0;
	width:90%;
	font-size:1.5em;
	color:#FFF;
	text-align:left;
	opacity:1;
	ackground-color:#9898A3;
	padding:0.5em;
}
#text3_block1 {
	position:absolute;
	float:left;
	clear:none;
	margin:0;
	width:40%;
	font-size:1.5em;
	color:#FFF;
	text-align:left;
	opacity:1;
}
#text3_block2 {
	position:absolute;
	float:left;
	clear:none;
	margin-left:45%;
	width:45%;
	font-size:1.5em;
	color:#FFF;
	text-align:left;
	opacity:1;
}
#text4_block1 {
	position:absolute;
	float:left;
	clear:none;
	margin:0;
	width:40%;
	font-size:1.5em;
	color:#FFF;
	text-align:left;
	opacity:1;
}
#text4_block2 {
	position:absolute;
	float:left;
	clear:none;
	margin-left:45%;
	width:45%;
	font-size:1.5em;
	color:#FFF;
	text-align:left;
	opacity:1;
}
#text5_block1 {
	position:absolute;
	float:left;
	clear:none;
	margin:0;
	width:40%;
	font-size:1.5em;
	color:#FFF;
	text-align:left;
	opacity:1;
}
#text5_block1 li { margin-left:24%; display:block; font-size:1.5vw;}
#text5_block2 {
	position:absolute;
	float:left;
	clear:none;
	margin-left:45%;
	width:45%;
	font-size:1.5em;
	color:#FFF;
	text-align:left;
	opacity:1;
}

#header           { position:fixed; width:100%; height:44px; max-height:44px; text-align:left; background-color:#5A5A6C; opacity:1; z-index:9998; }
 
#header li        { padding-right:0.8%; padding-left:0; margin-left:0; font-size:0.9em;}

.header2          { line-height:1.2em; font-size:3.0em; color:#CACAB1; }
.header3          { line-height:1.2em; font-size:7.0em; color:#5A5A6C; }
.header4          { line-height:1.2em; font-size:7.0em; color:#887C81; }
.header5          { line-height:1.2em; font-size:7.0em; color:#7E7377; }
.header6{color:#91ACB9;}


#content1{
	position:fixed;
	background-color:#6B6C7C;
	width:100%;
	height:100%;
	opacity:1;
	z-index:98;
}

.tagline        { color:#BFD3D5; font-size:1.5em; margin:0; padding:0; margin-top:5em;}
.tagline2       { color:#5A5A6E; font-size:3.0em; margin:0; padding:0; margin-top:5em;}


#main_container  { position:absolute; margin-left:0; width:100%;}


.hilight{ color:#CACAB2; color:#92ABB8;}

#largeback{display:block;}


/* Dropdown Button */

.dropbtn {
	background-color:transparent; 
	background-image:url(../imgbase/kaartned.png);
	background-repeat:no-repeat;
	background-size:contain;
    border:0;
    cursor:pointer;
	margin:120px 0 0 1%;
	position:fixed;
	opacity:1;
	height:35%;
	max-height:300px;
	min-width:15%;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
	background-color:transparent;
	background-image:url(../imgbase/kaartned2.png);
	background-size:contain;
	outline:0;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position:absolute;
	float:left;
	margin:0;
	padding:0;
    display:inline-block;
	z-index:103;
	
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display:none;
    position:fixed;
	background-color:#92AAB6;
	margin:44px 0 0 0;
	height:100%;
	width:16%;
	in-width:em;
	overflow:hidden;
	overflow:scroll;
	text-align:left;
	font-size:1.9vw;
	
	font-weight:200;
}

/* Links inside the dropdown */

.dropdown-content a {
	color:#5A5A6C;
	padding-left:2%;
    text-decoration:none;
    display:block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color:#7D7276;
    color:#CACAB2;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */

.show, .show2 {
	display:block;
}

/*menu*/

.dropbtn2 {
	background-color:transparent;
	background-image:url(../images/hamb.png);
	background-repeat:no-repeat;
	background-position:center;
	height:40px;
	width:40px;
	color:#CACAB2;
    padding:-4px 4px;
    font-size:1.6em;
    border:0;
    cursor:pointer;
	margin:3px 0 0 20px;
	position:fixed;
	opacity:1;
	
	font-weight:400;
	z-index:9998;
}

/* Dropdown button on hover & focus */
.dropbtn2:hover {
	height:40px;
	width:40px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center;
	outline:0;
	
	
}
.dropbtn2:hover {
	background-color:transparent;
	background-image:url(../images/hamb1.png);
	background-repeat:no-repeat;
	background-position:center;
	outline:0;
}
	

/* The container <div> - needed to position the dropdown content */
.dropdown2 {
    position:relative;
    display:inline-block;
	z-index:10;	
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content2 {
    display:none;
    position:fixed;
	background-color:transparent;
	background-image:url(../images/backmenu.png);
	margin:44px 0 0 0;
	z-index:10;
	text-align:center;
	font-size:4.5vw;
	
	font-weight:200;
	height:100%;
	min-width:100%;
}
/* Links inside the dropdown */

.dropdown-content2 a {
	color:#5A5A6C; 
	margin-top:0 ;
	padding:0.9% 0 1.2% 0;
    text-decoration:none;
    display: block;
	z-index:9;
}

/* Change color of dropdown links on hover */

.dropdown-content2 a:hover { color:#CACAB2; background-color:#777;}

#myDropdown2               { padding-top:0em;}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */

.show                      { display:block;}
.show2                     { display:block;}

/* iPhone 4 */

@media only screen and (min-width: 321px) {
	


}

@media only screen and (min-width: 321px) {
	

}


/* iPhone 5 */

@media only screen and (min-width: 569px) {


}

/* iPhone 6 */


@media only screen and (min-width: 769px) {
	
.header2          { line-height:1.2em; font-size:4.0em; color:#CACAB1; }

.tagline       { color:#BFD3D5; font-size:2.2em; margin:0; padding:0; margin-top:5em;}


	
#text2_block1 {
	position:absolute;
	float:left;
	clear:none;
	margin:0;
	width:30%;
}
#text2_block2 {
	position:absolute;
	float:left;
	clear:none;
	margin-left:32%;
	width:30%;
}
#text2_block3 {
	position:absolute;
	float:left;
	clear:none;
	margin-left:64%;
	width:30%;
}






}
@media only screen and (min-width: 1440px) {
	
.parallax-window p { font-size:0.9em; line-height:1.1em;}



.header2          { line-height:1.2em; font-size:5.0em; color:#CACAB1; }

.tagline       { color:#BFD3D5; font-size:2em; margin:0; padding:0; margin-top:5em;}

h3, h5, h6, h1 {font-size:1.1em;}





}
@media only screen and (min-width: 1940px) {
	
.parallax-window p { font-size:1.2em; line-height:1.1em;}


.header2          { line-height:1.0em; font-size:6.0em; color:#CACAB1; }

.tagline       { color:#BFD3D5; font-size:2.5em; margin:0; padding:0;}

h3, h5, h6, h1 {font-size:1.3em;}



}
@media only screen and (min-width: 2240px) {
	
.parallax-window p { font-size:1.2em; line-height:1.1em;}



.header2           { line-height:1.0em; font-size:7.0em; color:#CACAB1; }

.tagline           { color:#BFD3D5; font-size:3em; margin:0; padding:0;}	

h3, h5, h6, h1     { font-size:1.5em;}



}