/* © Wishbone Productions 2006	   */
/* Programmer : Sjors Broersen	   */
/* email : sjors@wishbone.nl	   */


/*---------------------------------*/
/* html elements */
/*---------------------------------*/

	html{
		height:100%;
	}

	body{
		margin:0px;
		width:100%;
		height:100%;
	}

	body,td,div{
		font-family: Arial,Verdana,Sans-serif;
		font-size:12px;		
	}

	form{
		margin:0px;
	}

	p{
		margin-top:0px;
		margin-bottom:10px;
	}
	
	a{
		color: #000000;
	}

/*---------------------------------*/
/* handy stuff */
/*---------------------------------*/

	.layout_table{
		border-collapse:collapse;
	}

	.layout_table td{
		padding:0px;
		vertical-align:top;
		text-align:left;
	}


	.form_table{
		border-collapse:collapse;
	}

	.form_table .label{
		text-align:right;
		padding-right:4px;
		line-height:25px;
		vertical-align:top;

	}

/*---------------------------------*/
/* font stuff stuff */
/*---------------------------------*/

	h3{
		font-size:20px;
	}

/*---------------------------------*/
/* layout stuff */
/*---------------------------------*/

	#main{
		margin-left:auto;
		margin-right:auto;
		height:528px;
		width:731px;
		background-image: url("../gfx/main.jpg");
		
	}

	#main_table{
		border-collapse:collapse;
		height: 100%;
		width:100%;
	}

	#main_bg{
		background-image: url("../gfx/background.gif");				
		background-repeat: no-repeat;
		background-position: 50% 50%;
		width:1038px;
	}

	#line_left{
		background-image: url("../gfx/background_left.gif");				
		background-repeat: repeat-x;
		background-position: 50% 50%;
	}

	#line_right{
		background-image: url("../gfx/background_right.gif");				
		background-repeat: repeat-x;
		background-position: 50% 50%;
	}

	#site_link{				
		display:block;
		position:absolute;
		font-size:10px;
		right:10px;
		top:51%;
		margin-top:240px;
		color:#FFFFFF;
		text-decoration:none;
		overflow:hidden;
		height:18px;
	}

	#menu{
		margin-left:77px;
		margin-top:58px;
		position:absolute;
		background-image: url("../gfx/menu_bg.gif");	
		width:113px;
		height:209px;
	}

	#menu_list{
		padding:0px;
		list-style: none;
		margin:0px;

	}

	#menu_list li{
		list-style: none;
		margin:0px;
		padding:0px;
	}

	.menu_span{
		display:block;
		overflow:hidden;
		width:10px;
		height:10px;
		margin-left:-300px;
		color: #FFFFFF;
	}

	.menu{
		display:block;
		width:114px;
		height:19px;

	}
	.menu:hover{
		background-position: -114px 0;
	}

	#menu_home{			background-image: url("../gfx/menu_home.gif"); }
	#menu_bio{			background-image: url("../gfx/menu_bio.gif"); }
	#menu_over{			background-image: url("../gfx/menu_over.gif"); }
	#menu_bruiloften{	background-image: url("../gfx/menu_bruiloften.gif"); }
	#menu_optredens{	background-image: url("../gfx/menu_optredens.gif"); }
	#menu_agenda{		background-image: url("../gfx/menu_agenda.gif"); }
	#menu_repertoire{	background-image: url("../gfx/menu_repertoire.gif"); }
	#menu_fotos{		background-image: url("../gfx/menu_fotos.gif"); }
	#menu_gastenboek{	background-image: url("../gfx/menu_gastenboek.gif"); }
	#menu_links{		background-image: url("../gfx/menu_links.gif"); }
	#menu_contact{		background-image: url("../gfx/menu_contact.gif"); }


	#menu_home_active{			background-image: url("../gfx/menu_home_active.gif"); }
	#menu_bio_active{			background-image: url("../gfx/menu_bio_active.gif"); }
	#menu_over_active{			background-image: url("../gfx/menu_over_active.gif"); }
	#menu_bruiloften_active{	background-image: url("../gfx/menu_bruiloften_active.gif"); }
	#menu_optredens_active{		background-image: url("../gfx/menu_optredens_active.gif"); }
	#menu_agenda_active{		background-image: url("../gfx/menu_agenda_active.gif"); }
	#menu_repertoire_active{	background-image: url("../gfx/menu_repertoire_active.gif"); }
	#menu_fotos_active{			background-image: url("../gfx/menu_fotos_active.gif"); }
	#menu_gastenboek_active{	background-image: url("../gfx/menu_gastenboek_active.gif"); }
	#menu_links_active{			background-image: url("../gfx/menu_links_active.gif"); }
	#menu_contact_active{		background-image: url("../gfx/menu_contact_active.gif"); }

	#content{
		padding-right:20px;
		padding-top:30px;
		padding-bottom:5px;

		position:absolute;
		margin-left:271px;
		margin-top:65px;
		width:427px;
		height:360px;
		overflow:auto;
		z-index:1;

	}
	#content_inside{
		width:400px;
	}

	#title{
		width:417px;
		height:30px;
		background-color: #c3d6e7;
		position:absolute;
		margin-left:271px;
		margin-top:60px;
		z-index:4;
	}

	.myTitle{
		margin:0px;
		font-size:24px;
	}

	.subTitle{
		margin:0px;
		font-size:24px;	
	}

	#mailing_list{

	}

/*---------------------------------*/
/* gastenboek */
/*---------------------------------*/

	.gb_hr{
		border-bottom: 1px #c3d6e7 solid;
		border-top:1px #000000 solid;
	}

	#gb_plaats{
		display:block;
		float:right;
	}
	
	.gb_info{
		float:right;
	}
	.gb_nav{
		width:100%;
		height:17px;
	}
	.gb_info{
		float:right;
	}
	.gb_navigation{
		float:left;
	}

	.gb_input{
		text-align:right;
		vertical-align:top;
		padding-top:6px;
	}

	#gb_terug{
		display:block;
		margin-top:10px;
		margin-bottom:15px;
		color: #000000;
	}

/*---------------------------------*/
/* fotos */
/*---------------------------------*/

	.foto_link{
		text-decoration:none;
	}

	.foto_link:hover{
		text-decoration:underline;
	}

.pics_img{
	cursor: pointer;
	border:1px #000000 solid;

	margin-right:4px;
	margin-bottom:4px;

}