html, body {
	height: 100%;
	width: 100%;
	display: table;
}
body {
	font:11px arial,sans-serif;
	color:#000;
	background:#fff;
	margin:0;
	vertical-align: middle;
	display: table-cell;
	min-width:890px;
}
/* IE */
a {
	text-decoration:none;
	color:#000;
}
a:hover {text-decoration:underline;}
a:focus {outline:none}
input, textarea, select {
	font:100% arial,sans-serif;
	vertical-align:middle;
	border: 1px solid #666;
	background-color: #EEF;
}
.mandatory_field{
	background-color: #EEF;
}
.button{
	background-color: #999;
	margin-top: 2px;
}
form,fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
img {border-style:none}
#main {width:100%}
h1.logo {
	float:left;
	background:url(../images/logo.gif) no-repeat;
	width:444px;
	height:43px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
}
.logo a {
	display:block;
	overflow:hidden;
	width:100%;
	height:100%;
}
#header {
	background:url(../images/bg-header.gif) repeat-x;
	width:100%;
	overflow:hidden;
}
.header {
	width:890px;
	height:47px;
	padding:92px 0 0;
	margin:0 auto;
	overflow:hidden;
}
.header a.logos {
	float:right;
	background:url(../images/bribus.gif) no-repeat;
	width:170px;
	height:29px;
	margin:10px 0 0;
	text-indent:-9999px;
}
#content {
	width:890px;
	margin:0 auto;
	padding:0 0 10px;
	overflow:hidden;
}
.sidebar {
	float:left;
	background:url(../images/part01.jpg) no-repeat;
	width:170px;
	height:504px;
}
#menu {
	float:left;
	width:170px;
	padding:7px 0 0;
	margin:0;
	list-style:none;
}
#menu li {
	float:left;
	width:170px;
	position:relative;
}
#menu li.hover div,
#menu li:hover div{
	display:block;
}
#menu li.hover div div,
#menu li:hover div div{
	display:none;
}
#menu li div li.hover div,
#menu li div li:hover div{
	display:block;
}
#menu li.hover a,
#menu li:hover a {background:url(../images/bg.png) repeat}
#menu li.hover ul a,
#menu li:hover ul a,
#menu li.hover ul ul a,
#menu li:hover ul ul a {background:none}
#menu li ul li.hover a,
#menu li ul li:hover a{
	background:url(../images/bg.png) repeat;
}
#menu li ul li.hover ul a,
#menu li ul li:hover ul a {background:none}
#menu li ul ul li.hover a,
#menu li ul ul li:hover a{
	background:url(../images/bg.png) repeat;
}
#menu li a{
	display:block;
	font:16px/24px Verdana, Tahoma, sans-serif;
	color:#fff;
	padding:0 7px;
	width:156px;
	/*height:24px;*/
	background:none;
	text-decoration:none;
	text-transform:uppercase;
	text-align:right;
}
#menu li a:hover{background:url(../images/bg.png) repeat}
/*#menu li a.active{background:url(../images/bg.png) repeat}*/
#menu li.active a{background:url(../images/bg.png) repeat}
#menu div,
#menu div div {
	background:url(none.gif);
	display:none;
	position:absolute;
	left:170px;
	top:0;
	padding:0 0 0 10px;
}
#menu ul,
#menu ul ul {
	float:left;
	background:url(../images/bg.png) repeat;
	width:170px;
	padding:0;
	margin:0;
	list-style:none;
}
#menu ul li a{text-align:left}
.info {
	float:left;
	width:720px;
}
.inf_outer {
	background:url(../images/info.jpg) no-repeat;
	float:left;
	width:530px;
	padding:0px;
	height: 504px;
	display:inline;
	margin:0 0 0 10px;
}
.inf {
	/*background:url(../images/info.jpg) no-repeat;*/
	float:left;
	width:490px;
	padding:44px 20px 20px;
	height: 440px;
	display:block;
	/*margin:0 0 0 10px;*/
	overflow-y: auto;
}
* html .inf {height:440px}
.inf h1 {
	font:14px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	margin:0;
	text-align:right;
	font-weight: bold;
}
.inf div, .inf p {
	font:12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin:18px 0 0;
	text-align:justify;
}
.inf .image {
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid black;
}
.inf a.leesmeer {
	background: transparent;
	font-size: inherit;
	font-family: inherit;
	text-decoration:none;
	padding-top: 0px;
	height: 20px;
	color:#000;
}
.inf a.leesmeer:hover {
	height: 20px;
	text-decoration:underline;
	padding-top: 0px
}
.inf a.leesmeer:focus {
	outline:none;
}
.part {
	float:left;
	width:170px;
	padding:0 0 0 10px;
}
.part img {display:block}
#footer {
	background:#e8e8e8;
	width:100%;
	overflow:hidden;
}
.footer {
	height:139px;
	background:url(../images/bg-footer.gif) repeat-x 0 100%;
	width:890px;
	padding:8px 0 0;
	margin:0 auto;
	overflow:hidden;
}
.foot {
	float:left;
	width:300px;
}
.foot ul {
	width:300px;
	padding:0;
	margin:0;
	overflow:hidden;
	list-style:none;
}
.foot ul li {
	background:url(../images/separator.gif) no-repeat 0 50%;
	display:inline;
	padding:0 8px 0 14px;
}
.foot ul li:first-child {
	background:none;
	padding:0 8px 0 0;
}
.foot ul li a {
	font:10px/14px Arial, Helvetica, sans-serif;
	color:#666;
	text-transform:uppercase;
}
.search {
	width:300px;
	padding:78px 0 0;
	overflow:hidden;
}
.search input {float:left}
.search .text {
	font:10px/14px Arial, Helvetica, sans-serif;
	color:#666;
	text-transform:uppercase;
	width:122px;
	height:14px;
	padding:2px 5px 1px;
	margin:0 11px 0 0;
	background:none;
	border:1px solid #666;
}
.contact {
	float:right;
	width:300px;
}
.contact p {
	font:10px/16px Arial, Helvetica, sans-serif;
	color:#666;
	margin:0;
	text-transform:uppercase;
	text-align:right;
}
.contact p a {
	font:10px/16px Arial, Helvetica, sans-serif;
	color:#666;
}
