p {
 margin:0;
 padding:10px 20px 0px 20px;
 text-align:left;
 }

p:first-letter {
  font-size: 120%;
  font-style: italic; 
  }

.geel {
  color: #ffe48e;
  font-weight: bold;
  }

h4 {
 margin:0; 
 padding: 5px 0;
 }

pre {
 text-align:left;
 margin:0;
 padding:20px 0;
 }
strong {
  color:#ffe48e;
  }

#logo {
 margin: 0; 
 text-align: left;
 background: #000;
 height: 10px;
 z-index: 1;
 }
/* Layout Stylesheet */ 

body {
  margin: 0; 
  padding:0;
  background: #000;
  color: #f7e5f1;
	font-family: verdana, helvetica, sans-serif;
  font-size: 15px;
  text-align: center;
  z-index: 1;
  }

#container {
  width: 680px;
  height: 540px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  }

#artiestnaam {
  position: relative;
  top: 48px;
  width: 100%;
  height: 60px;
  color: #f7e5f1;
  margin: -82px -30px 0 0;
  text-align: right;
  font-size: 300%;
  }
#menu {
  position: relative;
  top: -24px;
  width: 200px;
  height: 380px;
  margin-top: 48px;
  padding-top: 6px;
  float: left;
  }

#titel {
  position: relative;
  top: 48px;
  width: 496px;
  height: 70px;
  text-align: right;
  color: #ffe48e;
  float: right;
  }
#rk-cel1 {
  position: relative;
  top: 60px;
  width: 240px;
  height: 230px;
  clear:right;
  float: right;
  overflow: auto;
  text-align: right;
  padding: 0 10px 0 0;
  margin-bottom: 34px;
  }
.sb {
  scrollbar-3dlight-color:;
  scrollbar-arrow-color:blue;
  scrollbar-base-color:darksalmon;
  scrollbar-darkshadow-color:;
  scrollbar-face-color:;
  scrollbar-highlight-color:;
  scrollbar-shadow-color:;
  }

#rk-cel2 {
  position: relative;
  top: 48px;
  width: 340px;
  height: 160px;
  float:right;
  clear:right;
  padding: 0;
  }
#rk-cel3 {
  position: relative;
  top: 48px;
  left:-90px;;
  width: 600px;
  height: 160px;
  float:right;
  clear:right;
  padding: 0;
  }
#rk-cel-lang {
  position: relative;
  top: 84px;
  width: 300px;
  height: 400px;
  clear:right;
  float: right;
  overflow: auto;
  text-align: right;
  padding: 0 10px 0 0;
  margin-bottom: 34px;
  }

#genre {
  position: relative;
  height: 20px;
  top: -50px;
  left: 140px;
  font-size: 18px;
  }

#voetregel {
  position: relative;
  background: #000; 
  bottom: 20px;
  width: 680px;
  height: 40px;
  color: #333;
  font-size: 12px;
  text-align: center;
  }
#voetregel a,
#voetregel a:visited {
  color: #333;
 }
#voetregel a:hover {
  color: #606;
 }

#biografie,
#contact,
#content,
#mogelijkheden,
#muziek,
#nieuws {
  height: 552px;
  color: #eee;
  font-weight: 500;
  z-index: 1;
  }
#biografie {
  background: #000 url(../graphics/ag-biografie.jpg) center no-repeat;
  }
#contact {
  background: #000 url(../graphics/ag-contact.jpg) center no-repeat;
  }
#content {
  background: #000 url(../graphics/ag-index.jpg) center no-repeat;
  }
#fotoalbum {
  background: #000 url(../graphics/ag-fotoalbum.jpg) center no-repeat;
  }
#mogelijkheden {
  background: #000 url(../graphics/ag-mogelijkheden.jpg) center no-repeat;
  }
#muziek {
  background: #000 url(../graphics/ag-muziek.jpg) center no-repeat;
  }  
#nieuws {
  background: #000 url(../graphics/ag-nieuws.jpg) center no-repeat;
  }

.sb #menu a,
.sb #menu a:visited {
  color: #ffe48e;
  text-decoration: underline;
  }
.sb #menu a:hover {
  color: #ff5511;
  }
#content p {
  text-align: right;
  clear: right;
  float: right;
  width: 240px;
  }
#zangblokjes {
  position: relative;
  top: 40px;
  left: 0;
  height: 200px;
  overflow: auto;
  text-align: right;
  padding-right: 10px;
  }

#menu ul {
  float: left;
  list-style-type: none;
  text-align: left;
  padding-top: 0px;
  line-height: 35px;
  margin: 5px 0 0 20px;
  }
#menu li a,
#menu li a:visited {
  color: #f7e5f1;
  text-decoration: none;
  font-weight: 700;
  }
#menu li a:hover {
  font-size: 18px;
  }

/* Opmaak voor de veldenset contactformulier */

.naam,
.notitie {
  text-align: right;
  }
.verplicht {
  font-weight: bold;
  color: #ffe48e;
  }

/* fotogallerie */
#holder {position:relative; left: 203px; margin-bottom:10px; z-index:1;}/* plaatsing fotogallerie */
#pad {height:436px; width:1px;}/* plaatsing hoogte scrollbox */
#scrollbox {width:400px; height:80px; background:#f4f4f4; overflow:auto; border:1px solid #aaa; margin-left:-190px;}/* plaatsing scroll box */
#thumbs {width:420px; height:66px;}

a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; margin:3px; float:left; font-size:11px;}
a.slidet {background:url(../graphics/th-afb01.jpg);}
a.slideu {background:url(../graphics/th-afb02.jpg);}
a.slidev {background:url(../graphics/th-afb03.jpg);}
a.slidew {background:url(../graphics/th-afb04.jpg);}
a.slidex {background:url(../graphics/th-afb05.jpg);}
a.slidea {background:url(../graphics/th-cd01.jpg);}
a.slideb {background:url(../graphics/th-cd02.jpg);}
a.slidec {background:url(../graphics/th-cd03.jpg);}
a.slided {background:url(../graphics/th-cd04.jpg);}
a.slidee {background:url(../graphics/th-cd05.jpg);}
a.slidef {background:url(../graphics/th-cd06.jpg);}
a.slideg {background:url(../graphics/th-cd07.jpg);}
a.slideh {background:url(../graphics/th-cd08.jpg);}
a.slidei {background:url(../graphics/th-cd09.jpg);}
a.slidej {background:url(../graphics/th-cd10.jpg);}
a.slidek {background:url(../graphics/th-cd11.jpg);}
a.slidel {background:url(../graphics/th-cd12.jpg);}
a.slidem {background:url(../graphics/th-cd13.jpg);}
a.sliden {background:url(../graphics/th-cd14.jpg);}
a.slideo {background:url(../graphics/th-cd15.jpg);}
a.slidep {background:url(../graphics/th-cd16.jpg);}
a.slideq {background:url(../graphics/th-cd17.jpg);}
a.slider {background:url(../graphics/th-cd18.jpg);}
a.slides {background:url(../graphics/th-cd19.jpg);}

a.gallery span {display:block; position:absolute; left:0px; top:-1px; width:1px; height:1px; overflow:hidden; background:#efedec; z-index:100; font-size:11px;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; z-index:100;}
a.gallery:active img,
a.gallery:focus img {border:1px solid #000; z-index:50;}

a.gallery:hover span {display:block; position:absolute; width:402px; height:280px; top:128px; left:4px; padding:5px; font-style:italic; color:#000; background:#fff; z-index:100; font-size:11px;}
a.gallery:active {border:1px solid #eee;}
a.gallery:active span,
a.gallery:focus span {display:block; position:absolute; width:402px; height:280px; top:128px; left:4px; padding:5px; font-style:italic; color:#000; background:#fff; z-index:50;}