/* 
* global style
*/

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

#page-wrapper {
width: 100%;
background-color: #CCC;

}
#page-background-color {
width: 100%;
height: 700px;
margin: 100px 0 0 0;
background-color: #f47d01;
} 
#page-position {
width: 773px;
height: 800px;
background-color: #000;
position: absolute;
left: 27%;
top: 0;
}
#page-image {
width: 600px;
height: 800px;
background-color: #BBB;
position: absolute;
right: 73%;
top: 0;
}
#page-content {
width: 773px;
height: 800px;
background-color: #AAA;
}

/* 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: 680px;
width: 565px;
background-color: #FFF;
}
#menu-region {
width: 208px;
height: 680px;
float: left;
background-color: #f47d01;
}
#footer-region {
height: 20px;
clear:both;
background-color: #f47d01;
}
#footer-text {
border: 0px solid #000;
padding-left: 270px;
}

/* 
* END global style 
*/