other


*
{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

body
{
  font-family: Trebuchet MS, Verdana;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
  background-color: #4F4F3D;
  margin: 0px;
}

tr, td
{
  font-family: Trebuchet MS, Verdana;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
}

a
{
  color: #004AA4;
  text-decoration: none;
}

a:hover, a:visited
{
  color: #e1081e;
  text-decoration: none;
}

h1
{
  font-family: Trebuchet MS, Verdana;
  font-size: 48px;
  line-height: 48px;
  letter-spacing: 6px;
	color: #D40026;
	font-style: bold;
	margin-bottom: 0px;
}

h2
{
  font-family: Trebuchet MS, Verdana;
  font-size: 16px;
  line-height: 20px;
  color: #e1081e;
  font-style: bold;
  margin-bottom: 0px;
  padding: 0px;
}

h3
{
  font-family: Trebuchet MS, Verdana;
  font-size: 12px;
  line-height: 16px;
  color: #e1081e;
  font-style: bold;
  margin-bottom: 0px;
  padding: 0px;
}

.pageheader1
{
  font-family: Trebuchet MS, Verdana;
  font-size: 24px;
  line-height: 26px;
  color: #e1081e;
  font-style: bold;
  margin-bottom: 0px;
  padding: 0px;
}

.pageheader2
{
  font-family: Trebuchet MS, Verdana;
  font-size: 18px;
  line-height: 22px;
  color: #e1081e;
  font-style: bold;
  margin-bottom: 0px;
  padding: 0px;
}

.pageheader3
{
  font-family: Trebuchet MS, Verdana;
  font-size: 13px;
  line-height: 16px;
  color: #e1081e;
  font-style: bold;
  margin-bottom: 0px;
  padding: 0px;
}





 /* #globalcontainer
  {
    float: left;
    width: 760px;
    background-color: #4F4F3D;
    text-align: left;
  }
  
  #undercontainer
  {
    position: relative;
    width: 760px;
    background-color: #ffffff;
    text-align: left;
    margin: 0 auto;
  }*/

  #globalcontainer
  {
    position: absolute;
    width: 760px;
    height: 470px;
    background-color: #4F4F3D;
    text-align: left;
    margin-left: -380px;
    left: 50%;
  }
  
  #undercontainer
  {
    position: absolute;
    width: 760px;
    background-color: #ffffff;
    text-align: left;
    margin-left: -380px;
    left: 50%;
  }



#top
{
  position: absolute;
  padding-top: 15px;
  padding-left: 185px;
  padding-right: 0px;
  padding-bottom: 0px;
  margin: 0px;
  font-size: 13px;
  font-weight: bold;
  color: #D40026;
  left: 0px;
  top: 0px;
  width: 576px;
  _width: 760px;
  height: 130px;
  background-color: #ffffff;
  background-image: url('../images/bg_top.gif');
  background-repeat: no-repeat;
}

#logo
{
  position: absolute;
  top: 35px;
  left: 446px;
  width: 314px;
}

#header
{
  position: absolute;

    left: 45px;
}

#middle
{
  position: absolute;
  left: 0px;
  top: 130px;
  width: 610px;
  height: 420px;
  background-color: #FFFFFF;
  background-image: url('../images/bg_middle.gif');
}

#content
{
  position: absolute;
  left: 10px;
  top: 30px;
  width: 570px;
  _width: 584px;
  padding-left: 10px;
  padding-right: 10px;
  height: 371px;
  overflow: auto;
  scrollbar-face-color: #D40026;
  scrollbar-highlight-color: #D40026;
  scrollbar-shadow-color: #700017;
  scrollbar-3dlight-color: #700017;
  scrollbar-arrow-color: white;
  scrollbar-track-color: #D40026;
  scrollbar-darkshadow-color: black;
  scrollbar-base-color: #D40026;
}

#content p
{
  position: absolute;
  left: 22px;
  top: 0px;
  width: 540px;
  height: 371px;
  font-family: Trebuchet MS, Verdana;
  font-size: 12px;
  color: #000000;
  line-height: 16px;
  padding-right: 10px;
  text-align: left;
}

#content th, td
{
  font-family: Trebuchet MS, Verdana;
  font-size: 12px;
  color: #000000;
}

#verticalline
{
  position: absolute;
  left: 603px;
  top: 130px;
  width: 7px;
  font-size: 0px;
  padding: 0px;
  margin: 0px;
  height: 420px;
  background-color: #EE99A8;
}

#right
{
  position: absolute;
  left: 610px;
  top: 130px;
  width: 145px;
  height: 420px;
  background-color: #D40026;
}

#menu
{
  position: relative;
  left: 0px;
  top: 0px;
  width: 150px;
  height: 420px;
  padding-left: 0px;
  background-color: #D40026;
  font-family: Trebuchet MS, Verdana;
  font-size: 12px;
  color: #ffffff;
  overflow: auto;
  /* overflow-x:hidden; overflow-y:scroll; */
  scrollbar-base-color: #D40026;
  border-right: 1px solid #ffffff;
}

/*
#menu a.menuitem
{
  position: relative;
  width: 149px !important;
  height: 25px;
  background-color: #4F4F3D;
  text-decoration: none;
  font-weight: bold;
  color: #ffffff;
  margin-top: 10px;
  padding-top: 6px;
  text-align: center;
}

#menu a.active_menuitem, #menu a.menuitem:hover
{
  position: relative;
  width: 149px !important;
  height: 25px;
  background-color: #700017;
  text-decoration: none;
  font-weight: bold;
  color: #ffffff;
  margin-top: 10px;
  padding-top: 6px;
  text-align: center;
}

*/

#menu a.menuitem
{
  position: absolute;
  width: 149px !important;
  height: 25px;
  background-color: #4F4F3D;
  text-decoration: none;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
 	margin-top: 0px;
 	padding-top: 5px
}

#menu a.active_menuitem, #menu a.menuitem:hover
{
  position: absolute;
  width: 149px !important;
  height: 25px;
  background-color: #700017;
  text-decoration: none;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
 	margin-top: 0px;
 	padding-top: 5px;
}



#menu a.submenuitem
{
  position: relative;
  width: 150px;
  height: 15px;
  background-color: #D40026;
  text-decoration: none;
  text-align: left;
  font-size: 11px;
  color: #ffffff;
  margin-top: 3px;
  padding-top: 1px;
  padding-left: 3px;
  padding-right: 6px;
}

#menu a.active_submenuitem, #menu a.submenuitem:hover
{
  position: relative;
  width: 150px;
  height: 15px;
  background-color: #700017;
  text-decoration: none;
  text-align: left;
  font-size: 11px;
  color: #ffffff;
  margin-top: 3px;
  padding-top: 1px;
  padding-left: 3px;
  padding-right: 6px;
}

#buttons
{
  margin: 0px;
}

#contents
{
  position: relative;
  top: 20px;
  padding: 10px;
  width: 520px;
  height: 350px;
  background-color: #004389;
  border-bottom: 1px solid #306DAE;
}

#bottom
{
  position: absolute;
  margin: 0px;
  left: 0px;
  top: 550px;
  width: 760px;
  height: 129px;
  background-image: url('../images/bg_bottom.jpg');
}

#imagebar {
	position: absolute;
  margin: 0px;
  left: 0px;
  top: 550px;
  width: 760px;
  height: 129px;
  padding-top: 33px;
  padding-left: 4px;
}

#imagebar img {
	border: 1px solid #C7CAC1;
	margin-right: 11px;
}

#customerportal {
	background: url('../images/customerportal.jpg');
	width: 326px;
	height: 289px;
	font-family: 'Trebuchet MS';
	font-size: 10px;
}

.btn{
	font-family: 'Trebuchet MS';
	font-size: 11px;
	width: 78px;
}

.input_klant{
	position:relative;


}