body, html {
    margin: 0px;
    width: 100%;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #004B8C;
    behavior: url("/csshover.htc");
}

p, ul, li {
    line-height: 19px;
}

a {
    color: #C9C01D;
/*    color: #F18231;*/
    text-decoration: none;
    font-weight: bold;
}

a:hover {
/*    color: #C9C01D;*/
    color: #F18231;
    text-decoration: none;
}

img {
    behavior: url(/pngbehavior.htc);
/*    behavior: url(pngbehavior.htc);*/
    border: 0px;
}

#bodyWrapper {
    position: relative;
    left: 50%;
    width: 950px;
    height: 550px;
    margin-left: -475px;
}

#header {
    height: 105px;
    background: url(/header-logo.png) no-repeat 25px 25px;
/*    background: url(images/header-logo.png) no-repeat 25px 25px;*/
}

#header #link {
    cursor: hand;
    position: absolute;
    height: 80px;
    width: 408px;
    margin: 20px 0px 0px 20px;
}

#header h1,
#header h2 {
    display: none;
}
#header #headerTools {
    float: right;
    width: 300px;
    margin: -4px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
}

#header #headerTools a {
    display: block;
    text-align:right;
    clear: both;
    margin-bottom: 1px;
    font-size: 13px;
    font-weight: bold;
    color: #363F87;
    cursor: hand;
}

#header #headerTools a span {
    display: none;
}

#header #headerTools a.langNL,
#header #headerTools a.langEN {
    width: 20px;
    height: 20px;
}

#header #headerTools a.langNL {
    background-image: url(/header-langNL.png) !important;
    background-image:none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/header-langNL.png', sizingMethod='image');
    display: inline;
    float: left;
}

#header #headerTools a.langEN {
    background-image: url(/header-langEN.png) !important;
    background-image:none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/header-langEN.png', sizingMethod='image');
    margin: 0px 30px 0px 0px;
    display: inline;
    float: right;
}


#content {
    position: absolute;
    top: 145px;
    height: 365px;
    width: 950px;
}

.bg01 {background: url(/watermark-01.gif) no-repeat 102% 110%;}  /*  &  */
.bg02 {background: url(/watermark-02.gif) no-repeat 90% 250%;}  /*  §  */
.bg03 {background: url(/watermark-03.gif) no-repeat 98% 0%;}  /*  ;  */
.bg04 {background: url(/watermark-04.gif) no-repeat 90% 50%;}  /*  :  */
.bg05 {background: url(/watermark-05.gif) no-repeat 90% 80%;}  /*  *  */
.bg06 {background: url(/watermark-06.gif) no-repeat 90% 180%;}  /*  )  */
.bg07 {background: url(/watermark-07.gif) no-repeat 90% -40%;}  /*  (  */
.bg08 {background: url(/watermark-08.gif) no-repeat 90% 150%;}  /*  <*/
.bg09 {background: url(/watermark-09.gif) no-repeat 90% -40%;}  /*  >  */
.bg10 {background: url(/watermark-10.gif) no-repeat 90% 130%;}  /*  +  */
.bg11 {background: url(/watermark-11.gif) no-repeat 90% 390%;}  /*  !  */
.bg12 {background: url(/watermark-12.gif) no-repeat 80% 200%;}  /*  }  */
.bg13 {background: url(/watermark-13.gif) no-repeat 95% 170%;}  /*  {  */
.bg14 {background: url(/watermark-14.gif) no-repeat 90% 100%;}  /*  ^  */


#content #blockImage {
    height: 368px;
    width: 297px;
    float: left;
}

#content #blockImage-middle {
    height: 368px;
    width: 297px;
    margin: 0px 7px 0px 7px;
    float: left;
}

#content .imgStairs {background: url(/left-foto4.jpg) no-repeat 0px 0px;}
#content .img360 {background: url(/leftFoto-360scan.jpg) no-repeat 0px 0px;}
#content .imgTeamUp {background: url(/leftFoto-teamup.jpg) no-repeat 0px 0px;}
#content .imgFocs360 {background: url(/leftFoto-fosc360.jpg) no-repeat 0px 0px;}
#content .imgChart {background: url(/leftFoto-chart.jpg) no-repeat 0px 0px;}
#content .imgContact {background: url(/leftFoto-contact.jpg) no-repeat 0px 0px;}
#content .imgHoebestellen {background: url(/leftFoto-hoebestellen.jpg) no-repeat 0px 0px;}
#content .imgHome {background: url(/leftFoto-home.jpg) no-repeat 0px 0px;}
#content .imgLogin {background: url(/leftFoto-login.jpg) no-repeat 0px 0px;}
#content .imgOverons {background: url(/leftFoto-overons.jpg) no-repeat 0px 0px;}
#content .imgPrivacystatement {background: url(/leftFoto-privacystatement.jpg) no-repeat 0px 0px;}
#content .imgPygmalion {background: url(/leftFoto-pygmalion.jpg) no-repeat 0px 0px;}
#content .imgDisclaimer {background: url(/leftFoto-disclaimer.jpg) no-repeat 0px 0px;}


/*#content*/ .blockContentLarge {
    position: relative;
    float: right;
    padding: 15px;
/*    top: -368px;*/
    top: 0px;
/*    margin-left: 297px;*/
    height: 335px;
    width: 623px;
    overflow: auto;
    scrollbar-base-color: White;
}

/*#content */.blockContentLeft {
    height: 368px;
    width: 297px;
    float: left;
    overflow: hidden;
    padding: 10px;
}

/*#content*/ .blockContentRight {
    height: 368px;
    width: 297px;
    float: left;
    overflow: hidden;
    padding: 10px;
}

/*#content*/ .blockContentLeft ul {
    margin: 20px 0px 0px 0px;
}

/*#content*/ .blockContentLeft li {
    margin: 0px 0px 7px 0px;
    padding: 0px 0px 7px 0px;
    display: block;
    list-style: none;
    font-size: 12px;
    border-bottom: solid 2px rgb(109, 153, 197);
}


/*#content*/ .blockContentLeft li img {
    float: left;
    margin: 3px 5px 0px 0px;
    border: 1px solid rgb(109, 153, 197);
}

/*#content*/  h3 {
    font-size: 16px;
    margin: 0px 0px -12px 0px;
    width: 95%;
    z-index: 0;
    background-color: transparant;
}

ul#menu {
    position: absolute;
    top: 125px;
    height: 18px;
    width: 950px;
    background-color: rgb(0, 75, 140);
    padding: 0px 0px 2px 0px;
    margin: 0px;
}

#footer {
    position: absolute;
    top: 510px;
    height: 90px;
    width: 950px;
/*    background: url(images/footer-bg.jpg) repeat-y 0px 0px;*/
    background: url(/footer-bg.jpg) repeat-y 0px 0px;
   overflow: hidden;
}

#footer #symbolMenu {
    padding: 10px;
    float: left;
}

#footer #symbolMenu a { padding: 0px 5px 0px 5px;}

#footer #quote {
    position: relative;
    float: right;
    height: 90px;
    width: 810px;
    font-size: 27px;
    text-align: center;
    color: #FFFFFF;
    /*margin-right: 90px;*/
    margin: 0px;
    padding: 14px 0px 0px 0px;
/*    _line-height: 20px;*/
}

#footer #quote small {
    font-size: 18px;
    font-weight: lighter;
}


.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
    font-weight: normal;
	letter-spacing: -6px;
/*	font-size: 18px;*/
/*    width: 95%;*/
    height: 21px;
}



.security {
    float: left;
    overflow: hidden;
    padding: 10px;
}


.security .passwordRequest #tblPasswordRequest {
   position: relative;
   top: 0px;
   left: 0px;
   margin: 0px;             
   padding: 0px;
}

.security .passwordRequest #tblPasswordRequest td{
   margin: 0px;
   padding: 0px 5px 0px 0px;
}

.security .passwordRequest #tblPasswordRequest  #txtPasswordRequestEmail {
   position: relative;
   width: 250px;
}

.security .passwordRequest #tblPasswordRequest  #btnPasswordRequest {
   position: relative;
   width: 100px;
   height: 22px;
   font-size: 10px;
   margin-top: 5px;
}










/* --------     the menu    ----------  */
ul#menu,
ul#menu li,
ul#menu a {
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-size: 12px;
  border: 0px;
}

ul#menu {
  position: absolute;
  top: 125px;
  height: 20px !important;
  _height: 18px;
  width: 950px;
  background-color: rgb(0, 75, 140);
  padding: 0px;
  margin: 0px;
  list-style: none;
  z-index:11;
}

ul#menu li {
  position: relative;
  top: 0px;
  float: left;
  display: inline;
  height: 18px;
  z-index: 12;
  margin: 0px;
  padding: 0px;
}

ul#menu li a {
    position: relative;
    color: #FFFFFF;
    display: block;
    height: 20px;
    padding: 0px 15px 1px 15px;
    float: left;
 
}

ul#menu li a:hover {
    color: #F08230;
}

ul#menu li.folder ul {
  position: absolute;
  left: 11px !important;
  _left: 11px;
  top: 20px;
  width: 160px;
  border: solid 1px #FFFFFF;
  margin: 0px;
  padding: 0px;
  background-color: #25669C;
  float: none;
  list-style: none;
  display: none;
  z-index: 9;
}

ul#menu li.folder ul li {
  position: relative;
  display: block;
  width: 160px;
  height: 19px;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  border-bottom: solid 1px #8AA9C8;
  background-color: #25669C;
  overflow: hidden;
}

ul#menu li.folder>ul {
  left: 100px;
}

ul#menu li.folder ul li a {
  position: relative;
  display: block;
  width: 160px;
  height: 20px;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  color: #FFFFFF;
  font-weight: normal;
  text-indent: 10px;
}

ul#menu li.folder ul li a:hover {
  background-color: #89A7C9;
  color: #FFFFFF;
}
  
ul#menu li.folder:hover {
  z-index: 10;
}

ul ul, li:hover ul ul {
  display: none;
}

ul#menu li.folder:hover ul {
  display: block;
}






