body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	color: #333333;
	font-size: 12px;
	text-align: center;
}

table.referrer {
	font-size: 11px;
	color: #404040;
	width: 550px;
	background-color: #ffffff;
	border-collapse: collapse;
	border-spacing: 0px; 
}

.referrer th {
	padding: 4px;
	border-bottom: 1px solid #404040;
	background-color: #BEC8D1;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	color: #404040; 
}

.referrer td {
	padding: 4px;
	text-align: left;
	font-family: Verdana;
	font-size: 11px;
	color: #404040; 
	border-bottom: 1px solid #cccccc;
}

div .melding_error {
	width: 550px;
	background-color: #f4bcc0;
	border: 1px solid #ba5a61;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 4px;
	font-weight: bold;
	color: #404040;
}

.referrer td.error {
	color: red; 
	background-color: red;
}

.referrer td:hover {
	padding: 4px;
	text-align: left;
	font-family: Verdana;
	font-size: 11px;
	color: #ffffff; 
	border-bottom: 1px solid #cccccc;
}

table {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

.loginForm {
	background: url(../images/index_04.png) no-repeat 0px 0px;
	width: 229px;
}

td {
	line-height:18px;
}

span.vraag {
	font-size:18px;
	color:#646566;
}



a, a:visited, a:active {
	text-decoration: none;
	color:#4aafcb;
}

a:hover {
	text-decoration:none;
	color:#e11616;
}

embed {
	display: block;
}

td.grijze_balk {
	background-image:url(../images/balk_grijs.png);
	width:546px;
	height:27px;
	padding:4px;
	background-repeat:no-repeat;
}


.line_Seperator {
    margin: 10px 0px;
	line-height: 0px;
	font-size: 0px;
    height: 1px;
    border-bottom: 1px solid #EEEEEE;
}

.clear {
	clear: both;
	line-height: 0px;
	font-size: 0px;
	height: 0px;
}

.clear_all {
	clear: both;
	line-height: 0px;
	font-size: 0px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.t_right {
	text-align: right;
}

form {
	margin: 0px;
}

tr {
	vertical-align: top;
}

img {
	border: 0px;
}

p {
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

h1, h2 {
	padding: 0px;
	margin: 0px;
	color:#000000;
}

h1 {
	font-size:24px;
	font-weight:  lighter;
}

h2 {
	font-size:18px;
}

textarea {
	white-space: normal;
	overflow: auto;
}

#container {
	width: 988px;
	/*height: 900px;*/
	margin: 0px auto;
	text-align: left;
}

.container {
	position: relative;
	top: 0px;
	left: 0px;
}

.LoginHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;	
	color:#FFFFFF;
	text-align:left;
}

.Form {
	padding-top: 0;
	padding-bottom: 2em;
	margin-left: 4em;
	margin-right: 4em;
}

.berichtError {
	padding: 8px;
	border: 1px solid #FF7659;
	background-color: #FFECE8;
}

.berichtSuccess {
	font-weight: bold;
	padding: 8px;
	border: 1px solid #4aafcb;
	background-color: #cce8ee;
}

textarea.inputError {
	background-color: #fff;
	border: 1px solid #FF7F7F;
}

/* SELECT FIELDS */

select.dropdownBig {
	width: 340px;
}

select.inputError {
	background-color: #FFECEC;
}
/* INPUT FIELDS */

input.inputNormalRight {
	width: 127px;
}

input.inputNormal {
	width: 190px;
}

input.inputNormalBottom {
	width: 340px;
}

input.inputSmall {
	width: 90px;
}

input.inputEmail {
	width: 130px;
}

input.inputError {
	background-color: #fff;
	border: 1px solid #FF7F7F;
}

input.inputSmaller {
	width: 33px;
}

/* ITEMS LEFT AND RIGHT */
td#fieldLeftBottom {
	width: 346px;
}

td#ItemLeftTop{
	width: 160px;
}

td#ItemRightTop{
	width: 200px;
}

td#ItemRightBottom{
	width: 150px;
}

.Login {  font-size:8pt; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none;}

.Login_link a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#fff;
	text-decoration:none;
	text-align: center;
}

.Login_link a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	text-decoration:underline;
}

.input_login { font-family: Arial, Helvetica, sans-serif; font-size:8pt; }

.ingelogd {
	float: left;
	padding: 3px 5px 0px 0px;
	font-weight: bold;
}

.border, .border2 {
	font-size: 1px;
	line-height: 0px;
	border-top: 1px solid #cccccc;
	margin-top: 4px;
	padding: 0px 0px 4px 0px;
}

.border2 {
  margin-right: 6px;
}

.border_bottom {
	border-bottom: 1px solid #cccccc;
}

.border_gradient {
	background: url(../images/border_gradient.jpg) no-repeat 0px 0px;
	height: 1px;
	width: 367px;
	margin: 5px 0px 7px 0px;
	padding: 0px;
	line-height: 1px;
	font-size: 0px;
}

.border_gradient267 {
	background: url(../images/border_gradient267.gif) no-repeat 0px 0px;
	height: 1px;
	width: 267px;
	margin: 5px 0px 7px 0px;
	padding: 0px;
	line-height: 1px;
	font-size: 0px;
}

.border_gradient349 {
	background: url(../images/border_gradient349.jpg) no-repeat 0px 0px;
	height: 1px;
	width: 349px;
	margin: 5px 0px 7px 0px;
	padding: 0px;
	line-height: 1px;
	font-size: 0px;
}


#subnav {
	width: 204px;
	margin: 0px;
	padding: 13px 0px 0px 0px;
	position: absolute;
	top: -2px;
	left: 0px;
	z-index: 2;
}

#subnav a, #subnav a:active, #subnav a:visited {
	display: block;
	color: #666;
	font-weight: normal;
	padding: 4px 10px 3px 0px;
	margin: 0px;
	width: 182px;
	text-decoration: none;
	line-height: 1.5;
	background: none;
}

#subnav a.order, #subnav a.order:active, #subnav a.order:visited {
	display: block;
	color: #333;
	font-weight: bold;
	padding: 4px 10px 3px 0px;
	margin: 0px;
	width: 182px;
	text-decoration: none;
	line-height: 1.5;
	background: none;
}

#subnav a:hover {
	text-decoration: none;
}

#subnav div a.last {
	border: none;
}

#sub_subnav {
	text-align: right;
	font-size: 11px;
	padding: 0px 8px 6px 0px;
}

#sub_subnav a, #sub_subnav a:active, #sub_subnav a:visited {
	padding-left: 10px;
	color: #666666;
	text-decoration: none;
}

#sub_subnav span, #sub_subnav span.selected, #sub_subnav a.selected, #sub_subnav a.selected:active, #sub_subnav a.selected:visited, #sub_subnav a.selected:hover {
	padding-left: 10px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}

#subnav div a.selected {
	font-weight: bold;
}


ul {
	list-style-type: none;
	padding: 8px 0px 0px 0px;
	margin: 0px;
}

li {
	background: url(../images/bg.gif) no-repeat 0px 0px;
	padding: 1px 0px 1px 3px;
	margin: 0px;
}

li.first {
	background: none;
}

li.solid {
	background: url(../images/bg_solid.gif) no-repeat 0px 0px;
	padding: 1px 0px 1px 3px;
	margin: 0px;
}

li.title {
	display: block;
	color: #333333;
	font-weight: bold;
	padding: 15px 10px 3px 3px;
	margin: 0px;
	width: 182px;
	line-height: 1.2;
	font-size: 12px;
}

#subnav ul li ul li {
	background-image: none;
	color: #A8A8A8;
	font-weight: bold;
	padding: 0px 0px 4px 16px;
}

#subnav ul li ul {
	padding: 0px;
}

#subnav ul li ul li a.first, #subnav ul li ul li a.first:active, #subnav ul li ul li a.first:visited {
	padding: 1px 0px 0px 0px;
	/*color: #A8A8A8;*/
}

#subnav ul li ul li a, #subnav ul li ul li a:active, #subnav ul li ul li a:visited {
	padding: 3px 0px 0px 0px;
	color: #A8A8A8;
}

ul.bullet, ol.bullet {
	list-style-type: none;
	padding: 10px 0px 4px 0px;
	margin-left: 10px;
}

ul.bullet li, ol.bullet li {
	background: url(../images/bullet.gif) no-repeat 0px 5px;
	padding: 0px 0px 0px 10px;
	margin: 0px;
}

ol.bullet {
	list-style-type: decimal;
	padding-left: 17px;
}

ol.bullet li {
	background: none;
	padding-left: 0px;
}

#subnav div.mobiel a:hover {
	color:#e11616;
}

#subnav div.mobiel a.selected {
	color: #4aafcb;
}

#subnav div.mobiel ul li ul li a.selected {
	color: #4aafcb;
}

#vragen a, #vragen a:active, #vragen a:visited {
	background: url(../images/upc/pijl_mobiel.gif) no-repeat 0px 5px;
}

a:hover {
	color: #e11616;
}

#sub_subnav.mobiel a:hover {
	color: #4aafcb;
 }

li.solid {
	background: url(../images/subnav/bg_solid_mob.gif) no-repeat 0px 0px;
}

.blok_right {
	position: relative;
	top: 0px;
	left: 0px;
	background: url(../images/upc/blok_right_mobiel.gif) no-repeat;
	width: 175px;
	height: 105px;
	margin: 0px 10px 20px 2px;
	padding: 10px 13px 0px 10px;
	font-size: 11px;
	color: #ffffff;
}

.blok_right .button {
	position: absolute;
	top: 90px;
	left: 60px;
}
