html {
 margin: 0;
 padding: 0;
}

* html {
 font-size: .70em;
}

body {
 font: 1.1em Verdana, sans-serif;
 margin: 20px auto;
 background-color:#D4D4D4;
 padding: 0;
 width: 750px;
 text-align: center;
}

html > body {
 font-size: 0.75em;
}

h1 {
 margin: 0px;
 padding: 0;
 width: 151px;
 height: 59px;
 float: left;
}

h1 a {
 background-image: url('../images/logo_gidsen_info.png');
 display: block;
 width: 151px;
 height: 59px;
 text-indent: -9000em;
}

hr {
 height: 1px;
 border: 1px solid #A5AFBF;
 color: #A5AFBF;
 margin-left: 10px;
}

p {
 clear: both;
}

a {
 text-decoration: none;
 color: navy;
}
a:hover {
 color: darkorange;
 text-decoration: underline;
}

#main {
 width: 750px;
 text-align: left;
}

#leftdiv {
 width: 490px;
 float: left;
}

#rightdiv {
 float: right;
 border: 1px solid #999;
 width: 220px;
}

#footer {
 background: #EDF1F7;
 border: 1px solid #A5AFBF;
 width: 99%;
 margin-top: 20px;
 clear: both;
 font-size: 10px;
}


table#gids {
 border-spacing: 0;
 margin-left: 10px;
 border-collapse: collapse; 
 font-size: 10px;
 color: #4A4A4A;
}

.gidstr {
 background: #ffffff;
}

.gidstr td {
 background: url('../images/box_bg.gif') no-repeat 50% 0;
 filter:alpha(opacity=65);
 -moz-opacity: 0.65;
 opacity: 0.65;
}

.gidstr .tdfirst {
 background: url('../images/box_bg.gif') no-repeat 0 0;;
}

.gidstr .tdlast {
 background: url('../images/box_bg.gif') no-repeat 100% 0;
}

.gidstrhover {
 background: #EDF1F7;
 background: url('../images/box_bg_hover.gif') no-repeat 0 0;
}
.gidstrhover td {
 background: url('../images/box_bg_hover.gif') no-repeat 50% 0;
}

.gidstrhover .tdfirst {
 background: url('../images/box_bg_hover.gif') no-repeat 0 0;;
}

.gidstrhover .tdlast {
 background: url('../images/box_bg_hover.gif') no-repeat 100% 0;
}

#gids thead td { font-weight: bold; }

#gids tbody td.r { 
 text-align: right;
}

#gids tbody td {
 vertical-align: top;
 padding: 6px;
 padding: 3px 10px 3px 0;
}

#gids tbody .gidsnaam {
 text-align: left;
}

#gids img {
 border: 1px solid #cccccc;
 width: 35px;
 height: 35px;
 margin: 0;
 padding: 3px;
}

 /* CSS for the box starts here */
 .box {
  padding:0 12px 0 0;
  background:#fff url(/images/borders.gif) 100% 0 repeat-y;
 }
 .bi {
  padding:0 0 0 12px;
  background:#fff url(/images/borders.gif) 0 0 repeat-y;
 }
 .bt {
  height:20px;
  margin:0 -12px;
  background:url(/images/box.gif) 100% 0 no-repeat;
 }
 .bt1 {
  width:13px;
  height:20px;
  background:url(/images/box.gif) 0 0 no-repeat;
 }
 .bb {
  height:12px;
  margin:0 -12px;
  background:url(/images/box.gif) 100% 100% no-repeat;
 }
 .bb1 {
  width:13px;
  height:12px;
  background:url(/images/box.gif) 0 100% no-repeat;
 }
 .box p {
  margin:0;
  padding:4px 10px;
  /* background:#fff; */
 }