/* Pixel Product Visualisations | Stylesheet */

/* Algemeen */

body { 
 font-family: Myriad Web, Arial, Helvetica, sans-serif;
 margin: 0px; 
 background-color: #000000;
 padding: 0px; }
 
table.menu {
 background-image: url('http://www.pixel.nl/en/images/menu_top_bg.gif');
 background-repeat: repeat-x;
 margin: 0;
 padding: 0px;
 width: 780px;
 height: 93px;
 border: 0px; }

h1.titel {
 margin-bottom: 15px; }

table#container {
 width:780px;
 height: 100%; }
 
tr.spacertabel {
 background-color: #000000; }
 
tr.header {
 height:92px; 
 width:780px; }

tr.content {
 width:780px;
 height: 430px;
 background-color: #ffffff;
 background-image: url('images/achtergrond.gif');
 background-position: right; }
 
tr.contentnoimg {
 width:780px;
 height: 430px;
 background-color: #f3f2f1;
 background-image: none;
 background-position: right; }
 
div.content {
 position:relative;
 width: 780px; 
 height:430px; 
 overflow: auto;
 margin-bottom: 2px;
 margin-right: -10px; }
 
tr.footer {
 height:18px; 
 width:780px; }
 
dt.blok {
clear: both; }

label {
width: 340px;
margin-left: 20px;
font-size: 14px; }

dd.tekst {
float: left;
width: 340px;
font-size: 13px;
margin-left: 20px;
margin-top: 10px; }

dd.tekstnoimg {
float: left;
width: 500px;
font-size: 13px;
margin-left: 20px;
margin-top: 10px; }

dd.losplaatje {
width: 330px;
float: right; 
clear: right;
margin-right: 19px;
margin-top: 11px;
text-align: center;
padding-bottom: 30px;  }

dd.plaatjemetonderschrift {
width: 330px;
float: right; 
clear: right;
text-align: center;
margin-top: 11px;
margin-right: 19px; }

dd.onderschrift {
width: 270px; 
float: right; 
font-size: 10px;
clear: right;
margin-right: 49px;
margin-top: 20px; 
text-align: center;
padding-bottom: 30px; }

div#boxproducts { height: 50px; width: 100%; left: 0px; top: 1px; position: absolute; visibility: hidden; }
div#boxpartners {height: 50px; width: 100%; left: 90px; top: 1px; position: absolute; visibility: hidden; }
div#boxprices {height: 50px; width: 100%; left: 257px; top: 1px; position: absolute; visibility: hidden; }
div#boxcontact {height: 50px; width: 100%; left: 380; top: 1px; position: absolute; visibility: hidden; }

h1 { 
 margin-top: 16px; 
 margin-left: 20px; 
 margin-bottom: -10px; 
 font-size: 14px; }

p.top { 
 margin-top: 20px; 
 padding-bottom: 30px; }

a:link { 
 color: black }
 
a:hover { 
 color: white; 
 background-color: #BCBFCD }
 
a:visited { 
 color: gray; 
 text-decoration: none}
 
a:active { }

/* Formulieren */ 

body.form {
background: #F1F0F1 url(images/quote/bg_formulieren.gif) repeat-y fixed right 50%; 
scrollbar-3dlight-color: #BCBFCD; scrollbar-arrow-color: #BCBFCD; scrollbar-base-color: #F3F2F1; 
scrollbar-darkshadow-color: #F3F2F1; scrollbar-face-color: #F3F2F1; scrollbar-highlight-color: #F3F2F1; 
scrollbar-shadow-color: #BCBFCD; scrollbar-track-color: #F3F2F1 }

div.formrow {
  clear: both;
  padding-top: 5px;
  margin-left: 0px;
  }

div.formrow span.formlabel {
  float: left;
  width: 110px;
  text-align: left;
  }

div.formrow span.formw {
  float: right;
  width: 211px;
  text-align: left;}
  
form div select.selectOne, input.inputText, textarea.inputArea, radio.inputRadio {
  width: 211px;
  font-family: arial;
  font-size: 12px;
}

form div textarea.inputAreaBig {
  width: 350px;
  height: 150px;
  font-family: arial;
  font-size: 12px;
}

form div input.inputTextSmall {
  width: 40px;
}

div.containerform {
	font-family: arial;
	font-size: 12px;
	float: left;
	width: 660px; }

div.formulier {
	padding-left: 10px;
	float: left;
	width: 345px; 
	margin: 0px auto;
}

div.toelichtingformstereopair {
	float: right;
	background-color: #F3F2F1;
	border: 1px solid #BCBFCD;	
	width: 290px; 
	height: 503px;
	margin-top: 289px;
}

div.toelichtingformsirds, div.toelichtingformlenticular, div.toelichtingformanaglyph {
	float: right;
	background-color: #F3F2F1;
	border: 1px solid #BCBFCD;	
	width: 290px; 
	height: 529px;
	margin-top: 289px;
}

div.toelichtingformamazingcard {
	float: right;
	background-color: #F3F2F1;
	border: 1px solid #BCBFCD;	
	width: 290px; 
	height: 397px;
	margin-top: 289px;
}

div.toelichtingform3dphotography {
	float: right;
	background-color: #F3F2F1;
	border: 1px solid #BCBFCD;	
	width: 290px; 
	height: 445px;
	margin-top: 289px;
}

div.toelichtingform3dconversion {
	float: right;
	background-color: #F3F2F1;
	border: 1px solid #BCBFCD;	
	width: 290px; 
	height: 419px;
	margin-top: 289px;
}

div.toelichtingform3dglasses {
	float: right;
	background-color: #F3F2F1;
	border: 1px solid #BCBFCD;	
	width: 290px; 
	height: 409px;
	margin-top: 289px;
}

dd.toelichtingform {
margin-left: 10px;
margin-top: 2px; }

dd.toelichtingtitel {
font-weight: bold;
margin-top: 10px;
font-size: 12px;
margin-left: 10px; 
width: 100px; }

legend.legendform {
font-size: 12px;
color: #BCBFCD;
font-weight: bold;}
fieldset.fieldsetform {
margin-top: 10px; 
padding-bottom: 10px;
border: 1px solid #BCBFCD }
label.labelformtoelichting {
font-size: 12px;
font-weight: bold;
margin-left: 0px; }

body.verzonden { 
 font-family: Myriad Web, Arial, Helvetica, sans-serif;
 margin: 0; 
 background-color: #F3F2F1;
 padding: 0px;
 text-align: center; }
 
p.verzondenparagraaf {
font-size: 13px;
margin-left: 20px; }

h1.verzondentitel {
margin-bottom: 10px; }

/* showcase */

body.referentieteksten { 
 font-family: Myriad Web, Arial, Helvetica, sans-serif;
 margin: 0; 
 background-color: #F3F2F1;
 padding: 0px; }
 
p.referentieparagraaf {
font-size: 13px;
margin-left: 20px; }

img.showcaseymbool {
vertical-align: middle; }

h1.referentietitel {
margin-bottom: 10px; }

div.referentiekolomlinks {
width: 400px;
float: left; }
 
div.referentiekolomrechts {
width: 380px;
float: right; 
height:430px; 
overflow: auto; }

table.referentielijst {
font-size: 13px;
width: 360px; }

td.referentielogo {
background-color: #ffffff;
text-align: center; 
width: 183px;
height: 40px; }

td.referentietitel {
width: 112px;
padding-left: 10px;
padding-right: 5px; }

td.referentielinks {
width: 70px;
text-align: right; }

iframe.referentieframe {
width: 400px;
height: 430px;
font-family: arial; } 

div.referentie {
font-size: 13px;
width: 100%; }

h1.referentienaam {
margin-bottom: 10px;
margin-left: 50px; }

div.referentieimg {
text-align: center;
width: 360px;
background-color: #ffffff; }

img.referentieimg {
margin-top: 20px;
margin-bottom: 20px; }

div.referentieimgbig {
text-align: center;
width: 370px;
background-color: #ffffff; }

div.referentieimgsirds {
text-align: center;
width: 378px;
height: auto;
background-color: #ffffff; }

img.referentieimgsirds {
margin-top: 0px;
margin-bottom: 15px; }

img.referentieimgsirdsbottomleft {
margin-bottom: 0px;
margin-top: 0px;
margin-left: 0px; }

img.referentieimgsirdsbottomright {
margin-bottom: 0px;
margin-top: 13px;
margin-left: 13px;
margin-right: 0x; }

table.referentietable {
margin-left: 30px;
margin-top: 20px;
margin-bottom: 20px;
width:300px; }

div.referentietekst {
font-size: 13px;
margin-left: 50px; 
margin-right: 50px;
text-align: left; 
margin-top: 10px;
margin-bottom: 20px; }

/* quote */

ul.quoteformulieren {
list-style: none;
margin: 0;
padding: 0; 
width: 160px; }

li.quoteinfo {
float: right; 
clear: right; }

li.quotelink {
margin-bottom: 3px; 
margin-top: 4px; }

/* 3d-dictionary */

dt.drieddictionaryanchor{
margin: 0px;
clear: none; }

dd.drieddictionarywoord {
font-size: 13px;
margin-left: 20px;
width: 120px;
float: left;
font-weight: bold; }

dd.drieddictionaryomschrijving {
font-size: 13px;
width: 400px;
margin-left: 160px;
margin-bottom: 0px; }

/* address */

h1.address {
margin-bottom: 15px; }

dt.addresslabel {
font-weight: bold; }

dd.addresstekst {
font-size: 13px;
margin-left: 50px; }

dd.addresstekstimg {
font-size: 13px;
margin-left: 25px; } 

/* Links */

dd.link {
font-size: 13px;
margin-left: 20px;
width: 120px;
float: left;
clear:left;
margin-bottom: 12px; }

dd.linkomschrijving {
font-size: 13px;
width: 580px;
margin-left: 160px; 
margin-bottom: 12px; }

/* Downloads */

dd.downloadlink {
font-size: 13px;
margin-left: 20px;
width: 220px;
float: left;
clear:left;
margin-bottom: 12px; }

dd.downloadlinkomschrijving {
font-size: 13px;
width: 400px;
margin-left: 160px; 
margin-bottom: 12px; }

/* Sirds Productpagina */

dd.sirdsstereoreeks {
float: left;
clear: left;
width: 412px;
height: 154px;
font-size: 13px;
margin-left: 0px;
background-color: #ffffff; }

img.stereoreeks {
margin-top: 9;
margin-left: 9px; }

dd.stereoreeksrechts {
width: 330px;
float: right; 
clear: right;
text-align: center;
margin-top: 11px;
margin-right: 19px; }

/* Prijslijst */

dt.subtitel {
font-size: 13px;
font-weight: bold;
float: left;
clear: both;
margin-bottom: 10px;
margin-top: 20px; }

dd.onderdeel {
font-size: 13px;
float: left; 
clear: left;
margin-left: 40px;
width: 180px; }

dd.omschrijving {
font-size: 13px;
float: right;
clear: right;
width: 300px;
margin-left: 0px;
margin-right: 240px; }

dd.langeomschrijving {
font-size: 13px;
float: left;
clear: both; 
width: 500px; }

/* 3D-Wijzer */

dd.wijzertekst {
float: left;
clear: both;
width: 500px;
font-size: 13px;
margin-left: 20px;
margin-top: 10px; }

dd.wijzer {
float: left;
clear: both;
margin-left: 15px; }