/* ***************************************************** */
/*  general layout                                       */
body {
       background-color: #FFFFEB;
       font-family: arial;
       }

/* -- page header -- */
p.header {
           position: absolute;
           width: 100%;
           height: 230px;
           left: 0px;
           top: 0px;
           margin: 0px;
           padding: 0px;
           background: #000000;
           }

img.main_pic1 {
	      position: absolute;
              right: 38px;
              top: 38px;
	      z-index: 3;
              }


div.titel {
            position: absolute;
            left: 30px;
            width: 40%;
            text-align: center;
            height: 211px;
            }

img.titel {
   	   z-index: 2;
}

div.titel h1.titel-small { 
                           font-size: 12pt;
                           color: #ffffff;
                           padding: 0px;
                           margin: 0px;
                           }
div.titel h1.titel-normal { 
                            font-size: 26pt;
                            color: #ffffff;
                            padding: 0px;
                            margin: 0px;
                            }
div.titel h1.titel-big {
                         font-size: 52pt;
                         color: #ffffff;
                         padding: 0px;
                         margin: 0px;
                         font-style: italic;
                         }

div.titel h1.titel-bigc { 
                          font-size: 52pt;
                          color: #333300;
                          padding: 0px;
                          margin: 0px;
                          font-style: italic;
                          }

/* -- page navigation -- */
p.navigation {
               position: relative;
               left: 0px;
               top: 185px;
               margin-left: 35px;
               padding: 0px;
               z-index: 4;
               }

p.navigation a {
                 display: inline;
                 background-image: url('../images/mainlink_normal.gif');
                 background-repeat: no-repeat;
                 background-position: center left;
                 padding: 5px;
                 padding-left: 22px;
                 padding-right: 20px;
                 height: 22px;
                 } 
				 
p.navigation a:hover {
                       display: inline;
                       background-image: url('../images/mainlink_hilight.gif');
                       background-repeat: no-repeat;
                       background-position: center left;
                       padding: 5px;
                       padding-left: 22px;
                       padding-right: 20px;
                       height: 22px;
                       }

p.navigation strong {
                      display: inline;
                      background-image: url('../images/mainlink_hilight.gif');
                      background-repeat: no-repeat;
                      background-position: center left;
                      padding: 5px;
                      padding-left: 22px;
                      padding-right: 20px;
                      height: 22px;
					  color: #FFFFFF;
                      }

/* -- page body -- */
div.pagebody {
               position: absolute;
               left: 0px;
               top: 240px;
               width: 100%;
               margin: 0px;
               padding: 0px;
               z-index: 5;
               }

/* -- information -- */
div.info2 {
/*            position: absolute;
	    font-size: smaller;
            top: 0px;
            left: 450px;
            margin: 0px;*/
	    margin-left: 25px;
            padding: 5px;
/*            z-index: 4;
            border: solid 1px;*/
}
            
div.infos {
/*            position: absolute;
	    font-size: smaller;
            top: 0px;
            left: 200px;
            margin: 0px;*/
	    margin-left: 25px;
            padding: 5px;
/*            z-index: 4;
            border: solid 1px;*/
          }

div.infos div {
/*                padding: 3px;*/
                }

/* -- contents of the page (in general) -- */
div.contents {
               padding-left: 35px;
               padding-right: 45px;
               padding-bottom: 10px;
               }

td p {
   padding-left: 10px;
   vertical-align: top;
   }

/* -- page footer -- */
div.footer {
             width: 100%;
             left: 0px;
             margin: 0px;
             padding: 0px;
             background-color: #000000;
             }

div.footer p {
               padding: 10px;
			   color: #FFFFFF;
               }
/*  end of general layout                                */
/* ***************************************************** */


/* ***************************************************** */
/*  layout specifically for the "location" page          */
div.loca-concert1 {
		  width: 425px;
		  z-index: 6;
		  font-size: smaller;
}

div.loca-concert2 {
		position: absolute;
		top: 40px;
		width: 425px;
                left: 500px;
		z-index: 6;
                font-size: smaller;
}

div.loca-plannetje {
                     width: 440px;
                     z-index: 6;
                     font-size: smaller;
                     }

div.loca-plannetje p.titel {
                             font-weight: bold;
                             }

div.loca-bereikbaarheid {
                          position: absolute;
                          z-index: 5;
                          margin-top: 15px;
                          margin-right: 25px;
                          left: 500px;
                          border: 1px solid;
                          padding-top: 5px;
                          padding-bottom: 5px;
                          padding-left: 10px;
                          padding-right: 10px;
                          font-size: smaller;
                          }

div.loca-bereikbaarheid p.titel {
                                  font-weight: bold;
                                  }
/*  end of layout specifically for "location" page       */
/* ***************************************************** */

/* ***************************************************** */
/*  layout specifically for "promomail" page             */
form.promo {
             background-color: #EEEFBF;
             }

form.promo div {
                 padding: 15px;
                 }

form.promo div span {
                      position: absolute;
                      left: 505px;
                      font-weight: bold;
                      color: red;
                      }

form.promo div input.from {
                            position: absolute;
                            left: 235px;
                            }

form.promo div input.to {
                          margin-left: 185px;
}

form.promo textarea {
                      margin-left: 200px;
                      }
/*  end of layout specifically for "promomail" page      */
/* ***************************************************** */

a:link {color: #66FF66}     /* unvisited link */
a:visited {color: #006633}  /* visited link */
p.navigation a:hover,div.footer a:hover {color: #FFFF40}   /* mouse over link */
p.navigation a:active,div.footer a:active {color: #FFFF40}   /* selected link */