/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font:13px  Arial; 
} 

a:link, a { color: #000000; text-decoration: none;}
a:visited {}
a:hover {}
a:active {}

ul{
  padding:0px;
}
 
li{
  list-style:none;
}

.invisible { display: none;  }
.visible { display: block;  }
 
#pagewidth{ 
 width:1000px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 /* background-color: red; */ 
}
  
#header{
 height: 60px;
 padding: 10px; 
 background-color: white;
}  
 /* for index.php, without homelink */
#headerhome{
 position:relative; 
 height:100px; 
 width:100%;
}

/*
#logo img {
  padding: 30px;
  margin: 30px;
}

#textboxwithlogo {
  text-align: left;
  padding: 10px;
  position: absolute;
  left: 65%;
  top: 120px;
  width: 200px;
  height: 310px;
}
*/

#mainpageboxes {

}

#logo {
  padding: 30px;
  margin: 30px;
}

#logotekst {
  padding: 30px;
  margin-top: 30px;
}

#textboxwithlogo {
  text-align: left;
  padding: 0px;
  margin:0px;
  position: absolute;
  left: 62%;
  top: 140px;
  width: 260px;
  height: 300px;
} 

#textbox1withlogo {   
  padding: 5px;
  height: 65px;
  border: 1px solid silver;
} 

#textbox2withlogo {
  margin-top:25px;  
  padding: 5px;
  height: 130px;
  border: 1px solid silver;
} 

#imagemainpagebox2 {
  display: inline;
  clear:both;
  float:left;
  margin:0px;
  padding:5px;
  border: none;
  height:100px;
}


#wikkel { position: absolute; z-index: 100; left:0px; top:0px; background: url(/images/cadeautip.gif) no-repeat; width: 312px; height: 312px; }
/* #pageContent { margin-left:200px; } */
#pageContent { margin-left:200px; text-align:left; border-left:solid #70ACCC 30px; padding-left:30px; }
#pageContent img { margin-bottom:30px; };


#normalPageMenu{
 width:200px; 
 float:left; 
 position:relative;
}

#normalPageMenu ul li{
 float:right;
 width: 100%
 padding-right:5px;
 margin-bottom: 15px;
}
 
#normalPageContent{
 float: right; 
 display:inline; 
 position: relative; 
 width:700px; 
 padding-right:50px;
 border-left: solid #70ACCC 30px; 
 padding-left:30px;
 text-align:left;
}

#normalPageTextArea{
 float: right; 
 display:inline; 
 position: relative; 
 width:63%; 
 text-align:left;
}

#normalPageMenuContent{float:right;margin-right:20px; width:100%;}

#normalPageImageArea{float:left; display:inline; position: relative;width:26%; border-left: solid #70ACCC 30px;}
.normalPageImage{width:200px; height:200px; border: 0px; margin: 30px; margin-top:0px;}

#overPageImageArea{float:left; display:inline; position: relative;width:190px;}


 /* for programma.php */
#headerTable{
  width: 100%;
}

#programmaImage{border:0px;}
#overImage{border:0px;}
#vriendenImage{border:0px;}
#homeImage{border:0px;}
 
#SiteNav {
  padding-left: 30%;
}

#HomeLink {
  margin-left: 30px;
  border:0px;
  padding:0px;
}
 
#HomeLink a img{height:35px;} 
 
#leftcol{
 width:20%; 
 float:left; 
 position:relative; 
 background-color:#DFC0C0; 
 }
 
#twocols{
 width:79%; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:67%; 
 float:right; 
 position:relative; 
}
 
#maincol{
 /* background-color: #A9E9F3; */  
 float: left;
 margin-top:0px;
 padding-top:0px;
 border-top: 0px;  
 display:inline; 
 position: relative; 
 width:32%; 
 }
 
#footer{
 height:0px; 
 clear:both;
} 
 
#programma{
/*   border-left: solid green 30px; */
  position: relative;
  margin-left: 2px;
  margin-top:0px;
  padding-top:0px;
  border-top: 0px;  
  padding:10px;
  height: 1180px;
  background-color: white;
}
.programmaHeader { font-size: 24px; font-weight: bold; }
.programmaitem {width: 100%; margin-bottom: 1em;}
.programmaDatum { font-weight: bolder;}
.programmaTitel { }
#programmaList {font-size: 12px; }
#programmaList li {} 
#programmaListVerleden { border: 1px; font-size: 12px; }
#programmaListVerleden li {margin-top: 1em;} 

.tekstVerleden{color: gray;}

.CatCube{margin-right:10px; }
.DatumTitel{}

.tekstuitverkocht{ color:red;}
.tekstvervallen{color:red;}


#voorstelling{
  margin-top: 0px;
  margin-left: 20px;
  margin-right: 30px;
  height: 1200px;
  background-color: white;  
}

#voorstellingHeader { float: left; width:100%; padding-top: 30px;}
#voorstellingHeaderPlaatje {float: left; border:0px; margin:0px; padding:0px;}
#voorstellingHeaderTekst{ padding-left:150px;}
/* correctie vert pos */
#voorstellingHeaderPlaatje img{margin-bottom:-3px}
#voorstellingArtiest {font:20px Times new roman; color: #FFFFFF; font-weight: bold;}
#voorstellingTitel {font:20px Times new roman; font-style: italic; color: #FFFFFF; font-weight: bold; height: 3em;}
#voorstellingDatumAanvang { font: 13px Arial;  color: #FFFFFF;  font-weight: bold;}
#voorstellingContent { padding: 20px; line-height: 17px; }
#voorstellingLocatie, #voorstellingPrijs { padding-left: 20px; }

#bestellen{padding-left: 20px; padding-right: 20px;} 

/* uit layout.css voor bestelling.php*/

#bestellen { padding: 20px 0 0 20px;}]
  .fieldset { width: 190px; }
  .label {float: left; width:130px; line-height:22px;}
  .kaartenInput { margin-left: 5px; width: 300px;  }
  #bestellen .label { float: left; width: 170px; }

  #bestelTabel td { font-size: 13px; height: 20px; } 
  #bestelTabel td .label { width:220px; } 
  #contentAreaWinkelwagen{ border-left: solid #79B37C 30px; border-right: solid #79B37C 30px; margin-right:100px; height:100%}
  #winkelwagen { width:844px;}
  #winkelwagenHeader {  /* float: left; */ width:844px; height: 100px;  font:24px Times new roman; color: #ffffff; font-weight: bold; font-style: italic; background: #79B37C; } 
  #winkelwagenArea {/* width:680px; */ width:775px;  margin-left: auto; margin-right: auto; }
  
  #winkelwagenArea form table tbody tr td { height: 2em}  
  
  #ClickResultMessage {font-weight: bold; color: red;}
  .bestelRow { height: 30px; margin-left: 20px; }
    .odd { background: #EFEFF8; }
    .even { background: #F4F8F2; }
  .bestelTitel { float: left; width: 250px; }
  .bestelAantal { float: left; width: 120px; text-align: right; }
  .bestelPrijsperstuk { float: left; width: 90px;  text-align: right;}
  .bestelPrijs { float: left; width: 80px;  text-align: right; }
  .bestelTotaalSpace { float: left;  width:460px; text-align: right; }
  .bestelTotaal { float: left; width:80px;  text-align: right;  }
  .bestelLineSpace { float: left;  width:480px; text-align: right; }
  .bestelLine{ float: left; width:60px;  text-align: right; border-top: 1px solid #000000; }
  .bestelVerwijder {float: left; width:30px; text-align:center; }
  .berekenOpnieuw{ float: left; width:100px; margin-left: 10px;}
  
  .bestelitem { list-style: circle; margin: 0px; padding: 0px;}
  
  .bestelaantalInput { text-align: right; border: 1px solid #000000; height: 18px;}
  .verzendLijst { float: left; width:700px; text-align: right; }
  .height30 { height: 30px; }

#verzendmethode TD {font:13px  Arial;}
#verzendLijst TD {font:13px  Arial;}
#forgottenField { background: url(/images/vink.png); width: 17px; height:16px; }
#forgottenFieldMessage { float: left; width: 150px; color: #FF0000; }

.linkClass{font-weight: bolder;text-decoration: underline;}

.volgendevorige{font:13px  Arial; }  

/* einde uit layout.css voor bestelling.php*/
/**/
#XXXXXuitverkocht { background: url(/images/uitverkocht.gif); width: 470px; height:200px; z-index:100; position: absolute; top: 380px; }
#XXXXXvervallen { background: url(/images/vervallen.gif); width: 470px; height:200px; z-index:100; position: absolute; top: 380px; }
#voorstellingvoorbij{color: gray;}
#navigation{
  height: 1200px;
  background-color: white;
}

#navigation table{ width: 100%;}

.navmenuitem{
  width: 100%;
  height: 40px;
}
.navmenuitem a {float:right; margin-right: 5px;}

#DatCatSwitch{
  right:5px;
  margin-bottom:20px;
}

#datcatswitchimage{border: 0px; } 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/*
#cat1 {float: right; margin: 5px; }  
#cat2 {float: right; margin: 5px; }
#cat3 {float: right; margin: 5px; }
#cat4 {float: right; margin: 5px; }
#cat5 {float: right; margin: 5px; }
#cat6 {float: right; margin: 5px; }
#cat7 {float: right; margin: 5px; }
#cat8 {float: right; margin: 5px; }
*/
.bruin { background: #AB552D; } /*  */
.blauw {background: #70ACCC;}
.paars {background: #A6649C;}
.dblauw {background: #3B539D;}
.oranje {background: #DA9A23;}
.groen {background: #509B3B;}
.rood { background: #C63361;}
.geel { background: #EFDD00;}

.green {
    color : #79B37C;
}
.bold {
    font-weight: bold;
}

.greenTopLine {
    border-top: 2px solid #79B37C;
    }