/* BODY & CONTAINERS */
body {
	background: url(../images/bg.gif) repeat-x;
	margin:0;
	padding:0;
	font:11px "Trebuchet MS", Arial, sans-serif;	
	color:#1a336d;
	line-height:15px;
}
#bg-left-right {
    
	background:url(../images/bg-left-right.gif) no-repeat;
	width:838px;
	height:487px;
	position:relative;
	left:-29px;
	top:304px;
}	

#bg-left {
	background:url(../images/bg-left.gif) no-repeat;
	width:28px;
	height:487px;
	position:relative;
	left:-29px;
	top:259px;
}	
#bg-right {
	background:url(../images/bg-right.gif) no-repeat;
	width:28px;
	height:487px;
	position:relative;
	left:782px;
	top:259px;
}	
#container-outer {
	width:838px; 
	background:url(../images/bg-left-right.gif) 0 304px no-repeat; 
	margin:0 auto;
	position:relative;
}
#container {
	width:782px;
	margin:0 auto 0 auto;
	position:relative;
}
#header {
	width:782px;
	height:75px;
}
#logo {
	width:450px;
	height:75px;
	background: url(../images/logo.gif) no-repeat;
	position:relative;
	top:0px;
}
#logo a {
	width:163px;
	height:75px;
	display:block;
}
#col-left {
	float:left;
	width:234px;
}
#col-right {
    margin-top:8px;
	margin-bottom:30px;
	width:548px;
	background:#FFF url(../images/bg-col-right.jpg) top no-repeat;
	float:right
}
#content-left {
	background: url(../images/bg-col-left.gif) top no-repeat;
}
#content-right {
	margin-top:190px;
	
}
#content-right .cell {
	padding:15px 15px 0 15px;
	margin:0;
	line-height:20px;
}
#content-right .cell-diensten {
	padding:15px 15px 0 15px;
	margin:0;
	line-height:20px;
}
#content-left .visie {
	padding:15px 0px 0px 15px;
}
#content-left .cell {
	padding:10px 15px 0 15px;
	line-height:27px;
}
#content-left .cell ul {
	padding:10px 15px 10px 15px;
	margin:0;
}
#content-left .contact {
	padding:0 15px 0 15px;
	background: url(../images/contact-icon.gif) 150px 60px no-repeat;
}
.sep-col-left {
	background: url(../images/sep-col-left.gif) 12px 0 no-repeat;
	width:234px;
	height:20px;
	padding:0;
}	
.sep-col-right {
	background: url(../images/sep-col-right.gif) 12px 0 no-repeat;
	width:548px;
	height:14px;
	padding:0;
}
.tbl-partners {
	width:515px;
	margin:10px 0;
	/*background: url(images/footer-bg.gif) 0 -10px no-repeat;*/
}
.tbl-partners td {
	padding:4px 4px 4px 25px;
}
#top500 {
	display:none;
	border:1px solid #b5b5b5; 
	background:#f8f8f8;
	padding:15px;
	margin-top:10px;
	text-align:justify;
}
#top500 img {
	padding:35px 0 0 15px;
}
/* FOOTER */
#footer {
	padding-top:10px;
	padding-bottom:10px;
	background: url(../images/bg_footer.gif) top center no-repeat;
	width:784px;
	height:50px;
	clear:both;
	text-align:center;
	color:#ffffff;
}
/* HEADERS & COMMON TAGS */
h1 {
	color:#ff9900;
	font-size:17px;
	font-style:italic;
	font-weight:normal;
	padding:0 0 0 20px;
	background: url(../images/hdr-bullet.gif) 0 0px no-repeat;
	}
h2 {
	color:#ff9900;
	font-size:13px;
	font-weight:bold;
	padding:0 0 0 0px;
	}
p {
	padding:3px 0 5px 0;
	margin:0;
}
br {
	padding:3px 0 5px 0;
	margin:0;
}
input {
	
	height:16px; 
	border:1px solid #b5b5b5; 
	background:#f8f8f8;/* url(images/bg-tbl.gif) 0 -5px repeat-x;*/
	font:11px "Trebuchet MS", Arial, sans-serif;	
	padding:2px;
}
textarea {
	width:444px; 
	height:100px;
	border:1px solid #b5b5b5; 
	background:#f8f8f8;/* url(images/bg-tbl.gif) 0 -5px repeat-x;*/
	font:11px "Trebuchet MS", Arial, sans-serif;	
	padding:2px;

}
.input-active {
	background:#ececec;
}
.contact-btn {
	cursor:pointer;
	background: url(../images/bg-th.gif);
	width:75px;
	height:22px;
	border:none;
}
.contact-hidden {
	visibility:hidden;
}
.contact-shown {
	visibility:visible;
}
/* LINKS */
a:link {
	outline:none;
	color:#1a336d;
	text-decoration:none;
	font-weight:bold;
}
a:visited {
	outline:none;
	color:#1a336d;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	outline:none;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	background:#1a336d;
}
#logo a,#logo a:visited,#logo a:hover,.hp:link,.hp:visited,.hp:hover {
	outline:none;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	background:none;
}
/* MENU */
#menu {
	padding:0;
	margin-top:25;
	height:198px;
}
#menu ul {
	padding:12px 0px;
	margin:0;
	list-style:none;
}

#menu a:link, #menu a:visited, #menu a:hover {
	font-size:12px; 
	text-indent: -2000em;
	outline:none;
}
.btn-home a {
	width:158px;
	height:35px;
	display:block;
	background:url(../images/btn_home.gif) 0 0 no-repeat;
}
.btn-home a:hover {
	width:158px;
	height:35px;
	display:block;
	background:url(../images/btn_homeon.gif) 0 no-repeat;
}
.btn-profil a {
	width:158px;
	height:30px;
	display:block;
	background:url(../images/btn_profil.gif) 0 0 no-repeat;
}
.btn-profil a:hover {
	width:158px;
	height:30px;
	display:block;
	background:url(../images/btn_profilon.gif) 0 no-repeat;
}
.btn-solution a {
	width:158px;
	height:30px;
	display:block;
	background:url(../images/btn_solution.gif) 0 0 no-repeat;
}
.btn-solution a:hover {
	width:158px;
	height:30px;
	display:block;
	background:url(../images/btn_solutionon.gif) 0 no-repeat;
}
.btn-sistem a {
	width:158px;
	height:30px;
	display:block;
	background:url(../images/btn_sistem.gif) 0 0 no-repeat;
}
.btn-sistem a:hover {
	width:158px;
	height:30px;
	display:block;
	background:url(../images/btn_sistemon.gif) 0 no-repeat;
}
.btn-garansi a {
	width:158px;
	height:30px;
	display:block;
	background:url(../images/btn_garansi.gif) 0 0 no-repeat;
}
.btn-garansi a:hover {
	width:158px;
	height:30px;
	display:block;
	background:url(../images/btn_garansion.gif) 0 no-repeat;
}
.btn-contact a {
	width:158px;
	height:28px;
	display:block;
	background:url(../images/btn_kontak.gif) 0 0 no-repeat;
}
.btn-contact a:hover {
	width:158px;
	height:28px;
	display:block;
	background:url(../images/btn_kontakon.gif) 0 no-repeat;
}
/*	-------------------------------------------------------------

	Product menu

	-------------------------------------------------------------	*/
/* MENU */
#product_menu {
	padding:5;
	margin-top:5;
	height:200px;
}
#product_menu ul {
	padding:5px 0px;
	margin:0;
	list-style:none;
}

#product_menu ul li {

			float: left;

			width: 185px;

		}

		

			#product_menu ul li a {

				display: block;

				color: #003366;

				padding: 5px;

				border-bottom: 1px solid #dadcbd;
				
				

			}

			

			#product_menu ul li a:hover {

				color: #fff;

				background: #cc0000 url(../images/bg_menu_l.gif) repeat-x top left;
				
				

			}