html, body, h1, h2, p, span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 14pt;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
	background-color: transparent;
	border-width: 0px;
	border-style: none;
	color: #FFFFFF;
}

body, div, p, p1, p2 {
	display: block;
}
body {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
}

p, p1, p2 {
	orphans: 3;
	widows: 3;
}

b, strong, i, em, a, q, quote {
	display: inline;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	display: block;
	font-weight: bold;
}
h2 {
	font-size: 15pt;
	line-height: 18pt;
	text-shadow: black 3px 3px 4px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #FFFFFF;
}
h3 {
	font-size: 14pt;
	line-height: 16pt;
	color: black;
	padding-bottom: 10px;
}

/* links and other inlines */
a:link {
	color: #666666; 
	filter: alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity: 0.75;
}
a:visited {
	color: black; 
	filter: alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity: 0.75;
}
a:hover {
	text-decoration: underline;
	filter: alpha(opacity=100);
	opacity: 1.00;
	-moz-opacity: 1.00;
}
a:active: {
	color: black;
	text-decoration: underline;
	filter: alpha(opacity=100);
	opacity: 1.00;
	-moz-opacity: 1.00;
}
b, strong {
	font-weight: bold;
}
i, em {
	font-style: italic;
}
q, quote {
	font-style: italic;
}
q:before, quote:before {
	content: open-quote;
}
q:after, quote:after {
	content: close-quote;
}

/* counters */
h2.count:before {
	content: counter (head, numeric);
	counter-increment: head;
	counter-reset: para;
}
p.count:before {
	content: counter (head, numeric) "." counter (para, numeric) " ";
	counter-increment: para;
}


/* lists */
ul { 
	list-style: none;
}
ul ul { list-style: circle outside url("../images/li2.gif");}
ul ul ul { list-style: square outside url("../images/li3.gif");}
ol {
}
li {
}

dl {
}
dt { 
	display: compact;
}
dd {
}

/* tables */
table {
	margin-bottom: 9pt;
}
caption {
	caption-side: top;
	font-style: italic;
	color: #666666;
	font-size: 9pt;
}
th {
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	font-weight: bold;
	text-align: left;
	font-size: 9pt;
}
td {
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	text-align: left;
	font-size: 9pt;
	color:Black;
}
/* navigation / menus */
.nav, .menu {
	color: white;
}
.nav2, .menu2 {
	color: white;
	padding-left: 16px;
}
.nav ul, .menu ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
}
.nav li, .menu li {
	margin: 0px;
	padding: 0px;
}
.nav2 li, .menu2 li {
	margin: 0px;
}
.nav a:link, .nav a:visited, .nav1 a:link, .nav1 a:visited, .menu a:link, .menu a:visited {
	color: white;
}
.nav a:hover, .nav a:active, .nav1 a:hover, .nav1 a:active, .menu a:hover, .menu a:active {
	color: white;
	text-decoration: underline;
	font-style: italic;
}

a img 
{
    border:none;
}

/* forms */
form {
}
.wide 
{
    width:80%;
}

/* layout 
- margins (and padding) are added to the width 
- margin shorthand: margin: top right botton left
- 120px column with 10px margin = 10+120+10 = 140
- 3 columns with 10px margins = 60px off of total available width 
- IE-Mac needs an extra width adjustment (-2px) */

#left {
	background-color: #DDDDDD;
	padding: 10px;
	float: left;
	width: 120px;
}
#right {
	background-color: #DDDDDD;
	padding: 10px;
	float: right;
	width: 120px;
}
#imgleft {
	float: left;
	margin-right: 10px;
	vertical-align: top;
}
#imgright {
	float: right;
	margin-left: 10px;
	vertical-align: top;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.hide {
	display: none;
}

.content {
	padding-top: 10px;
	padding-bottom: 10px;
}
.nav {
	color: white;
}
.nav1 {
	color: white;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 16px;
	padding-right: 16px;
}
.nava {
	color: white;
}
.black {
	color: black;
}


/* intellicom website layout */
/* Cascading Style Sheet, ©2006, TenL, Amsterdam, The Netherlands */
#container {
	position: relative;
	margin-left: auto; 
	margin-right: auto;
	width: 960px;
}
/* top navigation */
#a1, #a2, #a3, #a4 {
	position: absolute;
	top: 0px;
	height: 40px;
	float: right;
	background-color: #000000;
	text-align: left;
}
/* bottom arrows */
#d1, #d2, #d3, #d4 {
	position: absolute;
	top: 520px;
	height: 60px;
	float: right;
	background-color: #000000;
	text-align: center;
}
#a1, #d1 {
	left: 0px;
	width: 239px;
}
#a2, #d2 {
	left: 241px;
	width: 238px;
}
#a3, #d3 {
	left: 481px;
	width: 238px;
}
#a4, #d4 {
	left: 721px;
	width: 239px;
}
/* background graphic */
#backa, #back1, #back2, #back3, #back4 {
	position: absolute;
	width: 960px;
	float: right;
	top: 40px;
	left: 0px;
	background-repeat: no-repeat;
	background-position: bottom;
}
#back1, #back2, #back3, #back4 {
	height: 540px;
}
#backa {
	background-image: url(images/background_960.jpg);
	height: 480px;
}
#back1 {
	background-image: url(images/backcourier_960.jpg);
}
#back2 {
	background-image: url(images/backrider_960.jpg);
}
#back3 {
	background-image: url(images/background_960.jpg);
}
#back4 {
	background-image: url(images/backtrack_960.jpg);
}
#txt {
	position: relative;
	width: 208px;
	float: right;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: auto;
}
/* Flexcourier div transparent arrows TESTING - not being used yet */
#arrow {
	background-color: green;
	position: relative;
	left: 0px;
	top: 0px;
	width: 240px;
	height: 240px;
	background-image: url(images/flexarrows.gif);
	background-repeat: no-repeat;
	background-position: center;
	filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
}
/* home div */
#home {
	position: absolute;
	float: right;
	background-color: transparent;
	top: 56px;
	height: 206px;
	width: 448px;
}
/* 4 columns */
#b1, #b1menu, #b2, #b3, #b4, #c1, #c2, #c3, #c4, #f1, #f2, #f3, #f4 {
	position: absolute;
	width: 240px;
	float: right;
	filter: alpha(opacity=85);
	opacity: 0.85;
	-moz-opacity: 0.85;
}
#b1, #b2, #b3, #b4 {
	top: 40px;
	height: 480px;
}
#b1menu {
	top: 40px;
	height: 540px;
}
#c1, #c2, #c3, #c4 {
	top: 320px;
	height: 200px;
}
#f1, #f2, #f3, #f4 {
	top: 440px;
	height: 80px;
}
/* 4 text columns */
#b1txt, #b1menutxt, #b2txt, #b3txt, #b4txt, #c1txt, #c2txt, #c3txt, #c4txt, #f1txt, #f2txt, #f3txt, #f4txt {
	position: absolute;
	width: 210px;
	float: right;
	padding-top: 10px;
	padding-bottom: 10px;
}
#b1txt, #b2txt, #b3txt, #b4txt {
	top: 42px;
	height: 518px;
	overflow: auto;
}
#b1menutxt {
	top: 40px;
	height: 520px;
	overflow: auto;
}
#c1txt, #c2txt, #c3txt, #c4txt {
	top: 320px;
	height: 180px;
}
#f1txt, #f2txt, #f3txt, #f4txt {
	top: 440px;
	height: 60px;
}
/* Flex menu */
#b1menu {
	background-color: #333333;
	left: 0px;
}
#b1menutxt {
	left: 16px;
}
/* Flexcourier divs red RED */
#b1, #c1, #f1 {
	background-color: #FF0000;
	left: 0px;
}
#b1txt, #c1txt, #f1txt, #e1, #e2 {
	left: 17px;
}
#e1txt, #e2txt {
	left: 18px;
}
/* Flexrider divs purple PURPLE */
#b2, #c2, #f2 {
	background-color: #411485;
	left: 240px;
}
#b2txt, #c2txt, #f2txt, #e4, #e5, #home {
	left: 256px;
}
#e4txt, #e5txt {
	left: 258px;
}
/* Flexcargo divs blue BLUE */
#b3, #c3, #f3 {
	background-color: #095AA6;
	left: 480px;
}
#b3txt, #c3txt, #f3txt, #e3 {
	left: 496px;
}
#e3txt {
	left: 499px;
}
/* Flextrack divs darkred DARK-RED */
#b4, #c4, #f4 {
	background-color: #B10022;
	left: 720px;
}
#b4txt, #c4txt, #f4txt {
	left: 736px;
}
/* extra divs white WHITE */
#e1, #e2, #e3, #e4, #e5 {
	position: absolute;
	float: right;
	background-color: white;
	top: 56px;
	filter: alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity: 0.75;
}
#e1, #e4 {
	width: 688px;
	height: 368px;
}
#e2, #e3 {
	width: 448px;
	height: 368px;
}
#e5 {
	width: 688px;
	height: 500px;
}
#e1txt, #e2txt, #e3txt, #e4txt, #e5txt {
	position: absolute;
	float: right;
	top: 55px;
	overflow: auto;
}
#e1txt, #e4txt {
	width: 686px;
	height: 368px;
}
#e5txt {
	width: 686px;
	height: 500px;
}
#e2txt, #e3txt {
	width: 445px;
	height: 370px;
	padding-right: 2px;
}
.content_zwart {
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	color: #000000;
}
.black_cursief {
	color: #000000;
	font-style: italic;
	font-weight: bolder;
}
.content_zwart_curs {

	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: italic;
	color: #000000;
}
.nav2, .menu2_curs {
	color: white;
	padding-left: 16px;
	font-style: italic;
}
.black_bold {
	color: black;
	font-weight: bold;
}
#e6 {

	width: 448px;
	height: 150px;
	background-color: white;
	top: 56px;
	filter: alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity: 0.75;
}
.inactivelogos 
{
    position:absolute;
    bottom:10px;
}
#a4 .nav1 {visibility:hidden; }
#b1menutxt {overflow:hidden; }
