/*Stylesheet*/

/* ---------- Algemeen en index --------*/
html{
        height:100%;
			margin:0px;
  	padding:0px;

      }
        
body{
    font-family:Verdana, "Myriad Pro", "Myriad Pro Cond ", Geneva, Tahoma, sans-serif;
	color:black;
	margin:0px;
  	padding:0px;
  	height:100%;
  	font-size:0.75em;
    }

hr{ color:#cccccc;}

img{border:0px;}


a{   text-decoration:none;
        color:Black;
        cursor:pointer;
        border:0px;
        }
        
 a:hover{   text-decoration:none;
        color:#008ac9;
        cursor:pointer;
        }
hr{background-color:#cccccc; color:#cccccc; height:1px; border:0px;}

h2{ font-size:1em; font-weight:normal;}
h1{ font-size:1em; margin:0px; font-weight:normal; }
h3{ font-size:0.9em; margin:0px; font-weight:normal; text-transform:capitalize; }

.mediaicon{ width:60px; margin-right:15px; margin-top:15px;}
.shadow {   
  	-moz-box-shadow: 3px 3px 4px #000; /* Firefox/Mozilla */  
 	-webkit-box-shadow: 3px 3px 4px #000; /*Safari/Chrome */  
 	box-shadow: 3px 3px 4px #000; /* Opera & hoe het zou moeten */  
  	/* Voor IE 8 */  
  	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";   
 	/* Voor IE 5.5 - 7 */  
 	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');   
	}  

.red{ color:red; font-weight:bold;}
.sitekop1{
    height:90px;
    margin-bottom:0px;
    }
  
.sitekoppic1{ 	background:url('../images/sitekop6zs.jpg'); 
				background-position:top;
				background-repeat:no-repeat;
				border-bottom:0px solid black;
				z-index:98;
				}

.sitekopshadow{ 	background:url('../images/kopschaduw.png'); 
				background-position:top;
				background-repeat:y-repeat;
				border-bottom:0px solid black;
				z-index:98;
				height:20px;
				}

.toppic{ margin-left:2%; margin-right:2%; height:89px; z-index:99;}
.toppic2{ margin-left:2%; margin-right:4%; height:89px; z-index:99;}

#contentcontainer{ margin-top:0px; margin-left:10px; margin-right:10px;}


.leftblock2{ border:1px solid #6D6D6D; background-color:#B3B6BB; margin:5px; margin-bottom:15px; color:black;}
.leftblock{ border:0px solid #cccccc; background-color:transperant; margin:5px; margin-bottom:15px; color:black;}
.leftblockkop{ padding:5px; font-size:1.2em;}
.leftblockinhoud{padding:5px;}
.leftblockinhoud h2{ margin:2px;}

.prodblock h1{ font-weight:bold; text-decoration:underline; padding-bottom:5px; }

.prodblock{ border:0px solid #6D6D6D; margin:5px; margin-top:0px; margin-bottom:15px;}
.prodblockkop{ padding:5px; padding-top:0px; font-size:1.1em; color:black;}
.prodblockinhoud{padding:5px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.prodblockinhoud h2{ margin:2px; margin-top:0px; }


.artikelblock{ width:200px;}
.prodkop{ height:30px;}
.prodinh{ color:black;}
.artikelblock img{ border:0px solid #6D6D6D;}

.invisfield{ border:0px;}

.indexclass1{ 
              width:950px;
              margin-left:auto;
              margin-right:auto;
              }
			  
              
.indexclass2
{    border:0px solid black;
    }

.Containerbalk{ background:url('../images/balkbg.png'); width:100%; height:35px; margin:0px; margin-top:0px; background-color:#6D6D6D; display:none;}   

.contentdiv
{   border:0px solid #cccccc;
    min-height:850px;
    padding-bottom:100px;
    padding-top:15px;
   
    }

.contentdiv table{ width:100%;}
.contentdiv #td1{ width:200px;}
.contentdiv #td2{ width:750px; border-left:1px solid #cccccc;}


/*--------formulieren algemeen -----------*/

fieldset{ padding:15px; margin-bottom:5px; margin-right:5px; margin-left:5px;}
legend{ color:Black;}
form{ margin:0px; padding:0px;}
input{ margin:0px; background-color:white; border:2px solid black;}
input[type="submit"]{ background-color:white; margin-top:3px; border:2px solid black;}
input[type="radio"]{ border:0px;}
.selectboxstyle{border:2px solid black; width:265px;}
textarea{background-color:white; border:2px solid black;}


/*-------selectsluiting------------*/
.selectsluitingspan{float:left; margin:15px;}
.selectsluitingspan img{width:100px; height:133px;}
.selectsluitingimgspannoshow{visibility:hidden;}
.selectsluitingtxtspan{position:relative; font-size:9px; border:1px solid black; width:100px; height:133px; top:-133px; margin-bottom:-133px; text-align:center; color:black; background:white;}
.selectsluitingtxtspanshow{visibility:normal;}
.pijldiv{	color:white; 
			font-weight:bold; 
			border:0px solid black; 
			cursor:pointer; 
			width:162px; 
			height:57px; 
			background:url('../images/addtocart.png') no-repeat;
		}
.pijldiv p{ padding-top:13px; padding-left:15px; font-size:11px;}

/*-----home ------*/
.homeblockkop{padding:5px; background-color:#6D6D6D; font-size:1.1em; color:White; }
.homeblockinhoud{ height:225px; border:2px solid #6D6D6D; background:url('../images/flessenhalshome.jpg') no-repeat center bottom;}

/*-- Thema paginas--*/
.landpic{ width:45%; margin:10px; margin-top:0px;}
.subpic{ width:150px;}

/*--------validate form*/
    label { width: 10em; float: left; }
    label.error { float: none; color: red; padding-left: .5em; vertical-align: top; margin-left:2px; }
    p { clear: both; }
    .submit { margin-left: 12em; }
    em { font-weight: bold; padding-right: 1em; vertical-align: top;}
    textarea{ width:260px; height:140px;}
    .error {    background-color: #ffffff;   border: 2px solid red; } 
    .whitestar{ color:White;}

.adresspan{ font-weight:bold;}

/*--------producten3 paginas  ------*/
.sluitingenradio{ cursor:pointer; border:3px solid black;}
.passpan{ font-weight:bold; text-decoration:underline;}
.piclarge{ width:195px; border:2px solid black;}
.piclarge2{ width:195px; border:0px solid black;}
.bestelpic{ width:75px;}
.bestelfotodiv{  border:2px solid black; width:75px; height:100px; font-size:11px;background-color:#445565; text-align:center; vertical-align:middle; color:White;}
.endiv{ width:50px;  font-size:50px; text-align:center;}
.aantalstuksdiv{ width:300px; padding-top:5px; border-top:0px solid #cccccc;}
.pasblock{margin:3px; font-size:10px; border:0px solid black; border-bottom:1px solid #cccccc;}
.float{ float:left; border-right:1px solid #cccccc}
.floatright{ float:right; border-left:1px solid #cccccc; }
.clear{ clear:both;}
.splitwidth{ width:345px;}
.splitwidth p{ padding-left:0px; padding-right:10px;}
#passendesluitingendiv{ padding-top:15px;}
.selectedsluiting{ border:3px solid red; }
.prijsbox{ border-right:1px solid #cccccc;}
.prijsbox2{ padding-left:5px;}
.brutoprijs{ font-size:2.2em; font-weight:bold;}
.remarkstaffel{font-size:10px;}
.center{padding-left:50px;}
.bggray{background:#cccccc;}
.prodblockinhoud hr{background-color:#cccccc; color:#cccccc; height:1px; border:0px;}
#gegevenstabelprod3{text-transform:lowercase;}