body {
height:100%;
color: purple;
font-family: Tahoma;
font-size: 13px;
background-color: #B1C1E4;
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
}

table.maintable {
background: #FDFDA3 url(images/back_book.png) no-repeat;
width: 990px;
height: 580px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -495px;
margin-top: -290px;
}

table.maintable_double {
background: #FDFDA3 url(images/back_book_double.png) no-repeat;
width: 990px;
height: 580px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -495px;
margin-top: -290px;
}

.intro_drawing_main {
background: url(images/intro/back_book_and_drawing.jpg) no-repeat;
width: 990px;
height: 580px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -495px;
margin-top: -290px;
}

div.thought_bubble {
background: url(images/intro/thought_bubble.png) no-repeat;
width: 343px;
height: 217px;
}

div.thought_bubble_title {
width: 205px;
height: 50px;
padding-top: 27px;
margin-left: 43px;
text-align: center;
font-family: "Comic Sans MS";
font-size: 20px;
line-height: 1.0;
}

div.thought_bubble_description {
position:absolute; left: 38px; top: 75px;
width: 215px;
text-align: center;
font-size: 10px;
color: #ff0000;
}

.centered_content {
width: 990px;
height: 580px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -495px;
margin-top: -290px;
}

.leftpadding {
padding-left: 10px;
}

td.maintable_cell_1 {
height: 20px;
}

td.maintable_cell_2 {
width: 50px;
}

td.maintable_cell_3 {
padding-right: 5px;
width: 436px;
}

td.maintable_cell_4 {
width: 6px;
}

td.maintable_cell_5 {
padding-left: 5px;
width: 415px;
}

hr {
background-color: #f00;
border: 0px;
height: 1px;
}

A, A:visited {
color: #CC3399;
font-weight: bold;
text-decoration: none;
}

A.purpleLink, A.purpleLink:visited {
color: #CC3399;
font-weight: normal;
text-decoration: none;
}

A.purpleLink:hover {
text-decoration: underline;
}


A.blogLink, A.blogLink:visited {
color: #CC3399;
text-decoration: none;
}

A.blogLink:hover {
text-decoration: underline;
}

A:hover {
text-decoration: underline;
}

div.errormessage {
background: transparent;
color: #ff0000;
font-weight: bold;
}

div.scroll_double {
width: 870px;
height: 507px;
overflow: auto;
padding: 2px;
margin-top: 7px;
}

div.scroll_single_left {
width: 435px;
height: 490px;
overflow: auto;
margin-top: 5px;
}

div.scroll_single_right {
margin-top: 5px;
width: 420px;
height: 505px;
overflow: auto;
padding: 2px;
}

div.page_left {
position:absolute;
left:100px;
top:50px;
width: 400px;
height: 520px;
}

div.page_right {
position:absolute;
left:530px;
top:50px;
width: 400px;
height: 520px;
}

div.page_header {
text-align: center;
color: #996600;
font-family: "Times New Roman";
font-size: 22px;
}

div.index_links {
color: #CC3399;
font-family: "Comic Sans MS";
font-size: 16px;
}

div.menu_tekening {
position:absolute;
left:7px;
top:36px;
z-index: 0;
}

div.menu_inhoudsopgave {
position:absolute;
left:10px;
top:209px;
z-index: 0;
}

IMG.imageborder {
margin: 5px;
border: 1px solid #000000;
}

TABLE.portal_wrap {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

div.Mask {
background-color: #CCCCFF;
border: 0px none #000000;
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:99;
}

div.intro_load_big {
font-family: Verdana;
font-size: 20px;
color: #0066CC;
}

div.intro_load_small {
font-family: Verdana;
font-size: 12px;
color: #0066CC;
}

A.introLink, A.introLink:visited {
color: #0066CC;
text-decoration: underline;
}

.msg_box_popup {
background: url(images/msg_box.png) no-repeat;
text-align: center;
padding: 10px;
padding-left: 150px;
margin-right: 80px;
position:absolute;
width: 343px;
height: 200px;
z-index: 1;
left: 220px;
top: 160px;
}

.err_box_popup {
background: url(images/err_box.png) no-repeat;
text-align: center;
padding: 10px;
padding-left: 150px;
margin-right: 80px;
position:absolute;
width: 343px;
height: 200px;
z-index: 1;
left: 220px;
top: 160px;
}

.msg_box_closelink {
font-size: 15px;
position:absolute;
bottom: 35px;
right: 20px;
}

.msg_box_fairy {
position:absolute;
left: 17px;
bottom: 34px;
}

.right_image {
float: right;
padding-left: 5px;
padding-right: 5px;
}

.left_image {
float: left;
padding-left: 5px;
padding-right: 5px;
}

.headline {
font-size: 17px;
font-weight: bold;
}

.favorites_left {
padding-right: 10px;
padding-bottom: 30px;
width: 435px;
}

.favorites_right {
padding-left: 10px;
padding-bottom: 30px;

}

input {
background: #ffffff url(images/textarea_back.gif) no-repeat 0 0;
}

textarea {
background: #ffffff url(images/textarea_back.gif) no-repeat 0 0;
}

.longinput {
width: 100%;
}

.longtextarea {
width: 100%;
}

.price {
display: inline;
font-size: 20px;
color: #ff0000;
font-weight: bold;
}