/*op maat verhuizingen*/

* {
  margin: 0;
}
html, body, ol, ul, th, td {
  padding: 0; /*bescherm form controls*/
}

img {
  border: 0;
  vertical-align: bottom;
}

body {
  padding: 0 .5em;
  font-size: 100%;
  background: #4f4979 url(img/bg.png) 0 0 repeat-x fixed;
}
* html body {behavior:url("csshover.htc");} /*dus kan IE6 het menu overmuizen - bedankt Peterned: http://www.xs4all.nl/~peterned/csshover.html */

#container {
  clear: both;
  position: relative;
  min-width: 780px;
  max-width: 1000px;
  margin: 0 auto;
  color: #000;
  background-color: #fff;
  border: solid #000;
  border-width: 0 1px;
}
* html #container {width: 800px;}

	#index #container {
	  width: 1000px;
	}

	#container:after {
	  clear: left;
	  content: " ";
	  display: block;
	  height: 0;
	}

a[title]:focus:after { 
  content: " " attr(title);
}

/*idee om te tonen via toetsenbord - bedankt Mike Cherim: http://green-beast.com/ en Tommy Olsson (Autistic Cuckoo) */
a#access {
  position: absolute;
  top: -99px;
  left: -999px;
  width: 13em;
  padding: 2px;
  color: #4f4979;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  background-color: #fff;
  border: 2px solid #c0c0c0;
  z-index: 5;
}
	a#access:focus, a#access:active {
	  top: 60px;
	  left: 30px;
	  outline: 0;
	}

/*headers, labels enz*/
.access {
  position: absolute;
  left: -999em;
}

/*toetsenbord-toegankelijk dropdown menu, yo!*/
#menu {
  position: relative;
  width: 100%; /*IE6*/
  z-index: 1000;
  background: #4f4979 url(img/menubalk.gif) 0 0;
  border-bottom: 1px solid #000;
}
	#menu ul {
	  width: 50.5em; /*kleinste browser breedte*/
	  margin: 0 auto;
 	  min-height: 2em;
	  list-style: none;
	}

	#menu li {
	  position: relative;
	  float: left;
	  width: auto;
	  border-left: 1px solid #fff;
	}
		#menu li.huidig {
		  background-color: #160c4a;
		}
		#menu li.pijl {
		  background: url(img/menupijl.gif) 94% 15px no-repeat;
		}
			#menu li.pijl:hover {
			  background-position: 94% -18px;
			} 

		#menu li.laatst {
	  	  border-right: 1px solid #fff;
		}

	#menu a {
	  display: block;
	  padding: 0 1em;
	  color: #fff;
	  font: bold 1em/2em optima, "gill sans", "trebuchet ms", helvetica, sans-serif;
	  text-decoration: none;
	  text-align: center;
	}
	#menu li.eerst a {
	  padding: 0 1.5em; /*"home" niet breed genoeg voor submenu*/
	}
        #menu li.eerst ul a {
          padding: 0;
        }

#menu ul ul {
  position: absolute;
  left: 0;
  top: 2em;
  width: 100%; /*van <li>s, beperkt width*/
  background: transparent url(img/menubg.png);
  border: 1px solid #000;
}

/*Ie6 moet een explicit breede hebben*/
* html #menu ul ul {width: 8em;}


	#menu ul ul li { 
          clear: left;
	  width: 100%;
	  border: 0;  
	}
		  
	#menu ul ul a {
          float: left;
	  width: 100%;
	  padding: 0;
	  font-size: .8em;
	  line-height: 3em;
	  font-weight: bold;
	  text-align: center; /*IE*/
	  background: transparent url(img/menubg.png);
	}

	#menu ul ul ul {
	  left: 6.3em;
	  top: .5em;
	}
	* html #menu ul ul ul {left: 7.6em;}

		#menu ul ul ul a {
		  line-height: 2.5em;
		}

	#menu ul ul, #menu ul li:hover ul ul, #menu ul .hover ul ul { 
	  margin-left: -9999px; 
	}

	#menu>ul>li a:focus, #menu :hover>a {
	  background-color: #160c4a;
	}

	#menu ul ul a:focus, #menu ul ul a:hover, #menu li.eerst>ul a:hover {
	  color: #000;
	  background: transparent url(img/menubg2.png);
	  outline: 0;
          cursor: pointer; /*ff??*/
	}
	* html #menu ul ul a:hover {
	  color: #fff; 
	  background-color: #160c4a; 
	  background-image: none;
	}
 
	#menu a:focus+ul, #menu li:hover>ul, #menu ul li.hover>ul, 
        #menu ul ul ul, #menu ul .hover a:focus {
	  margin-left: -1px;
	}
        * html #menu ul ul li:hover {z-index: 999}/*sub sub menu stacking*/
	* html #menu li:hover ul, * html #menu ul ul li:hover ul {clear: both; margin-left: auto;} /*csshover.htc*/

	#menu ul ul li:hover>ul, #menu ul ul li.hover>ul {
  	  margin-left: 0px;
	}
	#menu ul ul a:focus { 
	  margin-left: 9999px; 
	  color: #000; 
	  background: transparent url(img/menubg2.png);
	  border: 1px solid #000;
	  outline: 0;
	}  
		#menu ul ul a:focus:hover {
		  margin-left: 0; /*stopt rare Gecko issue! Doubling linker marges*/
		}
		* html #menu ul ul a:active:hover {
		  margin-left: auto;  /*ook IE6 issue*/
		}	

#balk {
  width: 96%; /*haslayout*/
  height: 180px;
  margin: 2px auto 10px;
  background-repeat: no-repeat;
  border: 2px solid #c68a09;
}

#verhuistips #balk {background: url(img/verhuisbg.jpg) 100% -10px;}
#bedrijven #balk, #bedverhuistips #balk {background: url(img/bedrijfsmatig.jpg) 0 0 repeat-x;}
#klussen #balk {background: url(img/klussen.jpg) 0 0;}
#opslag #balk {background: url(img/opslag.jpg) 0 0;}
#transport #balk {background: #f7f8fc url(img/transport.jpg) 0 0;}
#overzees #balk {background: url(img/overzeesbg.jpg) 0 -5px;}/*1e kraan door Vangelis Thomaidis, "forwardcom" op sxc.hu; 2e kraan door Tim Smith, "timsmith" op sxc.hu*/
#winkel #balk, #rolcontainer #balk {background: url(img/winkel.jpg) 0 -5px;}
#contact #balk, #voorwaarden #balk {background: url(img/contact.jpg) 0 0;}

/*main content*/
#main {
  padding: 0 14px 1.5em;
  font-family: optima, "gill sans", "trebuchet ms", helvetica, arial, sans-serif;
  background-color: #fff; 
}
* html #main {width: 96%; padding: 0 4px 1.5em;}/*haslayout om headers en andere kinderen te tonen*/  

        #main:after {
          content: " ";
          display: block;
          clear: both;
          height: 0;
        }

#email #main {
  min-height: 38em;
  padding-top: 2em;
}
* html #email #main {height: 38em;}

/*index pagina*/
#doorlinkjes {
  min-height: 450px;
  margin-bottom: 1.6em;
  padding: 0 10px;
  background: url(img/frontpage.jpg) 0 0 no-repeat;
  border: 1px dotted transparent; /*margin trick*/
}
* html #doorlinkjes {height: 450px; border: 0;}

	#doorlinkjes div {
	  margin: 0 0 5px 610px;
	  overflow: hidden;
	}
	* html #doorlinkjes div {position: relative; width: 360px; z-index: 50;}

	#doorlinkjes div.eerst {
	  margin-top: -40px;
	}
		#doorlinkjes div a img {
		  float: left;
		  width: 120px;
		  margin: 0 4px 3px 0;
		}
	#doorlinkjes h2 {
	  margin: 0;
	  font-size: 1em;
	  background: transparent;
	}
		#doorlinkjes h2 a {
		  color: #160c4a;
		}
			#doorlinkjes a:focus, #doorlinkjes a:hover {
			  color: #c68a09;
			}
	#doorlinkjes div p {
          margin: 0;
	  font: .7em  "bitstream vera sans", "dejavu sans", verdana, sans-serif;
	}

#breadcrumb {
  margin: 1em 0 0;
}
#breadcrumb li {
  display: inline;
  padding-left: 5px;
  font-style: italic;
  font-size: .9em;
}

a[href$=".pdf"] {
  line-height: 1.88em;
  padding-right: 29px;
  background: url(img/pdf-icon.gif) 100% 50%  no-repeat;
}


#main a {
  color: #160c4a;
}
	a.boven, #main a.boven:visited {
          display: block;
	  width: 6em;
	  margin: 10px auto;
	  padding: 0 1em;
	  color: #241763;
	  text-align: center;
	  text-decoration: none;
	  white-space: nowrap;
	  background-color: #c0c0c0;
	  border: 1px solid #160c4a; 
	} 
#main a:visited {
 color: #777;
 text-decoration: underline;
}
	#main a:focus, #main a:hover, #main a:active {
	  color: #c68a09;
	  text-decoration: none;
	}
	#main a.boven:focus, #main a.boven:hover {
	  color: #c68a09;
	  background-color: #fff;
	}

#main p {
  margin: 0 0 15px;
  padding: 1px;
}
	#contact p.dicht {margin: 0;}

#main p.partners {
  clear: right;
  float: right;
  width: 235px;
  margin: 5px 50px 25px 20px;
  color: #4f4979;
  font: bold 1.1em "bitstream vera sans", "dejavu sans", verdana, sans-serif;
  text-align: center;
}
        .partners a {
          display: block;
          width: 225px;
          height: 92px;
          margin-bottom: 6px;
          padding: 5px;
        }
                .partners a.waltmann {
                  height: 62px;
                }
        .partners a:focus, .partners a:hover {
          padding: 4px;
          border: 1px solid #160c4a;
        } 

#korting {
  clear: right;
  float: right;
  width: 240px;
  margin: 0 50px 10px 10px;
  color: #fff;
  background: #4f4979 url(img/stompetop.png) 0 0 no-repeat;
}
        #korting ul {
          width: 210px;
          margin: 0;
          padding: 1.5em 0 5px 30px;
          background: url(img/stompebodem.png) 0 100% no-repeat;
        }
	#korting li {
	  margin-bottom: 1.5em;
	  padding-left: 30px;
	  font-weight: bold;
	  background: url(img/witvink.png) 0 .2em no-repeat;
	}

/*filmpje*/
#player	{
  float: left;
  width: 425px;
  height: 300px;
  margin: 0 0 15px 125px;
}  

h1, h2, h3 {
  margin: 1em 0 .5em;
  padding-left: 10px;
  color: #fff;
  font: bold 1.5em/1.55em optima, "gill sans", "trebuchet ms", "mgopen cosmetica", verdana, sans-serif;
  background-color: #160c4a;
}
	h1 {
	  margin-top: 0;
	  text-align: center;
	}
        /*index pagina*/
        #index h1 {
          position: relative;
          width: 500px;
          height: 58px;
          margin: 0 .1em .1em .5em;
          padding: 1em 0 1em 100px;
          color: #4f4979;
          font: bold 30px "humanist 521", optima, "gill sans", helvetica, sans-serif;
          background: url(img/logo.png) 12px 10px no-repeat;
          overflow: hidden;
        } 

	#index h1 span {
	  position: absolute;
	  left: 95px;
	  top: 25px;
	  width: 500px;
	  height: 52px;
	  background: url(img/opmaattekst.png) 0 0 no-repeat;
	}  
	#index h1 em {
	  display: block;
	  margin-top: .9em;
	  padding-right: 1em;
	  text-align: right;
	  font: italic normal .6em "trebuchet ms", helvetica, sans-serif;
	}
		#rolcontainer h1, #winkel h1 {
		  margin: 0 0 .5em;
		  color: #160c4a;
		  font-size: 2em;
		  text-align: center;
		  background-color: transparent;
		}
		#overzees h1 {
	   	  margin-bottom: -.8em;
		  color: #160c4a;
		  background-color: #fff;
		}
	h2 {
	  font-size: 1.4em;
	}
	* html #contact h2.dicht {margin: -.5em 0 .5em;} /*voor verdubbeld vert. margins van "clear"*/
	*+html #contact h2.dicht {margin: -.5em 0 .5em;}

	h3 {
	  margin: .5em 0;
	  font-size: 1.4em;
	  text-transform: none;
	  color: #160c4a;
	  background-color: transparent;
	  border-bottom: 1px solid #160c4a;
	}
		h3.dicht {
		  margin: .2em 0;
		}
	h4 {
	  margin-top: 1em;
	  color: #160c4a;
	  font-style: italic;
	  font-size: 1em;
	}
		h4.dicht {
		  margin-top: -.6em;
		}

.center {
  text-align: center;
}
	#rolcontainer p.center a:visited {
	  color: #160c4a;
	}

.clear {
  clear: both;
}
.clearL {
  clear: left;
}

span.sitenaam {
  font-weight: bold;
  color: #160c4a;
  /*color: #241763; andere blauw*/
}

a.vink {
  padding-left: 20px;
  background: url(img/roodvink.png) 0 50% no-repeat;
}

ul {
  list-style: none;
  margin-left: 3em;
}
ul.center {
  width: 10em;
  margin: 0 auto;
  text-align: left;
}

ul.bullets, #verhuistips #main ul, #bedrijven #main ul {
  margin-left: 2em;
}
	#klussen ul.vinkjes {
	  margin-left: 6em;
	}
	ul.bullets li, #verhuistips #main ul li, #bedrijven #main ul li {
	  list-style-type: circle;
	}
/*http://www.freeclipartnow.com/signs-symbols/checkmarks/checkmark-Bold-Brush-red.jpg.html*/
/*bron van rood vinkje*/
	#klussen ul.vinkjes li {
	  margin: .6em 0;
	  padding-left: 20px;
  	  background: url(img/roodvink.png) 0 .2em no-repeat;
	}

	/*verhuistips*/
	#verhuistips #main ul ul {
	  margin-left: 2em;
	}
	#verhuistips #main ul ul li {
	  list-style-type: disc;
	}
/*katbox.jpg van Sophia Lemon, "sofa" @ sxc.hu*/
	ul.katbox {
          background: url(img/katbox.jpg) 100% 2% no-repeat;
	}
	ul.vloer {
	  background: url(img/sausen.jpg) 100% 5% no-repeat;
	}
	p.tntpost {
	  min-height: 50px;
	  padding-bottom: 45px;
	  background: url(img/tntpost.gif) 100% 100% no-repeat;
	}
* html p.tntpost {height: 50px;}

/*voorwaarden*/
#voorwaarden h3 {
  margin: 1em 0 .5em;
  font: bold 1.2em helvetica, arial, sans-serif;
}

#voorwaarden h4 {
 font-weight: bold;
}

ol {
  width: 96%; /*IE*/
  list-style-type: decimal;
  margin-left: 0;
  padding-left: 2em;
}
	ol.algemeen {
	  list-style-type: upper-alpha;
	}
		ol.algemeen ol {
		  list-style-type: decimal;
		}
	#contact ol {
	  width: auto;
	  margin-top: .5em;
	}
	ol li, dl dd {
          margin: .5em 0;
	}
	#contact ol li {
	  margin: 0 0 .2em 0;
	}
	ol ol, ol.alpha {
	  list-style-type: lower-alpha;
	}
	ol ul {
	  list-style: none;
	}

dt {
  clear: left;
  float: left;
}
	#voorwaarden dt {
	  margin-right: 5px;
	}
	ol.algemeen dt {
	  font-weight: bold;
	}
	ol.schuim dt {
	  font-style: italic;
	}

blockquote {
  margin: 0 6em;
}

#nota:target, #nota2:target {
  padding: 7px;
  font: .9em georgia, serif;
  background-color: #e1e1e1;
  border: 1px solid #160c4a;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}


/*opslag*/
#main .col {
  float: left;
  width: 48%;
  margin-left: .5em;
  margin-bottom: 2em;
}

/*transport*/
#transport dl {
  width: 16em;
  overflow: hidden;
}
	#transport dl dd {
	  margin: 0 0 .6em 8em;
	  padding: 0;
	}

#main p.druk {
  margin: .5em 0;
  font-weight: bold;
  font-size: 1.1em;
}

/*winkel, rolcontainers*/
img.links, #main a.links {
  float: left;
  margin: 0 10px 5px 0;
  text-decoration: none;
}
	#main a.links, #main a.links:visited {
	  position: relative;
	  color: #160c4a;
	  margin-bottom: 1em;
	}
		#main a.links>img:first-child {
	  	  position: absolute;
	  	  left: 0;
		  top: 0;
		}
		#main a.links span {
		  display: block;
		  width: 176px;
		}
img.rechts {
  float: right;
  margin: 0 0 5px 10px;
}
	#contact img.ver {
	  margin-top: 1.2em;
	}
	#contact img.dicht {
	  margin-bottom: -5em;
	}

#main div.rc {
  width: 47%;
  float: left;
  margin-top: 1em;
  margin-right: 1em;
}
#main div.rc a img {
  display: block;
  margin: 0 auto;
}

#main h3 a, #main h3 a:visited {
  color: #160c4a;
  text-decoration: none;
}
	#main h3 a:hover, #main a.links:focus {
	  color: #160c4a;
	  text-decoration: underline;
	}
	#main a.links:hover {
	  color: #160c4a;
	  text-decoration: none;
	}

p.bodem {
  margin-bottom: 2em;
  padding-bottom: 1px;
}

#winkel ul.bullets {
  margin-bottom: .5em;
}

#winkel ul.bullets li span {
  font-weight: bold;
}

/*rolcontainers*/
#rolcontainer div.rc {
  float: none;
  width: auto;
  margin-left: 246px;
}

#rolcontainer h3 {
  margin: 1em 0 .2em;
  padding: 0;
  border-bottom: 0;
}
	#main div.rc h3 {
	  margin-top: 0;
	}

#rolcontainer dl {
  overflow: hidden;
}
 	dl.containerprijzen {
	  width: 28em;
	}
	dl.containerbeschrijf {
	  width: 30em;
	}
#rolcontainer dt {
  width: 10em;
  margin-bottom: .6em;
}
	#main dl.containerbeschrijf dt {
	  width: 11em;
	  text-align: right;
	  padding-right: 1em;
	}

#rolcontainer dd {
  margin: 0 0 .6em 11em;
  text-align: right;
  overflow: hidden;
}
	#main dl.containerprijzen dd {
	  border-bottom: 1px dotted #000;
	}
	#main dl.containerprijzen dd.onder {
	  margin-top: 1.3em;
	}
	#main dl.containerprijzen dd span {
	  margin-left: 2em;
	  white-space: nowrap;
	}
	#main dl.containerbeschrijf dd {
	  text-align: left;
	}

p.imgcenter {
  text-align: center;
}
	p.imgcenter img {
	  margin-bottom: 5px;
	}

/*contact*/
#contactgegevens {
  float: left;
  width: 20em;
}

#contactgegevens dl {
  width: 19em;
  overflow: hidden;
}
	#contactgegevens dt {
	  clear: left;
	  float: left;
	  width: 6em;
	  margin-bottom: .5em;
	}
	#contactgegevens dd {
	  margin: 0 0 .5em 6em;
	}
		#contactgegevens dd.adres {
		  margin-bottom: -.1em;
		}
#contactgegevens p {
  margin-top: 60px;
}


p.nb {
  margin: 0;
  font-size: .9em;
  font-style: italic;
}

/*formulieren*/
form {
  width: 43em;
  margin: 2em auto;
  padding: .5em;
  border: 1px solid #c68a09;
}

fieldset {
  border: 0;
}
	fieldset fieldset {
	  position: relative;
	  margin-bottom: 1em;
	  padding: 1em 0 1em;
	}

legend {
  font-size: 1em;
  font-weight: bold;
  color: #241763;
}
	legend span, fieldset fieldset legend span {
	  display: block;
	  width: 42.6em; /*ff*/
          margin-left: -1em;
	  margin-bottom: .5em;
	  padding-left: 10px;
	  color: #fff;
	  font-weight: bold;
	  background-color: #160c4a;
	}
        * html legend span, * html fieldset fieldset legend span {
          text-indent: 10px;
        }

label {
  clear: left;
  display: block;
  width: 96%; /*haslayout*/
  margin-left: 2em;
}
	label.excel {
	  margin-left: 0;
	  margin-bottom: .8em;
	  position: relative;
	}
		#main label.excel a {
		  float: left;
	  	  width: 14em;
	 	  color: #000;
		  padding-left: 2em;
	  	  text-decoration: none;
		  background: url(img/vraagteken.gif) 0 50% no-repeat;
		}
		#main label.excel a:focus, #main label.excel a:hover {
		  color: #160c4a;
		}

label#spamvraag, input#spamz {display: none;}

label, form div, input {
  margin-bottom: .2em;
}

label span, label.multi {
  float: left;
  width: 14em;
  display: inline; /*ie6*/
}
	fieldset.langer label span, .langer label.multi {
	  width: 18em;
	}

	label span.unit {
	  float: none;
	  display: inline;
	}
	label span.helptekst {
	  position: absolute;
	  left: -999em;
	  width: 16em;
	  padding: 0 2px;
	  text-align: center;
	  background-color: #e7e7e7;
	  border: 1px solid #000;
	}
		label.excel a:focus span, label.excel a:hover span {
		  left: 22em;
		}
/*ie trigger*/
label a:focus, label a:hover {visibility: visible;}

form div {
  float: left;
  width: 19em;
}
	form div.border {
	  padding: 2px;
	  border: 1px solid #c7c7c7;
	}
	#formWinkel div, #formOpslag div {
	  width: 12em;
	}
	form div label {
	  display: inline;
	  margin-left: 0;
	  margin-right: 2em;
	}

		form div.nw label {
		  white-space: nowrap;
		}

	#bedrijven form div.border label {
	  clear: none;
	  float: left;
	  width: 6em;
	}

	form div select {
	  display: block;
	  margin-bottom: .5em;
	}

input.onder, select.onder {
  margin-top: 1em;
}
	input.submit {
	  display: block;
	  width: 8em;
	  margin: 0 auto;
	}

/*tabellen*/
table {
  border-collapse: collapse;
  margin: 1em 0;
  background: #e7e7e7 url(img/rubriekbg.png) 0 -50px repeat-x;
}
.tarieftabel {
  margin-top: -.5em;
}

table.fiatdoblo {
  clear: both;
  margin: 0;
}

caption {
  width: 100%; /*haslayout*/
  margin: -.5em 0 .5em;
  font-size: 1.2em;
  line-height: 1.8em;
  font-weight: bold;
}

.tarieftabel thead {
  position: absolute;
  left: -9999em;
}

.tarieftabel tr:hover {
  background-color: #ffe490;
  border: 1px solid #000;
}

th, td {
  padding: 5px;
  border: 1px solid #160c4a;
}
	.fiatdoblo td {
	  text-align: right;
	}
	.fiatdoblo td[scope]{
          text-align: center;
	}
	.tarieftabel td {
	  vertical-align: top;
	}
	.tarieftabel td[scope="row"] {
          padding-left: 1.3em;
	  font-weight: bold;
	  background: url(img/pijl.gif) 7px .5em no-repeat;
	}
	
	td span {
	  font-weight: bold;
	}

.tarieftabel ul {
  margin-left: 1em;
}
	.tarieftabel ul li {
	  display: list-item;
	  list-style-type: disc;
	}



#footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 1.5em;
  z-index: 10; /*afbeelding index pagina*/
  background-color: #4f4979;
}
* html #footer {
  position: absolute; 
  width: 101%; 
  height: 2em; 
  z-index: 100;
  right: 0; 
  left: -1px; 
  bottom: -1px;
  top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

	#footer p {
	  max-width: 1002px;
	  margin: 0 auto; 
	  font-weight: bold;
          font-size: .9em;
	  line-height: 1.6em;
	  text-align: center;
	  color: #fff;
	  border-top: 1px solid #000;
	}
		#footer p a {
	  	  color: #fff;
		}
		#footer p a:focus, #footer p a:hover {
		  color: #160c4a;
		}