@charset "utf-8";
@font-face {
  font-family: 'fontello';
  src: url('fontello2.eot?95919555');
  src: url('fontello2.eot?95919555#iefix') format('embedded-opentype'),
       url('fontello2.woff?95919555') format('woff'),
       url('fontello2.ttf?95919555') format('truetype'),
       url('fontello2.svg?95919555#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: "ComfortaaRegular";
    src: url('Comfortaa_Regular-webfont.eot');
    src: url('Comfortaa_Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Comfortaa_Regular-webfont.woff') format('woff'),
         url('Comfortaa_Regular-webfont.ttf') format('truetype'),
         url('Comfortaa_Regular-webfont.svg#ComfortaaRegular') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'panefresco_600wtregular';
    src: url('panefresco600wt-regular.eot');
    src: url('panefresco600wt-regular.eot?#iefix') format('embedded-opentype'),
         url('panefresco600wt-regular2.woff') format('woff'),
         url('panefresco600wt-regular2.ttf') format('truetype'),
         url('panefresco600wt-regular2.svg#panefresco_600wtregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.icon {
  font-family: 'fontello';
  font-size: 1.1em;
  margin: 0 0.64em;
}
html, body {margin:0;padding:0;}
body {
	background-image: url(../images/bg2.jpg);
	background-position:top center;
  background-size:cover;
  background-attachment:fixed;
  background-repeat:no-repeat;
  overflow: visible;
	font-family: "ComfortaaRegular", Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: center;
  color:#fff;
}
div#body-fix {
  position:fixed;
  top:0;left:0;
  width:100%; height:100%;
  background-image: url(../images/bg2.jpg);
  background-position:top center;
  background-size:cover;
  background-attachment:fixed;
  background-repeat:no-repeat;
  z-index:0
}
header h1 {margin-bottom:0;padding-bottom:0;}
h1, h2, h3 {
  font-weight: normal;
  font-family: "panefresco_600wtregular", Arial, Helvetica;
  color:#fff;
  text-shadow: 2px 2px 1px rgba(0,0,0,0.5);
}
h1 {font-size: 2.4em}
h2 {
  font-size: 1.4em; line-height: 1.4em;
  }
h3 {
  font-size: 1.2em; line-height: 1.2em;
  font-style: italic;
}
h2 + h3 {
  margin-top: -1em;
}
h2 + p {padding-top:0; margin-top:0;}
.chakana {font-size: 1.6em; font-family: "panefresco_600wtregular", Arial, Helvetica;}
img {border: none}
img.right {
  float:right;
  width:30%;
  margin: 2em;
  margin-bottom: 1em;
-moz-transform: rotate(1deg);
  -webkit-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  -o-transform: rotate(1deg);
  transform: rotate(1deg)
}
img.fb {
  vertical-align: middle;
  margin-left:1em;
}
div#container {
	position: relative;
	width: 80%;
	height: 100%;
	max-width: 960px;
	min-width: 320px;
	min-height:800px;
	margin: 0 auto;
}
.logo {width:40%;margin-top:1em; min-width: 300px}

nav {
  margin-top:1em;
}
ul#themas{
  z-index: 1000
}
nav ul, .subnav ul {margin:0; padding:0; margin-bottom:1em;}

nav ul#icon-menu, nav ul#themas {
  display: inline-block;
  margin: 0;
  margin-top: 0.5em;
  border-radius: 1em 1em 0 0;
  border: solid 1px rgba(255,255,255,0.2);
  background-color:rgba(5,0,30,0.3);
  padding-right:0.5em;
  float:right;
}
nav ul#themas {
  position: absolute;
  background-color: transparent;
  border: none;
  left:0;
  float:left;
  text-align: left;
}
nav ul#themas span.navTitle {
    border: solid 1px rgba(255,255,255,0.2);
  background-color:rgba(5,0,30,0.3);
  border-radius: 0.5em 0.5em 0 0;
  padding:0.1em 0.5em;
}
nav ul li, .subnav li {
  display: inline-block;
  font-size: 1.4em; line-height: 1.4em;
  font-family: "panefresco_600wtregular", Arial, Helvetica;
  color:#fff;
  text-shadow: 2px 2px 1px rgba(0,0,0,0.5);
}
nav ul#themas{
  /*font-size: 1.2em;*/
  line-height: 1.1em;
  cursor: pointer;
  display:block;
}
nav ul#themas li{
  margin:0;
}
nav ul#themas li ul {
  margin: 0;
  width: 100%;
  margin-top: 0.1em;
  text-align: left;
  width:100%;
    background-color:rgba(5,0,30,0.3);
}
nav ul#themas li ul li {
  font-size: 0.9em;
  display: inline-block;
  margin-right:1em;
}

nav ul#themas li ul li a{
  cursor: pointer;
}
.subnav li {font-size: 1.1em; line-height: 1.1em; display:block;}
nav ul li a, .subnav li a{
  display: inline;
  clear:all;
  margin: 0 0.2em;
  color:#fff;
  text-decoration: none;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
  -webkit-transition: all ease 1s;
  -moz-transition: all ease 1s;
  -o-transition: all ease 1s;
  -ms-transition: all ease 1s;
  transition: all ease 1s;
  outline:none
}
.subnav li a {text-decoration: underline;}
nav ul li a.actueel {
  color: #6DFFA2;
}
nav ul li a:hover, .subnav li a:hover {
  color:#f5ca00;
}
nav ul li.active a, .subnav li.active a{
  color:#f5ca00;
  text-shadow: 2px 2px 2px rgba(162,0,0,1);
/*transform:rotate(-4deg);
-ms-transform:rotate(-4deg);
-webkit-transform:rotate(-4deg);*/
font-size: 1.2em
}
form {
  text-align: left
}
form.checkout {
  position: relative;
  max-width:400px;
  margin: 0 auto;
}
form.checkout label {
  display: inline-block;
  width:200px;
}
div.table p span{
  display: inline-block;
  width: 150px;
  vertical-align: top;
  margin-bottom:6px;
}

div#main {
  clear: both;
  /*padding-top: 10px;*/

}
article{
  background-color:rgba(5,0,30,0.7);
  border-radius:0 0 30px 30px;
  padding:20px;
  padding-bottom:50px;
  font-size:1.2em;
  /*color:#000;*/
  color:#fff;
  text-align: left;
  margin-bottom: 100px;
  overflow:hidden;
  margin-top: -2px
  }
article img.left {
  margin: 2em;
  margin-bottom: 1em;
  -moz-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg);
  float: left;
  width:30%;
}
article h1, article h2, article label, article button{
  color: #f5ca00
}
article a {
  color: #f5ca00;
}
article iframe {
  position: relative;
  display: block;
  border: none;
  margin:0 auto;
}
.header {
	width: 100%;
}
.header h1 {
	font-size: 2.5em;
	margin: 0; padding: 0.25em;
	color: #f5ca00;
	text-align: center
}
div.clear{
	clear:both
}

strong{
  color: #f5ca00;
  /*color: #D22600;*/
}
.underline {
  border-bottom: 1px solid #1F8900;
}
.center {text-align: center}
.yellow {color: #f5ca00;}
.big {font-size:200%}

div#up.icon {
  font-size: 2em;
  display: none;
  position: fixed;
  bottom:0;
  right:0;
  cursor: pointer
}
div#mc_embed_signup form {
  margin: 0 auto;
  margin-top: 2em;
  max-width:500px;
  background-color: rgba(255,255,255,0.1);
  text-align: center
}
div#mc_embed_signup form input {
  display: inline;
  position: relative;
  text-align: center
}
#mc_embed_signup input.email {
    display: inline-block !important;
    margin: 0 auto !important;
}
#mc_embed_signup input.button {
    display: inline-block !important;
    margin: 0.4em auto !important;
    background-color: rgba(0,0,0,0.5)
}
.newsmenu {
  cursor: pointer;
  transition: all 1s ease;
}
.newsmenu:hover {
  color:#fff;
}
.newsletter {
  display: none;
}
@media screen and (max-width: 1400px) {

  body, div#body-fix {
    background-image: url(../images/bg2-1400.jpg);
  }
  figure.logo-small {
    position:fixed;
    right:0;bottom:0;
    margin:0;padding:0
  }
}

@media screen and (max-width: 1120px) {
  div#container{
    width:90%
  }

}
@media screen and (max-width: 1024px) {
  body, div#body-fix {
    background-image: url(../images/bg2-1050.jpg);
  }

  figure.logo span{
    font-size: 2.4em
}

}
@media screen and (max-width: 920px) {
  div#container{
    width:100%
  }
  figure.logo span{
    font-size: 2em
}
}
@media screen and (max-width: 760px) {
  body, div#body-fix {
    background-image: url(../images/bg2-800.jpg);
  }
  figure.logo span{
    font-size: 1.5em
}
}
@media screen and (max-width: 600px) {
  nav ul#themas {
  position: relative;}
  article {
    border-radius: 0;
  }

  article img{
    transform:none;
    width:50%;
  }
}
@media screen and (max-width: 400px) {

  article img, article img.right{
    transform:none;
    width:100%;
    position:relative;
    margin: 1em auto;
  }
}
@media screen and (max-width: 280px) {
  nav ul li{
    float:none;
    display:block
  }
}