/* CSS DOCUMENT */
/* TimDeibel.nl Rev.2009/10/18 */

html,body { width:100%; margin:0; padding:0; border:none;}
body {
 font-family:Verdana, Geneva, sans-serif;
 font-size: 12px;
 text-align:center;
 background:#0A0A0A;
 color:#999;
}

div ul { margin-left:0px; padding-left:20px; } /* IE6+7 missing bullets Bug */

p { padding:0; margin:0 0 14px 0; }
p:first-letter { font-size:125%; }
p.size_L, h1 { font-size:130%; font-weight: Normal; letter-spacing:0.3em; }
p.size_L:first-letter, h1:first-letter { font-size: 150%; font-weight: normal; }

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

#mainWrap {
 position:relative;
 width:1040px;
 height:auto;
 margin:40px auto 0 auto;
 text-align:left;
}
#mainHeader {
 position:relative;
 width: 100%;
 height:130px;
 margin:0; padding:0;
 border:none;
 background:url(../img/bg_header.jpg) top left no-repeat;
}
#mainContent {
 position:relative;
 width: 100%;
 height:auto;
 min-height:520px;  /* Plus IE6 fix */
 margin:0; padding:0;
 border:none;
 background:url(../img/bg_content.jpg) top left repeat-y;
}
#mainContentPadding {
 padding:35px 0 0 42px;
}
#mainFooter {
 position:relative;
 width: 100%;
 height:auto;
 text-align:right;
 margin:0; padding:14px 0;
 border:none;
 background:url(../img/bg_footer.jpg) top left no-repeat;
}
#mainFooter a {
 font-size:10px;
 text-decoration:none;
 color: #444;
}
#mainFooter a:hover, #mainFooter a:focus {
 text-decoration:none;
 color: #fff;
}
#mainMenuWrap {
 position:absolute;
 width: 962px;
 height: 21px;
 top: 98px;
 left:40px;
}
ul#mainMenu {
 list-style-type:none;
 margin: 0; padding:0;
}
ul#mainMenu li {
 display:inline; /* IE6+7 fix, voorkomt verticale spacing */
 list-style-type:none;
 margin: 0; padding:0;
}
ul#mainMenu li a { /* Sprite BG image in php scripts */
 display: block;
 float:left;
 background-image: url(../img/menusprite.jpg);
 text-decoration: none;
 font-size:10px;
 margin:0; padding:0; border:none;
 width: 120px;
 height: 21px;
}
ul#mainMenu li a:hover{ border:none; }
ul#mainMenu li a#but10       { background-position:    0px -21px; }
ul#mainMenu li a#but10:hover { background-position:    0px   0px; }
ul#mainMenu li a#but10active { background-position:    0px   0px; }
ul#mainMenu li a#but1        { background-position: -120px -21px; }
ul#mainMenu li a#but1:hover  { background-position: -120px   0px; }
ul#mainMenu li a#but1active  { background-position: -120px   0px; }
ul#mainMenu li a#but2        { background-position: -240px -21px; }
ul#mainMenu li a#but2:hover  { background-position: -240px   0px; }
ul#mainMenu li a#but2active  { background-position: -240px   0px; }
ul#mainMenu li a#but3        { background-position: -360px -21px; }
ul#mainMenu li a#but3:hover  { background-position: -360px   0px; }
ul#mainMenu li a#but3active  { background-position: -360px   0px; }
ul#mainMenu li a#but4        { background-position: -480px -21px; }
ul#mainMenu li a#but4:hover  { background-position: -480px   0px; }
ul#mainMenu li a#but4active  { background-position: -480px   0px; }
ul#mainMenu li a#but5        { background-position: -600px -21px; }
ul#mainMenu li a#but5:hover  { background-position: -600px   0px; }
ul#mainMenu li a#but5active  { background-position: -600px   0px; }
ul#mainMenu li a#but12       { background-position: -720px -21px; }
ul#mainMenu li a#but12:hover { background-position: -720px   0px; }
ul#mainMenu li a#but12active { background-position: -720px   0px; }
ul#mainMenu li a#but14       { background-position: -840px -21px; }
ul#mainMenu li a#but14:hover { background-position: -840px   0px; }
ul#mainMenu li a#but14active { background-position: -840px   0px; }

#albumThumbsWrap {
 position:absolute;
 width: 250px;
 height:450px;
 top:40px; left:40px;
 overflow:hidden;
 text-align:center;
}
#albumPicWrap {
 position:absolute;
 width: 680px;
 height:454px;
 top:40px; right:40px;
 overflow:hidden;
 background:#101010;
 border:1px solid #181818;
}

#infoText {
 position:absolute;
 width: 680px;
 height: auto;
 top:500px;right:40px;
 overflow:hidden;
 font-size:10px;
 line-height:24px;
 text-align:center;
}

/* ########### CSS CLASSES ############## */
/* ====================================== */
.size_S  { font-size:10px; text-decoration: none; }
.size_N  { font-size:12px; text-decoration: none; }
.size_L  { font-size:16px; font-weight: Normal; }
.size_XL { font-size:16px; font-weight: Bold; }

.textTable {
 width:940px;
 margin:0;padding:0;
 border:none;
}
.textCell {
 width:45%;
 vertical-align:top;
 text-align:left;
 line-height:175%;
}
.rulerCell {
 width:8%;
 text-align:center;
 background:url(../img/ruler_h.gif) top center repeat-y;
}
.albumThumbsFloat {
 float: left;
 width: 80px;
 height:80px;
 text-align:left;
}
.ecp_pic_border {
}
.ecp_thumb_border {
 border:#222 1px solid;
}
.frm_txt {
 font-family:"Courier New", Courier, mono;
 font-size: 100%;
 font-weight:normal;
 color: #333;
 background-color:#eee;
 border:#eee 1px solid;
}
.frm_but {
 font-family:"Courier New", Courier, mono;
 font-size: 100%;
 font-weight:normal;
 background-color: #eee;
 border: #eee outset 2px;
}