body {
	overflow: hidden;
	margin: 0; 
	height: 100%; 
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
	line-height: 1.5;
	font-size: 14px;
	background-color: black;
    background-image: url("../tiles/2.jpg");
    background-repeat: repeat;	
	background-attachment: fixed;
}

.pagelayout {
	color: white;
}

.textboxfront {
	height: 500px;
	background-image: url("../images/front_bio.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	font-size: 14px;
	margin: 0 50px 0 50px;
	border-radius: 8px;
	padding: 8px;
	background-color: #2e2f2f;
	color: white;
	position: relative;
	border: 2px solid black;
    box-shadow: 20px 20px 70px black;
	z-index: 0;
    animation: fadein 1.5s;
    -moz-animation: fadein 1.5; /* Firefox */
    -webkit-animation: fadein 1.5s; /* Safari and Chrome */
    -o-animation: fadein 1.5s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.textbox1 {
	font-size: 14px;
	margin: 0 50px 0 50px;
	border-radius: 8px;
	padding: 8px;
	background-color: #2e2f2f;
	color: white;
	min-height: 500px;	
	position: relative;
	border: 2px solid black;
    box-shadow: 20px 20px 70px black;
	z-index: 0;
}

.textbox {
	font-size: 14px;
	margin: 0 50px 0 50px;
	border-radius: 8px;
	padding: 8px;
	background-color: #2e2f2f;
	color: white;
	position: relative;
	border: 2px solid black;
    box-shadow: 20px 20px 70px black;
	z-index: 0;
}

.textbox2 {
	font-size: 14px;
	margin: 0 50px 0 50px;
	border-radius: 8px;
	padding: 8px 0px 0px 50px;
	height: 450px;
	background-color: #2e2f2f;
	color: white;
	position: relative;
	border: 2px solid black;	
    box-shadow: 20px 20px 70px black;
	z-index: 0;
}

img.rounded {
	border-radius: 8px;
	border: 2px solid black;		
}

.textbox3 {
	font-size: 14px;
	margin: 0 50px 0 50px;
	border-radius: 8px;
	padding: 8px;
	height: 450px;
	background-color: #2e2f2f;
	color: white;
	position: relative;
	border: 2px solid black;	
	text-align: center;
    box-shadow: 20px 20px 70px black;
	z-index: 0;
}

.menuheader1 {
	position:fixed;
	background-color: #000000;
	width: 50%;
	padding: 0px;
	text-align: left;
	padding-left: 20px;
    box-shadow: 0px 15px 40px black;	
	line-height: 1.7;	
	z-index: 1;
}

.menuheader2 {
	font-size: 16px;
	position:fixed;
	background-color: #000000;
	width: 50%;
	padding: 0px;
	text-align: right;
	right: 0px;
    box-shadow: 0px 15px 40px black;	
	line-height: 1.7;	
	z-index: 2;
}

.menufooter {
	font-size: 100%;
	position:fixed;
	bottom: 0px;
	background-color: black;
	color: #ffffff;
	width: 100%;
	padding: 0px;		
	text-align: center;
	z-index: 1;
    filter:opacity(30%);
}
   
a.logolink:link,
a.logolink:visited {
	text-decoration: none;
	color: rgba(255,255,255,1);
}

a.logolink:hover {
	text-decoration: none;
	color: rgba(255,255,255,1);
}

a.logolink:active {
	text-decoration: none;
	color: rgba(255,255,255,1);
} 
    
a.mheadertext:link,
a.mheadertext:visited {
	text-decoration: none;	
    background-color: #000000;	
	border-radius: 7px;
	padding: 3px;	
	color: white;
	-moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
}

a.mheadertext:hover {
	text-shadow: none;
	text-decoration: none;
    background-color: #ffffff;
	border-radius: 7px;
	padding: 3px;
	color: #000000;	
}

a.mheadertext:active {
    font-style: italic;
	text-decoration: none;	
	border-radius: 7px;
	padding: 3px;	
    background-color: #000000;	
	color: white;	
} 

a.marrows:link,
a.marrows:visited {
	text-decoration: none;	
	border-radius: 7px;
	padding: 3px;	
	color: white;
	-moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;   
}

a.marrows:hover {
	text-shadow: none;
	text-decoration: none;
	border-radius: 7px;
	padding: 3px;
	color: white;	
}

a.marrows:active {
    font-style: italic;
	text-decoration: none;		
	color: white;	
} 

a.mforumlink:link,
a.mforumlink:visited {
	text-decoration: none;	
    background-color: #ffffff;	
	border-radius: 8px;
	padding: 5px;	
	color: black;
    border: 2px solid #ffffff;	
	-moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);  
}

a.mforumlink:hover {
	text-shadow: none;
	text-decoration: none;
    background-color: #000000;
	border-radius: 8px;
	padding: 5px;
	color: #ffffff;
    border: 2px solid #ffffff;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);	
}

a.mforumlink:active {
	text-decoration: none;	
    background-color: #000000;	
	color: white;	
} 

a.mtextlink:link,
a.mtextlink:visited {
	text-shadow: 1px 1px 2px #ff0000;
    font-style: italic;
	text-decoration: underline;
    background-color: #2e2f2f;	
	padding: 2px;	
	color: white;
}

a.mtextlink:hover {
	text-shadow: none;
	text-decoration: none;
    background-color: #ffffff;
	padding: 2px;
	color: black;
	border-radius: 4px;
}

a.mtextlink:active {
    font-style: italic;
	text-decoration: underline;
    background-color: #2e2f2f;	
	padding: 2px;	
	color: white;
} 

a.emaillink:link,
a.emaillink:visited {
	text-shadow: 1px 1px 2px #ff0000;
	text-decoration: underline;
    background-color: #151515;	
	padding: 2px;	
	color: white;
}

a.emaillink:hover {
	text-shadow: none;
	text-decoration: none;
    background-color: #ffffff;
	padding: 2px;
	color: black;
	border-radius: 4px;
}

a.emaillink:active {
    font-style: italic;
	text-decoration: underline;
    background-color: #bababa;	
	padding: 2px;	
	color: black;
} 

a.emailfooter:link,
a.emailfooter:visited {	
	text-decoration: none;
	color: white;
}

a.emailfooter:hover {
	text-shadow: none;
	text-decoration: none;
	color: white;
}

a.emailfooter:active {
	text-decoration: none;	
	color: white;
} 

.mdropdown {
    position: relative;
    display: inline-block;
}

.mdropdown-link {
    text-shadow: 1px 1px 2px #ff0000;
    font-style: italic;
	text-decoration: underline;
	font-size: 14px;
}
	
.mdropdown-content {
    display: none;
    position: absolute;
    background-color: #bababa;
	color: black;
	font-size: 14px;
    min-width: 300px;
    box-shadow: 20px 20px 70px black;
    padding: 12px 12px;
    z-index: 1;
    border-style: solid;
    border-color: white;
	border-radius: 8px;
    border-width: 2px;	
}

.mdropdown:hover .mdropdown-content {
    display: block;
}

.mheader {
	width: 100%;
	float: left;
	height: 100px;
	background: #2e2f2f;
	text-align: center;
}
.mleftcolumn { 
	background: #2e2f2f;
	height: 30%;
	width: 50%;
	float: left;
	text-align: right;
	margin-left:-1px;
	border-right: 1px solid white;
}
.mrightcolumn { 
	float: right;
	background: #2e2f2f;
	height: 30%;
	width: 50%;
	display: inline;
	text-align: left;
}
.mfooter { 
	width: 99%;
	height: 90px;
	clear: both;
	background: #2e2f2f;
	text-align: center;
}

.mleftcolumn2 { 
	background: #2e2f2f;
	height: 30px;
	width: 50%;
	float: left;
	text-align: left;
	margin-left:-1px; 
	position: absolute;
	bottom: 25px;
	left: 8px;
}
.mrightcolumn2 { 
	float: right;
	background: #2e2f2f;
	height: 30px;
	width: 50%;
	display: inline;
	text-align: right;
	position: absolute;
	bottom: 25px;
	right: 8px;
}

.mleftcolumn3 { 
	background: #2e2f2f;
	height: 270px;
	width: 50%;
	float: left;
	text-align: left;
	margin-left:-1px; 	
	position: relative;
	bottom: 3px;
	left: 8px;
}
.mrightcolumn3 { 
	float: right;
	background: #2e2f2f;
	height: 270px;
	width: 50%;
	display: inline;
	text-align: left;
	font-size: 14px;
	position: relative;
	bottom: 3px;
	right: 8px;
}

.mleftcolumn4 { 
	background: #2e2f2f;
	height: 320px;
	width: 50%;
	float: left;
	text-align: left;	
	margin-left:-1px; 	
	position: relative;
	bottom: 3px;
	left: 8px;
}
.mrightcolumn4 { 
	float: right;
	background: #2e2f2f;
	height: 320px;
	width: 50%;
	display: inline;
	text-align: left;
	font-size: 14px;
	position: relative;
	bottom: 3px;
	right: 8px;
	border-left: 1px solid white;
}

.faqquestion {
	font-style: italic;
	color: #c0c0c0;
}

.fa-beat {
	-webkit-animation: fa-beat 1s infinite linear;
	animation: fa-beat 1s infinite linear;
	background: #2e2f2f;
}
@-webkit-keyframes fa-beat {
  0% {
	-webkit-transform: scale(1);
    transform: scale(1);
	background: #2e2f2f;
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
	background: #2e2f2f;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
	background: #2e2f2f;
  }
}
@keyframes fa-beat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
	transform: scale(1);
  }
}

.mheadline {
	font-family: 'Kalam';
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

.gmap {
	width:99%;
	max-width:320px;
	height:300px;
	border:solid;
	border-color:black;
	border-width:5px;
	margin: auto;
}

.adresse {
	background: #151515;
	border: 5px solid #c1c1c1;
	width: 70%;
	height: 255px;
	padding: 20px;
	color: black;
	margin: auto;
	position: absolute;
	margin-left: 30px;
	color: white;
}

.sglink {
	margin: 0;
    position: relative;
    bottom: 5%;
}

.gallery:hover {
    display: inline-block;
    cursor: default;
    transform: rotate(360deg);
    transition: all 0.9s ease-in-out 0s;
	cursor: pointer;
}

.pulsate {
    -webkit-animation: pulsate 3s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0;
}
@-webkit-keyframes pulsate {
    0% { 
        opacity: 0.0;
    }
    50% { 
        opacity: 1.0;
    }
    100% { 
        opacity: 0.0;
    }
}

.fa-stack-1x {
    color:white;
}
.icon-facebook {
   color:#3b5998;
}

.icon-email {
   color:#A73535;
}

.glowhead {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1px;
	border: none;
	font-family: 'PT Serif';
	font-size: 32px;
	color: rgba(255,255,255,1);
	text-decoration: normal;
	font-style: italic;  
	font-weight: bold;
	-o-text-overflow: clip;
	text-overflow: clip;
	white-space: pre;
	text-shadow: 0 0 10px rgba(255,255,255,1) , 0 0 20px rgba(255,255,255,1) , 0 0 30px rgba(255,255,255,1) , 0 0 40px #ff00de , 0 0 70px #ff00de , 0 0 80px #ff00de , 0 0 100px #ff00de ;
	-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}

.welcome  {
	color: white;
	font-family: 'Kalam';
	font-size: 34px;
	font-weight: bold;
	text-align: center;	 
	text-shadow: 0 0 2px rgba(0,0,0,1) , 0 0 10px rgba(255,255,255,1) , 0 0 20px rgba(255,255,255,1) , 0 0 30px rgba(255,255,255,1) , 0 0 40px #ff00de , 0 0 70px #ff00de , 0 0 80px #ff00de , 0 0 100px #ff00de ;	
	-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);	
}

span.welcometext1 {
}

span.welcometext2 {
}

span.welcometext3 {
}

span.welcometext4 {
}
