body {
background-image: url(../images/bggradient.jpg);
background-repeat: repeat-x;
background-color: #BBDEFA;
font-family: Verdana, Arial;
font-size: 11px;
color: #000000;
margin-top: 0px;
margin-left: 0px;
width: 100%;
overflow-x: hidden;
}

#homeboxbg {
background-image: url(../images/homebox.jpg);
background-repeat: repeat-y;
width: 175px;
height: 50px;
}

#homebox {
padding-left: 30px;
padding-top: 5px;
padding-bottom: 5px;
margin-left: -10px;
width: 175px;
height: 50px;
}

#header {
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
width: 1024px;
height: 247px
}

#logo {
background-image: url(../images/logo.jpg);
background-repeat: no-repeat;
width: 249px;
height: 53px;
margin-top: 81px;
margin-left: 73px;
}

#slogan {
background-image: url(../images/slogan.jpg);
background-repeat: no-repeat;
width: 334px;
height: 30px;
margin-top: -40px;
margin-left: 359px;
}

#animatie {
width: 262px;
height: 100px;
margin-top: -66px;
margin-left: 713px;
}

#navigatie {
margin-top: 16px;
margin-left: 300px;
}

#checkbox {
background-image:url(../images/greybox.gif);
background-repeat: no-repeat;
width: 100%;
margin-left: 10px;
font-family: Verdana, Arial;
font-size: 10px;
padding-top: 10px;
padding-left: 15px;
padding-right: 5px;
padding-bottom:0px;
color:#515151;
}

#checkbox2 {
background-image:url(../images/greybox2.gif);
background-repeat: no-repeat;
/* width: 175px; */
margin-left: 0px;
font-family: Verdana, Arial;
font-size: 10px;
padding-top: 30px;
/*
padding-left: 15px;
padding-right: 5px;
padding-bottom: 10px;
color:#515151;
*/
}

#underCheckbox {
background-color:#EDEDED;
width: 188px;
margin-left: 10px;
margin-top:0px;
/*position:relative;
top:-30px; /* this will work only in MOZZILLA. In body.tpl we have <!--[if IE]> thing for IE */
}

#underCheckbox2 {
background-color:#EDEDED;
width: 175px;
margin-left: 0px;
margin-top:0px;
/*position:relative;
top:-30px; /* this will work only in MOZZILLA. In body.tpl we have <!--[if IE]> thing for IE */
}

td.off {
background: #4F4F4F;
}

td.on {
background: #FF9C00;
}

#contentlink {
color: #FFA71D;
}

h1 {
font-family: Verdana, Arial;
font-size: 10px;
font-weight: strong;
color: #FFFFFF;
height: 17px;
margin-top: 3px;
margin-bottom: 0px;
margin-left: 9px;
margin-right: 9px;
cursor: hand;v
}

h2 {
background-image: url(../images/titledot.jpg);
background-repeat: no-repeat;
font-family: Verdana, Arial;
font-size: 13px;
font-weight: strong;
color: #4E4E4E;
height: 15px;
padding-top: 0px;
padding-left: 20px;
padding-bottom: 0px;
margin-bottom:3px;
width: 70%; /* this will work only in MOZZILLA. In body.tpl we have <!--[if IE]> thing for IE */
}


h5 {
background-image: url(../images/titledot.jpg);
background-repeat: no-repeat;
font-family: Verdana, Arial;
font-size: 13px;
font-weight: strong;
color: #4E4E4E;
height: 15px;
padding-top: 0px;
padding-left: 20px;
padding-bottom: 0px;
margin-bottom:10px;
width: 400px;
}

h3 {
background-image: url(../images/titledot2.jpg);
background-repeat: no-repeat;
font-family: Verdana, Arial;
font-size: 13px;
color: #4E4E4E;
height: 15px;
margin-top: 10px;
margin-left: 10px;
margin-bottom: 5px;
padding-top: 0px;
padding-left: 20px;
width: 140px;
}


h4 {
background-image: url(../images/titledot2.jpg);
background-repeat: no-repeat;
font-family: Verdana, Arial;
font-size: 11px;
color: #4E4E4E;
height: 15px;
margin-top: 10px;
margin-left: 10px;
margin-bottom: 10px;
padding: 0px;
padding-left: 20px;
width:70%; /* this will work only in MOZZILLA. In body.tpl we have <!--[if IE]> thing for IE */
}

#smalltext {
padding-left: 20px;
font-family: Verdana, Arial;
font-size: 10px;
color:#515151;
		
}
/* yellow squares, at right headers
#smalltext b, #checkbox b {
background-image: url(../images/titledot2.jpg);
background-repeat: no-repeat;
background-position:-2px -1px;
}

#smalltext b {
background-image: url(../images/titledot.jpg);
}
*/

#smalltext2 {
padding-top: 10px;
padding-left: 15px;
font-family: Verdana, Arial;
font-size: 10px;
width: 170px;
}

#smalltext3 {
padding-top: 10px;
padding-left: 20px;
font-family: Verdana, Arial;
font-size: 10px;
width: 170px;
}

#copyright {
color:#FFFFFF;
font-family:Verdana,Arial;
font-size:10px;
padding-top:64px;
}

#maintext {
margin-left:20px;
font-family: Verdana, Arial;
font-size: 11px;
padding-right: 5px
}
#mainTbl {
margin-left:0px;
font-family: Verdana, Arial;
font-size: 11px;
}

#horizontaldots2 {
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

#dotline1 {
margin-left: -10px;
}

#subbutton {
margin-left: 30px;
}

.formstyle {
border: #4e4e4e 1px solid;
color: #000000;
font-family: Verdana;
font-size: 11px;
background-color: #FFFFFF;
height: 17px;
margin-bottom: 5px;
outline-color:#000000;
}

.formstyle2 {
border: #4e4e4e 1px solid;
color: #000000;
font-family: Verdana;
font-size: 11px;
background-color: #FFFFFF;
margin-left: 10px;
height: 17px;
width: 130px;
}

#contentbg1 {
background-image: url(../images/contentbg1.jpg);
background-repeat: repeat-y;
width: 89px;
}

#login {
background-image: url(../images/contentbg2.jpg);
background-repeat: repeat-y;
width: 197px;
padding-left: 10px;
}

#content {
background-image: url(../images/contentbg3.jpg);
background-repeat: repeat-y;
width: 661px;
}

#contentbg4 {
background-image: url(../images/contentbg4.jpg);
background-repeat: repeat-y;
width: 67px;
}

#bottombg1 {
background-image: url(../images/bottombg1.jpg);
background-repeat: repeat-y;
width: 89px;
}

#bottombg2 {
background-image: url(../images/bottombg2.jpg);
background-repeat: repeat-y;
width: 207px;
height: 119px;
}

#bottombg3 {
background-image: url(../images/bottombg3.jpg);
background-repeat: repeat-y;
width: 661px;
}

#bottombg4 {
background-image: url(../images/bottombg4.jpg);
background-repeat: repeat-y;
width: 67px;
}

.formButtonStyle {
background-color:#FD9D00;
color:#fff;
height:19px;
font-size:11px;
font-weight:bold;
margin-bottom:5px;
margin-left:1px;
margin-right:1px;
padding-top:1px;
padding-bottom:2px;
padding-left:9px;
padding-right:9px;
border:1px;
}

.successMessage {
color:#3D7A78;
font-size:11px;
}


.errorMessage {
color:#FF3B00;
padding-bottom:16px;
font-size:11px;
}

.errorMessage input {
border-color:#FF3B00;
}

#homebox a, #smalltext a {
color:#5D5D5D;
font-size:10px;
font-weight:bold;
position:relative;
top:-6px;
left:6px;
}

.normalA, #smalltext .normalA{
top:0;
left:0;
}

.clear {
clear:						both;
height:						1px;
font-size:					0.0001em;
margin:						0;
padding:					0;
}

.totalsTd {
border-top:solid 1px #000;
background-color:#ffffff;
color:#5D5D5D;
}

.even td {
background-color:#F8ECE0;
}

.odd td {
background-color:#E6F4FF;
}

.even td a, .odd td a {
color:#5D5D5D;
}

th {
background-color:#FF9C00;
color:#ffffff;
}

.moveDownA {
position:relative;
top:4px;
}

.more {
float:right;
}

a {
text-decoration: none;
color: #FF9C00;
font-size:11px;
}

.title { 
color: #FF9C00; 
font-weight:bold;
font-size:12px;
}


/* --- */
.formButtonStyle2 {
background-color:#F4D764;
color:#fff;
height:19px;
font-size:11px;
font-weight:bold;
margin:1px;
padding-top:1px;
padding-bottom:2px;
padding-left:9px;
padding-right:9px;
border:1px;
border-style: solid;
border-color: #0D471B;
}