body
{
    font-weight: normal;
    font-size: 16px;
    color: black;
    font-family: Arial;
    vertical-align: top; 
    text-align: center; 
    background-color: #24201d;
}
.Menu
{
    font-weight: bold;
    font-size: 16px;
    color: black;
    font-family: Arial;
}

.ie8Fix
{
    z-index:1000;
    
}

a.link, a.link:visited
{
    font-weight: bold;
    font-size: 16px;
    color: black;
    font-family: Arial;
}
a.link:hover
{
    font-weight: bold;
    font-size: 16px;
    color: #cc3300;
    font-family: Arial;
}

.watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=80);
	opacity:0.8;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.hoverbox 
{
	cursor: default;
}

.hoverbox .voorbeeld
{
	cursor: default;
}

a.hoverbox  
{
    cursor: default;
}

a.hoverbox .preview
{
    display: none;
	width: 120px;
	height: 80px;
	cursor: default;
}

.hoverbox .voorbeeld
{
    display: none;
	width: 550px;
	height: 400px;
	cursor: default;
	text-align: center;
	margin: 0 auto;
}

.hoverbox .preview
{
	border-color: #000;
	width: 120px;
	height: 80px;
}

a:hover.hoverbox .preview
{ 
    display: block;
	position: absolute;
	top: -15px;
	left: -20px;
	z-index: 2;
}

a:active.hoverbox .voorbeeld
{ 
    display: block;
    position: fixed;
	top: -456px;
	text-align: center;
	margin: 0 auto;
	z-index: 1;
}

.hoverbox img
{
	background: #ccc;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 60px;
	height: 40px;
}
a
{
    color: Black;
}
a:hover
{
    color: Red;
}

.CollapsePanel 
{
    height :0px;
	overflow: hidden ;
}

.CollapsePanelHeader 
{
    height : 20px;
    cursor: pointer;
}

#Menu
{
    z-index: 1; 
    left: 160px; 
    position: absolute; 
    top: 70px 
}

#Wrapper
{ 
    width: 100%; 
    height: 100%; 
    top: 0px;
    left: 0px; 
    text-align: center;
}

#Logo
{ 
    z-index: 1;
    position: absolute; 
    top: 30px;
    left: 540px; 
    height: 50px; 
    text-align: center
    
}

#Content
{ 
    z-index: 1;
    width: 820px;
    left: 150px; 
    position: absolute; 
    top: 135px; 
    vertical-align: top;
    text-align: center;
    background-image: url(bg.jpg);
    background-repeat :no-repeat ;
}

#Import
{ 
    z-index: 1;    
    left: 830px; 
    position: absolute; 
    top: 70px;
    text-align: right;
}

#Weidum
{ 
    z-index: 1;    
    left: 630px; 
    position: absolute; 
    top: 54px;
    text-align: right;
}

#Status
{ 
    z-index: 1;
    position: absolute;
    width : 410px;
    text-align : right;
}

#BG
{ 
    top: 15px; 
    left: 150px;
    width: 820px;
    position: absolute;
    text-align: right;
}

#ctl00_ContentPlaceHolder1_PV {
    filter:alpha(opacity=80);
	opacity:0.8;
}

#clear {
    clear: both;
}