*
{
    font-size: small;
    margin: 0;
    padding: 0;    
}
html
{
    overflow-y: scroll;
    overflow-x: auto;
    height: 100%;
}
body
{        
    background-position: center top;
    background-image: url('images/backgroundIMG.jpg');
    background-repeat: repeat-x;
    font-family: Arial;
    font-size: 12px;
    padding-top: 0px;
    background-color: Black;      
    height: 100%;    
}
p
{
    padding: 0; /*1em 0;*/
}
/*ul
{ 
    margin-left: 0; 
    padding-left: 0px;     
} 
li
{
    margin-left: 30px; 
    padding-left: 0px;     
}*/
alternate.input{
	font-family: 		Arial, Verdana;
	color:				#35689c;
	font-size: 			11px;
 	background-color: 	#ffffff;
 	border: 			1px solid #cccccc;
}
alternate.textarea{
	font-family: 		Arial, Verdana;
	color:				#35689c;
	font-size: 			11px;
 	background-color: 	#ffffff;
 	border: 			1px solid #cccccc;
}
alternate.select{
	font-family: 		Arial, Verdana;
	color:				#35689c;
	font-size: 			11px;
 	background-color: 	#ffffff;
 	border: 			0px solid #cccccc;
}
alternate.textarea{
	font-family: 		Arial, Verdana;
	color:				#35689c;
	font-size: 			11px;
 	background-color: 	#ffffff;
 	border: 			1px solid #cccccc;
}
alternate.button {
	font-family: 		Arial, Verdana; 
	color:				#35689c;
	font-size:			8pt; 	
	border: 			1px solid #cccccc;
}
#CatOverzicht ul{ 
    margin-left: 0; 
    padding-left: 0px;     
} 
#CatOverzicht li
{
    margin-left: 30px; 
    padding-left: 0px;     
}
#adress
{	
	text-align: right;
	position:relative;
	color: #565658; 
	width:800px;
	top:242px;
	left:61px;
}
#adress a
{
	text-decoration: none;
	color: #565658; 
}
#containercontainer
{    
    margin: 0 auto;    
    width: 940px;        
    background-repeat: repeat;          
    border: 0px;
    height: 100%; 
}
#container
{
    position:absolute; 
    margin: 0 auto;    
    width: 940px;
    background-image: url('images/background-repeat.jpg');
    background-repeat: repeat;         
    border: 0px;
    height: 100%;            
}
div#header
{		
    height: 214px;    
    margin: 0 0 0 70px;              
}
#maincontent
{			        	
    width: 100%;   
    background-image: url('images/maincontent.jpg');
    background-repeat: no-repeat;
    background-position: top;                    
}
#logo
{
	position: relative;
	left: 117px;
	top: 78px;
	height: 96px;
	width: 400px;
}
#right
{
	width: 155px;
	float: right;	
}
div#logout
{
	position: absolute;
	top: 0px;
	left: 0px;	
}
div#extra
{
	position: absolute;
	top: 25px;
	left: 0px;
}
div#headerLeft
{
    float: left;
}
div#headerRight
{
    float:right;
    text-align:left;    
}
.lnkSearch 
{
    color: #fbf7c1;
    font-size:11px;        
}
a.lnkSearch 
{
    color: #fbf7c1;
    text-decoration: none;
    font-size:11px;
}
a:hover.lnkSearch 
{
    color: white;
    text-decoration: underline;
}
.clear
{
    clear: both;
}
#empty
{
	width: 100%;
	height: 25px;	
}
.adres
{
	font-family: Arial;
	font-size: 12px;
}
div#languages
{
	position: relative;
	width: 117px;
	height: 19px;
	left: 212px;
	top: 110px;
}
.lang
{
	width: 39px;
	float: left;
}
.langE
{
	width: 38px;
	float: left;	
}
/*Overige standaard opmaak*/
.lblContentWhite
{
	font-family: Arial;
	line-height: 12pt;
	color: White;		
}
#content .error
{
	font-family: Arial;	
	font-size: 11px;
	font-weight: normal;
	color: red;
}
#content .lblPageHeader
{
	font-weight: bold;
	font-size: 13px;
	color: #fbf7c1;		
}
#content p
{
	font-weight: normal;
	font-size: 12px;
	color: White;		
}
#content a
{
	font-weight: normal;
	font-size: 12px;
	color: White;	
}
#content span
{
	font-weight: normal;
	font-size: 12px;
	color: White;		
}
#content strong
{
    font-weight : bold;
	font-size: 12px;
	color: White;	
}
#content u
{
    font-weight : normal;
	font-size: 12px;
	color: White;		
	text-decoration: underline;
}
div#PageHeader
{
	position: relative;
	top: -25px;
}
div#pageExtra
{
	position: absolute;
	width: 650px;
}
div#edit
{
	position: absolute;	
	width: 100px;
	height: 30px;	
	left:0px;
}
.bold
{
	font-weight: bold;
}
a{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;		
}
a.lnkMeer
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: Black;
	text-decoration: none;		
}
a:hover .lnkMeer
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: Gray;
	text-decoration: none;		
}
a:visited.lnkMeer
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: Gray;
	text-decoration: none;		
}
a.lnkHeaderEmail
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: black;
}
a:hover .lnkHeaderEmail
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: black;
}
.lblKruimel
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #EFF3FB;	
}
a.lnkKruimel
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: Gray;
	text-decoration: none;		
}
a:hover .lnkKruimel 
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: Black;
	text-decoration: none;		
}
.lblHeader
{
	font-family: Arial;
	font-size: 13px;	
	font-weight: bold;
	color: #fbf7c1;
}
table.tabel {
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: white;
	border-collapse: collapse;
	background-color: white;
}
table.tabel th {
	border-width: 1px;
	padding: 4px;
	border-style: inset;
	border-color: #faf0e6;
	background-color: #fff5ee;
	-moz-border-radius: ;
}
table.tabel td {
	border-width: 1px;
	padding: 4px;
	border-style: inset;
	border-color: #faf0e6;
	background-color: #fff5ee;
	-moz-border-radius: ;
}
.gray
{	
	color: #808080;
}
div#weather
{
	position:relative;
	left: 695px;
	top: 11px;
	width: 200px;	
}
/*--Start Menu--*/
div#menu
{
	  
}/*
div.submenu a
{
	font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
	text-decoration:none;
	color: #606a6f;
	line-height: 25px;
}
div.submenu a:hover
{
	color: #0364a7;
}

div.silverheader a{
	background: url('images/buttons/button.png') no-repeat center left;
	font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;	
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	/*width: auto;
	padding: 7px 0;
	padding-left: 7px;
	text-decoration: none;
	color: White;
}
div.line
{
	width: 167px;
	height: 7px;
	background-image: url('images/buttons/between.png');	
}

div.silverheader a:visited, div.silverheader a:active{
	color: White;
}


div.selected a, div.silverheader a:hover{
	background-image: url('images/buttons/buttonOver.png');
	color: White;
}

div.submenu{ /*DIV that contains each sub menu*/	
	/*padding: 7px;
	min-height: 200px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
	/*line-height: 20px; 
}*/
/*--Einde Menu--*/
/*Piacco Menu*/
div#change
{
	position:relative;
	text-align:right;
	top:-20px;	
	float:right;
	width: 227px;
}
#change ul
{
    /*list-style: none;*/
    list-style: none; 
    margin: 0px;
    margin-left: 0px;
    padding: 0px;
}
#change li
{
    margin: 0px;  
    margin-left: 0px;
    padding: 0px;
}
#change a
{	
	background-image: url( 'images/naarPiacco.png' );	    
    display: block;          
    vertical-align: middle;    
	padding: 0px;
    text-decoration: none; 
    width: 227px; 
    height: 38px;    
}
#change a:hover
{	
	background-image: url( 'images/naarPiaccoOver.jpg' );	
}
#change span
{
    visibility: hidden;
}
#change img.not
{
    display: none;
}
/*--*/
div#logos
{
	position: relative;	
	float:right;
	padding-right:18px;
	top:124px;
}
div#webcam
{
	position: relative;	
	height: 32px;
	float:left;
	top:124px;
}
#btnAbove
{
	position:relative;
	width: 429px;
	height: 20px;	
	left: 501px;	
	top: -92px;	
}
#btnAbove a
{
	color: #999999;
	text-decoration: none;	
	font-weight: normal;	
}
#btnAbove a:hover
{
	color: #0078ae;
	text-decoration: none;	
	font-weight: bold;	
}
#btnMenu
{
	text-align:right;
	color: #8e8e8e;
	top:-76px;
	left:0px;
	position:relative;
	line-height:18px;
}
#btnMenu span.menuHeader
{
	font-weight: bold;
	color: #8e8e8e;
}
#btnMenu a
{	
	text-decoration: none;
	color: #8e8e8e;	
}
#btnMenu a:hover
{
	text-decoration: none;
	color: #0078ae;
}
.DivMenuInvisible
{
	visibility:hidden;
	position:absolute;
	top:-1000px;
	width:800px;	
}
div#pagecontent
{	
	background-image: url('images/background-repeat.jpg');	
	/*min-height: 610px;*/
	background-repeat: repeat;	
}
div#pagecontentBackground
{
    background-image: url('images/background.jpg');
    background-repeat: no-repeat;
    background-position: top;
	min-height: 610px;
}
div#pagecontentBackgroundr
{
    background-image: url('images/backgroundr.jpg');
    background-repeat: no-repeat;
    background-position: top;
	min-height: 610px;
}
div#pageFooter
{
	height:140px;
    bottom: 0px;
    /*position: absolute;			*/
	margin-left: 70px;
	width:720px;
	background-image: url('images/traanplaat.jpg');				
	vertical-align: middle;
	padding-left:80px;
	padding-top:35px;
}
#ImageBorder img
{
	margin: 5px;
}
div#page
{		
	width: 637px;	
	min-height:205px;	
	margin-left: 150px;		
	margin-bottom: 100px;
	margin-top: 20px;
	color: White;						
}
#page a
{
    color: White;
}
#page a:hover
{
    color: #F27324;
}
#page .lblContent
{
	color: white;
}
#page .error
{
	color: Red;
}
#page .subHeader
{	
	font-weight: bold;
	font-size: 13px;
	color: #fbf7c1;
}
#page .dgRHeader
{	
	font-weight: bold;
	color: white;
}
#page a.dgRHeader
{
	font-weight: bold;
	color: white;
	text-decoration: none;		
}
#page a:hover.dgRHeader
{
	font-weight: bold;
	color: #F27324;
	text-decoration: none;		
}
#page a.lnkMeer
{

	color: white;
	text-decoration: none;	
}
#page a:hover.lnkMeer
{

	color: #F27324;
	text-decoration: none;	
}
#page .lblPageHeader
{
	font-weight: bold;
	font-size: 13px;
	color: #fbf7c1;		
}
#page .lblKruimel
{
	color: #EFF3FB;
	font-style: italic;
}
#page a.lblKruimel
{
	color: #565658;
	font-style: italic;
	text-decoration: none;
}
#page a:hover.lblKruimel
{
	color: #0078ae;
	font-style: italic;
	text-decoration: none;
}
#page .lblHeader
{
	color: #fbf7c1;
	font-size: 16px;
}
div.FooterAbove
{
    height: 30px;        
    width: 100%;
}
div.FooterMoving
{
    height: 140px;     
    width: 100%;
    text-align: center;
}
div.FooterBottom
{
    height: 25px;
    font-size: 10px;
    margin-top: 10px;
    padding-left: 70px;
    padding-right: 55px;    
    text-align:right;    
    width: 735px;
    color: White;    
}
div.FooterBottom a
{
    color: White;
    text-decoration: none;
}
div.FooterBottom a:hover
{
    color: White;
    text-decoration: underline;
}
div.footerLeft
{
    float: left;
    padding-left: 60px;
}
div.footerRight
{
    float: right;
}
span.gray
{
    color: Gray;
}
/*Buttons*/
div#menu
{	
    position: relative;
    width: 693px;
    padding-left: 122px;   
    padding-right: 44px;
}
#nav, #nav ul {
    padding: 0px 0 0 0px;
    margin: 0px 0px 0px 0px;
    list-style: none;
}

#nav li{
    float: left;
    margin-left: 0px; 
    padding-left: 0px; 
}

#nav ul {
position: absolute;

left: -1000px;
}

#nav li:hover ul, #nav li.ie_does_hover ul {
left: auto;
background-position: 0 0;
}

#nav a 
{	
display: block;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}

#nav ul a{
font-weight: bold;
color: #CCCCCC;
cursor: default;
}

#nav ul ul a:link, ul ul a:visited{
font-weight: normal;
color: #CCC;
cursor: pointer;
}

#nav ul ul a:hover, ul ul a:active{
font-weight: normal;
color: #FFF;
cursor: pointer;
}
#nav * html ul ul li{
border-top: 0;
}
#nav span
{
	visibility: hidden;
}
#nav a.home
{		
	width: 55px;    
	height: 27px; 	
	padding-top: 3px;
    background-image: url( 'images/buttons/btnHome.jpg' );   
    background-repeat: no-repeat; 
    background-position: 0 3px;    
}
#nav a:hover.home
{
    background-position: -55px 3px;
}
#nav a.webshop
{		
	width: 75px;    
	height: 27px; 	
	padding-top: 3px;
    background-image: url( 'images/buttons/btnWebshop.jpg' );   
    background-repeat: no-repeat; 
    background-position: 0 3px;    
}
#nav a:hover.webshop
{
    background-position: -75px 3px;
}
#nav a.nieuws
{		
	width: 63px;    
	height: 27px; 	
	padding-top: 3px;
    background-image: url( 'images/buttons/btnNieuws.jpg' );   
    background-repeat: no-repeat; 
    background-position: 0 3px;    
}
#nav a:hover.nieuws
{
    background-position: -63px 3px;
}
#nav a.projecten
{		
	width: 75px;    
	height: 27px; 	
	padding-top: 3px;
    background-image: url( 'images/buttons/btnProjecten.jpg' );   
    background-repeat: no-repeat; 
    background-position: 0 3px;    
}
#nav a:hover.projecten
{
    background-position: -75px 3px;
}
#nav a.circuitpakket
{		
	width: 95px;    
	height: 27px; 	
	padding-top: 3px;
    background-image: url( 'images/buttons/btnCircuitpakket.jpg' );   
    background-repeat: no-repeat; 
    background-position: 0 3px;    
}
#nav a:hover.circuitpakket
{
    background-position: -95px 3px;
}
#nav a.contact
{		
	width: 63px;    
	height: 27px; 	
	padding-top: 3px;
    background-image: url( 'images/buttons/btnContact.jpg' );   
    background-repeat: no-repeat; 
    background-position: 0 3px;    
}
#nav a:hover.contact
{
    background-position: -63px 3px;
}

#nav a.homer
{		
	width: 55px;    
	height: 27px; 	
	padding-top: 3px;
    background-image: url( 'images/buttonsr/btnHome.jpg' );   
    background-repeat: no-repeat; 
    background-position: 0 3px;    
}
#nav a:hover.homer
{
    background-position: -55px 3px;
}
#nav a.webshopr
{		
	width: 75px;    
	height: 27px; 	
	padding-top: 3px;
    background-image: url( 'images/buttonsr/btnWebshop.jpg' );   
    background-repeat: no-repeat; 
    background-position: 0 3px;    
}
#nav a:hover.webshopr
{
    background-position: -75px 3px;
}
#nav a.nieuwsr
{		
	width: 63px;    
	height: 27px; 	
	padding-top: 3px;
    background-image: url( 'images/buttonsr/btnNieuws.jpg' );   
    background-repeat: no-repeat; 
    background-position: 0 3px;    
}
#nav a:hover.nieuwsr
{
    background-position: -63px 3px;
}
#nav a.projectenr
{		
	width: 75px;    
	height: 27px; 	
	padding-top: 3px;
    background-image: url( 'images/buttonsr/btnProjecten.jpg' );   
    background-repeat: no-repeat; 
    background-position: 0 3px;    
}
#nav a:hover.projectenr
{
    background-position: -75px 3px;
}
#nav a.circuitpakketr
{		
	width: 95px;    
	height: 27px; 	
	padding-top: 3px;
    background-image: url( 'images/buttonsr/btnCircuitpakket.jpg' );   
    background-repeat: no-repeat; 
    background-position: 0 3px;    
}
#nav a:hover.circuitpakketr
{
    background-position: -95px 3px;
}
#nav a.contactr
{		
	width: 63px;    
	height: 27px; 	
	padding-top: 3px;
    background-image: url( 'images/buttonsr/btnContact.jpg' );   
    background-repeat: no-repeat; 
    background-position: 0 3px;    
}
#nav a:hover.contactr
{
    background-position: -63px 3px;
}
div#winkelwagentje
{
    float: right;
    margin-top: -3px;
}
td.homeImage
{
    width:237px; 
    height: 150px; 
    padding-left: 0px;
    padding-top: 1px;
    text-align:left; 
    background-image: url('images/schaduw.png');
    background-repeat: no-repeat;    
    background-position: left;   
}
tr.Winkelmandje
{
    background-color: #5B5350;
    color: White;
}
tr.WinkelmandjeAlternate
{
    background-color: #49403B;
    color: White;
}
table.betalingsmogelijkheden
{
    /*height: 330px;*/
}
table.betalingsmogelijkheden td
{
    padding: 5px;    
    vertical-align: top;
}
table.WebshopTotalRightInner
{
    margin-left: 10px;
    line-height: 25px;    
    width: 280px;
}
table.WebshopTotal
{
    margin-top: 35px;    
    width: 617px;
}
td.WebshopTotalLeft
{
    width: 50%;
    text-align: left;
    vertical-align: bottom;
}
td.WebshopTotalRight
{
    width: 50%;
    background-color: #363231;
}
table#repWinkelwagentjeBorder
{    
    background-image: url('images/winkelwagentjeborder.jpg');
    background-repeat: no-repeat;
    background-position: 0 5px;   
    width: 625px; 
}
td.five
{    
    padding: 5px;            
}
td.Paying
{
    padding: 5px;    
    padding-top: 15px;            
    padding-left: 15px;    
}
td.Paying img
{
    padding: 5px;       
}
td.tdHeader
{
    background-color: #522810;  
    font-weight: bold;  
}
td.winkelwagentjeheader
{
    color: #fbf7c1;   
    font-size: 14px;
    font-weight: bold;  
    height: 18px;
    vertical-align: bottom;    
    padding-left: 15px;
    padding-top: 10px  
}
td.winkelwagentjeheaderZonder
{
    color: #fbf7c1;   
    font-size: 14px;
    font-weight: bold;  
    height: 18px;
    vertical-align: bottom;    
}
table.product 
{
    background-color: #45403D;
    width: 637px;
    margin-bottom: 5px;       
}
table.productInner
{
    margin: 7px;
    width: 619px;
    height:141px;        
}
table.WebshopKeuze
{
    width: 637px;   
    background-color: #332218;
    color: White;
    text-align: left;            
}
table.WebshopKeuze td
{
    padding: 3px;
    font-size:10px;
}
.drp
{
	font-family: 		Arial, Verdana;
	color:				#333333;
	font-size: 			11px;
 	background-color: 	#ffffff;
 	border: 			1px solid #cccccc;
}
.fontSmall
{
    font-size:11px;
}
.form_input {
	font-family: 		Arial, Verdana;
	color:				#333333;
	font-size: 			11px;
 	background-color: 	#ffffff;
 	border: 			1px solid #cccccc;
}
span.vanvoor
{
    color: #F27324;    
    font-weight: normal;
    font-weight: normal;
}
span.vanvoorline
{
    color: #F27324;
    text-decoration: line-through;
    font-weight: normal;
}
span.WebshopKruimelpad
{
    color:#CCCCCC;
    font-size: 10px;
    font-style: italic;   
}
.CatWinkelwagentje
{
    color:#CCCCCC;
    font-size: 10px;
    font-style: italic;   
}
/*scrolling images*/
.pics { height: 120px; width: 145px; padding:0; margin:0; overflow: hidden; float:right;}
.pics img {height: 120px; width: 145px; top:0; left:0 ; border: solid 0px orange; }
.pics img {	-moz-border-radius: 10px; -webkit-border-radius: 10px;}