/* - - - - - - - - - - - - - - - - - - - - -
Title: De DiepVriesMan
Author: 
URL: /styles/screen.css

Created: Nov 22, 2007
Modified: Nov 22, 2007
- - - - - - - - - - - - - - - - - - - - - */


/* ******************  body  *************** */
* {
	margin:0;
	padding:0;
	border:0;
}


body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	background-color:#FFFFFF;
	margin-right:40px;
	background-repeat:repeat-y;
	background-position:center;
}

a {
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	color:#333333;
	text-decoration:underline;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:red; 
    color:#333333;
    text-decoration:none;
    font-size: 11px;
    font-weight: normal;
}

a.info:hover{z-index:25; background-color:#ff0;color:#333333;}

a.info span{display: none;color:#333333;}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
	color:#333333;
    position:absolute;
    top:2em; left:-11em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: left
}
p{font-size:13px;
color:color:#333333;}

img {
	border:none;
}

.clear {
	clear:both;
}
F

h1 {


}
.menu_item {
	color:#FFFFFF;
	font-size:12px;


}
.menu_item:hover {
	color:#FFFFFF;
	font-size:12px;


}

/* ******************  navigation  *************** */
#nav {
	width:735px;
	margin:0;
	padding:0;
}

#nav li {
	
	color:#fff;
	float:left;
	list-style-type:none;
	width:145px;
	text-align:center;
	
}

#nav  a {
	color:#fff;
	display:block;	
	padding:6px 0px 6px 0px;

}

#nav li a:hover {
	color:#fff;
	text-decoration:underline;
	
	padding:6px 0px 6px 0px;


}


/* ******************  containers  *************** */
div#headcontainer {
	margin:0 auto;
	width:885px;
}

div#headcontainer div#header {
	width:734px;
	height:240px;
	
}

div#headcontainer div#centercol {
	width:800px;
	float:left;
	background-color:#FFFFFF;
}

 div#centercol {

	background-color:#FFFFFF;
}

div#centercol-left {
	width:144px;
	float:left;
	margin:10px 0px 0px 3px;
	background-color:#FFFFFF;
}

div#centercol-left div#zoeken h2 {
	color:#fff;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	margin-bottom:6px;
}


div#centercol-left div#zoeken {
	width:140px;
	
	padding:6px 0px 2px 0px;
	color:#fff;
	text-align:center;
}

div#centercol-left h3 {
		text-transform:capitalize;
	font-size:13px;
	text-transform:uppercase;
	margin:10px 0;
	padding:0px 0px 2px 4px;
}

div#centercol-left ul.producten {
	margin:0; padding:0;
}



div#centercol-left ul.producten li {
	list-style-type:none;
	background-color:#FFFFFF;
	font-size:11px;
	border-bottom:1px solid #EC9C00;
	padding:0px 0px 6px 20px;

}

div#centercol-left ul.producten li a {

	text-decoration:none;
}


div#centercol-left ul.producten li a:hover {
		text-decoration:underline;
}


.bruin { border-bottom:2px solid #996533; }
.roze { border-bottom:2px solid #bb4b95; }
.geel { border-bottom:2px solid #debf16; }
.donkergroen { border-bottom:2px solid #388688; }
.paars { border-bottom:2px solid #4f4f7c; }
.appelgroen { border-bottom:2px solid #99cc33; }
.lichtblauw { border-bottom:2px solid #5ba3ea; }
.groen { border-bottom:2px solid #3db03d; }
.goud { border-bottom:2px solid #ce9700; }
.oranje { border-bottom:2px solid #cc6601; }
.rood { border-bottom:2px solid #ff3528; }
.blauw { border-bottom:2px solid #3398cc; }


.HTMLsubmitveld { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 10pt; MARGIN: 0px 0px; BORDER-LEFT: black 1px solid; WIDTH: 100px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY:  Arial; ; background-color:#FFFFFF ; color:#0000; font-weight: normal; letter-spacing: 1px}
.HTMLzoek { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 8pt; MARGIN: 0px 0px; BORDER-LEFT: black 1px solid; WIDTH: 70px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY:  Arial; ; background-color:#FFFFFF ; color:#000; font-weight: normal; letter-spacing: 1px}
.HTMLKoop { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 6pt; MARGIN: 0px 0px; BORDER-LEFT: black 1px solid; WIDTH: 50px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY:  Arial; ; background-color:#FFFFFF ; color:#000; font-weight: normal; letter-spacing: 1px}
.HTMLsubmitmail { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 9pt; MARGIN: 0px 0px; BORDER-LEFT: black 1px solid; WIDTH: 120px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY:  Arial; ; background-color:#FFFFFF ; color:#000; font-weight: normal; letter-spacing: 1px}
.HTMLWinkelen { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 9pt; MARGIN: 0px 0px; BORDER-LEFT: black 1px solid; WIDTH: 150px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY:  Arial; ; background-color:#FFFFFF ; color:#000; font-weight: normal; letter-spacing: 1px}
.HTMLVoorwaarden { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 9pt; MARGIN: 0px 0px; BORDER-LEFT: black 1px solid; WIDTH: 350px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY:  Arial; ; background-color:#FFFFFF ; color:#000; font-weight: normal; letter-spacing: 1px}

.HTMLinputveld { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 11px; MARGIN: 0px; BORDER-LEFT: black 1px solid; WIDTH: 35px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Arial, Arial; }
.HTMLAccount { BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; FONT-SIZE: 12px; MARGIN: 0px; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Arial, Arial; }
.HTMLselectedveld { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 12px; MARGIN: 0px; BORDER-LEFT: black 1px solid; WIDTH: 18px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Arial, Arial; }
.HTMLVoorletters { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 12px; MARGIN: 0px; BORDER-LEFT: black 1px solid; WIDTH: 60px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Arial, Arial; }
.HTMLbalkveld { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 12px; MARGIN: 0px; BORDER-LEFT: black 1px solid; WIDTH:400px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Arial, Arial; }
.HTMLZoekveld { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 11px; MARGIN: 0px; BORDER-LEFT: black 1px solid; WIDTH: 133px; BORDER-BOTTOM: black 1px solid; }
.HTMLLogin { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 11px; MARGIN: 0px; BORDER-LEFT: black 1px solid; WIDTH: 110px; BORDER-BOTTOM: black 1px solid;  }
.HTMLToevoegen { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 7pt; MARGIN: 0px 0px; BORDER-LEFT: black 1px solid; WIDTH: 40px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Arial, Arial; ; background-color:#FFFFFF ; color:#000000; font-weight: normal; letter-spacing: 1px}
.stuks { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 7pt; MARGIN: 0px 0px; BORDER-LEFT: black 1px solid; WIDTH: 40px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Arial, Arial; ; background-color:#FFFFFF ; color:#000000; font-weight: normal; letter-spacing: 1px}


/* a class that describes how tables should look */
.datatable {
		border: 1px solid black;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;
}
.datatable td {
		border: 1px solid #999999;	
		padding: 4px;
		text-align: left;
    	vertical-align: top;
}
.datatable th {
		border: 1px solid #999999;
		background-color: #cccccc;
		font-weight: bold;
		
		text-align: left;
		padding: 4px;
}
.datatable caption {
		font-size: 14px;
		font-weight: bold;
		
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable tr.altrow {
		background-color: #cccccc;
		
}

div#centercol-content {
	float:left;
	
	padding-left:4px;
	margin:5px 0px 0px 10px;
}

div#centercol-content h1 {
	background-color:#996533;
	font-size:22px;
	color:#fff;
	font-weight:bold;
	padding:6px 0px 6px 0px;
	text-align:center;
	margin-bottom:4px;
}

img.product{
width:200px;
height:160px;
border: 1px solid #000;
}
img.productklein{
float:left;
width:63px;
height:40px;
border: 1px solid #000;
margin-left:1px;
}

#produkt_overzicht .produkt_short{
width:340px;
float:left;
padding-left:10px;
margin-bottom:15px;
}

#produkt_totaal{
width:631px;
margin-left:10px;
}
#produkt_totaal .left{
float:left;
width:200px;
margin-right:10px;
}
#produkt_totaal .right{
float:left;
width:401px;
text-align:left;
}

div#centercol-content h2 {
	font-weight:bold;
	
	font-size:14px;
}

.product-item {
	border-bottom:3px solid #996533; 
	height:92px;
	margin-bottom:3px;
}

.product-specs {
	float:left; 
	width:190px; 
	margin:0px 0px 0px 10px; 
	text-align:left;
	height:auto;
}

.product-bestel {
	border-left:2px solid ; 
	float:left; 
	padding:0px 0px 0px 5px; 
	height:88px
}

.product-bestel .bottom {
	margin:30px 0px 0px 0px;
}

div#centercol-content .prijs {
	float:left; 
	width:100px;
	font-size:14px;
	background-color:#FFFFFF;
}

div#centercol-content .prijs  {
	font-size:16px;
	font-weight:bold;
	
	margin-right:15px;
	text-align:right;
	background-color:#FFFFFF;
}

div#rightcol {
	float:right; 
	width:136px; 
	margin:240px 0px 0px 0px;
	
	background-color:#FFFFFF;
}

div#rightcol .item-green h2 {
	color:#fff;
	text-align:center;
	font-size:13px;
	font-weight:normal;
	margin-bottom:6px;
	
}


div#rightcol .item-green {
	width:136px;
	height:500px;
	background-color:#FFFFFF;
	padding:0px 0px 2px 0px;
	
	text-align:center;
	margin-bottom:20px;
}

div#rightcol .item-green p {
	
	
	width:132px;
	margin:0px 0px 0px 0px;
}



div#rightcol .item-blue h2 {
	color:#fff;
	text-align:center;
	font-size:13px;
	font-weight:normal;
	margin-bottom:6px;
}


div#rightcol .item-blue {
	width:136px;
	background-color:#00458d;
	padding:0px 0px 2px 0px;
	color:#fff;
	text-align:center;
	margin-bottom:20px;
}

div#rightcol .item-blue p {
	background-color:#fff;
	
	width:132px;
	margin:0px 0px 0px 2px;
	padding-bottom:4px;
}

div#rightcol .item-blue a {
	
	text-decoration:underline;
}


div#rightcol .item-blue a:hover {
	
	text-decoration:none;
}

/*form */



div#footer {
	margin:0 auto;
	width:590px;
	text-align:center;
	background-color:#FFFFFF;
}


div#product-full {
	width:360px; 
	height:100%;
	float:left;
	margin-bottom:20px;
}

div#product-full-info {
	float:left; 
	width:195px; 
	
	height:100%;
	padding:20px 0px 20px 0px;	
	margin-bottom:20px;

}

div#product-full-info p {
	
	margin-bottom:10px;
}
#wit{
background-color:#fff;
width:90%;
padding:3px;
margin:0 auto;
}
h5{
font-size:12px;
}