body {
  margin: 0;
  padding: 0px 0 20px 0;
  text-align: left;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  color: black;
}

a, a:visited, a:active {
  color: #434343;
  text-decoration: none;
}

a:hover {
  color: #7bc11c;
}

div#headerpic {
  width: 953px;
  height: 140px;
  background: transparent url(http://www.starthier.de/gfx/header_starthier.jpg) no-repeat;
}

div#headerpic h1 {
    padding-left: 40px;
    padding-top: 115px;
    font-size: 17px;
    font-weight: bold;
    font-family: "Tahoma";
    text-align: left;
    color: #fff;
}

#footer {
  clear: both;
  width: 960px;
  margin: 0 auto;
  border-width: 1px 0 0 0;
  border-style: solid;
  text-align: left;
  padding-top: 10px;
}

#footer a,#footer a:visited,#footer a:active {
    text-decoration: underline;
}

#footer .ul1 {
    float: left;
    margin-top: 10px;
    width: 370px;
    list-style-type: circle;
}

#footer .ul2 {
    margin-left: 100px;
    margin-top: 10px;
    list-style-type: circle;
}

#footer .ul1 li,#footer .ul2 li  {
    list-style-type: circle;
    margin-left: 30px;
}

div#copyright {
  padding-top: 5px;
  text-align: right;
}

div#headerbottom {
    width: 953px;
    height: 68px;
    text-align: center;
    padding-top: 10px;
    background-color: #007433;
    color: #f19d20;
}

div#headerbottom a:link,div#headerbottom a:visited, div#headerbottom a:active { color: #f19d20; text-decoration: none; }
div#headerbottom a:hover { color: #fff; text-decoration: underline;  }

div#headerbottom .welkom {
    margin: 30px 0px 10px 0px;
    text-align: center;
}

#aanmeldenrespons {
    margin-top: 10px;
    list-style-type: circle;
    margin-left: 20px;
}

div#container, div#top {
  width: 960px;
  margin: 0 auto;
}

div#advertise {
  float: right;
  margin-top: -20px;
  padding-right: 10px;
  padding-top: 5px;
  font-size: 12px;
}

div#top {
  margin-bottom: 10px;
}

.tableanmelden {
    margin: 20px;
}

div#login {
  float: left;
  margin: 7px 0 0 0;
}

.nieuwedochter {
    margin-top: 10px;
    width: 100px;
    height: 15px;
}

.selectdomein {
    width: 100px;
}

div#quicksearch input.qsearchbutton {
  height: 20px;
  border-width: 1px;
  border-style: solid;
  width: 20%;
  margin: 0 0 0 25px;
}

div.menuleft {
  position: relative;
  width: 227px;
  top: 0px;
  float: left;
  border-color: #6d90b0;
}

/* Fix for the images displayed on the right of a heading. */
div.menuleft p.catkop {
  width: 217px;
  /* margin-bottom: 5px; */
}

div.menuleft div.catinhoud, div.menuleft div.anmelden {
  width: 217px;
  margin-top: -5px;
}

div.menuleft div.notitle {
  border-top: 1px;
  border-style: solid;
}

div.menuleft div.noborder {
  border: 0;
}

div#inhoud {
  margin-left: 227px;
  padding-left: 7px;
}

div#contentvisible {
color: #000;
}

div.catinhoud, div.anmelden {
  border-width: 0 1px 1px 1px;
  border-style: solid;
  width: 225px;
  padding: 2px 3px 3px 5px;
  margin-top: -1px;
  margin-bottom: 10px;
  overflow-x: hidden;
}

div.catinhoud {
  border-color: #64b721;
  color:#000;
}

div.anmelden a {
    text-decoration: underline;
}

div.alphabet {
  width: 707px;
  float: left;
  text-align: center;
}

div.google {
  border-width: 1px;
  border-style: solid;
  margin-top: 0;
  border-color: #004c1f;
}

div.google input {
  width: 165px;
}

div.google input.googlebutton {
  width: 45px;
}

p.catkop {
  text-transform: uppercase;
  border-width: 0 1px 0px 1px;
  border-style: solid;
  width: 225px;
  padding: 3px 3px 0 5px;
  font-weight: bold;
  overflow-x: hidden;
  height: 17px;
  background-position:  bottom;
  background-color: #3783bf;
  border-color: #64b721;
  color: #f19d20;

}

p.headingcontent, div.headingcontent{
    width: 706px;
}

div.catinhoud a {
  text-decoration: none;
  color: #434343;
}

div.catinhoud a:hover {
  text-decoration: underline;
  color: #f19d20;
}

p.catkop a, p.catkop a:visited, p.catkop a:active {
  width: 100%;
  height: 15px;
  margin-left: -5px;
  margin-top: -3px;
  padding: 3px 8px 0 5px;
  display: block;
  text-decoration: none;
  color: #fff;
  background-color: #64b721;
}

p.catkop a:hover {
  color: #004c1f;
  background-color: #64b721;
}

div.catinhoud li.more, div.catinhoud td.more {
  list-style-type: square;
}

div.catinhoud li.more a, div.catinhoud td.more a {
  color: #ff6600;
}

ul.circle {
  color: #f19d20;
}

div#searchlogo {
  float: right;
  width: 21px;
  height: 22px;
  margin-top: -20px;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.circle {
  list-style-type: circle;
  margin-left: 14px;
}

ul.square {
  list-style-type: square;
  padding: 5px 10px 10px 10px;
  margin: 0 10px 10px 10px;
}

ul.decimal {
  list-style-type: decimal;
  padding: 5px 10px 10px 10px;
  margin: 0 10px 10px 10px;
}

ul.tips {
  padding: 0 0 10px 52px;
  height: 30px;
}

li {
  margin: 0;
  padding: 0;
}

p {
  padding: 0;
  margin: 0;
}

.float-right {
  float: right
}

.float-left {
  float: left
}

input, select, textarea {
  margin-bottom: 10px;
  border-width: 1px;
  border-style: solid;
}

input.field, select.field, textarea.field {
  width: 300px;
  font-size: 11px;
}

input.anmeldenfield,select.anmeldenfield,textarea.anmeldenfield {
  width: 360px;
  font-size: 15px;
  padding-left: 5px;
  padding-top: 4px;
  font-weight: bold;
  height: 24px;
  color: #64b721;
  border: 1px solid #000;
}

textarea.anmeldenfield {
    font-family: "Tahoma";
    font-size: 14px;
    height:150px;
}

input.submit {
  float: right;
  margin: 5px 10px 0 0;
  height: 20px;
  border-style: solid;
  border-width: 1px;
}

div.kolom {
  width: 33.3%;
  position: relative;
  float: left;
}

li.leftmargin {
  margin-left: 10px;
}

.padding-bottom {
  padding-bottom: 10px;
}

table {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  border: 0;
}

td.center, th.center {
  text-align: center;
}

td.right, th.right {
  text-align: right;
}

td.heading {
  border-style: solid;
  border-width: 0 0 1px 0;
}

iframe {
  border: 0;
}

div.halfwidth-left {
  float: left;
  width: 49%;
  padding-bottom: 8px;
}

div.halfwidth-left.clear {
  clear: both;
  display: inline;
}

div.halfwidth-left p, div.halfwidth-right p {
  padding-right: 8px;
}

/*IE takes the halfwidth-left float box into account thus the remaining width is halved. FireFox handles it correctly as is should because the float is removed from the flow.*/
div.halfwidth-right {
  margin-left: 49%;
  width: 49%;
  padding-bottom: 8px;
}

div.halfwidth-left H2, div.halfwidth-right H2 {
  text-align: right;
  padding-top: 5px;
}

H1 {
  margin: 0;
}

.rood {
  font-weight: bold;
  color: #cc2e2a;
}

div.google {
  background-image: none;
}

#google_logo{
        margin: 8px 0px 8px 0px;
        height:56px;
        width:150px;
}

#sbi {
    width: 140px;
    height: 14px;
    border: 1px solid #000;
}

.catpic {
    margin-top: 3px;
}

.dochtermakenveld {
    width: 120px;
    height: 14px;
    border: 1px solid #000;
}

#check_thema, #anmelden table, #anmelden form {
    margin:0px;
}

input.loginfield {
  width: 200px;
  font-size: 11px;
  padding-left: 5px;
  font-weight: bold;
  border: 1px solid #000;
}

.submitlogin {
    width: 190px;
    height: 48px;
    margin-left: 10px;
    padding-left: 24px;
    text-align: left;
    color:#00455F;
    font-size: 11px;
    font-family: Arial,verdana,helvetica;
    background: url(/gfx/submit_login.jpg) no-repeat;
    border: 0px;
}

.formsubmit {
    width: 190px;
    height: 48px;
    margin-left: 10px;
    padding-left: 24px;
    text-align: left;
    color:#00455F;
    font-size: 11px;
    font-family: Arial,verdana,helvetica;
    background: url(/gfx/form_submit.jpg) no-repeat;
    border: 0px;
}

.submitnormal {
    width: 190px;
    height: 48px;
    margin-left: 10px;
    padding-left: 24px;
    text-align: left;
    color:#00455F;
    font-size: 11px;
    font-family: Arial,verdana,helvetica;
    background: url(/gfx/submit_button.jpg) no-repeat;
    border: 0px;
}

ul.login {
  list-style-type: circle;
  margin-left: 20px;
}

li.suggestion {
    font-style: italic;
    font-weight: bold;
}

.groen {
    font-weight: bold;
    color: #65a53f;
}
.rood {
    color: #cc2e2a;
    font-weight: bold;
}

.bold {
  font-weight: bold;
}
div.menuleft p.catkop {
  margin-bottom: 4px;
}

p.green {
  background-color: #64b721;
  background-image: url(http://www.starthier.de/gfx/heading_green.jpg);
  background-repeat: repeat-x;
}