/* CSS Document */


body {
  padding: no-padding;
  margin:0px;
  margin-bottom:-25px;  /*waarom is deze margin er eigenlijk? en zorgt eht neit voor weirde dingen als het gaat om foto en DIV plaatsing in het theater gedeelte?!?!?!?*/
  color:black;
  font-family:"arial",sans-serif;
  font-size:10pt;
  text-align:center;
  background-color:#000000;
}

#algehelebox {
		margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */
		border: 0px solid red;
		width: 657px;
	/*Onderstaande hierin geplaatst vanwege horizontale ruimte tussen header en theater in IE */
  background-image: url(/TB_images/TB_Final_theater2f.jpg);
  background-repeat: repeat-y;
  background-position: center; 
}
		
#headermenubox {
		margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */
		border: 0px solid green;
		width: 657px;
}

/*kan eruit want IE geeft rare horizontale scheiding (zwart) tussen header en theater...	
#theatergeheelbox {
  	margin: 0 auto;   
		text-align: left; 
		border: 2px solid blue;
		width: 657px;
	background-image: url(/TB_images/TB_Final_theater2c.jpg);
  background-repeat: repeat-y;
  background-position: center; 
}  
*/

#inhoudintheaterbox {
    padding-left: 3px;
  /*Omdat header en footer image links en rechts niet even grote
    zwarte stukken, dus centreren van de image resulteert in feitelijk niet gecentreerd
    beeld met als gevolg dat de tekst duidelijk teveel naar links staat in de 
    inhoudintheaterbox. Daarom dus leftpanning */
		margin: 0 auto;   /* align for good browsers */
		text-align: justify; /* counter the body center */
		border: 0px solid brown;
		width: 480px;
		position: relative;
}

#SMALLinhoudintheaterbox {
    padding-left: 3px;
  /*Omdat header en footer image links en rechts niet even grote
    zwarte stukken, dus centreren van de image resulteert in feitelijk niet gecentreerd
    beeld met als gevolg dat de tekst duidelijk teveel naar links staat in de 
    inhoudintheaterbox. Daarom dus leftpanning */
		margin: 0 auto;   /* align for good browsers */
		text-align: justify; /* counter the body center */
		border: 0px solid brown;
		width: 420px;
		position: relative;
}

#SMALLESTinhoudintheaterbox {
    padding-left: 40px;
  /*Omdat header en footer image links en rechts niet even grote
    zwarte stukken, dus centreren van de image resulteert in feitelijk niet gecentreerd
    beeld met als gevolg dat de tekst duidelijk teveel naar links staat in de 
    inhoudintheaterbox. Daarom dus leftpanning */
		margin: 0 auto;   /* align for good browsers */
		text-align: justify; /* counter the body center */
		border: 0px solid red;
		width: 360px;
		position: relative;
}

#HOMEPAGEinhoudintheaterbox {
    padding-left: 3px;
		margin: 0 auto;   /* align for good browsers */
		text-align: justify; /* counter the body center */
		border: 0px solid red;
		width: 360px;
		position: relative;
}

#DOWNLOADinhoudintheaterbox {
    padding-left: 13px;
		margin: 0 auto;   /* align for good browsers */
		text-align: justify; /* counter the body center */
		border: 0px solid red;
		width: 360px;
		position: relative;
}

#verse {
    padding-left: 0px;
		margin: 0 auto;   /* align for good browsers */
		text-align: justify; /* counter the body center */
		border: 0px solid red;
		width: 360px;
		position: relative;
}

#chorus {
    padding-left: 0px;
		position: relative;
		text-align: right;
}

#welkomskader {
		width: 325px;
		position: relative;
		text-align: justify;
		border: 0px solid orange;
}

#theaterscrollbox {
    width: 405px;
    height: 500px;
    overflow: auto;
    padding: 7px;
    border: 1px solid orange;
    border-right: 1px solid grey;
}

#URLcontactboxA {
    /*position: relative;*/
    float: left;
    padding-left: 24px;
    /*position: absolute;
    top:220px;
    left:10px;*/
}

#URLcontactboxB {
    /*position: relative;*/
    float: left;
    width: 130px;
    padding-left: 20px;
    /*position: absolute;
    top:220px;
    left:280px;*/
}


#sendafriend {
		padding: 4px;
    margin: 0 auto;   /* align for good browsers */
		text-align: left; /* text-align: left = counter the body center.*/
		border: 1px solid orange;
		width: 410px;
		background-image: url(/TB_images/TB_SS_backgroundpic3.jpg);
		background-repeat: no-repeat;
    background-position: left;
}

#commentbox {
    position: absolute;
    border: 0px solid black;
    width: 480px;
}

#algehele_inputbox {
		position: relative;
    top:0px;
    left:0px;
    float: left;
    border: 0px solid blue;
}

#yourinput {
		padding: 4px;
    margin: 0 auto;   /* align for good browsers */
		text-align: left; /* text-align: left = counter the body center.*/
		border: 1px solid orange;
		width: 220px;
		position: relative;
    top:0px;
    left:0px;
    float: left;
}

#inputscrollbox {
    width: 220px;
    height: 200px;
    overflow: auto;
    padding: 4px;
    border: 1px solid orange;
    border-right: 1px solid grey;
    position: relative;
    top:5px;
    left:0px;
    clear: left; /*om deze box onder de yourinput box te krijgen i.p.v. dat ie ernaast gezet wordt door de float: left van die box */
}

#countrybox {
		padding: 4px;
    margin: 0 auto;   /* align for good browsers */
		text-align: left; /* text-align: left = counter the body center.*/
		border: 1px solid orange;
		width: 220px;
		position: relative;
    top:0px;
    right:0px;
    float: right;
}

#countryscrollbox {
    width: 220px;
    height: 100px;
    overflow: auto;
    padding: 4px;
    border: 1px solid orange;
    border-right: 1px solid grey;
    position: relative;
    top:5px;
    left:20px;
    /*clear: right; dit weghalen en daarvoor in de plaats float:left;  zetten om IE en opera probleempjes op te lossen */
    font-size:8pt;
    float: left;
}

#counterbox {
    padding: 4px;
    border: 1px solid orange;
    position: relative;  
    font-size:8pt;      
    color:orange;
    font-family:"arial",sans-serif;     
    float: right;  
    top:20px;
    right: 60px;
    text-align:center;    
}

#getfreebanner {
    float: clear; 
}


#imgfloatright {
    padding: 10px;
    border: 0px;
    float: right;
}

#imgfloatleft {
    padding: 10px;
    border: 0px;
    float: left;
}

#SolarPanelimgfloatright {
    /*padding: 10px;
    padding-top: 10px;
    padding-left: 20px;*/
        padding-top: 20px;
        padding-right: 20px;
        padding-left: 10px;
    border: 0px;
    float: right;
}

#InDoorimgfloatleft {
    padding: 0px;
    padding-top: 20px;
    padding-bottom: 10px;
    border: 0px;
    float: left;
}

#PhotoGalleryplaatsing {
    position: relative;
    border: 0px;
    /*left:330px;  (Dit was om die titel rechts op z'n plek te krijgen, maar het zorgt voor een horizontale scroll-balk in de browser...wil ik niet...)*/
    top: -150px;
    float: right;
    left: -38px;
}

/*#PhotoGalleryText {
    position: relative;
    border: 0px;
    left:300px;
		width: 180px;    
}*/

#studio-album {
    border: 0px;
		width: 150px;    
}

  
#finalfooterbox {
		margin: 0 auto;   /* align for good browsers */
		text-align: center; /* text-align: left = counter the body center. MAAR ik heb CENTER gedaan om tekst te centreren*/
		border: 0px solid orange;
		width: 500px;
		text-align: center;
		font-size:7pt;
    color:black;
    padding-left: 13px;
    clear:left;  /*belangrijke toevoeging om footer normaal op z'n plek te laten komen en om te voorkomen dat scroll-boxes en images in het zwarte onderaan hangen..*/
}

a.linkswithoutunderline {
text-decoration: none;
}

a.blacklinkswithoutunderline {
text-decoration: none;
}

a.titellink:link {color: #000000}     /* unvisited link */
a.titellink:visited {color: #000000}  /* visited link*/
a.titellink:hover {color: #FFB11F}   /* mouse over link */
a.titellink:active {color: #C18900}   /* selected link */


#quote {
    font-size:9pt;
    width: 350px;
    font-style: italic;
    padding-left: 30px;
}

#quoteregular {
    font-size:9pt;
    width: 350px;
    padding-left: 30px;
}

#donatequote1 {
    font-size:9pt;
    font-style: italic;    
    width: 400px;
    padding-left: 20px;
    height: 282px;
}

#donatefloatright {
    padding-right: 10px;
    float: right;
    padding-left:14px;
}

#donatequote2 {
    font-size:9pt;
    width:400px;
    padding-right: 20px;
    height: 160px;
}

#donatefloatleft {
    padding: 10px;
    border: 0px;
    float: left;
    padding-top:15px;
    padding-right:15px;
}

#bigdonatebox {
    border: 0px solid red;
    width: 360px;
    margin-left: 32px;
}

#financecontactbox {
    border: 1px solid orange;
    padding: 10px;
    width: 330px;
    margin-left: 10px;
}

#financecontactbox2 {
    border: 1px solid orange;
    width: 158px;
    margin-left: 10px;
}

#donateTshirtfloatright {
    padding: 10px;
    padding-right: 30px;
    border: 0px;
    float: right;
}


#mailinglist {
		padding: 4px;
    margin: 0 auto;   /* align for good browsers */
		text-align: left; /* text-align: left = counter the body center.*/
		border: 1px solid orange;
		width: 350px;

}

#pressreleasebox {
    padding-left: 3px;
		margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */
		border: 0px solid brown;
		width: 420px;
		position: relative;
}

#flashplayer {
    float: none;
    position: absolute;
		left: 169px;
		top: 308px;
}

#troubleshooting {
		position: relative;
    padding: 5px;
    width: 380px;
    left:15px;
    border: 1px solid orange;
}

#enablejavascript {
		position: relative;
    padding-left: 10px;    
    border: 0px solid green;    
    font-size:8pt;
}

#contactlinklist {
		position: relative;
    padding-left: 24px;    
    border: 0px solid green; 
}

#bannercodebox {
    padding-bottom: 40px;      
}

#copyright_background {
  background-image: url(/TB_images/TB_copyright_only.jpg);
  background-position: center; 
  background-repeat: no-repeat;
}

#bubbles_background {
  background-image: url(/TB_images/TB_bubbles.jpg);
  background-position: center; 
  background-repeat: no-repeat;
}

#bubbles2_background {
  background-image: url(/TB_images/TB_bubbles2.jpg);
  background-position: center; 
  background-repeat: no-repeat;
}

#palm_background {
  background-image: url(/TB_images/TB_palmboom.jpg);
  background-position: center; 
  background-repeat: no-repeat;
}

#sun_background { 
  background-image: url(/TB_images/TurtugaBlanku_HP_lyric3.jpg);
  background-position: center; 
  background-repeat: no-repeat;
}

#windmill_background {
  background-image: url(/TB_images/hurricaneMusic.jpg);
  background-position: center; 
  background-repeat: no-repeat;
}

#presscontactbox {
  padding-left: 75px; 
}

#taxes {
  font-size: 7pt;
  width: 360px;
  text-align: justify; 
}

#paypal_donate_button {
    padding-top: 3px;
    padding-left: 3px;    
    border: 0px;
    float: right;
}

#shopexplanation {
  font-size: 8pt;
  width: 360px;
  text-align: justify; 
}

#front {
    padding-left: 72px;
    float: left;
}
#back {
    padding-left: 312px;
    float: clear;
}
#recyclelogo {
    padding-left: 32px;
    float: left;
}
#straptank {
    padding-left: 277px;
    float: clear;
}
#retrologo {
    padding-left: 60px;
    float: left;
}
#hoveringlogo {
    padding-left: 292px;
    float: clear;
}
#ISunYou {
    padding-left: 70px;
    float: left;
}
#solarstage {
    padding-left: 298px;
    float: clear;
}
#shirtshirt {
    padding-left: 60px;
    float: left;
}
#solarpowermusic {
    padding-left: 273px;
    float: clear;
}

#TshirtShopbox {
    padding-left: 3px;
  /*Omdat header en footer image links en rechts niet even grote
    zwarte stukken, dus centreren van de image resulteert in feitelijk niet gecentreerd
    beeld met als gevolg dat de tekst duidelijk teveel naar links staat in de 
    inhoudintheaterbox. Daarom dus leftpanning */
		margin: 0 auto;   /* align for good browsers */
		text-align: justify; /* counter the body center */
		border: 0px solid brown;
		width: 470px;
		height: auto;
		position: relative;
} 

/*#addtocartSongsfloatright {
    padding-right: 25px;
    border: 0px;
    float: right;
}*/

#ViewCart {
    float: none;
    position: absolute;
		left: 509px;
		top: 420px;
}

#songbuybox {
    border: 1px solid orange;
    padding: 15px;
    padding-bottom: 0px;
    position: relative;
}

/* 
#newsongbuybox {
    border: 1px solid orange;
    padding: 15px;
    padding-bottom: 0px;
    position: relative;
    width:130px;
}
*/

#newsongbuybox {
    border: 1px solid orange;
    padding: 15px;
    padding-bottom: 0px;
    position: relative;
    width:260px; 
}
   
#KOD_title {
      border: 0px solid purple;
      position: absolute;
      top: 0px;
      left: 7px;
      font-style: italic;
}
#HP_title {
      border: 0px solid purple;
      position: absolute;
      top: 0px;
      right: 9px;
      font-style: italic;
}

  #CDcovers {
      border: 0px solid green;
      position: relative;
      height: 110px;
  }
  #GoldenBubbleCD {
      border: 0px solid purple;
          position: absolute;
          top: 0px;
          left: 10px;
  }
  #FirstStepCD {
      border: 0px solid yellow;
          position: absolute;
          top: 0px;
          left: 145px;        
  }
  #BeWithMeCD {
      border: 0px solid blue;
          position: absolute;
          top: 0px;
          right: 10px;        
  }
  #KeepOnDreamingCD {
      border: 0px solid purple;
          position: absolute;
          top: 0px;
          left: 10px;
  } 
  #HolesPolesCD {
      border: 0px solid blue;
          position: absolute;
          top: 0px;
          right: 10px;        
  } 
   
  #addtocarts{
      border: 0px solid red;
      position: relative;
      height: 36px;
  }
  #GoldenBubbleKnop{
      border: 0px solid purple;
      position: absolute;
      top: 0px;
      left: 17px;
  }
  #FirstStepKnop {
      border: 0px solid yellow;
      position: absolute;
      top: 0px;
      left: 150px;   
  }
  #BeWithMeKnop {
      border: 0px solid blue;
      position: absolute;
      top: 0px;
      right: 12px;
  }
  #KeepOnDreamingKnop {
      position: absolute;
      top: 0px;
      left: 17px;  
  }
  #HolesPolesKnop {
      position: absolute;
      top: 0px;
      right: 12px;  
  }

#SingleTitles {
      border: 0px solid black;
      position: relative;
      height: 40px;
}  
#GB_title {
      border: 0px solid purple;
      position: absolute;
      top: 0px;
      left: 16px;
      font-style: italic;
}
#FS_title {
      border: 0px solid yellow;
      position: absolute;
      top: 0px;
      left: 163px;   
      font-style: italic;
}
#BWM_title {
      border: 0px solid blue;
      position: absolute;
      top: 0px;
      right: 27px;
      font-style: italic;
}

#prices {
      border: 0px solid black;
      position: relative;
      height: 22px;
}
#GB_price {
      border: 0px solid purple;
      position: absolute;
      top: 0px;
      left: 42px;
}
#FS_price {
      border: 0px solid yellow;
      position: absolute;
      top: 0px;
      left: 174px;   
}
#BWM_price {
      border: 0px solid blue;
      position: absolute;
      top: 0px;
      right: 46px;
}
#KOD_price {
      border: 0px solid blue;
      position: absolute;
      top: 0px;
      left: 46px;
}
#HP_price {
      border: 0px solid blue;
      position: absolute;
      top: 0px;
      right: 46px;
}

#songbox {
      border: 1px solid orange;
      width: 180px;
      height: 20px;
      padding-top: 3px;
}

#HPsongbox {
      border: 1px solid orange;
      width: 200px;
      height: 20px;
      padding-top: 3px;
}
    
#songboxKOD {
      border: 1px solid orange;
      width: 220px;
      height: 20px;
      padding-top: 3px;
}

#all3songs {
      border: 1px solid orange;
      width: 160px;
      height: 80px;
      padding-top: 5px;
}
#buy3songs {
      border: 0px solid black;
      width: 140px;
      height: 20px;
      padding-top: 2px;
}
#threesongprice {
      border: 0px solid blue;
      width: 140px;
      height: 20px;
      padding-top: 2px;
}
#threesongbutton {
      border: 0px solid red;
      width: 140px;
      height: 20px;
      padding-top: 2px;
}

#BWMchorus {
    padding-left: 20px;
}

#BWMverse {
    padding-left: 235px;
}

#GBverse {
    padding-left: 200px;
}

#MusicShirtKnop {
		margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */
    position:relative;
    width:161px;
    border:0px solid green;
}

/*golden turtle promo stuff*/
 
#goldenturtle2 {
    position: absolute; 
    top:50px;
    left:150px;   
}

#FreeGoldenBubble {
  background-image: url(/TB_images/TB_goldenTurtle_BG.jpg);
  background-repeat: no-repeat;
  background-position: center; 
}
 
#KODbox {
    padding-left: 80px;
		margin: 0 auto;   /* align for good browsers */
		text-align: justify; /* counter the body center */
		border: 0px solid red;
		width: 360px;
		position: relative;
}