/* 
* global style
*/

body {
background-color: #ececec;
margin: 0px;
padding: 0px;
}

#page-wrapper {
width: 100%;
background-color: #ececec; /* in IE komt dit rechtsboven, en (rechts)onder (zie pageposition) */

}
#page-background-color {
width: 100%;
height: 750px;
margin: 100px 0 0 0; /* marge vanaf top, right, bottom, left. laat dan page-wrapper achtergrond zien */
background-color: #74357a;
} 
/* is de achtergrond van de content. let op, geldt vanaf 27% van de linkerkant. loopt onder de footer */
#page-position {
width: 773px;
height: 800px;
background-color: #9e5fa3; /* midden */
position: absolute;
left: 27%;
top: 0;
}
#page-image {
width: 600px;
height: 800px; /* linksonder */
background-color: #ececec;
position: absolute;
right: 73%;
top: 0;
}
#page-content {
width: 773px;
height: 800px;
background-color: #9e5fa3; /* is ook achtergrond van de content ? */
}
/* let op dat de menu region ook aangepast moet worden, omdat die ook weer is gedefinieerd */
/* region content area */
#header-region,#logo-region,#content-region,#menu-region,#footer-region {
overflow:hidden;
display:inline-block;
}

/* safari and opera need this */
#footer-region {
width:100%;
}
#header-region,#logo-region {
height: 100px;
float:left;
}
#content-region {
float:right;
}
#logo-region {
background-image: url(../images/logo.jpg);
width: 208px;
height: 100px;
}

/* leaving room for rounding error (MSIE) */
#header-region {
width: 565px;
height; 100px;
background-image: url(../images/top.jpg);<script>runSwf('images/flash/beurs_top.swf','565','100');</script>
}
#content-region {
height: 800px;
width: 565px;
background-color: #FFF;
}
#menu-region {
width: 208px;
height: 800px;
float: left;
background-color: #9e5fa3;
}
#footer-region {
height: 20px;
clear:both;
background-color: #9e5fa3;
}
#footer-text {
border: 0px solid #000;
padding-left: 270px;
}

/* 
* END global style 
*/