#00bfff#e1f0ffbody {
	background-color: #ccccc;
	font-size: x-small;
	font-family: Verdana;
	color : #333333;
}
body.aa {
	background-color: #ccccc;
	font-size: x-small;
	font-family: Verdana;
	color : #333333;
	padding-right: 0px;
	padding-left: 0px;
	background: url(http://www.htib.nl/bg_b.png) #ccccc fixed no-repeat left top;
	padding-bottom: 0px;
	padding-top: 0px;
}
body.ab {
	background-color: #cccccc;
	font-size: xx-small;
	font-family: Verdana;
	color : #333333;
	background: url(http://www.htib.nl/bg_b.png);
}
TD {
	font-size: xx-small;
	color: #333333;
	font-family: Verdana;
}
A:LINK {
	color : #333333; TEXT-DECORATION: none;
}
A:VISITED {
	color : #333333; TEXT-DECORATION: none;
}
A:HOVER {
	color : #d2691e; TEXT-DECORATION: none;
}
A:ACTIVE {
	color : #333333; TEXT-DECORATION: none;
}
img {
	border: 0px;
}
.scroll_01 {
	z-index: 2;
	left: 16px;
	overflow: auto;
	width: 479px;
	position: absolute;
	top: 15px;
	height: 410px;
}
.scroll2 {
	z-index: 2;
	left: 16px;
	overflow: auto;
	width: 611px;
	position: absolute;
	top: 15px;
	height: 410px;
}
.thumb {
	border-right: #666666 thin solid;
	border-top: #666666 thin solid;
	border-left: #666666 thin solid;
	border-bottom: #666666 thin solid;
}
.blu {
	COLOR: #00ccff
}
.menu /* uitzicht samengevouwen menu */{
	position:absolute;
	background-color:#99ccff;
	color:#000000;
	border:1px solid #000000;
	width:110;
	font-size:10px;
	font-family:verdana;
	font:bold;
	position:absolute;
	cursor:hand;
}
.item_panel /* uitzicht randen */{
	width:110;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	clip:rect(0,110,0,0);
	position:absolute;
}
.item_panel a /* uitzicht tekst submenu's */{
	text-decoration:none;
	color:brown;
	font:bold;
	cursor:hand;
}
.item  /* uitzicht achtergrond submenu's */{
	background-color:lightyellow;
	width:108;
	font-size:10px;
	font-family:verdana;
}
#logo {
	background: url(http://www.htib.nl/bg2_htib.gif);
	z-index: 1;
	color: #99CCFF;
}
#main {
	background: url(http://www.htib.nl/blue2.jpg);
}
#home {
	z-index: 2;
}
#navbar {
	font-size: xx-small;
	font-family: Verdana;
	background: url(http://www.htib.nl/blue2.jpg);
	width: 100%;
}
#link {
	font-size: x-small;
	font-family: Verdana;
	background: url(http://www.htib.nl/blue2.jpg);
	width: 100%;
	
}
#news {
    font-size: xx-small;
	color: #333333;
	font-family: Verdana;
}  

#background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
#top {
   margin: 0;
   padding: 0;
}



	
.scrollerstyle{
font-family:webdings;background:#FFFFFF;border:1px solid #000000;cursor:hand;
}




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.curlycontainer{
border: px solid #bcbcbc;
margin-bottom: 1em;
width: 575px;
}
.curlycontainer1{
border: px solid #bcbcbc;
margin-bottom: 1em;
width: 399px;
}
.curlycontainer2{
border: px solid #bcbcbc;
margin-bottom: 1em;
width: 575px;
}
.curlycontainer3{
border: px solid #bcbcbc;
margin-bottom: 1em;
width: 406px;
}
.curlycontainer4{
border: px solid #bcbcbc;
margin-bottom: 1em;
width: 406px;
}
.curlycontainer5{
border: px solid #bcbcbc;
margin-bottom: 1em;
width: 399px;
}
.curlycontainer6{
border: px solid #bcbcbc;
margin-bottom: 1em;
width: 500px;
}
.curlycontainer7{
border: px solid #bcbcbc;
margin-bottom: 1em;
width: 406px;
}
.curlycontainer8{
border: px solid #bcbcbc;
margin-bottom: 1em;
width: 399px;
}
.curlycontainer9{
border: px solid #bcbcbc;
margin-bottom: 1em;
width: 980px;
}
.curlycontainer10{
border: px solid #bcbcbc;
margin-bottom: 1em;
width: 162px;
}
.curlycontainer .innerdiv{
background: transparent url(htib-bg.png) top left no-repeat;
position: relative;
left: 8px;
top: 2px;
padding: 1px 4px 5px 5px;
}
.curlycontainer1 .innerdiv{
background: transparent url(htib_bg1.png) top left no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 5px 5px;
}
.curlycontainer2 .innerdiv{
background: transparent url(htib_bg2.png)  top left no-repeat;
position: relative;
left: 4px;
top: 2px;
padding: 1px 4px 5px 5px;
}
.curlycontainer3 .innerdiv{
background: transparent url(htib_bg3.png)  top left no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 5px 5px;

}
.curlycontainer4 .innerdiv{
background: transparent url(htib_bg4.png)  top left no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 5px 5px;

}
.curlycontainer5 .innerdiv{
background: transparent url(htib_bg5.png)  top left no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 5px 5px;

}
.curlycontainer6 .innerdiv{
background: transparent url()  top left no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 1px 1px 1px;
}
.curlycontainer7 .innerdiv{
background: transparent url(htib_bg7.png)  top left no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 5px 4px 0px 5px;

}
.curlycontainer8 .innerdiv{
background: transparent url(htib_bg8.png) top left no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 5px 4px 0px 5px;
}
.curlycontainer9 .innerdiv{
background: transparent url(footer.png)  top left no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 5px 5px;
}
.curlycontainer10 .innerdiv{
background: transparent url(bg_bl.png)  top left no-repeat;
position: relative;
left: 0px;
top: 0px;
padding: 1px 0px 0px 0px;
}
.bevelmenu{
font:  13px arial;
padding: 6px 0;
margin: 0;
width: 100%;
background-color: background="images/bg_o.png";
text-align: center; /*set value to "center" for example to align menu to the center of page*/
}

.bevelmenu li{
list-style: none;
display: inline;
}

.bevelmenu li a{
padding: 3px 0.5em;
text-decoration: none;
color: #f5f5f5;
background-color: background="images/bg_o.png";
border: 0px solid background="images/bg_o.png";
}

.bevelmenu li a:hover{
color: #ffffff;
background-color: background="images/bg_o.png";
border-style: inset;
}

.bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}
.breadcrumb a:hover{
text-decoration: underline;
}
.breadcrumb{
font:  12px "Arial", "Arial", Verdana, Helvetica, sans-serif;
}

.breadcrumb a{
background: transparent url(http://www.htib.nl/arrowbullet.png) no-repeat center right;
text-decoration: none;
padding-right: 4px; /*adjust bullet image padding*/
color: black;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: marron;
}

.breadcrumb a:hover{
text-decoration: underline;
}


BR {clear:left}
#fadeinbox{
position:absolute;
width: 300px;
left: 0;
top: -400px;
border: 2px solid black;
background-color: lightyellow;
padding: 4px;
z-index: 100;
visibility:hidden;
}
.main {
width:150px;
border:1px solid black;
}

.month {
background-color:black;
font:bold 10px verdana;
color:white;
}

.daysofweek {
background-color:gray;
font:bold 10px verdana;
color:white;
}

.days {
font-size: 10px;
font-family:verdana;
color:black;
background-color: lightyellow;
padding: 2px;
}

.days #today{
font-weight: bold;
color: red;
}

.breadcrumb1{
font:  12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.breadcrumb1 a{
background: transparent url() no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: black;
}

.breadcrumb1 a:visited, .breadcrumb a:active{
color: marron;
}

.breadcrumb1 a:hover{
text-decoration: underline;
}

.markermenu{
list-style-type: none;
margin: 1px 1;
padding: 0;
width: 137px;
border: px solid #9A9A9A;
}

.markermenu li a{
background: white url(http://www.htib.nl/arrowbullet.png) no-repeat 2px center;
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;#f5deb3
padding: 3px 0;
padding-left: 1px;
text-decoration: none;
border-bottom: 1px solid ##b0c4de;
}


* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 137px;
}

.markermenu li a:visited, .markermenu li a:active{
color: #00014e;
}

.markermenu li a:hover{
color: black;
background-color:#f5deb3;
background-image:url(http://www.htib.nl/arrowbullet.png); /*onMouseover image change. Remove if none*/
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#invertedtabs{
margin-right: 2px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"\"";
voice-family: inherit;
padding-left: 2px;
}

#invertedtabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
margin-bottom: 1em; /*margin between menu and rest of content*/
padding:0;
list-style:none;
}

#invertedtabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
line-height: 1.5em;
}

#invertedtabs a{
float:left;
color: white;
background: #000000 url(color_tabs_left2.gif) no-repeat left bottom;
margin:0 2px 0 0;
padding:0 0 0 1px;
text-decoration:none;
letter-spacing: 1px;
}

#invertedtabs a span{
float:left;
display:block;
background: transparent url(color_tabs_right2.gif) no-repeat right bottom;
padding:3px 9px 3px 6px;
}

#invertedtabs a span{
float:none;
}


#invertedtabs a:hover{
background-color: #c0c0c0;
}

#invertedtabs a:hover span{
background-color: #c0c0c0;
}

#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/
background-color: #c0c0c0;
}

#invertedtabsline{
clear: both;
padding: 0;
width: 100%;
height: 1px;
line-height: 1px;
background: #c0c0c0;
border-bottom: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}
#invertedtabs{
margin-left: 14px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"\"";
voice-family: inherit;
padding-top: 0px;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#ddcolortabs{
margin-left: 10px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"\"";
voice-family: inherit;
padding-left: 5px;
}
#ddcolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


#ddcolortabs a{
float:left;
color: white;
background: #000000 url(color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
background-color: #c0c0c0;
}

#ddcolortabs a:hover span{
background-color: #c0c0c0;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #c0c0c0;
}

#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 1px;
line-height: 1px;
background: #000000;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

p.arial {font-family: arial}
p.{font-size: 85%}
p.{text-align: center}
p class="footer">

{




.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.tn img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.tn:hover{
background-color: transparent;
}

.tn:hover img{
border: 1px solid blue;
}

.tn span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.tn span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.tn:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 50px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
.ddsmoothmenu{
font: bold 12px Verdana;
background: #414141; /*background of menu bar (default state)*/
width: 100%;

}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #414141; /*background of menu items (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}

/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul{
overflow: hidden;
width: auto;
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenuclass li{
float: left;
}

.tabsmenuclass a{
display: block;
padding: 5px 7px;
background: #E8E8E8;
color: black;
margin-right: 1px;
text-decoration: none;
font: bold 13px Arial;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
background: black;
color: white;
}

/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{
clear: left;
background: #E8E8E8;
width: 90%;
height: 24px;
padding: 5px;
border: 1px solid silver;
}

.tabsmenucontentclass ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenucontentclass li{
float: left;
margin-right: 1em;
}