body
{
	margin:0;
	font-family:arial,tahoma,trebuchet ms,tahoma,arial, sans-serif;
	font-size:11pt;
	background-color:#EAEAEA;	
	background-image:url('http://www.telefoonlader.nl/images/bg.gif');
	background-repeat:repeat-x;
	background-attachment:fixed;
	background-position:left top;	
}

h1, h2, h3, h4, h5, h6, form, ul, li, fieldset

{
	margin:0;
	padding:0;
	border:0;
}

a
{
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

#container
{
	margin:5px auto 0px auto;
	padding:0px 0px 0px 0px;
	background-color:#FFF;
	width:920px;
	position:relative;
}

h1
{
	width:334px;
	height:90px;
	overflow:hidden;
	background-image:URL('/images/beschermhoesje.gif');
	text-indent:-2000px;
	cursor:pointer;
}

h2, h3, h4
{
	color:#0646FE;
}

h2
{
	font-size:13pt;
}

#kleft
{

	width:560px;
	padding:0px 0px 0px 0px;
	float:left;
}

#kleft .txt
{
	padding:10px;
	line-height:22px;
	color:#404040;
	letter-spacing:1px;
	font-size:11pt;
	word-spacing:2px;	
}

#search
{
	position:relative;
	padding:12px;
	margin:0px 0px 15px 10px;
	-webkit-box-shadow: #aaa 4px 4px 9px;
	-moz-box-shadow: #aaa 4px 4px 9px;
	box-shadow: #aaa 4px 4px 9px;	
	background-color:#0646FE;
	border-radius: 15px;		
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;	
	behavior: url(/css/PIE.php);	
	color:#FFF;
	
}	

#search select
{
	width:170px;
	margin-right:10px;
}

#search img
{
	display:none;
}
.groep
{
	background-color:#FFFFFF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EAEAEA), to(#FFFFFF));
	background: -moz-linear-gradient(#EAEAEA, #FFFFFF);
	-pie-background: linear-gradient(#EAEAEA, #FFFFFF);		
	border:1px solid #EAEAEA;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	behavior: url(/css/PIE.php);	
	padding:5px 0px 5px 10px;
	height:auto;
	position:relative;
	margin:0px 0px 10px 10px;	
	-webkit-box-shadow: #CCC 3px 3px 4px;
	-moz-box-shadow: #CCC 3px 3px 4px;
	box-shadow: #CCC 3px 3px 4px;	
}

.gprijs
{
	position:absolute;
	top:-5px;
	right:-5px;
	font-weight:bold;
	font-size:14pt;
	display:block;
	padding:7px 0px 7px 0px;
	text-align:center;
	width:60px;
	background-color:#FFFF50;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: #aaa 2px 2px 3px;
	-moz-box-shadow: #aaa 2px 2px 3px;
	box-shadow: #aaa 2px 2px 3px;	
	behavior: url(/css/PIE.php);
	color:#550;
}
.clear
{
	clear:both;
}

.groep h2, .groep h2 a
{
	font-size:12pt;
	color:#0646FE;
	color:#888;
	margin:0px 0px 0px 0px;
}

.groep .fold
{
	display:none;
	clear:both;
}

.fld
{
	display:block;
	text-align:right;
	margin-right:10px;
	padding-top:1px;
	text-decoration:underline;
	color:blue;
	clear:both;
}
.pane
{
	width:100px;
	height:120px;
	float:left;
	background-color:#FFF; 
	border:1px solid #000;
	margin:0px 0px 10px 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-box-shadow: #CCC 3px 3px 4px;
	-moz-box-shadow: #CCC 3px 3px 4px;
	box-shadow: #CCC 3px 3px 4px;	
	behavior: url(/css/PIE.php);	
	position:relative;
	cursor:pointer;
	padding:3px 0px 0px 0px;
	line-height:12px;
	letter-spacing:normal;
	word-spacing:normal;
	font-weight:bold;
	font-size:9pt;
}

.pane img
{
	width:65px;
	height:75px;
	margin-left:13px;
	border:1px solid #FFF;
	padding:3px 3px;
	background-color:#FFF;
	display:block;
}

.pane:hover
{
	background-color:#FFFFCC;
}

.pane:hover img
{
	border-color:#CCC;
}

.pane a
{
	display:block;
	color:#404040;
	text-align:center;
	margin:0px 3px 0px 3px;
}

.pane a:hover
{
	text-decoration:none;
}

#kright
{
	float:left;
	width:340px;
	_width:330px;
	margin:0px 0px 0px 20px;
}

#aanbod
{
	background-color:#FFFFC0;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFC0), to(#FFFFFF));
	background: -moz-linear-gradient(#FFFFC0, #FFFFFF);
	-pie-background: linear-gradient(#FFFFC0, #FFFFFF);		
	border:4px solid #0646FE;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;		
	behavior: url(/css/PIE.php);	
	padding:20px;
	height:300px;
	position:relative;
	margin:0px 10px 10px 0px;	
	-webkit-box-shadow: #aaa 2px 2px 4px;
	-moz-box-shadow: #aaa 2px 2px 4px;
	box-shadow: #aaa 2px 2px 4px;	
	color:#444;
}


#kassa
{
	background-color:#EAEAEA;
	border-radius: 10px;		
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	behavior: url(/css/PIE.php);	
	position:relative;
	margin:0px 10px 10px 0px;
	padding:0px 0px 10px 5px;
	background-color:#0646FE;
	color:white;
	-webkit-box-shadow: #aaa 2px 2px 4px;
	-moz-box-shadow: #aaa 2px 2px 4px;
	box-shadow: #aaa 2px 2px 4px;	
	display:none;
}	

#kassa h4
{
	padding-left:3px;
	margin-bottom:4px;
	padding-top:3px;
	color:#FFF;
}


#bestellen label
{
	display:block;
	width:140px;
	float:left;
	text-align:right;
	margin-right:5px;
	padding-top:2px;
	font-size:10pt;
	
}

#bestellen input, #bestellen select
{
	width:165px;
	_width:155px;
	margin-bottom:4px;
}

#bestellen
{
	padding:0px 0px 0px 0px;
}

#sub
{
	width:170px !important;
	_width:165px;
	height:26px;
	background-image:URL('http://www.telefoonlader.nl/images/idealsmall.gif');
	background-repeat:no-repeat;
	background-position:right top;
	padding-right:20px;
}

.brow
{
	font-size:9pt;
	color:#444;
	background-color:#FFF;
	height:50px;
	padding:5px;
	margin:3px 5px 2px 0px;
	line-height:13px;
	position:relative;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;	
	border:1px solid #222;	
	behavior: url(/css/PIE.php);
}





.brow .aantal
{
	float:left;
	text-align:right;
	width:20px;
	margin-right:5px;
	font-size:9pt;
}

.brow .prijs
{
	float:right;
	text-align:right;
	width:60px;	
	font-size:9pt;
}


.brow img
{
	float:left;
	width:50px;
	height:50px;
	margin-right:5px;
	
}

.brow h3
{
	font-size:9pt;
	color:#bbb;
}

.brow select
{
	font-size:8pt;
}

.brow .kopen
{
	padding:0;
	margin:0;
	font-weight:bold;
	font-size:8pt;
	background-color:#0646FE;
	color:#FFF;
	width:50px;
	border:0px;
	cursor:pointer;
}

.brow .meer
{
	display:block;
	float:left;
	padding-top:11px;
	clear:right;
}

.brow form, .brow .form
{
	cursor:pointer;
	position:absolute;
	padding:3px 0px 3px 5px;
	margin:5px 0px 0px 0px;
	-webkit-box-shadow: #aaa 2px 2px 3px;
	-moz-box-shadow: #aaa 2px 2px 3px;
	box-shadow: #aaa 2px 2px 3px;	
	background-color:#0646FE;
	border-radius: 5px;		
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
	behavior: url(/css/PIE.php);	
	color:#FFF;	
	width:102px;
	font-size:8pt;
	font-weight:bold;
	right:5px;
	bottom:5px;
}

#kleft .groep .brow
{
	float:left;
	width:249px;
	border:1px solid #ccc;
	height:auto;
}

#kleft .brow .aantal, #kleft .brow .prijs
{
	display:none;
}

#kleft .groep .brow:hover
{
	cursor:pointer;
	background-color:#FFFFCC;
}

#kleft .brow img
{
	width:80px;
	height:80px;
}

#totaal
{
	text-align:right;
	font-size:10pt;
	padding-right:10px;
	font-weight:bold;
	margin:0px 0px 5px 0px;
}

#korting
{
	font-size:9pt;
	color:#000;
	background-color:#FFFF80;
	padding:5px;
	margin:0px 5px 5px 0px;
	line-height:14px;
	position:relative;
	behavior: url(/css/PIE.php);
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;	
	text-align:right;	
	border:1px solid #FFFFC0;
}

#korting strong
{
	text-decoration:underline;
}


#foot
{
	clear:both;
	font-size:8pt;
	color:#DDD;
	text-align:center;
	margin:7px 0px 0px 0px;
	background-color:#404040;
	height:130px;
	position:relative;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#404040), to(#202020));
	background: -moz-linear-gradient(#404040, #202020);
	-pie-background: linear-gradient(#404040, #202020);		
	behavior: url(/css/PIE.php);	
}

#nav
{
	position:absolute;
	top:0px;
	right:0px;
	margin:5px 15px 0px 0px;
	padding:0;
	list-style:none;
}

#nav li
{
	float:left;
	margin:0px 0px 0px 30px;
	padding:0;
	list-style:none;
}

#nav a
{
	color:#aaa;
	font-size:11pt;
}

#temp
{
	font-weight:bold;
	color:red;
	position:absolute;
	font-size:14pt;
	top:68px;
	left:10px;
}