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

h1, h2, h3, h4, h5, h6, form, ul, li
{
	margin:0;
	padding:0;
	color:#FFF;
	
	
}

h1
{
	width:400px;
	height:71px;
	height:96px;
	background-image:url('/images/bat.png');
	background-image:url('/images/bat2.png');
	background-repeat: no-repeat;
	text-indent:-3000px;
	margin-left:-0px;
	cursor:pointer;
}

a
{
	text-decoration:none;
}

#container
{
	width:1000px;
	margin:10px auto;
	position:relative;

}

#head
{
	height:105px;
}

#main
{
	float:right;
	width:400px;
	border:1px solid #3e0000;
	padding:0px;

	background-color:#FFFFFF;
		
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	padding:5px;
	height:auto;
	margin:0px 358px 0px 0px;	
	-webkit-box-shadow: #3e0000 0px 0px 6px;
	-moz-box-shadow: #3e0000 0px 0px 6px;
	box-shadow: #3e0000 0px 0px 6px;		
}

#main p
{
	margin-top:10px;
	padding:0px 10px 0px 5px;;
	line-height:21px;
}

#lister
{
	margin-top:20px;
}

#lister li
{
	margin-bottom:8px;
	display:block;
}

#lister li a
{
	color:#333;
}

#lister li a:hover
{
	color:red;
	text-decoration:underline;
}

#merken
{
	clear:both;
}

#merken div
{
	position:relative;
	margin-top:4px;
	height:25px;
	padding:6px 0px 0px 0px;
	border:1px dashed #FFF;
	font-size:10pt;
}

#merken div img
{
	width:70px;
	float:left;
	margin:0px 1px 0px 0px;
}

#merken div a
{
	display:block;
	width:60px;
	position:absolute;
	top:5px;
	right:3px;
	background-color:#d60000;
	color:#fff;
	font-weight:bold;
	padding:2px;
	font-size:9pt;
	text-align:center;	
	border:1px solid #d60000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	-webkit-box-shadow: #3e0000 0px 0px 2px;
	-moz-box-shadow: #3e0000 0px 0px 2px;
	box-shadow: #3e0000 0px 0px 2px;		
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d54343), to(#d60000));
	background: -moz-linear-gradient(#d54343, #d60000);
	
}


#merken div:hover 
{
	cursor:pointer;	
	border-color:#888;
}
#merken div:hover a
{
	color:#000;color:yellow;
}

#merken div span
{
	display:block;
	text-align:right;
	float:left;
	width:18px;
	margin-right:3px;
	color:#d60000;
	padding-right:1px;
}

.bat
{
	color:#fff;
	text-align:center;
	width:180px;
	height:180px;
	float:right;
	font-size:18pt;
	position:relative;
	line-height:normal;
}

.bat img
{
	width:100%;
}

.bat.small
{
	font-size:9pt;
	width:90px;
	height:90px;
}

.bat span
{
	position:absolute;
	display:block;
	width:100%;
	margin-left:-0.05em;
	text-shadow: -1px -1px  #888;
	color:#eee;

}

.bat.ag .naam
{
	top:2.2em;
	left:0px;
	font-weight:normal;
	letter-spacing:0.1em;
}

.bat.ag .volt
{
	top:5.5em;
	left:0px;
	font-weight:normal;
}



#nav
{
	width:200px;
	float:left;
	border:1px solid #3e0000;
	padding:0px;
	background-color:#FFFFFF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EAEAEA), to(#EEEEEE));
	background: -moz-linear-gradient(#EAEAEA, #EEEEEE);
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	padding:10px 10px 10px 10px;
	margin:0px 0px 0px 0px;	
	-webkit-box-shadow: #3e0000 0px 0px 6px;
	-moz-box-shadow: #3e0000 0px 0px 6px;
	box-shadow: #3e0000 0px 0px 6px;		
	
}

#nav p
{
	margin:0;
	color:#808080;
	font-style:italic;
	font-weight:bold;
	font-size:10pt;
}

#nav ul,li
{
	margin:0;
	padding:0;
	list-style:none;
	display:block;
}

#nav ul
{
	margin-top:5px;
}

#nav li
{
	background-color:#252525;
	color:#FFF;
	width:auto;
	margin-bottom:2px;
	border:1px solid #000;
	height:auto;
	position:relative;
}

#nav li span
{
	position:absolute;
	right:10px;
	top:4px;
	font-size:8pt;
}

#nav li a
{
	position:relative;
	color:#FFF;
	font-weight:bold;
	display:block;
	padding:3px 3px 3px 10px;
	width:auto;
	height:auto;
	background-color:#252525;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#707070), to(#000000));
	background: -moz-linear-gradient(#707070, #000000);
}

#nav li a:hover, #nav li a.active
{
	color:#d60000!important;
	background-color:#000;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#000000), to(#707070));
	background: -moz-linear-gradient(#000000, #707070);
}

#nav li a span
{
	font-size:9pt;
	font-style:italic;
	color:#CCC;
	font-weight:normal;
	display:block;
	float:right;
}

#nav select
{
	width:100%;
}

#kright
{
	position:absolute;
	width:320px;
	top:105px;
	right:20px;
	background-color:#d60000;
	border:1px solid #950000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	padding:5px;
	margin:0px 0px 0px 0px;	
	-webkit-box-shadow: #3e0000 0px 0px 6px;
	-moz-box-shadow: #3e0000 0px 0px 6px;
	box-shadow: #3e0000 0px 0px 6px;	
	
}


#usp
{
	list-style:disc;
}

#usp li
{
	padding:4px 4px 4px 30px;
	color:black;
	margin:2px 0px 0px 0px;
	font-weight:bold;
	color:#000;
	font-size:11pt;
	background-image:URL('/images/checks.png');
	background-repeat:no-repeat;
	background-position:4px 3px;
	background-color:#FFF;
	border:1px solid black;
}

#ideal
{
	position:fixed;
	right:0px;
	bottom:10px;
}

#cart
{
	overflow-y:auto;
}

#cart li
{
	display:block;
	position:relative;
	border:1px solid #202020;
	background-color:#FFF;
	color:#404040;
	margin-top:2px;
	padding:4px;
	
}

#cart li a
{
	color:#404040;
}

#cart li a:hover
{
	text-decoration:underline;
}

#cart li img
{
	width:60px;
}

#cart li span
{
	position:absolute;
	top:5px;
	right:4px;
	font-weight:bold;
}

#cart select
{
	width:50px;
}

#totaal
{
	font-weight:bold;
	text-align:right;
	color:#FFF;
	xxtext-decoration:underline;
	padding-right:5px;
	margin-top:5px;
	font-size:10pt;
}
#bestellen
{
	border:0;
	margin-top:10px;
	padding:0;
	margin-bottom:20px;
}

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

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

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


#sub
{
	width:170px !important;
	_width:165px;
	height:29px;
	background-image:URL('/images/slotje.png');
	background-repeat:no-repeat;
	background-position:right top;
	padding-right:20px;
}

h2
{
	clear:both;
	position:relative;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	background-color:#252525;
	color:white;
	padding:3px 3px 4px 5px;
	border:1px solid #000;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#404040), to(#000000));
	background: -moz-linear-gradient(#404040, #000000);
	font-size:12pt;
	
	font-variant:small-caps;
}

h2 small
{
	color:yellow;
	font-size:10pt;
	display:block;
	position:absolute;
	right:7px;
	top:5px;
}

#zoek
{
	position:absolute;
	top:64px;
	left:228px;
	margin:0;
}


#zoek fieldset
{
	background-color:#EEE;
	border:1px solid #aaa;
	padding:3px 5px 3px 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: #3e0000 0px 0px 6px;
	-moz-box-shadow: #3e0000 0px 0px 6px;
	box-shadow: #3e0000 0px 0px 6px;		

	
}

#zoek #search
{
	width:395px;
	font-style:italic;
	color:#AAA;
	font-size:12pt;
}

#sw 
{
	position:absolute;
	top:10px;
	right:25px;
	color:#FFF;
}

#sw a
{
	color:#FFF;
	display:block;
	margin:0px 0px 0px 47px;
	float:left;
}

#sw a:hover
{
	text-decoration:underline;
}

#foot
{
	clear:both;
	color:#840406;
	font-size:8pt;	
	padding:5px;
	margin-top:10px;
	background-color:#d60000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: #840406 0px 1px 2px;
	-moz-box-shadow: #840406 0px 1px 2px;
	box-shadow: #840406 0px 1px 2px;		
	width:970px;	
}

#foot a
{
	color:#840406;
}

#foot a:hover
{
	text-decoration:underline;
}


#temp
{
	position:fixed;
	top:0px;
	left:0px;
	background-color:#fffc98;
	width:100%;
	text-align:center;
	padding:5px;
	font-weight:bold;
	
	xxdisplay:none;
}

#err
{
	display:none;
}

/*** AUTO COMPLETE ***/

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 11pt;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
	
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
	color:#202020;
}

.ac_even {
	color:#202020;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

.pop {
width:90px;
float:left;
margin-right:5px;
margin-top:10px;
cursor:pointer;
border:1px solid #FFF;
}


.pop h3, .pop a
{
	text-align:center;
	color:#333;
}

.pop:hover h3 a
{
	color:#df0000;
}

#social
{
	margin-top:20px;
}

.access
{
	display:none;
}

#body25239 #brievenbus, #body26725 #brievenbus
{
	display:none;
}

				#aanbieding li
				{
					position:relative;
					padding-right:40px;
					border-bottom:1px dotted #BBB;
					padding-bottom:4px;
					margin-bottom:6px;
					cursor:pointer;
				}
				#aanbieding li:hover, #aanbieding li:hover div
				{
					background-color:yellow;
					color:#000;
				}
				#aanbieding li, #aanbieding li a
				{
					color:#FFF;
				}
				#aanbieding li a
				{
					color:#000;
					font-weight:bold;
				}				
				#aanbieding div
				{
					font-size:9pt;
					color:#EEE;
				}
				#aanbieding span
				{
					position:absolute;
					right:5px;
					top:0px;
					font-size:15pt;
					font-weight:bold;
					
				}
				
				#naarbestelling, #verderwinkelen {display:none;}
				
				
				
				
				
				
				
				
				
				
@media only screen and (max-width: 720px) 
{				
	body{padding:10px;}
	#nav * {display:none;}
	#nav select, #nav option {display:block;}
	#main {float:none;width:100%;margin:80px 0px 20px 0px}
	#container {width:100%;}
	#kright {clear:both;float:none;position:relative;top:0;right:0;height:auto;width:100%}	
	#foot {width:100%;}
	#sw { top:-10px;}
	#zoek {left:0;top:145px;width:100%;}
	#zoek #search {width:99%}
	#naarbestelling, #verderwinkelen {border:1px solid #444;display:block;margin:5px auto;padding:5px 5px;color:white;background-color:#d60000;text-align:center;width:70%;font-weight:bold;border-radius:6px;}
	#naarbestelling:hover, #verderwinkelen:hover {color:yellow;}
	.pop {width:23%;}
	.pop .bat, .pop > img {margin:0 auto!important;margin-left:auto!important;display:block}
	#nav {position:absolute;top:95px;width:95%;}
	#sw a:nth-child(4),#sw a:nth-child(1) {display:none;}
	

	
	
	
	
	
	
}

@media only screen and (max-width: 450px) 
{
	#nav {margin:0;}
	.pop {width: 30%;}	
	#htholder .pane {width: 31%!important;}
	#cartholder {margin-top:20px;clear:both;}
	#merken div {padding-right:70px;}
	#merken div img {margin-bottom:10px;}
	#merken div span {margin-bottom:10px;}	
	#main {margin: 80px 0px 0px 0px}
	
}