/* elements */
HTML{ line-height: 17px; overflow: -moz-scrollbars-vertical; font-family: Verdana,  Arial, MS Sans Serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000; text-decoration: none; text-align: justify;  }
DIV,HTML,BODY{ margin: 0; padding:0;}
H1{color: #000000; margin: 0px; text-align: left; font-size:18px;}
H2{color: #000000; margin-bottom: 0px; line-height: 20px; font-size:14px;}
H3{color: #000000; margin-bottom: 5px; font-size: 14px;}
H4{color: #000000; margin-bottom: 3px; margin-top: 6px; font-size:12px;}
IMG{border: 0px; margin: 0; padding: 0; display: inline; text-align: center;}
INPUT[type=text] {border: 1px solid #000;}
INPUT[type=password] {border: 1px solid #000;}
INPUT[type=image] {float: right;}
TD{font-size: 12px; }

/* general */
.error{color: red;}
.clear{clear: both; margin-bottom: 0px;}
.clearleft{clear: left;}
.clearright{clear: right;}
.footerspace{clear: both; height: 14px;}
.right{text-align: right;}

/* content window style */
.window{ width: 962px; height:572px; padding: 0; margin-top: 40px; margin-left: auto; margin-right: auto; position: relative; }
.content-window{float:left; padding: 15px; padding-top: 10px; }
.content-window p {padding: 0px; margin: 0px;}

/* specific content window style */
.content{overflow:hidden; margin-top: 10px; width: 486px; height: 382px; position: absolute; left: 170px; top: 0; }
.content-intro{ z-index: 10; position: absolute; top: 0px; left: 0px;}
.content-home{overflow:hidden; margin-top: 89px; width: 365px; height: 210px;  position: absolute; left: 225px; top: 0; }
.content-media{overflow:hidden; margin-top: 88px; width: 380px; height: 240px;  padding: 0; padding-left: 0px; position: absolute; left: 239px; top: 0; }
.content-text{font-family: Verdana,  Arial, MS Sans Serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; }
/* scrollbar */
.scrollbar-vert{ position: absolute; top: 10px; right: 10px; width: 2px; height: 406px; cursor: pointer; margin-left: 4px; float:left;}
.scrollbar-vert-home{position: absolute; top: 100px; right: 80px; width: 2px; height: 220px; cursor: pointer; margin-right: 4px; float:left; }
.scrollbar-hori-home{position: absolute; top: 320px; left: 239px; width: 380px; height: 10px; cursor: pointer; margin-right: 4px; float:left; }



/* T+F website */
.tf{background-color: #fff;}
.tf a:link { text-decoration: none; color: #0097d9;}
.tf a:visited { text-decoration: none; color: #0097d9;}
.tf a:hover { text-decoration: none; color: #009ddf;}
.tf a.active-tf { text-decoration: none; color: #009ddf;}

/* T+F website container + frame */
.frame-top-tf{background-image: url(/images/tf/frame_top.gif); width: 962px; height: 68px; position: relative; float: left;}
.frame-left-tf{background-image: url(/images/tf/frame_left.gif); width: 191px; height: 426px; position: relative; float: left; overflow: hidden;}
.frame-right-tf{background-image: url(/images/tf/frame_right.gif); width: 65px; height: 426px; position: relative; float: left;}
.frame-bottom-tf{background-image: url(/images/tf/frame_bottom.gif); width: 962px; height: 78px; position: relative; float: left;}
.content-tf-text{ background-image: url(/images/tf/frame_content.gif); }
.frame-content-tf{ width: 706px; height: 426px; position: relative; float: left;  }
.frame-content-tf h2 {color: #009ddf; margin-bottom: 10px;}

/* T+F website menu */
.a-menu-tf{font-size:11px;}
.menu-tf  ul{list-style-type: none; }
.menu-tf h1{color: #80c8e9; margin-left: 40px; font-size:14px; margin-bottom: 28px; font-weight: normal}
.menu-tf-h1 a{color: #80c8e9; }
a:link.a-menu-tf,a:visited.a-menu-tf {color: #000; }
a:hover.a-menu-tf, a.active-tf{color: #009ddf; cursor: pointer;}
.menu-tf li {margin-left: 0px; background: url(/images/tf/menubullet.gif) 0 3px; background-repeat: no-repeat; padding-left: 15px; margin-bottom: 10px; line-height: 14px;}
.menu-tf li.active {background: url(/images/tf/menubullet_o.gif) 0 3px; background-repeat: no-repeat; }
.menu-tf li { zoom: 1;} /* haslayout=true */
/* T+F scrollbar */
.handle-tf{ height: 10px; width: 10px; margin-left: -4px; background: url(/images/tf/menubullet.gif) no-repeat;}
.scrollbar-tf-vert{ background: url(/images/tf/scrollbar.gif) repeat-y;  }
.scrollbar-tf-hori{ background: url(/images/tf/scrollbar.gif) repeat-x;  }


/* GH website */
.green{color: #98BA04;}
.gh{background-color: #00455c; color: #98ba04;}
.gh a:link { text-decoration: none; color: #fff;}
.gh a:visited { text-decoration: none; color: #fff;}
.gh a:hover { text-decoration: none; color: #98BA04;}
.gh a.active-gh { text-decoration: none; color: #98BA04;}


/* GH website container + frame */
.frame-top-gh{background-image: url(/images/gh/frame_top.gif); width: 962px; height: 68px; position: relative; float: left; background-repeat: no-repeat; margin: 0; padding: 0;}
.frame-left-gh{background-image: url(/images/gh/frame_left.gif); width: 191px; height: 426px; position: relative; float: left; background-repeat: no-repeat; margin: 0;padding: 0;}
.frame-right-gh{background-image: url(/images/gh/frame_right.gif); width: 65px; height: 426px; position: relative; float: left; background-repeat: no-repeat; margin: 0; padding: 0;}
.frame-bottom-gh{background-image: url(/images/gh/frame_bottom.gif); width: 962px; height: 78px; position: relative; float: left; background-repeat: no-repeat; margin: 0; padding: 0;}
.content-gh-text{ background-image: url(/images/gh/frame_content.gif);  background-repeat: no-repeat; margin: 0; padding: 0;}
.frame-content-gh{ width: 706px; height: 426px; position: relative; float: left; color: white;}
.frame-content-gh h2 {color: #fff; margin-bottom: 10px;}
.frame-content-gh a:link { text-decoration: none; color: #98BA04;}
.frame-content-gh a:visited { text-decoration: none; color: #98BA04;}
.frame-content-gh a:hover { text-decoration: underline; color: #98BA04; }


/* GH website menu */
.menu-gh { font-size:11px; margin:0; font-weight: normal; margin-top: 40px; }
div.menu-gh{margin-left: 190px; }
.menu-gh h1 {color: #fff; font-size:12px;  float: left; margin-right: 124px;  }
.menu-gh ul{	list-style-image: url(/images/gh/menubullet.gif); }
.menu-gh li {margin-left: 28px; display: inline; background: url(/images/gh/menubullet.gif) 0 2px; padding-left: 20px; background-repeat: no-repeat; margin-right: 24px; }
.menu-gh li.active {background: url(/images/gh/menubullet_o.gif) 0px 2px; background-repeat: no-repeat; }
a.menu-gh {color: #fff; cursor: pointer;}
.menu-gh-h1 a:link, a:link.grey, .menu-gh-h1 a:visited,a:visited.grey{color: #E0E2E5; cursor: pointer; }
.menu-gh-h1 a:hover, a:hover.menu-gh, a.active-gh {color: #98BA04; }
.footer-gh {margin-left: 50px;}

/* GH scrollbar */
.handle-gh{ height: 10px; width: 10px; margin-left: -4px; background: url(/images/gh/menubullet_o.gif) no-repeat;}
.handle-hori-gh{ height: 10px; width: 10px; margin-left: 0px; background: url(/images/gh/menubullet_o.gif) no-repeat;}
.scrollbar-gh-hori{ background: url(/images/gh/scrollbar.gif) repeat-x 0 4px;  }
.scrollbar-gh-vert{ background: url(/images/gh/scrollbar.gif) repeat-y 0 4px;  }

/* galerie hybride */
.galerie{margin-left: 200px; position: absolute; top: 40px; left: 203px; font-weight: normal; font-size: 16px;}
IMG.artwork{ margin-right: 9px; margin-bottom: 4px; }
.terug{float: right; color:#E0E2E5; margin-right: 90px; margin-top: 25px; font-size:11px;}
.terug a{color:#E0E2E5; }

/* ajax loader */
#ajax-layer{ position: absolute; top: 0px; left: 0px; width: 300px; height: 300px; left: 480px; top: 285px;}
.ajax-layer-display{display: block;}
.ajax-layer-nodisplay{display: none;}
.ajax-loading { width: 32px; height:32px; padding: 0; margin: 0;  margin-left: 100px;}

div#artwork-container{width: 620px; margin-left: auto; text-align: center; margin-top: 10px;}
div#artwork{width: auto;float: middle; text-align: center;}
div#artwork-info	{ margin-top: 110px; margin-left: -190px; width: 180px; text-align: right; float: left;}
div#artwork-file{width: 70px;float: right;margin-top: -90px; text-align: right; margin-right: 10px; }
div#artwork-back{position: absolute; top: 10px; right: 75px;}

/* footer */
.footertext-tf{float: right; color: #009ddf;}
.footertext-gh{ float: right; color: #E0E2E5;}
.footertext-tf a:link, .footertext-tf a:visited, .footertext-tf a:active{color: #009ddf;}
.footertext-gh a:link, .footertext-gh a:visited, .footertext-gh a:active{color: #E0E2E5;}
.footertext-tf a:hover{color: #000;}
.footertext-gh a:hover{color: #fff;}
#footer-menu{margin-left: 0px;}