/* CSS Document */

@font-face {
    font-family: "Agency FB";
    src: url('http://www.raqsdeluxe.com/AGENCYR.TTF') format("truetype");
}

body {
text-align:center;
margin:0px;
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
  background: #320C3E; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-90deg, #260232, #320C3E, #260232); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-90deg, #260232, #320C3E, #260232); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-90deg, #260232, #320C3E, #260232); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-90deg, #260232, #320C3E, #260232); /* Standard syntax */}

#inhoud img {
	border-radius: 8px;
	box-shadow: 6px 6px 6px #260232;
	border:0;
	max-width: 90%;
	margin:7px 10px;
}

img {
width:100%;
padding:0;
margin:0;
float:left;
clear:right
}
	
.image {
width:400px;
float:none;
margin:2%
}

.aboutleft {
width:400px;
float:left
}

.aboutright {
width:400px;
float:right
}


#menu {
position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 40px;
  background-color: #CCA5D8;
  border-bottom:2px solid #320C3E;
  padding:0
}

#footer {
border-top:2px solid #FFD200;
  margin:0px;
  float:left;
  width:70%;
padding-left:15%;
padding-right:15%;

}

#footer p {
font-family:"Agency FB";
font-size:15px;
text-align:center;
color:#FFFFFF;
text-shadow: black 0.1em 0.1em 0.2em}

#footer a {
color:#CCA5D8;
text-decoration:none
}

#footer a:hover{
text-decoration:underline}



#menu p {
font-family:"Agency FB";
font-size:26px;
text-align:center;
font-variant:small-caps;
margin-top:4px;
text-shadow: black 0.1em 0.1em 0.2em}

#menu a.active {
color:#FFD200
}

#menu select {
display:none
}


.blok {
width:28%;
min-width:200px;
float:left;
clear:right;
margin-right:1%;
border: 2px solid #FFD200;
padding:1%;
}

.event {
width:28%;
min-width:200px;
float:left;
clear:right;
margin-right:1%;
margin-left:2%;
border: 2px solid #FFD200;
padding:1%;
}

.front {
width:200px;
float:none}

h1 {
color:#E08404;
text-align:center;
font-size:42px;
font-family:"Agency FB";
font-style:italic;
text-shadow: black 0.1em 0.1em 0.2em}

h2 {
color:#FFFFFF;
font-size:24px;
text-align:center;
font-family:"Agency FB"}

#menu a {
color:#FFFFFF;
text-decoration:none;
margin-left:2%;
margin-right:2%
}

#menu a:hover {
text-decoration:underline
}

#inhoud {
border-top:2px solid #FFD200;
padding-left:15%;
padding-right:15%;
width:70%;
font-size:20px;
float:left;
clear:right;
padding-bottom:2%;
margin-top:0
}

#inhoud a {
color:#CCA5D8;
text-decoration:none
}

#inhoud a:hover{
text-decoration:underline}

ul li{
color:#FFFFFF;
margin-left:1%
}

ul {
padding:1%;
margin-left:1%;
text-align:left;
font-family:"Agency FB";
font-size:24px;
font-weight:lighter;
font-stretch:wider;
text-shadow: black 0.1em 0.1em 0.2em

}

#inhoud p {
color:#FFFFFF;
text-align:left;
font-family:"Agency FB";
font-size:24px;
font-weight:lighter;
font-stretch:wider;
text-shadow: black 0.1em 0.1em 0.2em
}

@media screen and (max-width: 780px) {
#menu {
height:auto
}

#menu p {
display:none
}
#menu select {
display:block;
width:100%;
background-color:#CCA5D8;
text-align:center;
font-variant:small-caps;
font-size:20px;
font-weight:bold}

img {
margin-top:9%
 }