/*
Theme Name: Klussendienst Doorn
Description: KlussendienstDoorn.nl
Version: 1
Author: A. Huizinga
Author URI: http://www.huiz.net/
*/

/*

breedte totaal is 940px
blokken daarbinnen max 930px met 2x5px margin, mooi deelbaar door 3 (310 per blok)
blok links (sidebar) 270px+10 rechts margin
blok rechts (content) 650px zonder margin
in de content 2x10px witruimte dus 630 breed aan tekst en afbeeldingen
*/

* {
 padding: 0;
 margin: 0;
 border: 0;
}

.clearboth {
 clear: both;
}
.clearright {
 clear: right;
}
.clearleft {
 clear: left;
}

html {
overflow-y: scroll;
}

/* Begin Typography & Colors */
body {
 font-size: 72.5%; /* Resets 1em to 12 or 13px */
 font-family: Arial, sans-serif;
 line-height: 160%;
 background-color: #FFFFFF;
 color: #454545;
 /* color: #3A3A3A; */
}

img {
 border: 0;
}

a {
 text-decoration: none;
 color: #FF5500;
 font-weight: bold;
}

a:hover {
 text-decoration: none;
}

ul,ol {
 margin-left: 17px;
}

#wrapper {
 width: 940px;
 margin: 0 auto 0;
 position: relative;
}

#header {
 margin 0;
}

#main-container {
 width: 100%;
}

#content {
 margin:0;
}

#content p {
 margin-bottom: 10px;
}

/* Standaard box zonder breedte of hoogte */
.box-white {
 background-color: White;
 border-bottom: 1px solid #C8C8C8; 
}
.box-white-noline {
 background-color: White;
}

.box-white-doubleline {
 background-color: White;
 border-bottom: 1px solid #C8C8C8; 
 border-top: 1px solid #C8C8C8; 
}

.box-white h1,.box-white-noline h1,.box-white-doubleline h1{
 color: #606060;
 font-size: 140%;
 font-weight: bold;
 margin-top: 5px;
 margin-bottom: 5px;
}

.box-white h2,.box-white-noline h2,.box-white-doubleline h2 {
 color: #606060;
 font-size: 120%;
 font-weight: bold;
 margin-top: 5px;
 margin-bottom: 5px;
}

/* Standaard box home 2/3 breed */
.box-home-23 {
 width: 610px;
 float: left;
}
/* Standaard box home 1/2 breed */
.box-home-12{
 width: 450px;
 float: left;
}
/* Standaard box home 1/3 breed */
.box-home-13 {
 width: 300px;
 float: left;
}
/* Standaard box home 1/4 breed */
.box-home-14 {
 width: 225px;
 float: left;
}

/* Standaard box ruimte */
.box-space {
 padding: 15px;
}
.box-space-large {
 padding: 25px;
}
.box-space-small {
 padding: 5px;
}


.box-line-left {
 border-left: 1px solid #C8C8C8;
}

/* Margin bottom */
.bspacelarge{
 margin-bottom: 10px;
}
.bspacemedium {
 margin-bottom: 5px;
}
.bspacesmall {
 margin-bottom: 2px;
}
.bspacenone{
 margin-bottom: 0;
}


/* header element CONTACT */
.contact {
 padding: 10px 10px 0 100px;
}

/* footer */
#footer {
 background-image: url(images/im-footer-back-grey.jpg);
 background-repeat: repeat-x;
 height: 110px;
 clear: left;
}

.bold {
 font-weight: bold;
}
.light {
  color: #606060;
}

/* alignments */
.alignleft, img.alignleft {
	display: inline;
	float: left;
  margin-right: 15px;
  text-align: left;
}
.alignright, img.alignright {
	display: inline;
	float: right;
  margin-left: 15px;
  text-align: right;
}
.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
  text-align: center;
}


/* Menu navbar */
#menubar {
/*  background-image: url(images/im-menu-back-grey.jpg);
  background-repeat: repeat-x; */
  border-top: 1px solid #C8C8C8;
  height: 25px;
  float: left;
  clear: left;
  width: 100%;
  background-color: #F1F1F1;
}
#menubar ul {
 margin: 0 0 0 1px;
 padding: 0;
 list-style: none;
}
#menubar li {
	float: left;
  width: 118px;
  height: 23px;
  margin-top: 1px;
  border-right: 1px solid #C8C8C8;
/*  background-image: url(images/im-menu-back-grey.jpg);
  background-repeat: repeat-x; */
	font-size: 12px;
  letter-spacing:1.5px;
	font-weight: bold;
	color: #DDD;
}
#menubar li.search {
	float: right;
  margin-right: 1px;
  width: 160px;
  height: 23px;
  border-right: none;
}
#menubar li input#s {
  border: 1px solid #A4A4A4;
  background-color: #FFFFFF;
  font-size: 12px;
  height: 17px;
  width: 138px;
  margin-left: 15px;
  margin-top: 1px;
  padding-top: 1px;
  padding-left: 3px;
}
#menubar li.current_page_item {
/*  background-image: url(images/im-menu-back-blue.jpg);
  background-repeat: repeat-x; 
  color: #FFF; */
  background-color: #FFFFFF;
}
#menubar li a {
  width: 118px;
  height: 21px;
  text-decoration: none;
  padding-top: 2px;
  text-align: center;
  display: block;
  color: #1F1F1F;
}
#menubar li a:hover {
/*	background-image: url(images/im-menu-back-blue.jpg);
  background-repeat: repeat-x;
  color: #FFF; */
  background-color: #FFFFFF;
}


/* Sidebar */
#sidebar-container{
 width: 240px;
 float: left;
 margin-right: 10px;
 margin-top: 16px;
 height: 100%;
}
#content-container{
 width: 690px;
 float: left;
}


/* Slideshow */
div#tmpSlideshow {
 position: relative;
 height: 200px;
 width: 938px;
}
div.tmpSlide {
 position: absolute;
 top: 0;
 left: 0;
 width: 936px;
 height: 200px;
 display: none;
 overflow: hidden;
}
div.tmpSlide img {
 float: left;
}
div.tmpSlideCopy {
 position: absolute;
 right: 20px;
 bottom: 20px;
 width: 616px;
/* background-image: url(images/im-slideshow-back-200x250.png); */
}
div#tmpSlideshow p {
/* background-image: url(images/im-quote.png); 
 background-repeat: no-repeat; 
 padding-left: 50px; */
 color: #606060;
 font-size: 2em;
 font-style: italic;
 font-family: Georgia, serif;
 line-height: 1.1em; 
}


/* Berichten */
.entry  {
 margin-bottom: 5px;
}


/* Links */
.linkbutton {
  display: block;
  height: 25px;
  width: 150px;
  color: #FFF;
  font-size: 120%;
  font-weight: bold;
  text-decoration: none;
  padding: 5px 0 0 15px;
  background-image: url(images/im-back-link-active.jpg);
}

/* Links - SubPages */
.subpages-title {
 margin: 15px 0 5px 15px;
}
ul#subpages {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul#subpages li a {
  display: block;
  background-image: url(images/im-back-link.jpg);
  height: 25px;
  padding: 5px 0 0 15px;
  color: #000;
  text-decoration: none;
}
ul#subpages li a:hover {
  background-image: url(images/im-back-link-hover.jpg);
}
ul#subpages li.current_page_item a {
  background-image: url(images/im-back-link-hover.jpg);
}


/* content blok - Advies op maat */
#blok-advies {
  background: url(images/im-back-blok-advies.jpg);
  height: 150px;
  clear: left;
}
#blok-advies p,#blok-advies h1 {
  margin-left: 150px;
}


/* subpage items */
div.previewsubitem {
  width: 190px;
  padding: 5px;
  margin: 5px 15px 10px 0;
  text-align: center;
  border: 1px solid #C8C8C8;
  float: left;
}


/* Base Superbox Styles */
#superbox-overlay{position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;}
#superbox-wrapper{position:fixed;z-index:9999;top:0;display:table;width:100%;height:100%;}
#superbox-container{position:relative;display:table-cell;width:100%;height:100%;margin:0;padding:0;vertical-align:middle;}
#superbox{margin:0 auto;padding:0;}
#superbox-container .loading{margin:0;text-align:center;}
/* IE7 */
*:first-child+html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
*:first-child+html #superbox{position:relative;top:-50%;display:block;}
/* IE6 - Thanks to Thickbox for IE expressions */
* html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
* html #superbox{position:relative;top:-50%;display:block;}
* html #superbox-overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');}
* html #superbox-wrapper{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
/* Default Theme */
#superbox-overlay{background:#000;}
#superbox-container .loading{text-align:center;font-size:40px;color:#fff;}
#superbox{padding:10px;background:#fff;}
#superbox-innerbox{padding:10px 0;}
#superbox.image{text-align:center;}
#superbox .close,
#superbox .nextprev{overflow:hidden;margin:0;}



/* Form elementen */

input.wpcf7-text {
  border: 1px solid #858385;
  font-size: 14px;
  height: 20px;
  padding: 5px 5px 0 5px;
  background-color: #F1F1F1;
}

input.wpcf7-submit {
  display: block;
  height: 30px;
  width: 150px;
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
  padding: 2px 0 0 10px;
  margin-top: 10px;
  background-image: url(images/im-back-link-active.jpg);
  cursor: pointer;
}
 
textarea {
  border: 1px solid #858385;
  font-size: 14px;
  padding: 5px;
  background-color: #F1F1F1;
}