@charset "utf-8";
/* CSS Document */
* {
margin: 0px; 
padding: 0px;
}



body
{
	color: #000000;
	font-family: Verdana, Geneva, sans-serif;
	background-color: #FFCC00;
	background-image: url(../pic/background.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	font-size: 12pt;
	top-margin: 0px;
	left-margin: 0px;
	overflow: scroll;
	overflow-x: hidden;
}
/* Dit is de hoofd-div */
#container2
{
	margin: 0 auto;
	width: 900px;
	font-size:12px;
}
.spatie
{
		height: 10px;
}

/* Dit is de header */
#header
{
	margin: 0 auto;
	width: 900px;
	/*background-image: url(../pic/a.png);*/
	background-color: #252525;
	height: 123px;
	position:relative;
	border-top-right-radius: 50px;
	border-top-left-radius: 50px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	/*border-radius: 50px 50px 0px 0px ;*/
}
#NaamClub
{
	text-align: center;
	width: 900px;
	position:absolute;
	padding-top: 20px;
    left:0px;
}
#name
{
	text-align: center;
	width: 350px;
	padding-top: 30px;
	position:absolute;
    left:0px;
}
#logo
{
	text-align: center;
	width: 550px;
	position:absolute;
    right:0px;
	padding-top: 20px;
}

/* Dit is het gedeelte voor de navigatie*/
#navigation
{
	margin: 0 auto;
	width: 900px;
	height: 35px;
	background-color: #252525;
	font-size:14px;
	letter-spacing: 2px;
}

#navigation ul
{
	margin: 0;
	padding: 0;
	text-align: center;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	border-bottom: 4px solid #FFCC00;
	color: #fff;
	text-decoration: none;
	padding: 0px 0px 6px 0px;
	margin:  0px 10px 0px 10px;
}
#navigation li a:hover 
{
	/*border-color: #fff;*/
	color: #FFCC00;
}
#navigation #Active a 
{ 
	color: #FF9900;
	border-color: #FF9900;
}

/* Dit is het gedeelte voor de promo*/
#promo
{
	margin: 0 auto;
	width: 900px;
	height: 400px;
	background-color: #fff;
}
#promo_text
{
	float: left;
	width: 320px;
	height: 340px;
	background-color: #fff;
	margin: 30px 10px 30px 10px;
	font-size:20px;
	text-align: center;
}
#promo_slide
{
	float: left;
	width: 480px;
	height: 360px;
	margin: 20px  40px  20px  40px;
	background-image: url(../pic/slide.JPG);
	/*background-color: #FFCC00;*/
	
}

/* Dit is de inhoud  */
#content
{
	margin: 0 auto;
	width: 900px;
	background-color: #fff;
	height: auto;
}
.info
{
	float: left;
	width: 280px;
	height: 200px;
	text-align: center;
	padding: 10px;
	background-color: #fff;

}
.info_titel
{
	width: 280px;
	color: #FF9900;
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 10px;
}
.info_link
{
	background-color: #ff6800;
	margin: 3px;
	padding: 5px 15px 5px 15px;
	border-radius: 15px ;
	font-size:14px;
	color: #252525;
	text-decoration: none;
}
.detail
{
	padding: 20px;
	line-height: 22px;
}
.detail h1
{
	color: #FF9900;
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 10px;
}
#festival
{
	margin: 0 auto;
	width: 880px;
	background-color: #fff;
	padding: 10px;
}
.festival_detail
{
	border: solid 2px;
	border-color: #252525;
	margin: 10px;
	padding: 20px;
	border-radius: 8px ;
}
.festival_detail h1
{
	color: #FF9900;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
}
.festival_link
{
	background-color: #FFCC00;
	padding: 5px 15px 5px 15px;
	border-radius: 15px ;
	font-size:14px;
	color: #252525;
	text-decoration: none;
	margin-top: 10px;
}

#SiteKeuze
{
	text-align: center;
	float: left;
	width: 900px;
	height: auto;
	background-color: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
}


/* Dit is de footer  */
#footer
{
	background-color: #252525;
	margin: 0 auto;
	width: 900px;
	height: 50px;
	border-radius: 0px 0px 50px 50px ;
	clear: both;
}
#footer_info
{
	color: #fff;
	padding: 20px;
	text-align: center;
}
#Meldingen
{
	width: 870px;
	height: 418px;
	overflow:auto;
	border: solid 20px;
	border-color: transparent;
}
.Melding
{
	width: 800px;
	padding: 15px ;
	border: solid 0px;
	margin: 5px 0px 5px 0px;
	float: left;
	border-radius: 8px ;
}
.Melding img{
	float: left;
	width: 128px;
}

.Melding-img {
	float: left;
	margin: 0px 10px 0px 0px;
	
}
.Melding-title {
	float: left;
	width: 652px;
}
.Melding-title h1
 {
	font-size: 18px;
	font-style: italic;
	padding: 5px;
	border-top: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;
	border-radius: 8px  8px 0px 0px;
	background-color: #FF9900;
}
.Melding-desc 
{
	float: left;
	width: 630px;
	padding: 5px;
	line-height: 18px;
	padding: 10px;
	border-left: solid 1px;
	border-right: solid 1px;
	border-bottom: solid 1px;
	border-radius: 0px  0px 8px 8px;
	font-size:14px;
}


#NavList
{
margin: 0px;
padding: 0px;


}
#NavList a, #NavList a:link, #NavList a:visited
{
border: 1px solid #FFCC00;
padding: 1px;
padding-left: 1em;
padding-right: 1em;
color: #000000;
text-decoration: none;
}

#NavList a:hover, #NavList a:active, #NavList a:focus
{
border: 1px solid #000000;
padding: 1px;
padding-left: 1em;
padding-right: 1em;
text-decoration: none;
}

#NavList li
{
padding-right: 1px;
display: inline;
}

#NavList ul
{
margin: 0px;
padding: 0px;
}

#NavList #Active a { background-color: #252525; color: #FFCC00;}


#navcontainer ul	{
	margin:0;
	padding:0;
	list-style:none;
}
#navcontainer a	{
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	font-size:12px;
	padding:.1em;
	
}

#navcontainer a:hover	{
	background-color:#FF6600;
	color:#000000;
	font-stretch:wider;
}

hr {
	color: #FF6600;
}
a 	{
	border: none;
	
}
A.menu
{
	text-decoration: none;
	padding: 5px;
	font: System;
	color: black;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px;
	display: inline-block;
	width: 110px;
	text-align: center;
	border-bottom: 2px solid;
	border-top: 2px solid;
	font-size: 10pt;
}

A.menu:hover {background: #FF6600; }
a.gym {
	background-image:url(../pic/gym-b&w3.jpg);
	display: block;
	width:400px;
	height:300px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	}
a.gym:hover	{
	background-image:url(../pic/gym-color2.jpg);
}

div#inhoud
{
	height: 100%;
	background-color: #FFCC00;
	padding: 20px;
	text-align: left;
}
table	{
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
img
{
	border-style:none;
}




#container {
	width: 650px; margin: 40px auto;  padding: 0; border: 0; 
}
ul.gallery { 
	list-style: none;
}
ul.gallery li a {
	position: relative;
	float: left;
	padding: 25px 10px 25px 10px;
	background: #454545 url(../pic/fotoboek/bzwarte_boord.jpg);
	border: 1px solid #FF6600;
}
	
	ul.gallery li a:hover {
	background: #252525 url(../pic/fotoboek/bgrijze_boord.jpg);
    border: 1px solid #FF6600;
	}







table img
{
	border-style:none;
}
div#listcontainer { width:200px;  margin:20px;}
div#listcontainer ul {border:0; margin:12px 20px 12px 1.25em; padding:0; list-style-type:none;}
div#listcontainer li {border-bottom:2px solid #000; margin:0 ; padding:.3em 0; text-indent:.5em}
div#listcontainer li:first-child {border-top:2px solid #000;}
div#listcontainer a {
	text-decoration: none;
	color: #000;
	display: block;
	text-transform: uppercase;
}
div#listcontainer a:hover {

	background-color: #FF6600;
}

ul#menu_list 	{
	list-style-type: none;
	margin: 25px 50px;
	padding: 0;
	width: 150px;
}
ul#menu_list li a {
	text-decoration: none;
	display: block;
	padding: 5px;
	width: 150px;
	background: #FFCC00;
	border: 1px 1px 1px 1px solid #FF6600;
	text-align: center;
	color: Black;	
	text-transform: uppercase;
}

ul#menu_list li a:hover {
	background-color: #FF6600;
	color: Black;
	border: 1px 1px 1px 1px solid #FFCC00;
}





#album { position:relative; width:500px; height:329px; border:thick 1px solid ;}

#album ul {width:92px; height:324px; margin:5px; float:right; padding:0; list-style-type:none; }    
#album li {float:left; }

#album a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; }
#album a.gallery, #album a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #666666; margin:1px 2px 1px 2px; text-align:left; }

#album a.slide1 { background-image: url('../pic/foto1m_tumb.jpg'); background-repeat: repeat; background-attachment: scroll; height: 60px; width: 80px; background-position: 0% }
#album a.slide2 { background-image: url('../pic/foto2m_tumb.jpg'); background-repeat: repeat; background-attachment: scroll; height: 60px; width: 80px; background-position: 0% }
#album a.slide3 { background-image: url('../pic/foto3m_tumb.jpg'); background-repeat: repeat; background-attachment: scroll; height: 60px; width: 80px; background-position: 0% }
#album a.slide4 { background-image: url('../pic/foto4m_tumb.jpg'); background-repeat: repeat; background-attachment: scroll; height: 60px; width: 80px; background-position: 0% }
#album a.slide5 { background-image: url('../pic/foto5m_tumb.jpg'); background-repeat: repeat; background-attachment: scroll; height: 60px; width: 80px; background-position: 0% }

#album a.gallery:hover {border:1px solid #fff; }

#album a.gallery:hover span {position:absolute; width:350px; height:318px; top:5px; left:40px; color:#111; }

#album  h1 { margin:0; padding-top:100px; text-align:center; font-weight:normal;}
#album  h1 em {font-size:0.6em; }

#album_wemmel { position:relative; width:500px; height:329px; border:thick 1px solid ;}

#album_wemmel ul {width:92px; height:324px; margin:5px; float:right; padding:0; list-style-type:none; }    
#album_wemmel li {float:left; }

#album_wemmel a.gallery_wemmel span {position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; }
#album_wemmel a.gallery_wemmel, #album_wemmel a.gallery_wemmel:visited {display:block; color:#000; text-decoration:none; border:1px solid #666666; margin:1px 2px 1px 2px; text-align:left; }

#album_wemmel a.slide1 { background-image: url('../pic/foto1w_tumb.jpg'); background-repeat: repeat; background-attachment: scroll; height: 60px; width: 80px; background-position: 0% }
#album_wemmel a.slide2 { background-image: url('../pic/foto2w_tumb.jpg'); background-repeat: repeat; background-attachment: scroll; height: 60px; width: 80px; background-position: 0% }
#album_wemmel a.slide3 { background-image: url('../pic/foto3w_tumb.jpg'); background-repeat: repeat; background-attachment: scroll; height: 60px; width: 80px; background-position: 0% }
#album_wemmel a.slide4 { background-image: url('../pic/foto4w_tumb.jpg'); background-repeat: repeat; background-attachment: scroll; height: 60px; width: 80px; background-position: 0% }
#album_wemmel a.slide5 { background-image: url('../pic/foto5w_tumb.jpg'); background-repeat: repeat; background-attachment: scroll; height: 60px; width: 80px; background-position: 0% }

#album_wemmel a.gallery_wemmel:hover {border:1px solid #fff; }

#album_wemmel a.gallery_wemmel:hover span {position:absolute; width:350px; height:318px; top:5px; left:40px; color:#111; }

#album_wemmel  h1 { margin:0; padding-top:100px; text-align:center; font-weight:normal;}
#album_wemmel  h1 em {font-size:0.6em; }

.coco {
	font-size: 48px;
	color: #FFFFFF;
	font-weight: bold;
}

.brazil {
	font-size: 48px;
	color: #FF9900;
}
.LatinAmericanDanceClub {
	font-size: 20px;
	color: #FFCC00;
	font-style: italic;
}
.CelGegevens	{
	padding: 20px;
}
.Inhoud	{
	padding: 20px;
	width:850px;
	height:390px;
	overflow:auto;
	overflow-x:hidden;
}
.Inhoud_HomePageSalsaGroepen	{
	padding: 20px;
	width:380px;
	height:390px;
	overflow:auto;
	overflow-x:hidden;
}
#flashcontent {
		height: 100%;
		margin: 0;
		padding: 0;
		background-color: #181818;
		color:#ffffff;
		font-family:sans-serif;
		font-size:40px;
}