/*

	Style.CSS

	(C) INNONET Innovatief In Internet

	Gemaakt door:	Gavin Hewitt
					gavin@innonet.nl

*/

/* Global White Space Reset */
* 
{ 	
	padding: 0; 
	margin: 0;
}

html, body
{
	background: #589bd0;
}

/* MAIN LAYOUT */
div#main-wrap 
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

div#main-content-wrap 
{
	position: relative;
	width: 800px;
	text-align: left;
	margin: 10px auto 10px auto;
	background: url(img/bg.gif) repeat-x #ffffff;
	padding: 0px 8px 0px 8px;
	min-height: 100%; /* 100% For Modern Browsers */
  	height: auto !important; /* For Modern Browsers */
  	height: 100%; /* 100% For IE */
}

* html div#main-content-wrap 
{
	xheight: 100%;
}

div#header-wrap 
{
	margin: 15px auto 0 auto;
	width: 800px;
	background: url(img/bg-header.gif);
	padding: 6px 6px 0 6px;
	xbackground: #CCCC99;
	position: relative;
}

div#header-wrap div#header 
{
	height: 137px;
}
div#header-wrap div#navbar
{
	width: 640px;
	height: 63px;
	margin: 0;
	position: absolute;
	left: 0px;
	top: 93px;
	padding-left: 0px
}

div#navbar a.nav-tab:link,
div#navbar a.nav-tab:active,
div#navbar a.nav-tab:visited 
{
	/*background:transparent url(/img/tab-back-2.png) repeat scroll 100% -100px;
border-bottom:1px solid #BBBBBB;
float:left;
margin:0pt 1px 0pt 0pt;
padding:0pt 5px 0pt 0pt;
text-align:center;*/
	
	
	height: 23px;
	xbackground:transparent url(img/tab-back-2.png) no-repeat scroll 100% -66px;
	
	background: #529BCE;
	display: block;
	float: left;
	margin-right: 1px;
	margin-top: 4px;
	color: #28507B;
	text-decoration: none;
	xfont-style: italic;
	font-size: 85%;
	padding: 3px 4px 7px 4px;
	text-align: center;
	line-height: 1.2em;
}
div#navbar a.nav-tab:hover 
{
	background: url(img/tabs.gif) no-repeat 0 -66px;
	background: #67ADDA;
	color: #FFFFFF
}

div#navbar a.nav-tab-current:link,
div#navbar a.nav-tab:active, 
div#navbar a.nav-tab-current:visited 
{
	xwidth: 108px;
	height: 23px;
	xbackground: url(img/tabs.gif) no-repeat 0 -33px;
	background: #67ADDA;
	display: block;
	float: left;
	margin-right: 1px;
	margin-top: 4px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 85%;
	padding: 5px;
	text-align: center;
	line-height: 1.2em
}
div#navbar a.nav-tab-current:hover 
{
	background: #67ADDA;
	xbackground: url(img/tabs.gif) no-repeat 0 -33px;
	xcolor: #CCFFCC
}


div#small-menu {
	width: 320px;
	xbackground: #CCFF66;
	position: absolute;
	right: 16px;
	top: 12px;
	text-align: right;
}

div#small-menu a.nav-small:link,
div#small-menu a.nav-small:active,
div#small-menu a.nav-small:visited 
{
	font-size: 85%;
	display: block;
	padding: 0;
	margin: 6px 0 0 15px; 
	text-decoration: none;
	font-weight: bold;
	color: #333333;
	float: left
}
div#small-menu a.nav-small:hover 
{
	color: #2a7ab6;
}

.clearfix:after { /* float-hack */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* -------- CONTENT -------- */
div#content-wrap {
	margin: 0 auto 0 auto;
	width: 790px;
	background: url(img/bg-content.gif) repeat-y;
	padding: 10px 11px 6px 11px;
}
div#content-wrap div#col-left {
	width: 190px;
	float: left;
}
div#content-wrap div.col-right {
	width: 595px;
	background: url(img/col-right-middle.gif) repeat-y;
	float: right;
}
div#content-wrap div.col-right-content {
	padding: 16px;
}

div#content-wrap div#col-right-closer {
	width: 575px;
	background: url(img/col-right-top.gif) no-repeat;
	padding: 10px;
}

/* BLOCK CENTER */
div.center-block-top {
	width: 595px;
	height: 6px;
	background: url(img/col-right-top.gif) no-repeat;
	padding: 0px;
	color: #FFFFFF;
	font-weight: bold;
}
div.center-block-middle {
	width: 595px;
	xbackground: url(img/block-left-middle.gif) repeat-x bottom;
	border-left: #999999 1px solid;
	border-right: #999999 1px solid;
	padding: 5px;
}
div.center-block-bottom {
	width: 595px;
	height: 6px;
	background: url(img/col-right-bottom.gif) no-repeat;
	margin-bottom: 8px;
}

/* BLOCK LEFT */
div.block-top {
	width: 180px;
	min-height: 18px;
	background: url(img/block-left-top.gif);
	padding: 2px 0 0 10px;
	color: #FFFFFF;
	font-weight: bold;
}
div.block-middle {
	width: 178px;
	background: url(img/block-left-middle.gif) repeat-x bottom;
	border-left: #999999 1px solid;
	border-right: #999999 1px solid;
	padding: 5px;
}
div.block-bottom {
	width: 190px;
	height: 6px;
	background: url(img/block-left-bottom.gif) no-repeat;
	margin-bottom: 8px;
}

a.block-menu:link,
a.block-menu:active,
a.block-menu:visited 
{
	font-size: 85%;
	display: block;
	padding: 4px 0 4px 0;
	border-bottom: #999999 1px dotted;
	text-decoration: none;
	color: #333333;
}
a.block-menu:hover 
{
	color: #2a7ab6;
}

a.block-menu-current:link,
a.block-menu-current:active,
a.block-menu-current:visited 
{
	font-size: 85%;
	display: block;
	padding: 4px 0 4px 0;
	border-bottom: #999999 1px dotted;
	text-decoration: none;
	color: #2A7AB6;
	font-weight: bold;
}
a.block-menu-current:hover 
{
	color: #2a7ab6;
}


img.news-img {
	margin: 3px 0 6px 3px
}

div.block-news {
	font-size: 85%;
}
div.block-news .content {
	padding-left: 25px;
	background:  #CC66CC;
	display: inline
}

div#footer-wrap {
	margin: 0 auto 0px auto;
	width: 800px;
	background: url(img/bg-footer.gif) no-repeat;
	padding: 0 6px 0px 6px;
}
div#footer
{ 
	xbackground: url(img/footer-bg.gif) no-repeat; /**/
	padding: 0px 8px 14px 0px;
	font-size: 10px;
	margin: 0 auto 0 auto;
	text-align: right;
	color: #999999
}

.input_text {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
	padding: 4px;
	border: #CCCCCC 1px solid;
	background: #eeeeee;
}
.input_textarea {
	display: block;
	width: 320px;
	float: left;
	margin-bottom: 10px;
	padding: 4px;
	border: #CCCCCC 1px solid;
	background: #eeeeee;
}
.input_button {
	padding: 3px 5px;
}

label {
	display: block;
	width: 150px;
	padding-right: 20px;
	float: left;
	margin-bottom: 10px;
	font-weight: bold;
}

.main-clr {
	color: #2a7ab6;
}



#navbar ul {
	font-size:85%;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0.5em 0pt 0pt;
	padding:0pt 0pt 0pt 1em;
}
#navbar li {
	background:transparent url(img/tab-back-2.png) repeat scroll 100% -80px;
	xborder-bottom:1px solid #BBBBBB;
	float:left;
	margin:0pt 0px 0pt 0pt;
	padding:0pt 5px 0pt 0pt;
	text-align:center;
}
#navbar li.active {
	background:transparent url(img/tab-back-2.png) repeat scroll 100% 0pt;
	xborder-bottom:1px solid #579DD0;
}
#navbar li a, #navbar li a:visited, #navbar li span {
	background:transparent url(img/tab-back-2.png) repeat scroll 0pt -80px;
	color:#fff;
	display:block;
	float:left;
	height:26px;
	padding:3px 0px 5px 5px;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
	outline: none;
}
#navbar li.active a, #navbar li.active span {
	background:transparent url(img/tab-back-2.png) repeat scroll 0pt;
}

#navbar li:hover {
	background-position:100% -40px;
}
#navbar li:hover a {
	
	background-position:0pt -40px;
}
#navbar li.active:hover {
background-position:100% 0pt;
}
#navbar li.active:hover a {
background-position:0pt;
text-decoration:underline;
}



div.DivSubMenu
{
	position: absolute;
	left: 0px;
	top: 0px;
	border: 1px solid #589bd0;
	z-index: 100;
	background-color: white;
	font-size: 8pt;
	visibility: hidden;
}

#DivSubMenu div
{
	padding: 5px;
}

#DivSubMenu div:hover
{
	padding: 5px;
	background-color: #d9dfe3;
}

#DivSubMenu a:link, a:active, a:visited
{
	color: #000000;
	text-decoration: none;
}

#DivSubMenu a:hover
{
	color: #000000;
	text-decoration: underline;
}