#info {
  display: block;
  padding: 10px; margin-bottom: 20px;
  border: 1px solid #333;
  background-color: #efefef;
}

#afflink{ display:none; }


#test-list {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#test-list li {
  display: block;
  padding: 10px 10px;
  margin-bottom: 3px;
  background-color: #efefef;
}

#test-list li img.handle {
  margin-right: 20px;
  cursor: move;
  padding-top: 3px;
}




body {
  margin: 0px;
  padding: 0;
  font-family:  Verdana,Arial;
  font-size: 12px;
  color: #696969;
}

a { text-decoration: underline; color: #696969; }
a:hover { color: #ef6a31; }
a img { border: none; }
img.left { float: left; margin: 0 20px 0 0; }
img.right { float: right; margin: 0 0 0 20px; }

#wrapper {
  width: 990px;
  margin: 0 auto;
}

#htmlcode {
height: 120px;
font-size: 11px;
width: 520px;
padding: 10px;
}
.htmlcode {
  background-color: #f36630;
  padding: 3px;
  border: 1px solid #1f509d;
  color: #fff;
  text-decoration: none;
}
.htmlcode:hover {
  color: #000;
}

#headeradds {
  text-align: right;
  color: #8fa7cd;
  padding: 10px;
  font-size: 10px;
  text-transform: uppercase;
}

#headeradds a {
  color: #8fa7cd;
  text-decoration: underline;
}
#headeradds a:hover {
  text-decoration: underline;
  color: #20509b;
}

.headerbuttons {
  height: 232px;
  width: 232px;
  float: right;
  margin-right: 30px;
  margin-top: 60px;
}
.headerbuttons img {
  width: 225px;
  height: 76px;
  border:0px;
}

#header { height: 206px; background: url(/gfx/header.jpg) no-repeat; }
#content { background: url(/gfx/content-bg.jpg) repeat-y; }
#contenttop { height: 20px; background: url(/gfx/content-top.jpg) no-repeat; }
#contentbottom { height: 20px; background: url(/gfx/content-bottom.jpg) no-repeat; }
#inhoud {
  margin-left: 270px;
  margin-right: 50px;
  line-height: 18px;
}
#inhoud h1,#inhoud h2,#inhoud h3 {
  color: #1f509d;
}

#inhoud h1 { font-size: 20px; margin: 5px 0px 20px 0px; }
#inhoud h2 { font-size: 18px; margin: 30px 0px 5px 0px; }
#inhoud h3 { font-size: 14px; }

#menu {
  padding: 15px 20px 30px 30px;
  margin: 20px 0px 0px 0px;
  background: url(/gfx/menu-bg.jpg) no-repeat;
}
#menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#menu li {
  display: inline;
}
#menu a {
  padding: 0px 10px;
  text-decoration: none;
  text-transform: uppercase;
  color: #8fa7cd;
 font-weight: bold;
}
#menu a:hover { color: #20509b; }
#menu .current_page_item a { color: #20509b; }

/* Sidebars */
#sidebar {
  float: left;
  width: 210px;
  margin-left: 8px;
}
#sidebar ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  margin-left: 20px;
}

#sidebar li {
  margin-bottom: 5px;
}

#sidebar h2 {
font-size: 18px;
margin: 0px 0px 5px 10px;
color: #1f509d;
}

#sidebar .weoffer{
  margin-top: 10px;
  font-size: 11px;
  margin-left: 10px;
  border: 1px solid #234e9d;
  background-color: #f36630;
  padding: 8px;
  width: 168px;
  color: #fff;
}


#sidebar .weoffer a {
  color: #fff;  text-decoration: none;
}
#sidebar .weoffer a:hover {
  color: #1f509d;
}

#sidebar .testimonial {
  margin-top: 10px;
  font-size: 11px;
  margin-left: 10px;
  border: 1px solid #bababa;
  background-color: #eaeaea;
  padding: 8px;
  width: 168px;
  line-height: 16px;
}

.hometry {
  margin: 40px 0px 30px 0px;
  font-size: 18px;
  margin-left: 150px;
  border: 1px solid #234e9d;
  background-color: #f36630;
  padding: 15px;
  width: 350px;
  text-align: center;
  color: #fff;
}


.hometry a {
  color: #fff;  text-decoration: none;
}
.hometry a:hover {
  color: #1f509d;
}

#footer {
  padding: 10px;
  text-align: right;
}

#footer p {
  margin: 0;
  padding: 0 0 0 0;
  text-align: right;
  text-transform: uppercase;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #999999;
}

#footer a {
  color: #999999;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
  color: #565656;
}


.formfield {
  width: 325px;
  background-color: #f6f6f6;
  border: 0px;
  padding-left: 5px;
  height: 20px;
  color: #404040;
  font-size: 12px;
  border: 1px solid #404040;
}

.formselect {
  width: 332px;
  background-color: #f6f6f6;
  border: 0px;
  padding-left: 5px;
  height: 20px;
  color: #404040;
  font-size: 12px;
  border: 1px solid #404040;
}

.formsubmit {
  font-family: Arial,Trebuchet MS, Trebuchet, Verdana, Arial;
  font-size: 12px;
  padding: 10px 40px;
  margin-top: 20px;
  color: #fff;
  font-weight: bold;
  background-color: #404040;
  cursor: pointer;
  border: 0px;
}

.melding {
  margin: 10px 0px 10px 0px;
  padding: 5px;
}

.goed {
  border: 1px solid #25d431;
  background-color: #d3f6d6;
}

.fout {
  border: 1px solid #d2160d;
  background-color: #ffb9b9;
}

.fontxlarge { font-size: 14px; }
.fontlarge { font-size: 13px; }
.fontnormal { font-size: 12px; }
.fontmedium { font-size: 11px; }
.fontsmall { font-size: 10px; }
.fontxsmall { font-size: 9px; }
.italic { font-style: italic; }
.bold { font-weight: bold; }

.hometd1 { width: 250px; }
.hometd1comp { width: 225px; }

.hometd2,.hometd2comp {
  width: 250px;
}

.setbookietd1 { width: 200px; }

.logout { margin-left: 40px; }


.hometd1comp { padding-left: 25px; }
.hometd2comp { padding-left: 25px; }

.paymentimg {
  margin-left: 20px;
  margin-top: 10px;
}

/* Landen */
.bgeu { background: url(/gfx/countries/eu.gif) 0px 3px no-repeat; }
.bgde { background: url(/gfx/countries/de.gif) 0px 3px no-repeat; }
.bgen { background: url(/gfx/countries/en.gif) 0px 3px no-repeat; }
.bgnl { background: url(/gfx/countries/nl.gif) 0px 3px no-repeat; }
.bgbe { background: url(/gfx/countries/be.gif) 0px 3px no-repeat; }
.bgfr { background: url(/gfx/countries/fr.gif) 0px 3px no-repeat; }
.bgpl { background: url(/gfx/countries/po.gif) 0px 3px no-repeat; }
.bgau { background: url(/gfx/countries/os.gif) 0px 3px no-repeat; }
.bges { background: url(/gfx/countries/es.gif) 0px 3px no-repeat; }
.bgit { background: url(/gfx/countries/it.gif) 0px 3px no-repeat; }
.bgda { background: url(/gfx/countries/da.gif) 0px 3px no-repeat; }
.bgcz { background: url(/gfx/countries/cz.gif) 0px 3px no-repeat; }
.bgtu { background: url(/gfx/countries/tu.gif) 0px 3px no-repeat; }
.bgsw { background: url(/gfx/countries/zw.gif) 0px 3px no-repeat; }
.bggr { background: url(/gfx/countries/gr.gif) 0px 3px no-repeat; }
.bgsc { background: url(/gfx/countries/sc.gif) 0px 3px no-repeat; }

.projecttd {
  padding: 3px;
}

/* Wachtwoord sterkte */
#passwordStrengthDiv {
margin-left: 140px;
}

.td1 { width: 300px; }
.td2 {  }

#prices {
  font-size: 12px;
}
#prices .colname {
  color: #1f509d;
  width: 140px;
  padding: 4px;
}
#prices .coltxt {
  color: #ee6c32;
  padding: 4px 4px 4px 7px;
}

#prices .top{
  color: #1f509d;
  padding: 4px 4px 4px 7px;
  border-bottom: 2px solid #1f509d;
}

.is0{background:url(/gfx/progressImg1.png) no-repeat 0 0;width:276px;height:14px;}
.is10{background-position:0 -14px;}
.is20{background-position:0 -28px;}
.is30{background-position:0 -42px;}
.is40{background-position:0 -56px;}
.is50{background-position:0 -70px;}
.is60{background-position:0 -84px;}
.is70{background-position:0 -98px;}
.is80{background-position:0 -112px;}
.is90{background-position:0 -126px;}
.is100{background-position:0 -140px;}

a.design,a.comps,a.stats,a.edit,a.delete,a.download,a.view,a.viewempty,a.pass,a.look,a.plus{
  width: 18px;
  float: left;
  height: 18px;
  display: block;
  margin-right: 5px;
}

a.plus:link,a.plus:active, a.plus:visited { background: url(/gfx/icons.png) -225px 20px; }
a.plus:hover { background: url(/gfx/icons.png) -225px -0px; }
a.edit:link,a.edit:active, a.edit:visited { background: url(/gfx/icons.png) -45px 20px; }
a.edit:hover { background: url(/gfx/icons.png) -45px -1px; }
a.delete:link,a.delete:active, a.delete:visited { background: url(/gfx/icons.png) -65px 20px; }
a.delete:hover { background: url(/gfx/icons.png) -65px -1px; }
a.download:link,a.download:active, a.download:visited { background: url(/gfx/icons.jpg) -25px 20px; }
a.download:hover { background: url(/gfx/icons.jpg) -25px -1px; }
a.view:link,a.view:active, a.view:visited { background: url(/gfx/icons.jpg) -85px 20px; }
a.view:hover { background: url(/gfx/icons.jpg) -85px -1px; }
a.viewempty:link,a.viewempty:active, a.viewempty:visited { background: url(/gfx/icons.jpg) -6px 20px; }
a.viewempty:hover{ background: url(/gfx/icons.jpg) -6px -1px; }
a.pass:link,a.pass:active, a.pass:visited { background: url(/gfx/icons.jpg) -105px 20px; }
a.pass:hover{ background: url(/gfx/icons.jpg) -105px -1px; }
a.look:link,a.look:active, a.look:visited { background: url(/gfx/icons.jpg) -128px 20px; }
a.look:hover{ background: url(/gfx/icons.jpg) -128px -2px; }
a.stats:link,a.stats:active, a.stats:visited { background: url(/gfx/icons.jpg) -153px 20px; }
a.stats:hover{ background: url(/gfx/icons.jpg) -153px -1px; }
a.design:link,a.design:active, a.design:visited { background: url(/gfx/icons.jpg) -176px 20px; }
a.design:hover{ background: url(/gfx/icons.jpg) -176px -0px; }
a.comps:link,a.comps:active, a.comps:visited { background: url(/gfx/icons.jpg) -200px 20px; }
a.comps:hover{ background: url(/gfx/icons.jpg) -200px -0px; }