body{
	background-color: #000;
	font-family: arial;
	color: #333;
	font-size: 11px;
	line-height: 16px;
}

img, #endanalleen{
	behavior: url('/css/iepngfix/iepngfix.php');
}


p{
	margin-bottom: 10px;
}

h1, .tabel_cel_1.top_tekst_div{
	color: #666;
	font-size: 24px;
	font-family: Rockwell, "Lucida Sans Unicode", Georgia, "Courier New";
	border-bottom: 2px solid #fff;
	padding-bottom: 5px;
	margin-bottom: 20px;
	line-height: 26px;
	font-weight: bold;
}

.tabel_cel_2.tekst_div{
	margin-bottom: 15px;
}

.muziekoverzicht .box .content h1{
	margin-bottom: 0;
}

h2{
	color: #fff;
	font-size: 22px;
	margin-bottom: 10px;
	line-height: 24px;
}

.white{
	color: #fff;
}

#container{
	width: 954px;
	margin: 0 auto;
	background-color: #666;
	overflow: hidden;
}

#header{
	position: relative;
	width: 100%;
	height: 442px;
	background: transparent url('../images/LangeFrans_header.jpg') no-repeat scroll 0 0;
	font-family: Rockwell, verdana;
}

#endanalleen{
	position: absolute;
	top:160px;
	right: 25px;
	display: block;
	width: 524px;
	height: 116px;
	background: transparent url('../images/theatertour-solo.png') no-repeat scroll 0 0;
}

#menu{
	position: absolute;
	top: 413px;
	left: 66px;
	color: #666;
	font-family: Rockwell, "Lucida Sans Unicode", Georgia, "Courier New";
	font-size: 17px;
	line-height: 19px;
}

#menu a{
	display: block;
	margin-right: 1px;
	float: left;
}

.middenblok{
	float: left;
	width: 954px;
	overflow: hidden;
}

.contentblok{
	float: left;
	padding: 20px 27px 0;
	width: 900px;
}

.contentblok a, .contentblok a:hover, .contentblok a:visited, .contentblok a:active{
	color: #333;
}

#advertentie{
	float: left;
	width: 900px;
	padding: 0 27px;
	font-size: 10px;
}

#advertentie .text{
	margin-left: 20px;
}

#banner{
	width: 900px;
	height: 120px;
	background-color: #000;
}

#footer{
	float: left;
	width: 100%;
	height: 65px;
	padding-top: 9px;
	text-align: center;
	color: #b3b3b3;
	font-size: 11px;
}


#footer a, #footer a:visited{
	color: #b3b3b3;
	text-decoration: none;
}

#footer a:hover, #footer a:active{
	color: #fff;
}

#menu a, #menu a:visited{
	color: #666;
	text-decoration: none;
}

#menu a:hover, #menu a:active{
	color: #333;
}

/* pagina headers en backgrounds */

.middenblok, .middenblok .contentblok{	background-repeat: no-repeat; }
.middenblok .contentblok{ background-position: 0 10px; }

/* .middenblok.homw{ background-image: url('../images/bg_home.png'); } */
.middenblok .contentblok#home_kop{ background-image: url('../images/bg_home.png'); background-position: 650px bottom; }

.middenblok#muziek{ background-image: url('../images/bg_muziek.png'); background-position: right 0; }
.middenblok .contentblok#muziek_kop{ background-image: url('../images/kopje_muziek.gif'); }

.middenblok#video{ background-image: url('../images/bg_video.png'); background-position: right 0; }
.middenblok .contentblok#video_kop{ background-image: url('../images/kopje_video.gif'); }

.middenblok#fotos{ background-image: url('../images/bg_fotos.png'); background-position: 0 20px;}
.middenblok .contentblok#fotos_kop{ background-image: url('../images/kopje_fotos.gif'); }

.middenblok#agenda{ background-image: url('../images/bg_agenda.png'); }
.middenblok .contentblok#agenda_kop{ background-image: url('../images/kopje_agenda.gif'); }

.middenblok#biografie{ background-image: url('../images/bg_biografie.png'); background-color: #595959 }
.middenblok .contentblok#biografie_kop{ background-image: url('../images/kopje_biografie.gif'); }

/* .middenblok.contact{ background-image: url('../images/bg_contact.png'); } */
.middenblok .contentblok#contact_kop{ background-image: url('../images/kopje_contact.gif'); }

.middenblok#perskit{ background-image: url('../images/bg_perskit.png'); }
.middenblok .contentblok#perskit_kop{ background-image: url('../images/kopje_perskit.gif'); }



/* blokken css */

.kolom{
	float: left;
	width: 275px;
}

.kolom.midden{
	margin-left: 27px;
	margin-right: 27px;
}

.kolom.showvideo{
	width: 461px;
	margin-left: 20px;
}

.kolom.fotos, .box.fotos{
	width: 620px;
}

.box{
	float: left;
	width: 275px;
	margin-bottom: 25px;
	color: #ccc;
}

.box .head{
	float: left;
	height: 30px;
	width: 275px;
	background-repeat: no-repeat;
	background-position: 20px 0;

}

.box .head.nieuws{ background-image: url('../images/k_nieuws.png');}
.box .head.franstwittert{ background-image: url('../images/k_frans_twittert.png');}
.box .head.laatstepics{ background-image: url('../images/k_laatste_pics.png');}
.box .head.eersteshows{ background-image: url('../images/k_eerste_shows.png');}


.box .content{
	position: relative;
	float: left;
	width: 231px;
	padding: 20px;
	border: 2px solid #fff;
	color: #333;
	background-repeat: no-repeat;
	overflow: hidden;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url('css/css3pie/PIE.php');
}

.box .videobox{ height: 484px; padding-bottom: 1px; overflow: hidden;}
.box .video{
	position: relative;
	float: left;
	width: 417px;
	padding: 20px 20px 0;
	margin-top: 90px;
	border: 2px solid #949494;
	color: #333;
	background-repeat: no-repeat;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url('css/css3pie/PIE.php');
}


.box .content.check_ook{ height: 101px;	width: 251px; padding-left: 0; padding-bottom: 10px; background-image: url('../images/bg_check_ook.png'); }
.box .content.check_ook .social{ display: block; width: 90px; padding: 7px 0 0 9px; }

.box .content.static{
	height: 214px;
}

.box .content.twitter{
	float: left;
	padding: 2px;
	width: 267px;
	height: 320px;
	background-color: #333;
}

.box .content.gradient{
	background: #ccc;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#ccc));
	background: -moz-linear-gradient(#fff, #ccc);
	-pie-background: linear-gradient(#fff, #ccc);
}

.box .content.gradient_rev{
	background: #ccc;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ccc), to(#fff));
	background: -moz-linear-gradient(#ccc, #fff);
	-pie-background: linear-gradient(#ccc, #fff);
}

.box .video.gradient_video{
	background: #888888;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#888888), to(#757575));
	background: -moz-linear-gradient(#888888, #757575);
	-pie-background: linear-gradient(#888888, #757575);

}



.box.more{ margin-bottom: 0;}
.box .more{
	position: relative;
	top: -13px;
	margin-bottom: 7px;
	float: left;
	width: 95px;
	height: 23px;
	padding-left: 8px;
	font-family: Rockwell, "Lucida Sans Unicode", Georgia, "Courier New";
	font-size: 12px;
	line-height: 22px;
	background: #fff url('../images/more.png') no-repeat scroll 84px 3px;
	border: 1px solid #fff;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	behavior: url('css/css3pie/PIE.php');
}
.box .more a, .box .more a:hover, .box .more a:visited{ color: #666; text-decoration: none;}
.box .more a:hover{ text-decoration: underline;}

.box .more.left{ left: 10px; }
.box .more.right{ left: 155px; }

/* pagina specifiek*/
.box .content.contact{
	margin-top: 90px;
	height:330px;
}

.box.bio, .box.pers{
	margin-top: 100px;
}

.box.video{
	width: 461px;
}

.box .content.discografie{
	margin-top: 360px;
}

.box .content.theater{
	margin-top: 90px;
}
.box .content.optredens{
	margin-top: 290px;
}

.box .content.newvideo{
	margin-top: 90px;
	padding-bottom: 0;
}

.box .content.newvideo .recent, .box .content.newvideo .image, .box .content.newvideo .title{
	float: left;
}

.box .content.newvideo .recent{
	heigth: 77px;
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
	text-decoration: none;
}

.box .content.newvideo .image img{
	border: 1px solid #fff;
}

.box .content.newvideo .title{
	display: block;
 	width: 109px;
 	padding: 5px 10px;
 	font-size: 10px;
 	
 }
 
.box .video #videoobject{
	border: 1px solid #fff;
	height: 350px;
}


.box .video .videotitle{
	color: #fff;
	font-weight: bold;
}

.box .fotos{
	width: 576px;
	margin-top: 50px;
}

.box .fotos .fototable{
	width: 100%;
	text-align: center;
}

.box .fotos .fototable td{
	padding: 10px 0;
}

.box .fotos .fototable td img{
	border: 2px solid #fff;
}


#overzicht{
	float: left;
	padding: 0 15px;
	width: 870px;
	
}

#overzicht_intro{
	float: left;
	width: 139px;
	height: 118px;
	padding: 10px 0 0 285px;
	background-image: url('../images/metube.png');
	background-repeat: no-repeat;
}

 #overzicht .playlist{
 	float: left;
 	display: block;
 	border-top: 1px dotted #ccc;
 	text-decoration: none;
 	padding: 2px 0;
 	margin-right: 8px;
	
 }
 
 
 #overzicht .playlist a, #overzicht .playlist a:visited, #overzicht .playlist a:hover, .recent a,  .box .content.newvideo .recent a:hover,  .box .content.newvideo .recent a:visited{
 	text-decoration: none;
 }
 
 #overzicht .playlist a, #overzicht .playlist a:visited, #overzicht .playlist a:hover{
 	color: #ccc;
 }
 
 #overzicht .playlist .image{
 	display: block;
 	float: left;
 	height: 60px;
 	border: 1px solid #434343;
 	padding: 2px;
 }
 
 #overzicht .playlist .title{
	display: block;
 	float: left;
   	width: 112px;
   	height: 66px;
 	padding: 0 3px;
 	font-size: 10px;
 	color: #ccc;
 	overflow: hidden;
}

.muziekoverzicht{
	margin-top: 80px;
}

.muziekoverzicht img{
	margin-bottom: 10px;
}

.muzieklijst{
	display: block;
	border-bottom: 2px solid #fff;
	background-image: url("../images/more.png");
	background-repeat: no-repeat;
	background-position: right 3px;
	text-decoration: none;
	padding: 3px 0 3px 10px;
	cursor: pointer;
	width: 221px;
}

.muzieklijst .muziek_titel{
	float: left;
	display: block;
	width: 150px;
}
.muzieklijst muziek_jaar{

}


table#shows{
	width: 100%;
	font-size: 14px;
	color: #000;
	font-family: Rockwell, "Lucida Sans Unicode", Georgia, "Courier New";
}
table#shows td{
	padding: 5px;
}

table#shows .date{
	width: 74px;
}

#tracklist{
	float: left;
	width: 559px;
	margin: 80px 0 0 27px;
}

#tracklist table{
	width: 100%;
	margin-bottom: 20px;
}

#tracklist table .download a{
	color: #ccc;
}

#tracklist table td{
	padding: 5px;
	border-bottom: 1px dotted #999;
}

#tracklist table td.download{
	width: 220px;
}

/* perskit*/

.pers td{
	vertical-align: middle;
	padding: 5px;
}