/* stylesheet: Crafty */
/* versie: 2.0 - 31/10/2007 */
/* Maaike de Laat - maaike@onwaarschijnlijk.org */


/*  schone start geïnspireerd op eric meyer: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------- */

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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	color:#000;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}


/* standaard
----------------------------------------------------- */
p {
	margin-bottom:1em;
}

html { 
	height: 100%; 
}

/* typografie
----------------------------------------------------- */
h1, h2 {
	display: block;
	font-family:"Trebuchet MS", Trebuchet, TrebuchetMS, Verdana;
}

em {
	font-style:italic;
}

strong {
	font-weight:bold;
}


h1, 
.b_index h2,
.post h2 {
	color:#000;
	font-size:1.7em;
	font-weight:normal;
	margin: 0 0 1em;
}

h1.selection {
	color:#000000;
	font-size:1.4em;
	margin: 0 0 0.5em 0;
	font-weight:bold;
	font-family:"Trebuchet MS", Trebuchet, TrebuchetMS, Verdana;	
}

#content h2 a {
	color:#ff9600;
	text-decoration:none;
	border:0;
}

#content h2 a:hover {
	color:#d10202;
	text-decoration:none;
	border:0px;
}

#main ul, #proddesc ul {
	list-style-position:outside;
	margin:0 0 1em 1.5em;
}

#main ul ul, #proddesc ul ul {
	margin-bottom:0;
}

ol {
	list-style-position:outside;
	margin:0 0 1em 2em;
	list-style-type:decimal;
}

.b_index h3, h2 {
	color:#000000;
	font-size:1.4em;
	margin:1em 0 0.5em 0;
	font-weight:bold;
	font-family:"Trebuchet MS", Trebuchet, TrebuchetMS, Verdana;
}

.b_index h2 {
	margin-top:0;
}

h3 {
	font-weight:bold;
}

#content h3 a {
	color:#000;
}


p.inleiding {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family:font-family:"Trebuchet MS", Trebuchet, TrebuchetMS, Verdana;
	font-size:1.5em;
	line-height:1.5;
	color:#666;
	width:510px;
	margin:1.5em 0 1.5em 0;
}

p.tip,
p.error,
p.resultaat, form em {
	font-size:1em;
	color:#d10202;
}

.prodplaatje strong {
	font-size:1.5em;
	color:#d10202;
	margin:0.5em 0 .25em 0;
	font-weight:bold;
	display:block;
}	

.prodplaatje em {
	color:#d10202;
	margin-bottom:1.5em;
	display:block;
}	

#footer #copyright {
	float:right;
}

#footer a {
	color:#333;
	border-left:1px solid #fff;
	padding-left:.5em;
	margin-left:.5em;
}

#content .nieuws a {
	color:#FFF;
}

#content .nieuws a:hover {
	color:#FFF;
	border-bottom-color:#FFF;
}

.hide {
	display:none;
}

/* links 
----------------------------------------------------- */

a {
	color:#ff9600;
	text-decoration:none;
}

a:visited {
	color:#ff9600;
	text-decoration:none;
}

a:hover {
		text-decoration:underline;
}

a:active {
	text-decoration:none;
}

/* algemene lay-out 
----------------------------------------------------- */
body {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;  /* Resets 1em to 10px */
	background:#CACACA url("../img/static/balk_bg.gif") 0 0 repeat-x;
}

/* alle sites balk 
----------------------------------------------------- */
#allesites {
	height:20px;
	margin: 0 auto; 
	padding-left:115px;
	text-align: left;
	width: 660px;
	color:#fff;
	font-size:1.2em;
	padding-top:10px;
	
}

#allesites ul {
	list-style: none;
	float: left;
	font-family:"Trebuchet MS", Trebuchet, TrebuchetMS, Verdana;
}

#allesites ul li {
	margin:0 0 0 10px;
	padding-right:10px;
	display:inline;
	float: left;
	border-right:1px solid #fff;
	line-height:1;
}

#allesites ul li.laatste {
	border-right:none;
}

#allesites a, #allesites a:visited {
	text-decoration:none;
	color:#fff;
	display:block;
	text-shadow: 0 0 0 #000; /* voor Safari */
}

#allesites a:hover, #allesites a:active {
	border-bottom:1px solid #fff;
}

#allesites em {
	display:inline;
	float: left;
	font-style:normal;
	font-family:"Trebuchet MS", Trebuchet, TrebuchetMS, Verdana;
	line-height:1;
	color:#ccc;
}

/* hoofdnavigatie 
----------------------------------------------------- */
#header {
	height: 64px;
	margin-top:6px;
	font-size:1.2em;
	text-align:center;
	background:#000 url("../img/static/body_border.gif") repeat-x bottom;
	width:100%;
}

#menu {
	width: 775px;
	margin: 0 auto; 
	position:relative;
	height: 64px;
}

#logo {
	background-color:#d10202;
	height:58px;
	position:absolute;
	top:-6px;
	left:0;
	z-index:100;
}

#menu ul {
	list-style: none;
	position:absolute;
	bottom:3px;
	left:100px;
	font-family:"Trebuchet MS", Trebuchet, TrebuchetMS, Verdana;
}

#menu ul li {
	margin:0 0 0 15px;
	display:inline;
	float: left;
}

#menu a {
	text-decoration:none;
	color:#FFF;
	display:block;
	float: left; /* voor IE6 */
	height:25px;
	text-shadow: 0 0 0 #000; /* voor Safari */
}

#menu a:hover {
	text-decoration:none;
	background:#000 url("../img/static/hm_hover.gif") no-repeat 50% 20px;
	color:#FFF;
	border:0;
}

/* alternatieve talen
----------------------------------------------------- */
#menu ul#talen {
	position:absolute;
	top:10px;
	right:10px;
	left:auto;
	color:#fff;
	font-family:"Trebuchet MS", Trebuchet, TrebuchetMS, Verdana;
}

#menu #talen li {
	padding:0;
	margin:0;
}

#menu #talen li a {
	border-right:1px solid #fff;
	padding:0 .8em .05em 0;
	margin:0 .8em 0 0;
	line-height:1;
	display:inline;
	height:auto;
	text-shadow: 0 0 0 #000; /* voor Safari */
}

#menu #talen li.laatste a {
	border-right:none;
	padding-right:0;
	margin-right:0;
}

#menu #talen a:hover {
	background:none;
	color:#fff;
	text-decoration:underline;
}

/* contentgedeelte
----------------------------------------------------- */
#container {
	width:100%;
	float:left; /* zorgt dat alles in de witte achtergrond past bij FF */
	background:#fff url("../img/static/body_border2.gif") repeat-x bottom;
	padding: 0 0 30px 0;
}
	
#submenu {
	height:3em;
	background-color:#EFEFEF;
	border-bottom:1px solid #CCC;
	float:left;
	width:100%;
	margin-bottom:3em;
}

#content {
	margin: 0 auto; 
	padding-left:115px;
	text-align: left;
	font-size:1.1em;
	line-height:1.6em;
	clear:both;
	width: 660px;
}

#main {
	float:left;
	display:inline;
	margin-right:15px;
	clear:both;
	width: 450px;
	min-height:200px;
}

#content #main img, .proddesc img {
	margin:1em 15px .5em 0;
	display:block;
}

p.fotobijschrift {
	font-weight:normal;
	font-style:italic;
	color:#333;
	line-height:100%;
	margin:1em 0 2em 0;
}

/*	classes om inline plaatjes te positioneren in de content.
	Zonder class is het plaatje block-level.
	De class 'banner' is voor banners van 160px breed
	onder de blauwe nieuwsblokjes.
----------------------------------------------------- */
#content #main img.links {
	float:left;
}

#content #main img.rechts {
	float:right;
	margin-left:15px;
	margin-right:0;
}

#content img.banner {
	float:right;
	margin:1.2em 0 0 0;
}

.producten {
	float:left;
	margin-left:-15px;
	margin-right:-10px;
	background:#fff url("../img/static/producten_bg.gif") repeat-y 0px 0px;
	display:inline; /* 3 hoeraatjes voor IE6 */
}

.b_index .producten {
	background:#fff url("../img/static/producten_bg_kl.gif") repeat-y 0px 0px;
}
	
.producten .product {
	float:left;
	display:inline;
	margin:0.5em 0 0 0;
	padding:0 15px;
	width: 140px;
	position:relative;
}

.product.laatste {
	padding-right:0;
	clear:right;
}

.product img {
	position:absolute;
	top:3em;
}

.product h3 {
	margin-top:210px;
	min-height:2em;
}

.product a {
	display:block;
}

.product p {
	margin-bottom:0;
}

.product strong {
	display:block;
}

/* blauwe nieuwsblokjes 
----------------------------------------------------- */
.nieuws {
	float:right;
	display:inline;
	margin:1em 0 0 0;
	color:#FFFFFF;
	text-align:left;
	background-color:#5BAABC;
	width: 160px;
}

.nieuws h2 {
	color:#FFF;
	font-size:1.3em;
	font-weight:normal;
	line-height:1.4em;
	background:#5BAABC url("../img/static/nieuws_border.gif") repeat-x top;
	width:140px;
	padding:10px;
	margin:0;
}

.nieuws p {
	font-size:1em;
	padding:0 10px 10px 10px;
	width:140px;
	margin:0;
	background:#5BAABC url("../img/static/nieuws_border.gif") repeat-x bottom;
	color:#FFF
}


#footer {
	background-color:#CACACA;
	color:#FFF;
	clear:both;
	width: 775px;
	margin: 0 auto; 
	text-align:left;
	padding-top:10px;
	min-height:3em;
}

/* productpagina's
----------------------------------------------------- */
.prodplaatje {
	float:left;
	display:inline;
	margin:1.5em 10px 2em 0;
	padding:0px;
	clear:both;
	width: 200px;
}

.prodplaatje a.bestelknop {
	background-color:#000;
	color:#FFF;
	padding:6px 8px;
	display:inline-block;
}
	
.prodplaatje a.bestelknop:hover {
	text-decoration:none;
	background-color:#666666;
}	

.prodspecs {
	float:left;
	margin:1.5em 10px 1em 0;
	padding-left:20px;
	width: 250px;
	color:#666;
}
	
.proddesc {
	float:left;
	display:block;
	margin-right:50px;
	clear:both;
	width: 450px;
	min-height:200px;
}

.b_producten .producten {
	margin-bottom:30px;
}

.b_producten .product {
	margin-top:0;
}

.b_producten .producten h2 {
	margin-top:0;
}

.b_producten #main {
	width: auto;
}

/* submenu 
----------------------------------------------------- */
#submenu ul {
	margin: 0 auto; 
	padding: 0.5em 0 0 115px;
	clear:both;
	width: 660px;
	text-align: left;
	list-style: none;
	font-family:"Trebuchet MS", Trebuchet, TrebuchetMS, Verdana;
	font-size:1.2em;
}

#submenu li {
	border-right:1px solid #CCC;
	padding:0 1em;
	display:inline;
	float: left;
	font-weight:bold;
}

#submenu li.eerste {
	padding-left:0;
}

#submenu li.enige {
	padding-left:0;
	border-right:0;
}

#submenu li.laatste {
	border-right:0;
}

#submenu a {
	text-decoration:none;
	color:#000;
	display:block;
	font-weight:normal;
}

#submenu a:hover {
	text-decoration:underline;
	border:none;
}

/* formulieren 
----------------------------------------------------- */
form {
	margin-bottom:3em;
}

form input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	padding:1px;
	float:right;
	width:230px;
	margin:0 100px 0 0;
	clear:right;
}

form select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	padding:0;
	margin:0 0 0 10px;
	float:left;
}

form option {
	padding:0 3px 2px 3px;
	border:none;
}

form input.versturen {
	width:auto;
	float:left;
}

form fieldset {
	border:0;
	padding-bottom:1.5em;
}

#contactform p {
	padding-bottom:1.5em;
}

form label {
	margin:2px 0;
}

#contactform label {
	float:left;
}

#contactform .check {
	float:left;
	clear:left;
	display:inline;
	width:auto;
	margin:0;
	margin-right:1em;
}

#contactform legend {
	font-weight:bold;
	padding-bottom:1em;
}

#nieuwsbriefform input {
	float:none;
	margin:5px 0;
}

#nieuwsbriefform input.versturen {
	float:none;
	margin:0;
}

#nbform fieldset input, label {
	float:none;
	margin:5px 0;
	width:auto;
}

#nbform fieldset input.versturen {
	float:none;
	margin:0;
}

#nbform .check {
	display:inline;
	width:auto;
	margin:0;
	margin-right:1em;
}

form#newsForm {
	padding: 1.0em 0;
	margin: 0 0 1.0em;
}

form#newsForm fieldset {
	border: 0;
	padding: 0 0 0 5.0em;
	position: relative;
}

form#newsForm fieldset optgroup {
	font-style: normal;
	margin: 0 0 0 10px;
	padding: 0;
}

form#newsForm fieldset optgroup option {
	margin: 0 0 0 3px;
	padding: 0;
}

form#newsForm legend {
	color: #000;
	margin: 0 0 -1.70em -5.25em;
	left: 5.0em;
	position: absolute;
	text-transform: uppercase;
	top: 0;
}

form#newsForm input {
	float: none;
	margin: 0 0 0 10px;
	width: auto;
}

/* Tabellen
----------------------------------------------------- */
table {
	margin-bottom:30px;
}

th, td {
	border-bottom:1px solid #999;
	padding:.35em 1.4em .35em 0;
}

th {
	font-weight:bold;
}

/* Waar ben ik - hoofdmenu
----------------------------------------------------- */
body.b_producten #hm_producten a,
body.b_about #hm_about a,
body.b_nieuws #hm_nieuws a,
body.b_techniek #hm_techniek a,
body.b_faq #hm_faq a,
body.b_contact #hm_contact a,
body.b_links #hm_links a {
	font-weight:bold;
}

#menu a.active {
	font-weight:bold;
}

/* Tooltips in zusterbalk; #toolTip wordt gegenereerd door js
----------------------------------------------------- */
#allesites #toolTip { 
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	width:auto;
	min-height:1em;
	background:url(../img/static/hoekje.png) top center no-repeat;
	padding-top:5px;
}

#allesites #toolTip p { 
	margin:0;
	background:#d10202;
	padding:4px 5px 3px 5px;
	color:#fff;
	line-height:1.2;
	font-family:"Trebuchet MS", Trebuchet, TrebuchetMS, Verdana;
}