/******************************************
C+C
CSS : Thirsa de Jager
E-mail: tdejager@lautenbagreclame.nl
WWW: http://www.lautenbag.nl
---------------------------------------
CSS bestand vrijgegeven onder C.C. licentie:
http://creativecommons.org/licenses/by-sa/2.0/nl/
******************************************/

:-moz-any-link:focus {outline: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,
sub, sup, tt, var, dd, dl, dt, li, ol, ul, form, fieldset, input, textarea, label, 
table, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	text-align: left;}

img, a img, :link img, :visited img {border: 0;}
div.clear {clear: both; width: 100%; height: 0px;}

/*LAYOUT
**************************************************/
body{
	background: url(../img/img_streepjes.jpg) repeat;
	font: normal 12px/18px Arial, Tahoma, sans-serif;
  color: #000;
  }
  
div#site{
	background: transparent;
  }

      /*TYPOGRAFIE
**************************************************/
p { 
	margin-bottom: 10px;
	}

h1 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 15px;
	line-height: 20px;
	}

h2 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 20px;
	}

h3 {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 18px;
	}	


h4 {
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 20px;
	}

h5 {
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 20px;
	}

h6 {
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 20px;
	}

ul {
	margin-bottom: 10px;
}

li {
list-style-position: inside;
	}

a {
	color: #000;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

  /*TOP
**************************************************/
  
div#top{	
  height: 170px;
  width: 100%;
  background: #3a3f46;
  bottom: 20px;
  }
  
div#topschaduw{
  width: 1000px;
  height: 170px;
  margin: 0 auto;
  background: url(../img/img_headertop.png);
  }
  
div#header{
  width: 920px;
  height: 170px;
  margin: 0 auto;
  background: transparent;
  }
  
div#headerimg{
  width: 920px;
  height: 170px;
  float: left;
  display: inline;
  background: url(../img/img_header.jpg);
  }
  
    /*MENU
**************************************************/

div#menuschaduw{
  width: 1000px;
  height: 46px;
  margin: 0 auto;
  background: url(../img/img_main.png) left top repeat-y;
  }
  
div#menu{
  width: 921px;
  height: 46px;
  float: left;
  display: inline;
  clear: left;
  margin: 0 0 0 0px;
  background: url(../img/img_menu.jpg) repeat-x;
  }
  
div#tabs{
  width: 650px;
  height: 46px;
  float: right;
  display: inline;
  background: url(../img/img_tabs.jpg) no-repeat;
  }
  

div#tabs li{
  width: 100px;
  height: 18px;
  float: left;
  display: inline;
  font-size: 16px;
  color: #cfd0d0;
  text-align: center;
  border-right: solid #cfd0d0 1px; 
  text-decoration: none;
  list-style: none;
  margin: 15px 0 0 0;
  }
	  
div#tabs ul#nav li a{
  font-size: 16px;
  color: #cfd0d0;
  text-align: center;
  text-decoration: none;
  list-style-image: none;
  }
  
div#tabs ul#nav li a:hover{
  font-size: 16px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  list-style-image: none;
  }

div#tabs ul#nav li#actief a{
	color: #fff;
}

    /*MAIN
**************************************************/
div#main{
  background:transparent url(../img/img_top.png) top repeat-x;
	height:auto;
	width:100%;
	
  }
  
div#containerschaduw{
  width: 1000px;
  margin: 0 auto;
  background: url(../img/img_main.png) repeat-y;
  }
  
div#container{
  width: 920px;
  margin: 0 auto;
  background: #fff url(../img/img_verloop.jpg) repeat-x;
  }
  
div#sidebar1{
  float:left;
  display: inline;
  width:271px;
  background-color: transparent;
  }
  
div#aanbieding{
  float:left;
  display: inline;
  width:210px;
  margin: 34px 0 0 20px;
  background: #dce5ec url(../img/img_sidekop.jpg) no-repeat;
  background-position: top left;
  padding: 12px 0 0 20px;
  }

div#aanbieding_afbeelding {
	width: 215px;
	float: left;
	display: inline;
	margin: 10px 0 0 -12px;
}

div#footer_aanbieding {
	float: left;
	display: inline;
	width: 230px;
	height: 10px;
  background: url(../img/footer_aanbieding.png) no-repeat;
  margin: 0px 0 18px 20px;
}
  
div#content{
  float: left;
  display: inline;
  width:648px;
  background-color: transparent;
  }
  
div#tekst {
  float: left;
  display: inline;
  width:610px;
  margin: 34px 0 0px 0;
  background: #dce5ec url(../img/img_kop.jpg) no-repeat;
  background-position: top left;
  padding: 12px 0 0px 20px;
  min-height: 530px;
  }

div#footer_tekst {
	float: left;
	display: inline;
	width: 630px;
	height: 12px;
  background: url(../img/footer_tekst.png) no-repeat;
  margin: 0px 0 18px 0;

}
	  
  /*BOTTOM
**************************************************/
div#bottom{
  clear: both;
  height: 80px;
  background: transparent;
  margin: 0 auto;	
  }
  
div#footerschaduw{
  clear: both;
  width: 1000px;
  height: 81px;
  margin: 0 auto;
  background: url(../img/img_bottom.png) no-repeat;
  }
  
div#footer{
  width: 920px;
  height: 44px;
  margin: 0 auto;
  background: url(../img/img_bottom1.jpg) no-repeat;
  padding: 15px 0 0 0;
  }

div#footer ul{ 
	float: right;
	display: inline;
}

div#footer ul li {
	margin-right: 10px;
	font-weight: 600;
	float: left;
	display: inline;
	list-style: none;
	border-left: 1px solid #fff;
	padding-left: 12px;
}

div#footer ul li.eerste {
	border-left: 0px;
}


  /*formulier
**************************************************/

div#formulier {
	margin-top: 0px;
	padding-right: 30px;
	padding-top: 0px;
	width: 580px;
	float: left;
	display: inline;
	}

div#formulier h4 {
	margin-top: 15px;
}

div#formulier h3 {
	margin-top: 10px;
}

label {
	float: left;
	display: inline;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 0px;
}

label.email {
	width: 114px;
}

input#bedrijf {
	float: right;
	width: 430px;
}

input#E-mail {
	float: left;
	width: 170px;
}

input#Telefoon {
	float: right;
	width: 170px;
}

input#contactpersoon {
	float: right;
	width: 430px;
}

input#straat {
	float: left;
	width: 150px;
}

input#postcode {
	float: left;
	width: 60px;
}

input#plaatsnaam {
	float: right;
	width: 110px;
}

input#aantal {
	float: left;
	width: 90px;
}

input#gewicht {
	float: left;
	width: 90px;
	margin-right: 5px;
}

input#inhoud {
	float: left;
	width: 90px;
	margin-right: 5px;
}

form#formulier{
	margin: 0px 0 0px 0px;
	width: 580px;
	line-height: 16px;
	}

input{
	float: left;
	display: inline;
	width: 150px;
	margin: 0px 20px 10px 0px;
	}

input.single{
	float: left;
	display: inline;
	width: 150px;
	}

form#formulier textarea{
	clear: both;
	float: left;
	display: inline;
	width: 580px;
	height: 150px;
	margin: 0px 0px 10px 0px;
	}

input.knop{
	height: 28px;
  width: 28px;
  text-align: center;
  color: #fff;
  background-color: transparent;
  border: none;
 	float: right;
  display: inline;
  margin: 0px 0 10px 0px;
  height: 30px;
  width: 60px;
  background-color: #282828;
 	}

div.clearform {
	clear: both;
}

sup{
		font: normal 10px/18px Tahoma, Arial, sans-serif;
		color: #e30000;
}