*
{
padding: 0;
margin: 0;
}

body
{
    padding-right: 0px;
    padding-left: 0px;
    background: url(img/main_background.gif) #fff;
    padding-bottom: 0px;
    margin: 0px;
    overflow: hidden;
    padding-top: 0px;
    height: 100%;


    min-height:100%;
    position:relative;
}

/*****logon.aspx only*****/
/***->*/
#logon_body { text-align:center;}
#logon_logos { height:100px; background:url('img/logo_givi.gif') 50% 10px no-repeat; }
#logon_givi_logo  { float:left; margin-left: 25px; width:55px; height:89px; background:#fff url('img/logo_givi.gif'); }
#logon_header { height:34px; background:#99b6de url('img/logon_header.gif'); overflow:hidden; margin: 75px auto 0px auto; width:600px; text-align:left; }
#logon_content { background:#fff url('img/main_blocksbackground.gif') 0% 100% repeat-x; border:1px solid #000; width:600px; margin:5px auto; padding:10px 0px 30px 0px; text-align:left; }
#logon_form { margin:10px 50px 0px 50px; background:#f2f2f2; border:1px solid #99b6de; padding:5px; }
#logon_form h1 { background:#99b6de; color:#fff; margin:0px 0px 10px 0px; padding:2px 50px; text-align:center; font-size:1.1em; border:1px solid #7f7f7f; /*white-space:nowrap ;*/ }
#logon_form span { display:block; margin:5px 0px; }
#logon_form span label { width:120px; }
#logon_form ul { background:#99b6de; border:1px solid #7f7f7f; padding:2px 10px; margin:15px 0px 0px 0px; /*white-space:nowrap ;*/ }
#logon_form li { display:inline; text-align:center; margin:0px; margin-left:10px; padding:0px; padding-left:10px; background:url('img/main_littletriangle.gif') no-repeat; /*white-space:nowrap ;*/ }
#logon_form li a {color: #FFF;text-decoration:none;}
#logon_form li a:hover { color:#fff; text-decoration:none; }
#logon_highlighted_language { color:#fff; font-weight:bold; }

/*stijlen voor nieuwe hoofdindeling*/
html {
  height: 100%;
}

.masterheader {
position: fixed;
top:0px;
left : 0px;
margin: 0px;
padding: 0px;
width: 100%;
height: 39px;
/*
border-radius: 10px 10px 10px 10px;
box-shadow: 0px -25px 30px -25px rgba(0, 0, 0, 0.3);
line-height: 3rem;
*/
display:block;
background-color: transparent;
color: #FFFDFA;
text-align: center;
}

.masterheaderleft
{float:left;width: 250px;/* height:100%; */overflow:hidden;overflow-x: hidden;}

.masterheaderright
{
left: 251px;
height:100%;
padding-left: 3px;
overflow: hidden;
overflow-x: hidden
}

.masterheaderbottom
{
left: 0px;
height:0px;
overflow: hidden;
overflow-x: hidden
}


.mastercontent {position: absolute;width: 100%;top: 40px;bottom: 40px;background-color:transparent;}

.mastercontentleft
{
width: 243px;
height: 100%;
background-color: #b6b6b6;
overflow: auto;
overflow-x: hidden;
float:left;
padding-left:7px
}

.mastercontentright
{left: 251px;height: 100%;padding-left: 3px;padding-right : 3px;overflow: auto;overflow-x: hidden}


.masterfooter {
position: fixed;
bottom: 0px;
left: 0px;
margin: 0px;
padding: 0px;
width: 100%;
height:40px;
/*
height: 3rem;
border-radius: 5px 5px 0px 0px;
box-shadow: 0px -25px 30px -25px rgba(0, 0, 0, 0.3);
line-height: 3rem;
*/
display:block;
background-color: transparent ;
color: #FFFDFA;
text-align: left;
}


body.framed .masterheader
{display: none;}

body.framed .mastercontent
{top: 0px;bottom: 32px;}


body.framed .mastercontentleft, body.linked .mastercontentleft
{
width: 0px !important;
display:none !important;
}

body.framed .mastercontentright, body.linked .mastercontentright
{
left: 0px !important;
}

body.framed .masterfooter
{
height: 30px;
bottom: 0px;
text-align: left;
}

body.linked .masterfooter
{
display:none !important;
}

















/*stijlen voor hoofdindeling*/
/**-->**/
body.framed
{height: 90%;}


.pagebox
{
position: absolute;
top: 0px;
left: 2px;
right: 2px;
bottom: 0px;
min-width: 200px;
}
.headerbox
{
position: absolute;
width: 100%;
height: 36px;
}

.contentbox
{
position: absolute;
width: 99%;
top: 36px;
bottom: 32px;
background-color:transparent;
}
.footerbox
{
position: absolute;
width: 100%;
height: 30px;
bottom: 0px;
}
.contentboxleft
{
position: absolute;
width: 20%;
height: 100%;
background-color: #b6b6b6;
}
.contentboxright
{
position: absolute;
width: 80%;
left: 20%;
height: 100%;
padding-left: 3px;
}
.contentboxleft,
.contentboxright
{
overflow: auto;
overflow-x: hidden;
}

body.framed .pagebox
{
position: absolute;
top: 0px;
left: 2px;
right: 5px;
bottom: 0px;
min-width: 200px;
}
body.framed .headerbox
{
display: none;
}
body.framed .contentbox
{
position: absolute;
width: 100%;
top: 0px;
bottom: 32px;
}
body.framed .footerbox
{
position: absolute;
width: 100%;
height: 30px;
bottom: 0px;
}
body.framed .contentboxleft
{
position: absolute;
width: 0%;
height: 100%;
}
body.framed .contentboxright
{
position: absolute;
width: 100%;
left: 0%;
height: 100%;
padding-left: 3px;
}
body.framed .contentboxleft,
body.framed .contentboxright
{
overflow: auto;
overflow-x: hidden;
}


.hidefromdisplay
{
display:none
}