*       { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, Sans-serif; }
html    { width:100%; height:100%; background: #ccc url("img/bg_pattern.jpg") top left; overflow: -moz-scrollbars-vertical; overflow-x: auto; }

/** positioning */
#stage, #ticker, #stage_top_bg      { width:1180px; }
#stage                              { position:relative; height: 736px; margin:0 auto; border:1px solid black; background: url("img/stage_bg.png") 0 0;}
#stage_top_bg                       { position:absolute; height: 26px; top:0; left:0; background: url("img/stage_top_bg.png") 0 0;}
#stage_top_left                     { position:absolute; width: 224px; height: 292px; top:0; left: -39px; }
#stage_top_left_link                { position:absolute; width: 180px; height: 26px; top:0; left: -20px; display: block;}
#stage_top_right                    { position:absolute; width: 86px; height: 286px; top:0; right: -70px; }
#stage_bottom_left                  { position:absolute; width: 34px; height: 114px; bottom: -5px; left: -7px; }
#stage_bottom_right                 { position:absolute; width: 39px; height: 114px; bottom: -5px; right: -13px; }
#stage_outline_left                 { position:absolute; width: 110px; height: 187px; top: 40%; left: -111px; }
#stage_outline_right                { position:absolute; width: 111px; height: 190px; top: 40%; right: -112px; }

#ticker                             { position:relative; width: 1238px; height: 114px; margin: 10px auto; border:1px solid transparent; background: url("img/ticker_bg_all.png") 0 0 no-repeat;}

#watermark                          { position: absolute; bottom: 10px; left:540px; }
#watermark_book                     { position: absolute; bottom: 10px; left:370px; }
#watermark_pen                      { position: absolute; bottom: 10px; left:454px; }

#stage_menu                         { position:relative; width: 650px; height: 50px; margin:0 auto; background: yellow; background: url("img/stage_menu_bg_650.png") 0 0 no-repeat;}
#colL                               { width: 22%; margin: 0 10px; }
#colC                               { width: 74%; margin: 0; }
#colM                               { width: 96%; margin: 0; }
#colL, #colC, #colM                 { position:relative; height: 660px; float:left; }


.trans                              { filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; }


@font-face {
    font-family: NiceALbert;
    src: url("fonts/Albertus_MT.eot")
}
@font-face {
    font-family: NiceALbert;
    src: url("fonts/Albertus_MT.ttf") format("truetype");
}

@font-face {
    font-family: Jetjekop;
    src: url("fonts/Albertus_MT.eot") 
}
@font-face {
    font-family: Jetjekop;
    src: url("fonts/LinotypeZapfinoOne.ttf") 
}

@font-face {
    font-family: Aquiline;
    src: url("fonts/AquilineTwo.eot")
}
@font-face {
    font-family: Aquiline;
    src: url("fonts/AquilineTwo.ttf")
}
@font-face {
    font-family: Darkfont;
    src: url("fonts/dark11__.eot")
}
@font-face {
    font-family: Darkfont;
    src: url("fonts/dark11__.ttf")
}


h2                          { font-family: Jetjekop, Helvetica, Verdana, Sans-Serif; font-size: 90px; width: 1000px; line-height:60px; color: #fff; font-weight: normal; margin-left:10px; margin-top:20px;}
h3, h4, p, .books_menu a, 
    label, a, input.button  { font-family: NiceALbert, Helvetica, Verdana, Sans-Serif; font-size: 16px; color: #000;}

/* main menu */
#main_menu                  { padding:10px; margin-left:20px; }
#main_menu li               { float:left; width:auto; padding:2px 4px; }
#main_menu li a             { color: #000; text-decoration: none; font-family: NiceALbert, Helvetica, Verdana, Sans-Serif; font-size: 16px;}
#main_menu li a:hover,
#main_menu li.active a      { border-bottom: 2px solid #fff;}

/* books menu */
ul.books_menu               { margin: 6px 0 0 -30px; }
ul.books_menu li            { }
ul.books_menu li:hover,
ul.books_menu li.active     { background: transparent url('img/arrow_28.png') 4px 0 no-repeat;}
ul.books_menu li a, 
    ul.faq_menu li a        { margin-left: 36px; font-family: NiceALbert, Helvetica, Verdana, Sans-Serif; font-size: 16px; color: #000; display:inline-block; width: auto; padding: 4px 10px; text-decoration: none;}
ul.books_menu li a:hover,
ul.books_menu li.active a   { color: #806d4b; background: url('img/boeken_bg.png') 0 0 repeat-x; }

/* vragen menu */
ul.faq_menu                 { margin: 20px 0 0 -60px; }
ul.faq_menu li              { margin-bottom: 10px; }
ul.faq_menu li a            { position: relative; top: 30px; left: 0px; font-family: NiceALbert, Helvetica, Verdana, Sans-Serif; font-size: 16px; font-weight:normal; color: #000; display:inline-block; width: auto; padding: 4px 20px; text-decoration: none; background: url('img/boeken_bg.png') 0 0 repeat-x;}
ul.faq_menu li a:hover,
    ul.faq_menu li.active a { color: #806d4b; background: url('img/boeken_bg.png') 0 0 repeat-x; }

.inner_main                 { margin: 100px 10px 0 0; }
.inner_ticker               { margin: 10px 40px 0 40px; height:40px; border: 1px solid black; background: url("img/stage_bg.png") 0 0; z-index: 777;}
.inner_ticker p             { margin:10px; }

ul.thumbs                   { list-style: none; }
ul.thumbs li                { float:left; margin: 5px; }
ul.thumbs IMG               { border: none;  height: 140px;}

ul.socials                  { list-style: none; float:right; margin:4px;}
ul.socials li               { float:left; margin-right: 5px; }

/* boeken */
.bookcontainer, .booktext   { float:left; width:49%; text-align: justify;}
IMG.bookcover               { float:left; margin: 0 0 1em 0; }
IMG.fragmenty               { float:left; margin: 320px 2px 0 0; }
.shadow                     {-moz-box-shadow: 10px 10px 10px #ccc; -webkit-box-shadow: 10px 10px 10px #ccc; box-shadow: 10px 10px 10px #ccc; }
#fragment_book,
    #fragment_book2         { position: absolute; top: 90px; left:130px; width: 916px; height: 644px; background: url('img/fragment_bg.png') 0 0 no-repeat; z-index:999; display:none; }
#fragment_bio               { position: absolute; top: 90px; left:270px; width: 638px; height: 545px; background: url('img/papier_bio2.png') 0 0 no-repeat; z-index:999; display:none; }
#fragment_book div.margin,
    #fragment_book2 div.margin     { margin: 60px 70px 30px 70px; }
#fragment_bio div           { margin: 30px; }
.close                      { display: block; position: absolute; top: -4px; right: 10px; }
.fragment                   { z-index:999; }

.book_map                   { }
.download_map               { width: 140px; height: auto; float: left; }
.download_map p             { diplay:block; color: darkred; margin-top: 100px; }
.download_map a             { color: darkred; text-decoration: none; }
IMG.omnia_map               {  width: 200px; border: 1px solid #999; margin: 0 20px 0 4px; float: left;} 

/* biografie */
.inner_bio                  { position:relative; margin: 0 auto; width: 627px; height:529px; background: url("img/papier_bio1.png") 0 0 no-repeat; border:1px solid transparent; }
#bio_baby                   { position:absolute; top: 14%; left: 12%; }
#bio_jippie                 { position:absolute; top: 72%; left: 20%; z-index:999;}

.volgende                   { position:absolute; bottom: 20px; right: 20px; }

/* contact */
.inner_contact              { position:relative; margin: 0 auto; width: 729px; height:584px; background: url("img/papier_contact.png") 0 0 no-repeat; border:1px solid transparent; }
.inner_contact .name     { position:absolute; top: 140px; left: 180px; width: 400px; }
.inner_contact .txt      { position:absolute; top: 240px; left: 140px; width: 400px; }
#postman                    { position:absolute; bottom: 20px; right: 0; }

/* gratis lezen */
.inner_gratis               { position:relative; margin: 0 auto; border:1px solid transparent; }
.gratis_kader               { position:absolute; top: 20px; left: 10%; width: 533px; height:300px; background: url("img/gratis_bg.png") 0 0 no-repeat; }
.gratis_boekkaders          { position:absolute; top: 20px; right: 10%; width: 290px; }

.gratis_boekkader           { position: relative; width: 320px; height:90px; background: url("img/gratis_boekkader.png") 0 0 no-repeat; margin-bottom: 40px; }
.gratis_title a             { position: relative; top: 30px; left: 90px; font-family: NiceALbert, Helvetica, Verdana, Sans-Serif; font-size: 16px; font-weight:normal; color: #000; display:inline-block; width: auto; padding: 4px 10px; text-decoration: none; background: url('img/boeken_bg.png') 0 0 repeat-x;}
.gratis_title a:hover       { text-decoration: none;  color: #806d4b; }
.aquiline                   { font-family: Aquiline, Helvetica, Verdana, Sans-Serif; font-size: 30px; }
.darkfont                   { font-family: Darkfont, Helvetica, Verdana, Sans-Serif; font-size: 38px; letter-spacing: 1pt;}
.darkfont.small             { font-size: 24px; }

/* links */
.links                      { font-family: NiceALbert, Helvetica, Verdana, Sans-Serif; font-size: 16px; font-weight:normal; color: #000; display:inline-block; width: auto; padding: 4px 10px; text-decoration: none; background: url('img/boeken_bg.png') 0 0 repeat-x;}
ul.linkslist                { margin-left: 80px;margin-top:20px; }
ul.linkslist li             { margin-bottom: 10px; }
ul.linkslist a              { margin-left: 20px; }

/* vragen */
.inner_vragen               { position:relative; margin: 136px 0px 0 -20px; }
.paginator                  { margin-bottom: 20px; }
.scroll                     { position: absolute; width: 90%; height: 400px; padding: 10px; border-top:1px solid #000; overflow-y: scroll;}
ul#vragen div.kop           { width: 6%; }
ul#vragen div.kop h3        { font-size: 32px; margin-bottom: 0;}
ul#vragen div               { width: 90%; }
ul#vragen h3, ul#vragen div { float: left; }
h4.you                      {  }
h4.mememe, a.selected       { color: crimson; }


#overlay {
    z-index: 998;
    filter: alpha(opacity=50); /*older IE*/
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
    -moz-opacity: .50; /*older Mozilla*/
    -khtml-opacity: 0.5;   /*older Safari*/
    opacity: 0.5;   /*supported by current Mozilla, Safari, and Opera*/
    background-color:#fff;
    position: fixed; top:0px; left:0px; width:100%; height:100%; text-align:center; vertical-align:middle;
    display: none;
}

h3, p                       { margin: 0 0 1em 0; }
UL, LI                      { list-style-type: none; }
IMG                         { border:none;}
.clear                      { display:block; clear: both; line-height: 0; height: 0; }
.pos                        { font-weight: bold; color: green; }
.neg                        { font-weight: bold; color: crimson; }
.inner                      { margin: 30px; }
.floatl                     {float:left;}
a                           { color: #000; text-decoration: underline;}
a:hover, a.volgende:hover   { text-decoration: underline; }
a.volgende                  { text-decoration: none; }

.center_container           { position:relative; width: 100%; text-align: center; }
.center                     { position:relative; margin:0 auto; }


.small                      { font-size: .8em; }
fieldset                    { border: none; }
input, textarea             { width: 400px; margin-bottom:  1em; border: 1px solid #aaa; font-size: 12px; padding: 2px;}
input.button                { width: auto; padding: 4px 10px; }
textarea                    { height: 100px; }