body
{
     width:990px;
     font-family:verdana;
     font-size:12px;
     margin-top: 0px;
     margin-bottom: 0px;
     margin-left: auto;
     margin-right: auto;
     background-color: #;
     background-image: url(http://www.klen.nl/beta/img/diagonal_stripes.png);
     background-attachment: fixed;
     background-position: top;
}

.headertable{

}

.headertop{
  background-image: url(http://www.klen.nl/beta/img/headerbg.gif);
  background-repeat: repeat-x;
  background-position: 1px;
}

.headertoptdl{
  width: 325px;
  height: 100px;
  vertical-align: bottom;
  text-align: center;
}

.headertoptdr{
  width: 325px;
  height: 100px;
  vertical-align: bottom;
  text-align: right;
}

td,th{
  font-size: 12px;
}

th{
 font-weight: bold;
}

.page{
  background-color: #FFFFFF;
  position: absolute;
  top: 0px;
  left: auto;
  right: auto;
  width:990px;
  margin-left: auto;
  margin-right: auto;
  #margin-left: 10%;
  #margin-right: 10%;
  border-right: 2px solid #BBBBBB;
  border-left: 1px solid #AAAAAA;
  border-bottom: 2px solid #AAAAAA;
}

.content{
  padding: 5px;
}

.ledenlijst{
    display: block;
    width: 500px;
    border-top: 1px dotted #000099;
}

.computeromschrijving{
  border-top:1px dotted black;
  border-bottom:1px dotted black;
  font-size: 8pt;
  padding: 5px;
  width: 300px;
}

.computerspecstabel{
  height: 275px;
  text-align:center;
}

.pcingebruik{
 color: black;
 background-color: white;
 cursor: pointer;
}

.pcingebruikBold{
 color: white;
 background-color: blue;
 font-weight: bold;
 cursor: pointer;
}

.pcnietingebruik{
 color: grey;
 background-color: white;
 cursor: pointer;
}

.pcnietingebruikBold{
 color: grey;
 background-color: blue;
 font-weight: bold;
 cursor: pointer;
}

.fotocontainercomputer{
 width:    260px;
 height:   260px;
 display:  block;
}

.fotocsontainercomputer{
 width:    260px;
 height:    56px;
 overflow:  auto;
}

.editdiv {
  position:absolute;
  width:400px;
  background-color: #D4D0C8;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-bottom: 1px solid #404040;
  border-right: 1px solid #404040;
  z-index:99;
  left: 300px;
  top: 300px;
}

.nieuwtopic {
  position:absolute;
  width:400px;
  background-color: #D4D0C8;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-bottom: 1px solid #404040;
  border-right: 1px solid #404040;
  z-index:99;
  left: 300px;
  top: 300px;
}

.nieuwforum {
  position:absolute;
  width:700px;
  background-color: #D4D0C8;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-bottom: 1px solid #404040;
  border-right: 1px solid #404040;
  z-index:99;
  left: 300px;
  top: 300px;
}

.forumopties1 {
  position:absolute;
  width:500px;
  background-color: #D4D0C8;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-bottom: 1px solid #404040;
  border-right: 1px solid #404040;
  z-index:99;
  left: 200px;
  top: 100px;
}

.button{
  border: outset;
  background-color: #D4D0C8;
  width:14px;
  height: 14px;
  color: black;
  line-height: 14px;
  vertical-align: middle;
  font-size: 6pt;
  font: Arial, Helvetica, sans-serif;
  text-align: center;
}

.titeldiv{
 background-image: url('img/titel.png');
 background-repeat: repeat-y;
 background-position: 0px 0px;
 background-color: #a6caf0;
 color:white;
 font-weight: bold;
 font: Arial, Helvetica, sans-serif;
 width:400px;
 height: 18px;
}.forumtitle{
 font-size: large;
}

.forumomschrijving{
 font-style: italic;
}

.lasttopic_title{
 font-size: smaller;
}

.lasttopic_auteur{
 font-size: smaller;
}

.lasttopic_tijd{
 font-size: smaller;
 cursor: default;
}

.lastpost_title{
 font-size: smaller;
}

.lastpost_auteur{
 font-size: smaller;
}

.lastpost_tijd{
 font-size: smaller;
 cursor: default;
}

.forumtr{
 cursor: pointer;
}

.forumtrover{
 background-color: #CCCCCC;
}

.forumtd{
 cursor: pointer;
 border-bottom: 1px dotted #555555;
}

.forumth{
 background-color: #000099;
 color:white;
 font-weight: bold;
 cursor: default;
}

.forumuserdetails{
 font-size: x-small;
 display:block;
 width:80px;
 text-align: center;
}

.crewmember{
  font-weight:bold;
  cursor: help;
}

.forumdatum{
  font-size: x-small;
}

.forumusername{
  font-weight:bold;
  font-size: medium;
}

.forumusermodname{
  font-weight:bold;
  font-size: medium;
  color: #990000;
}

.posttitle{
 background-image: url(http://www.klen.nl/beta/img/posttop.png);
 background-repeat: repeat-x;
}

.forumposttxt{
 max-width: 490px;
 overflow-x: auto;   
}

.forumimages{
  max-width: 200px;
  max-height: auto;
  height: auto;
  cursor: pointer;
}

.forumopties{
  color: white;
  background-color: #000099;
  width: 125px;
  padding-top: 5px;
  position: absolute;
  top: 280px;
  right: 175px;
}

.abbonee{
 display:block;
 height:30px;
 color: blue;
 border: 1px dotted blue;
 font-size: 8pt;
}

.fotoalbum{
  display: inline-block;
  width: 150px;
  text-align: center;
  cursor: pointer;
}

.fotoalbumu{
  display: inline-block;
  width: 150px;
  text-align: center;
  cursor: pointer;
}

.fotoalbum1u{
  position: relative;
  top: -1em;
  display: block;
  text-align: center;
  background-color: #000099;
  color: #FFFFFF;
  cursor: pointer;
}

.fotoalbum1{
  position: relative;
  top: -1em;
  display: block;
  text-align: center;
  cursor: pointer;
}

.tumbnailcontainer{
  display: inline-block;
  width: 400px;
  height: 125px;
  text-align: center;
  overflow-x: auto;
  vertical-align: top;
}

.tumbnail{
  display: inline-table;
  width: 100px;
  height: 100px;
  vertical-align: top;
}

.tabbladen {
 display: inline-block;
 white-space:nowrap;
 width:131px;
 height:17px;
 text-align: center;
 color:#ffffff;
 background-repeat: no-repeat;
 cursor:pointer;
 background-image:url('http://www.klen.nl/beta/img/hardware/tabuit.PNG');
}

.tabbladhw {
 border:#000000 solid 1px;
 overflow: auto;
 padding: 5px;
}.membersearch{
  display: block;
  overflow: auto;
  width: 300px;
  height: 100px;
  border: 1px dotted #990000;
}

a:link
{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
a:visited
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
a:hover
{
	text-decoration: underline;
	text-decoration: italic;
	color: #0000ff;
	font-weight: bold;
}
a:active
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

a.submenu:link
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
a.submenu:visited
{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
a.submenu:hover
{
	text-decoration: underline;
	text-decoration: italic;
	color: #00FF00;
	font-weight: bold;
}
a.submenu:active
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

a.premium:link
{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
a.premium:visited
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
a.premium:hover
{
	text-decoration: underline;
	text-decoration: italic;
	color: #0000FF;
	font-weight: bold;
}
a.premium:active
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

.premium:before
{
  content: url(http://www.klen.nl/img/premium.gif);
}

a.submenuaan:link
{
	text-decoration: underline;
	color: #00FF00;
	font-weight: bold;
}
a.submenuaan:visited
{
	text-decoration: none;
	color: #00FF00;
	font-weight: bold;
}
a.submenuaan:hover
{
	text-decoration: underline;
	text-decoration: italic;
	color: #00FF00;
	font-weight: bold;
}
a.submenuaan:active
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}



a.forumlink:link
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
    cursor: pointer;
}
a.forumlink:visited
{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
    cursor: pointer;
}
a.forumlink:hover
{
	text-decoration: underline;
	text-decoration: italic;
	color: #00FF00;
	font-weight: bold;
    cursor: pointer;
}
a.forumlink:active
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
    cursor: pointer;
}

.tabblad{
  text-align: center;
  line-height: 20px;
  vertical-align: text-bottom;
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
  width: 135px;
  height: 20px;
  background-image: url(http://www.klen.nl/beta/img/tabbladuit.png);

}

.tabbladaan{
  text-align: center;
  line-height: 20px;
  vertical-align: text-bottom;
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
  width: 135px;
  background-image: url(http://www.klen.nl/beta/img/tabblad.png);
  background-position: -13px;
  height: 20px;
  text-decoration: underline;
  text-decoration: italic;
  color: #FFFFFF;

  font-weight: bold;
  cursor: pointer;
}

a.tabblad1aan:visited,a.tabblad1aan:hover,a.tabblad1aan:active,a.tabblad1aan:link{
  text-decoration: none ;
  text-decoration: italic;
  color: #FFFFFF;
  font-weight: bold;
  cursor: pointer;
}

a.tabblad1:visited,a.tabblad1:hover,a.tabblad1:active,a.tabblad1:link{
  text-decoration: none;
  text-decoration: italic;
  color: #FFFFFF;
  font-weight: bold;
  cursor: pointer;
}

.submenu{
/*  background-image: url(http://www.klen.nl/beta/img/menubg.png);
  background-position: 4px 0px;*/
  background-color: black;
  color: white;
  height: 20px;
  vertical-align: middle;
  line-height: 20px;
}

.floatingmenu{
  display: block;
  color: white;
  width: 150px;
  padding:  15px;
}

.littlemenu1{
  color:white;
  padding: 10px;
}

.littlemenu{
  background-image: url(http://www.klen.nl/beta/img/right-bottom.PNG);
  background-position: 130px;
  background-repeat: no-repeat;
  height: 11px;
}

.littlemenur{
  background-image: url(http://www.klen.nl/beta/img/left-bottom.PNG);
  background-position: 0px;
  background-repeat: no-repeat;
  height: 11px;
}

h1{
    color: #000099;
    border-bottom: 1px dotted #000099;
    display: table-cell;
    font-size: large;
}

h2{
    color: #555555;
    font-size: x-small;
}

h3{
    color: #000099;
    border-bottom: 1px dotted #000099;
    display: table-cell;
    font-size: larger;
}

.moderators{
  color: #000099;
  font-size: 8pt;
}

.lanpartylijst{
  border-bottom:1px dotted grey;
}

.lanpartylijstmo{
  border-bottom:1px dotted grey;
  background-color:#CCCCCC;
  font-style: italic;
}

.langegvens{
 display: inline;
 vertical-align: top; 
}


  .vrij {
   display: block;
   background-color: #FFFFFF;
   color: black;
   border: 2px solid black;
   text-align: center;
   cursor: pointer;
  }
  .bezet  {
   display: block;
   background-color: #B7FFB7;
   color: green;
   border: 2px solid green;
   text-align: center;
   cursor: default;
  }
  .gereserveerd {
   display: block;
   background-color: #FFAEAE;
   color: red;
   border: 2px solid red;
   cursor: default;
  }
  .hilight {
   display: block;
   background-color: #00FF00;
   color: #00AA00;
   border: 3px solid #00CC00;
   font-weight: bold;
   text-align: center;
   cursor: default;
  }
  .selected {
   display: block;
   width: 30px;
   height: 30px;
   background-color: #00FF00;
   color: #00AA00;
   border: 2px solid #00CC00;
   font-weight: bold;
   text-align: center;
   cursor: default;
  }
  .seatover {
   display: block;
   width: 30px;
   height: 30px;
   background-color: #00AA00;
   color: #00FF00;
   border: 2px solid #00FF00;
   font-weight: bold;
   text-align: center;
   cursor: default;
  }

  .resizeimg{
    [IF width gt height]
     width:150px;
     height:auto;
    [END IF]
    [IF width lte height]
     width:auto;
     height:150px;
    [END IF]
  }

  .profielfoto{
    [IF width gt height]
     width:250px;
     height:auto;
    [END IF]
    [IF width lte height]
     width:auto;
     height:250px;
    [END IF]
  }

  .fotolijst{
    [IF width gt height]
     width:100px;
     height:auto;
    [END IF]
    [IF width lte height]
     width:auto;
     height:100px;
    [END IF]
  }

  .tumbnails{
    [IF width gt height]
     width:50px;
     height:auto;
    [END IF]
    [IF width lte height]
     width:auto;
     height:50px;
    [END IF]
  }

  .avatar{
    [IF width gt height]
     width:100px;
     height:auto;
    [END IF]
    [IF width lte height]
     width:auto;
     height:100px;
    [END IF]
  }

.pmbericht{
  color: #003399;
  padding: 20px;
  margin: 10px;
}

.kannietreserveren{
  padding: 50px;
  margin: 20px;
  font-weight: bold;
  background-color: #AA8888;
  border: #FF0000 2px solid;
  color: #000000;
  text-align:center;
  display: block;
}

.menutlrbefore{
  background-image: url(http://www.klen.nl/beta/img/left-top.PNG);
  width:36px;
  display: inline-block;
}
.menutlrafter{
  background-image: url(http://www.klen.nl/beta/img/right-top.PNG);
  background-position: top:0px right:0px;
  width:36px;
  display: inline-block;
}
.menutlr{
  background-image: url(http://www.klen.nl/beta/img/top.PNG);
  display: inline-block;
  font-weight: bold;
  text-align: center;
  width:95px;
}

.menudtlrbefore{
  background-image: url(http://www.klen.nl/beta/img/left-bottom.PNG);
  width:36px;
  display: inline-block;
  height:11px;
  background-color:#4a4a4a;
  position: relative;
  top:-1px;
}
.menudtlrafter{
  background-image: url(http://www.klen.nl/beta/img/right-bottom.PNG);
  background-position: top:0px right:0px;
  width:36px;
  height:11px;
  display: inline-block;
  background-color:#4a4a4a;
  position: relative;
  top:-1px;
}
.menudtlr{
  background-image: url(http://www.klen.nl/beta/img/bottom.PNG);
  background-position: 45;
  display: inline-block;
  font-weight: bold;
  text-align: center;
  width:85px;
  height:11px;
  position: relative;
  top:-1px;
}

.linkermenu{
  position: absolute;
}

.linkermenuinhoud
{
  background-color:#4a4a4a;
  padding-left:10px;
  padding-right:10px;
  margin-bottom:0px;
}

.floatingmenutop
{
 width: 175px;
 height: 29px;
 background-image: url(http://www.klen.nl/beta/img/floatingmenu/top.png);
 background-repeat: no-repeat;
 text-align: center;
 vertical-align: middle;
 line-height: 29px;
 font-weight: bold;
 display: block;
 color: white;
}

.floatingmenu
{
 background-image: url(http://www.klen.nl/beta/img/floatingmenu/middle.png);
 background-repeat: repeat-y;
 display: block;
 padding-left: 20px;
 padding-right: 20px;
 color: black;
}

.floatingmenubottom
{
 width: 175px;
 height: 29px;
 background-image: url(http://www.klen.nl/beta/img/floatingmenu/bottom.png);
 background-repeat: no-repeat;
 display: block;
}

.registerOK{
  border: 1px solid #00FF00;
  color: #00FF00;
  background-color: #008000;
}

.registerNOTOK{
  border: 1px solid #FF0000;
  color: #FF0000;
  background-color: #800000;
}

.usermsg{
  border: 1px dotted #000000;
  background-color: #dddddd;
  color: #000000;
  display: block;
  margin: 5px;
  font-family: Verdana;
  font-style: italic;
  width:605px;
  padding: 5px;
  font-size: 8pt;

}

.emailmsg{
 cursor: pointer;
}
.emailmsgover{
 cursor: pointer;
 font-style:italic;
 color: #0a246a;
}
.emailmsgon{
 background-color: #0a246a;
 color:#ffffff;
 border:2px dashed #0a246a;
}



#thecontextmenu {
  position:absolute;
  visibility:hidden;
}


.contextmenu {
  list-style:none;
  width:165px;
  border-width: 1px;
  border-style: solid;
  border-color: #b2b2b2 #4a494a #4a494a #b2b2b2;
  background-color:#d6d3ce;
  font-family:helvetica,arial,sans-serif;
  line-height:20px;
  cursor:default;
  font-size:small;
  text-align:left;
  padding:2px;
  padding-top:0;
  margin:0;
  min-width:200px;
  z-index:20000;
}


.contextmenu li.title {
  /*background-color:#b2b1b0;*/
  border-bottom:solid 1px #bbb;
  /*font-style:italic;*/
  padding:2px;
  font-size:14px;
}

.contextmenu li {
  padding-left:5px;
  padding-right:10px;
  margin-top:1px;
  font-size:12px;
  white-space:nowrap;
}

.contextmenu li .icon {
  text-align:right;
  width:20px;
  vertical-align:middle;
  /*border:solid 1px #000;*/
}

.contextmenu li .icon img{
  vertical-align:middle;
  margin-right:2px;
  /*border:solid 1px #000;*/
}

.contextmenu li .text {
  font-weight:normal;
  background-color:transparent;
  white-space:nowrap;
}

.contextmenu li.highlight {
  padding-left:5px;
  padding-right:10px;
  margin-top:1px;
  color:#ffffff;
  background-color:#08246b;
}

.contextmenu li.highlight img{
  visibility:hidden;
  margin-right:2px;
}

.mailbuttons{
  width:100%;
  height:50px;
  border: 1px inset;
  background-color: #d4d0c8;
  vertical-align:top;

}
.mailbutton{
 width: 70px;
 height: 45px;
 display: inline-block;
 vertical-align:top;
 cursor: pointer;
}

.mailbuttonon{
 width: 70px;
 height: 45px;
 display: inline-block;
 vertical-align:top;
 border: 1px outset;
 cursor: pointer;
}

.IMAPfolder{
  width:100%;
  height:20px;
  background-color: #808080;
  vertical-align:middle;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 12pt;
}

.good{
 border: 1px solid green;
 color: green;
}

.notgood{
 border: 1px solid red;
 color: red;
}