html,body {
	margin:0px;
	padding:0px;
}

body {
	background:#fff;
	background-image: url('/voxx_dev/images/bg.gif');
	background-repeat: repeat-x;
	padding:0px;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size:11px;
	color:#000;
	overflow:auto;
	text-align:left;
}

#siteContainer {
	margin: 0 auto;
	position: relative;
	width: 900px;
	background: #fff center 0 repeat-y;
}

#headerArea {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 900px;
	height: 220px;
}

#tussenArea {
	position: absolute;
	top: 220px;
	left: 0px;
	width: 900px;
	height: 60px;
	background-color:#4D4D4D;
}

#tussenAreaContent {
	position: absolute;
	top: 0px;
	left: 175px;
	width: 600px;
	height: 60px;
	text-align: left;
	vertical-align: middle;
	font-size: 13px;
	color:#fff;
}

.tickercontainer { /* the outer div with the black border */
	background: none;
	width: 600px;
	height: 60px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 10px;
	top: 18px;
	width: 580px;
	overflow: hidden;
}
ul.newsticker { /* that's your list */
	position: relative;
	left: 750px;
	font: 11px Verdana;
	list-style-type: none;
	margin: 0;
	padding: 0;
	display:none;

}
ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
	background: none;
	font-size:170%;
}
ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #ff0000;
	margin: 0 50px 0 0;
}
ul.newsticker span {
	margin: 0 10px 0 0;
}

a.tagCloud {
	text-decoration:none;
}
.sideCloud {
	margin-top:3px;
}

.sideCloud a.tagCloud {
	text-decoration:none;
	color:black !important;
}
.sideCloud a.tagCloud:hover {
	text-decoration:none;
	color:red !important;
}
.sideCloud a.active {
	color:red !important;
}

#contentArea {
	position: absolute;
	top: 280px;
	left: 0px;
	width: 900px;
	padding: 0px 0px 0px 0px;
	background-color:#fff;
}

#ContentArea1 {
	position: absolute;
	top: 40px;
	left: 26px;
	width: 124px;
	text-align: left;
	font-size: 13px;
	color:#000;
	background-color:#fff;
}

#ContentArea2 {
	position: absolute;
	top: 40px;
	left: 165px;
	width: 450px;
	text-align: left;
	font-size: 13px;
	color:#000;
	background-color:#fff;
}

#ContentArea3 {
	position: absolute;
	top: 40px;
	left: 630px;
	width: 244px;
	text-align: left;
	font-size: 13px;
	color:#000;
	background-color:#fff;
}

#menuColumn {
	width:125px;
	margin-top:28px;
	margin-left:26px;
	float:left;
}

#mainArea {
	margin-top:26px;
	margin-left:26px;
	width: 690px;
	float:left;
}

#Col_1 {
	width: 684px;
	text-align: left;
	valign: top;
}

#Col_2_1 {
	float:left;
	width: 420px;
	margin-right:20px;
	text-align: left;
}

#Col_2_2 {
	float:left;
	width: 250px;
	text-align: left;
}

.clear {
	clear:both;
}


#buttonHolder {
	margin-top:170px;
}
#buttonHolder a.button {
	/* Sliding right image */
	background: transparent url('/voxx_dev/includes/img/button_off_right.png') no-repeat scroll top right;
	display: block;
	float: left;
	height: 35px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-left: 60px;
	padding-right: 35px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */

	/* FONT PROPERTIES */
	text-decoration: none;
	font-size:13px;
	color: #FFF;
}
#buttonHolder a.button span {
	/* Background left image */
	background: transparent url('/voxx_dev/includes/img/button_off_left.png') no-repeat;
	display: block;
	color: #FFF;
	height:35px;
	line-height: 35px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 0px 0px 0px 35px;
}
#buttonHolder a.button:hover, #buttonHolder a.active {
	background-image: url('/voxx_dev/includes/img/button_on_right.png') !important;
	text-decoration:none;
}

#buttonHolder a.button:hover span, #buttonHolder a.active span{
	background-image: url('/voxx_dev/includes/img/button_on_left.png') !important;
}

.active {color:red !important;}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	padding:0px;
	margin-top:0px;
}

td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	font-size:11px;
}

li {
	margin-left:-15px;
}

a:link, a:active, a:visited, a:hover {
	color:#f00;
}
a:hover {
	color:#000;
	text-decoration:underline;
}

a.wit, a.wit:hover, a.wit:active, a.wit:visited {
	color:#fff;
	text-decoration:none;
}

a.menu, a.menu:hover, a.menu:active, a.menu:visited {
	color:#4D4D4D;
	text-decoration:none;
	font-weight:bold;
	line-height:24px;
	font-size:13px;
}

a.menuAct, a.menuAct:hover, a.menuAct:active, a.menuAct:visited {
	color:#f00;
	text-decoration:none;
	font-weight:bold;
	line-height:24px;
	font-size:13px;
}

a.menuSub, a.menuSub:hover, a.menuSub:active, a.menuSub:visited {
	color:#4D4D4D;
	text-decoration:none;
	line-height:16px;
	font-size:10px;
	xmargin: 5px;
	white-space: nowrap;
}
a.menuSubSub, a.menuSubSub:hover, a.menuSubSub:active, a.menuSubSub:visited {
	color:#4D4D4D;
	text-decoration:none;
	line-height:14px;
	font-size:9px;
	xmargin: 5px;
	white-space: nowrap;
	margin-left:10px;
}
a.menuSubAct, a.menuSubAct:hover, a.menuSubAct:active, a.menuSubAct:visited {
	color:#f00;
	text-decoration:none;
	line-height:14px;
	font-size:9px;
	xmargin: 5px;
	white-space: nowrap;
	margin-left:10px;
}

a.menuSubAct, a.menuSubAct:hover, a.menuSubAct:active, a.menuSubAct:visited {
	color:#f00;
	text-decoration:none;
	line-height:16px;
	font-size:10px;
	xmargin: 5px;
	white-space: nowrap;
}

#divNavigatie a {
	font-family:arial;
	color:#000;
	font-size:11px;
	display:block;
	float:left;
	width:80px;
	height:38px;
	background:url(../images/knop.png) left top no-repeat;
	margin:0 3px 0 0;
	text-decoration:none;
	letter-spacing:0.001em;
}

#divNavigatie a:hover {
	color:#e21a22;
	text-decoration:none;
}

#divNavigatie a span {
	display:block;
	margin:12px 0px 0px 18px;
}

.error {
	border:1px solid red;
	background-color: pink;
}

.message {
	border:1px solid green;
	background-color: lightgreen;
}

.titel {
	font-family:verdana,arial;
	color:#000;
	font-size:22px;
	float:left;
	height:38px;
	line-height:50px;
	margin:0 3px 0 0;
	text-decoration:none;
	letter-spacing:0.1em;
}
.quote {
	color:white;
	font-style:italic;
	font-size:150%;
}
.titelHome {
	font-size:22px;
	font-weight:normal;
}

.titelHomeRed {
	font-size:22px;
	font-weight:bold;
	color:#f00;
}

.tekstHome {
	font-size:16px;
	line-height:22px;
	color:#000;
}

.tekstHomeKolom1 {
	font-size:9px;
	line-height:14px;
	margin-top:7px;
	display:block;
	color:#4D4D4D;
}

.disclaimer {
	font-size:9px;
}

.disclaimerRed {
	font-size:9px;
	font-weight:bold;
	color:#f00;
}

.tussenTekst {
	font-size:16px;
	font-style:italic;
	color:#fff;
}

.tussenTekstKlein {
	font-size:11px;
	font-style:italic;
	line-height:14px;
	color:#fff;
}

h1 {
	margin-top:0;
	font-weight:bold;
	color:#000;
	line-height: 1.5em;
	font-size: 2em;
}

h1.rood {
	margin-top:0;
	font-weight:bold;
	color:#f00;
}