@charset "utf-8";

*{
	margin:0px;
	padding:0px;
}

body {
	background-image: url(../images-bin/background-patrn.gif);
	background-repeat: repeat;
}

#container{
	margin-top:25px;
	width:800px;
	margin-left:auto;
	margin-right:auto;	
}

#content{
	margin-top:20px;	
}

#hoofdmenu{
	width:600px;
	position:absolute;
	margin-left:200px;
	top:76px;
}


/*HEADER - CSS*/

h1 span{visibility:hidden;}
h1 {background-image:url(../images-bin/logsys-logo.png);
	width:146px;
	height:72px;
	
}
#top a{
	text-decoration:none;
}

/*dropdown menu*/
#nav{
	top:-21px;
	left:220px;
	width:625px;
	display:block;
}

#nav, #nav ul {
	padding: 3px 0 0 0;
	margin: 0;
	list-style: none;
	font-size:12px;
}

#nav li {float: left;}

#nav ul {
	position: absolute;
	left: -1000px;
	width:153px;
	top:20px;
	visibility:hidden;
	
	border-top:5px solid #fff;
	border-bottom: 1px solid #ededed;
	
	background-color:#FFF;
}

#nav ul li{
	width:150px;
}

#nav li:hover ul, #nav li.ie_does_hover ul {
	left: auto;
	margin-left:0px;
	background-position: 0 0;
	visibility:visible;
}

#nav a {
	display: block;
	margin: 2px 13px 3px 8px;
	text-decoration: none;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#666;
}

#nav a:hover{	color:#6d0e39;
				text-decoration:underline;}

ul a{font-weight: bold;}

ul ul a:link, ul ul a:visited{
	font-weight: normal;
	color: #999;
	cursor: pointer;
}

ul ul a:hover, ul ul a:active{
	font-weight: normal;
	color: #000;
	cursor: pointer;
}

ul ul li{
	background-color:#fff;
	
	border-top: 1px solid #ededed;
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;
	
	padding:5px 0px 3px 2px;
}

* html ul li, * html ul ul li{border-bottom: 3px solid #FFF;}

* html ul ul li{border-top: 0;}


/*CONTENT - CSS*/

#standaard {	
	margin-left:210px;
}


#submenu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	width:184px;
	float:left;
	margin-top:5px;
}

.subSingle, .subActive {
	background-color:#955471;
	list-style:none;
	padding:4px 7px 4px 7px;
	margin-top:1px;
}

.subActive {
	background-color:#5a3344;
}

.subSingle a, .subActive a {
	text-decoration:none;
	color:#FFF;
}
.subSingle a:hover{
	color:#ffbfdc;
	text-decoration:underline;
}

.subOnSub {
	background-color:#f0e6eb;
	list-style:none;
	padding:4px 7px 4px 7px;
	margin-top:1px;
}
.subOnSub a{
	text-decoration:none;
	color:#9e7a8d;
}
.subOnSub a:hover{
	color:#5f113a;
	text-decoration:underline;
}



h2{
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#6d0e39;
}

h3{
	font-size:14px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#955471;
}

h4{
	padding-top:10px;
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:400;
	text-decoration:underline;
	color:#6d0e39;
	margin-bottom:10px;
}

p, .textlist{
	color:#767676;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.textlist{
	list-style-image:url(../images-bin/list-bullet.png);
	margin: 0px 0px 0px 17px;
}
.textlist li{
	margin-top:6px;
	font-style:italic;
}

.textlist li a{
	color:#955471;
	font-weight:normal;
	font-style:normal;
}

p a{
	color:#955471;
}

.downloads{
	background-color:#fff;
	width: 590px;
	
	font-family:Arial, Helvetica, sans-serif;
	color:#747474;
	border:solid 1px #955471;
}

.downloads th{
	font-weight:bold;
	/*
	cursor:pointer;
	*/
	background-color:#955471;
	color:#FFF;
	text-align:left;
	font-size:13px;
	padding:5px;
}

.downloads th span{
	
	margin-left:10px;
	font-size:11px;
	color:#CCC;
	
}

.downloads td{
	padding: 7px 0px 7px 8px;
	
	font-size:11px;
}

.downloads a{
	color:#747474;
	background-image:url(../images-bin/list-bullet2.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px;
}

.downloads a:hover{
	color:#6d0e39;
}

.downloads .size{
	text-align:center;
	width:70px;
}


p{
	margin-bottom:20px;
}

.group{
	width:280px;
	float:left;
	margin-right:15px;
	
}

.grouppart{
	display:inline-block;
	width:280px;
	margin-bottom:30px;
}

.grouppart p, .group p{
	margin-bottom:0px;
}

.grouppart h4, .group h4{
	margin-top:0px;	
}

#standaard img{
	border:0px;
}

/*FOOTER - CSS*/



.ctfooter{
	background-color:#f9f9f9;
	width:568px;
	border: solid 1px #dadada;
	padding:10px;
}
.ctfooter p{
	margin:0px;
	color:#9b9b9b;
}

#newsflash{
	margin-top:15px;
}


/*FORM - CSS*/
#contactFieldset, #adresFieldset{
	padding:6px;
	border-width:1px;
	border: solid 1px #CCC;
	background-color:#fff;
}
legend{
	margin-left:10px;
	margin-bottom:6px;
	font-size:14px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#666;
	
}
label{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position:absolute;
	margin-left:10px;
}
input, select, textarea{
	position:relative;
	margin-left:100px;
	margin-bottom:5px;
	display:inline;
	border-style:solid;
	border-width:1px;
	border-color:#999;
}
textarea{
	overflow:auto;
	width:400px;
}
label span{
	color:#955471;
	margin-left:3px;
}

#verzendmail{
	position:absolute;
	background-color:#F7F7F7;
}

/* Adres Table & Partners Table*/
#adresses{
	width:575px;
	font-family:Arial, Helvetica, sans-serif;
}

#adresses th{
	background-color:#955471;
	color:#FFF;
	text-align:left;
	font-size:13px;
	padding:2px 4px;
	border:solid 6px #FFF;
}

#adresses td{
	vertical-align:top;
	font-size:12px;
	border:solid 6px #FFF;
}

.country, .phone{
	color:#999;
}

#adresses td a{
	color:#955471;
	text-decoration:none;
}
#adresses td a:hover{
	text-decoration:underline;
}

.minilogo{
	display:inline;
}

.career{
	background-color:#fff;
	border: 1px solid #dbdbdb;
	margin-bottom:35px;
}

.imgspan {
	float:right;
	margin-right:20px;
	margin-top:20px;
	background-color:#fff;
	width:80px;
	height:80px;
	border: 1px solid  #F2F2F2;
}
.imgspan img{
	margin-left:6px;
	margin-top:10px;
}

.career h4{
	font-size:15px;
	text-decoration:none;
	margin-left:15px;
}

.career p{
	font-size:11px;
	margin-left:15px;
	width:450px;
}

.career ul{
	color:#666;
	list-style:square;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	margin-left:28px;
	margin-bottom:15px;
}
.career ul li{
	margin-bottom:6px;
}


.partnerstbl{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:50px;
	font-size:11px;
}
.partnerstbl td{
	padding:8px;
}
.partnerstbl li{
	list-style-position:outside;
	margin-left:12px;
	margin-bottom:3px;
	list-style-type:square;
	color:#666;
}
.partnerstbl a{
	color:#6d0e39;
}
.partnerstbl .space3{
	border-right:solid 1px #D3D3D3;
	
	width:80px;
}
.partnerstbl .space2{
	border-bottom:solid 1px #D3D3D3;
	vertical-align:bottom;
}
.partnerstbl .space1{
	border-right:solid 1px #D3D3D3;
	text-align:right;
	vertical-align:bottom;
	font-size:12px;
	color:#955471;
	font-weight:normal;
	border-bottom:solid 1px #D3D3D3;
	width:80px;
}

#partners span{
	display:block;
	margin-top:5px;
	padding-left:20px;
	background-image:url(../images-bin/rond-pijltje.jpg);
	background-repeat:no-repeat;
	background-position:0px;
	margin-left:5px;
}

.screenshots{
	margin-left:-5px;
	color:#666;
}
.screenshots img{
	padding:5px 5px -0px 5px;
}
.screenshots td{
	background-color:#f9f9f9;
	border: solid 1px #dedede;
	vertical-align:top;
	rwidth:132px;
}
.screenshots span{
	display:block;
	text-align:center;
	padding-bottom:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

#referencesMap{
	display:inline;
	border:solid 1px #CCC;
	display:block;
	background-color:#c7d9f0;
	padding:0px;
	margin:0px;
}
#referencesMap img{
	margin:0px
	padding:0px;
}


/*FOOTER LOGOS ROLLOVER/ROLLOUT$*/
#footer-div{
	padding-top:20px;
	display:table;
}

#footer-div ul{
	width:800px;
	display:table;
}

#footer-div ul li{
	display:inline;
	margin-left:30px;
	margin-right:30px;
}


#footer-logos{
	width:680px;
	background-color:#333;
	margin-left:110px;
}
#footer-logos td{
	width:170px;
	background-color:#009;
	height:300px;
}

#logo_microsoft{
	width:90px;
	height:50px;
	background-image:url(../images-bin/footer-logos/microsoft_normal.jpg);
	display:inline-block;
	text-decoration:none;

}
#logo_microsoft:hover{
	background-image:url(../images-bin/footer-logos/microsoft_hover.jpg);
}

#logo_vmware{
	width:167px;
	height:50px;
	background-image:url(../images-bin/footer-logos/vmware_normal.jpg);
	display:inline-block;
	text-decoration:none;
}
#logo_vmware:hover{
	background-image:url(../images-bin/footer-logos/vmware_hover.jpg);
}

#logo_oracle{
	width:100px;
	height:50px;
	background-image:url(../images-bin/footer-logos/oracle_normal.jpg);
	display:inline-block;
	text-decoration:none;
}
#logo_oracle:hover{
	background-image:url(../images-bin/footer-logos/oracle_hover.jpg);
}

#logo_hp{
	width:77px;
	height:50px;
	background-image:url(../images-bin/footer-logos/hp_normal.jpg);
	text-decoration:none;
	display:inline-block;
}
#logo_hp:hover{
	background-image:url(../images-bin/footer-logos/hp_hover.jpg);
}

#footer-div{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
#footer-div a{
	color:#999;
}
#footer-div p{
	color:#999;
	margin:Opx;
	margin-bottom:6px;
}

#homeflash{
	height:300px;
	width:800px;
	background-image:url(../images-bin/homepageflash.jpg);
}
#newsflash{
	height:190px;
	width:800px;
}

.errorDiv{
	background-color:#f9f9f9;
	margin-bottom:10px;
	border:1px solid #dedede;
}

.errorDiv h4{
	font-style:normal;
	font-size:12px;
	padding:4px 8px;
	background-color:#dedede;
	color:#666;
	text-decoration:none;
}

.errorDiv ul{
	list-style-position:inside;
	list-style-type:square;
	color:#666;
	margin-left:20px;
	padding-bottom:15px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;	
}

.errorDiv p{
	padding:4px 8px;
	margin:0px;
}

h5{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
	margin-left:15px;
	margin-bottom:4px;
	color:#666;
}