/* Stylesheet voor tiemersma.nl. (c) Schilderwerken Tiemersma. Alle rechten voorbehouden. */

/* ---------- Stijlen: Algemeen ---------- */

body {
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Sans-Serif;
  font-size: 12px;
  color: #ffffff;
  background: #313131 url(/interface/images/body_bg.gif) repeat-x;
}

form {
  margin: 0px;
  padding: 0px;
}

a img {
  border: none;
}

.clearfix {
  clear: both;
  line-height: 0px;
  overflow: hidden;
  font-size: 0px;
}

#site {
	width: 990px;
	margin: 0px auto;
	position: relative;
}


/* ---------- Stijlen: Sidebar ---------- */

#sidebar {
  float: left;
  width: 341px;
  height: 590px;
  position: relative;
  background-position: right top;
  background-repeat: no-repeat;
  background-image: url(/interface/images/sidebar_bg_kleurenwaaier.jpg);
}

#site .sidebar_default { background-image: url(/interface/images/sidebar_bg_kleurenwaaier.jpg);}
#site .sidebar_schilderwerken { background-image: url(/interface/images/sidebar_bg_schilderwerken.jpg);}
#site .sidebar_beglazing { background-image: url(/interface/images/sidebar_bg_beglazing.jpg);}
#site .sidebar_behangen { background-image: url(/interface/images/sidebar_bg_behangen.jpg);}
#site .sidebar_contact { background-image: url(/interface/images/sidebar_bg_contact.jpg);}
#site .sidebar_disclaimer { background-image: url(/interface/images/sidebar_bg_kleurenwaaier.jpg);}
#site .sidebar_privacy-policy { background-image: url(/interface/images/sidebar_bg_kleurenwaaier.jpg);}
#site .sidebar_verzilvering { background-image: url(/interface/images/sidebar_bg_verzilvering.jpg);}

#nav {
  float: left;
  width: 145px;
  margin: 87px 0px 0px 10px;
  padding: 0px;
}

#nav li {
  list-style: none;
  float: left;
  clear: both;
  margin: 0px;
  padding: 0px;
  text-align: right;
}

#nav li a {
  display: block;
  width: 135px;
  height: 15px;
  padding: 6px 10px 5px 0px;
  color: #ffffff;
  text-decoration: none;
  background: url(/interface/images/transparent.gif);
}

#nav li a {
  color: #ffffff;
}

#nav li a:hover {
  color: #000000;
}

#nav li.active a {
  width: 145px;
  padding-right: 0px;
  color: #106dd6;
}

#nav li ul {
  position: absolute;
  left: -9001px;
  margin: -45px 0px 0px 156px;
  padding: 0px 0px 0px 30px;
  width: 136px;
  z-index: 10;
}

#nav li.active ul {
  left: 0px;
  min-width: 1%;
}

#nav li li a,
#nav li.active li a {
  color: #000000;
  width: 136px;
  background: url(/interface/images/transparent.gif);
  text-align: left;
  height: auto;
}

#nav li li a:hover {
  text-decoration: underline;
}

#nav li li.first {
  padding-bottom: 5px;
  color: #555c5f;
}

#keurmerken {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 152px;
  height: 63px;
  padding: 12px 8px 12px 11px;
  background: #ffffff;
  overflow: hidden;
}

#keurmerken a {
  float: left;
  margin-right: 15px;
}

#keurmerken a.last {
  margin-top: 9px;
}

#keurmerken img {
  display: block;
}


/* ---------- Stijlen: Main & Top ---------- */

#main {
  float: left;
  width: 649px;
}

#top {
  height: 289px;
  background: url(/interface/images/top_bg.jpg) no-repeat bottom right;
  position: relative;
}

#copyright {
  position: absolute;
  right: 6px;
  top: 3px;
  margin: 0px;
  padding: 0px;
  font-size: 10px;
  color: #424547;
  text-align: right;
  line-height: 14px;
}

#copyright span {
  color: #ffffff;
  display: block;
}

#copyright a {
  color: #ffffff;
  text-decoration: none;
}

#copyright a:hover {
  text-decoration: underline;
}

#tsjil {
  position: absolute;
  right: 6px;
  top: 60px;
}

#logo {
  position: absolute;
  left: 71px;
  top: 99px;
}


/* ---------- Stijlen: Content ---------- */

#content {
  float: left;
  margin: 37px 0px 20px 71px;
  line-height: 18px;
  width: 553px;
  display: inline; /* IE6 bugfix */
}

#content .versmald {
  float: left;
  width: 360px;
  margin-right: 36px;
}

#content h1 {
  margin: 0px 0px 8px 0px;
  padding: 0px;
  font-size: 13px;
  text-transform: uppercase;
  line-height: normal;
}

#content h2 {
  margin: 0px 0px 8px 0px;
  padding: 0px;
  font-size: 13px;
  text-transform: uppercase;
  line-height: normal;
}

#content h3 {
  margin: 0px 0px 6px 0px;
  padding: 0px;
  font-size: 12px;
}

#content p {
  padding: 0px;
  margin: 0px 0px 16px 0px;
}

#content a {
  color: #6199d8;
  text-decoration: none;
}

#content a:hover {
  text-decoration: underline;
}

#content ul {
  margin: 0px 0px 16px 0px;
  padding: 0px;
}

#content li {
  margin: 0px 0px 7px 0px;
  padding: 0px 0px 0px 16px;
  list-style: none;
  background: url(/interface/images/bullet.gif) no-repeat left 6px;
}

#content li ul {
  margin-top: 5px;
}

#content .foto_rechts {
  margin: 0px 0px 10px 10px;
  float: right;
}

#content .foto_links {
  margin: 0px 10px 10px 0px;
  float: left;
}

#onder_content {
  float: left;
  width: 533px;
  margin: 0px 0px 15px 71px;
  padding: 5px 10px;
  background: #78878c;
  display: inline; /* IE6 bugfix */
}

#onder_content a {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  font-style: italic;
  font-size: 11px;
}

#onder_content a:hover {
  text-decoration: underline;
}


/* ---------- Stijlen: Content - Twee koloms-pagina's (Home en Contact) ---------- */

#content.twee_koloms {
  background: url(/interface/images/lijn.gif) repeat-y 381px top;
}


#content.twee_koloms .contactgegevens {
  float: left;
  width: 157px;
  line-height: 15px;
}


/* ---------- Stijlen: Contactpagina ---------- */

.verzonken {
  color: #888888;
}

.tbx {
  float: left;
  width: 186px;
  padding: 2px 4px;
  background: #aeb6b9;
  border: 1px solid #ffffff;
}

.lbl {
  width: 150px;
  float: left;
}

.lblBlock {
  display: block;
}

.form_regel {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 6px;
}

.tbxBericht {
  float: left;
  width: 336px;
  height: 120px;
  padding: 2px 4px;
  background: #aeb6b9;
  border: 1px solid #ffffff;
}

.btn_verzenden {
  float: right;
  margin-right: 13px;
  display: inline; /* IE6 bugfix */
}

.error {
  float: left;
  padding-left: 4px;
}