/* 

	
	KOPIËREN EN/OF AFKIJKEN IS NIET NETJES - COPYRIGHT 	;-) 	*/
	


/* ontwikkeld tbv de website www.intovolvomagazine.nl - september 2005 - FdB */






body {
margin:0;
padding:0;
cursor:default;
background: url(../images/achtergrond.gif);
}

#container {
width:849px;
padding:0;
margin-top:0px;
display:inline-block;
background-color:#595B32;
}

#contentcontainer {
width:849px;

}

.content {
float: left;
width: 690px;
padding-left: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 175%;
}

.shopmenu {
width: 130px;
float: right;
padding-right: 0px;
line-height: 175%;
}

.shopmenu a				{ padding-left: 5px;color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; display: block; border-bottom: 1px solid #D8DCBD;	}
.shopmenu a:link  		{ color: #ffffff; text-decoration: none;}
.shopmenu a:visited  	{ color: #ffffff; text-decoration: none;}
.shopmenu a:active  	{ color: #ffffff; text-decoration: none;}
.shopmenu a:hover 		{ color: #99CC33; text-decoration: none; } 

.submenu {
width: 130px;
float: right;
padding-right: 0px;
line-height: 175%;
}

.submenu a				{ padding-left: 5px;color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; display: block; border-bottom: 1px solid #D8DCBD;	}
.submenu a:link  		{ color: #ffffff; text-decoration: none;}
.submenu a:visited  	{ color: #ffffff; text-decoration: none;}
.submenu a:active  	{ color: #ffffff; text-decoration: none;}
.submenu a:hover 		{ color: #99CC33; text-decoration: none; } 

.vlaggen {
		padding: 20px 0px 0px 740px;
		height: 50px;
		}
		
.vlaggen a{
		
		}
#top {
float:left;
width:849px;
margin-left: 0px;
height: 170px;
background:#595B32 url(../images/top.jpg);
 }
 
#header {
float:left;
width:849px;
margin-left: 0px;
height: 94px;
 }

#footer {
margin-left: 10px;
height: 94px;
 }
 
#navigatie	{
float:left;
width:650px;
margin-left: 0px;
height: 18px;
background:#595B32;
	}
	
.paginatitel		{
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
		}

.txt		{
	
  		font-size: 12px; 
  		font-weight: normal; 
  		font-style: normal;
		font-family: Arial, Helvetica, sans-serif;
  		line-height: 175%;
		}

ul#nav {white-space: nowrap ; list-style: none; padding: 0px; margin: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#nav li { float: left; position: relative; height:20px; text-align: center; width: 10px; border-right:1px solid #ffffff; }
/* not applied by IE Mac or PC \*/
html>body #nav li { width:auto; }
/* End hack */
#nav a { display: block; font-weight: bold; height:18px; line-height:18px; padding:0 4px; color: #efefef; text-decoration: none; border-bottom:none; }
#nav li a:hover {color:#99CC33; }
#nav li a.clients { }
#nav li a.clients:hover { }
/* not applied by IE Mac or PC \*/
#nav li a.clients { padding:0 25px 0 15px;  }
#nav li a.clients:hover {background-color:#000;}
/* End hack */
#nav li ul { display: none; width:120px; list-style: none; position: absolute; top: 100%; left:0; font-weight: normal; border:1px solid #000; border-bottom:none; padding:0; margin:0;}
#nav li>ul { top: auto; left: auto; background-color:#005698; }
#nav li li { display: block; width:120px; text-align: left; float: none; height: auto; border-bottom:1px solid #000; border-right:none; }
#nav li li a { display: block; width:100px; padding:4px 10px; font-weight: normal; color: #efefef; line-height:1.7em; height: auto; }
#nav li li a:hover { background-color:#005698; background-image:none; color:#005698; }
#nav li:hover ul, #nav li.over ul { display: block; }


ul#subnav { list-style: none; padding: 0px; margin: 0; font: 12px "Trebuchet MS", Verdana, Arial, sans-serif; width: 200px;}
#subnav li { float: left;  height:20px; text-align: left; width: 200px; border-bottom:1px solid #90a8cf; }
/* not applied by IE Mac or PC \*/
html>body #subnav li { width:auto; }
/* End hack */
#subnav a { background-color: #7594C3; padding-left: 10px; display: block; font-weight: bold; height:20px; line-height:20px; color: #efefef; text-decoration: none; border-bottom:none; width: 190px;}
#subnav li a:hover { background-color:#005698; color:#ffffff; }
#subnav li a.clients { }
#subnav li a.clients:hover { }




/*style voor product informatie*/


.info			{ 	font-size: 11px; padding-right: 5px; padding-left: 5px; padding-top: 2px; padding-bottom: 2px;font-weight: ;}
.info:link  		{ 	color: #FFFFFF; 	font-size: 11px; background-color: #595B32; 	text-decoration: none;}
.info:visited 		{ 	color: #FFFFFF; 	font-size: 11px; background-color: #595B32; 	text-decoration: none;}
.info:active  		{ 	color: #FFFFFF; 	font-size: 11px; background-color: #595B32; 	text-decoration: none;}
.info:hover 		{ 	font-size: 11px; 	text-decoration: none; 	background-color: #D8DBBC; color: #595B33; }
/*style voor product informatie*/


/*styles voor winkelmandje bovenin*/
.winkelmandje{
}

.winkelmandje_tekst{
			font-size: 11px;
			font-style: italic;
}

.winkelmandje_link		{ 	font-size: 11px; font-weight: bold;}
.winkelmandje_link:link  		{ 	color: #003366; 	font-size: 11px; 	text-decoration: none;}
.winkelmandje_link:visited 		{ 	color: #003366; 	font-size: 11px; 	text-decoration: none;}
.winkelmandje_link:active  		{ 	color: #003366; 	font-size: 11px; 	text-decoration: none;}
.winkelmandje_link:hover 		{ 	font-size: 11px; 	text-decoration: none; 	background-color: none; color: #FFFFFF; }
/*styles voor winkelmandje bovenin*/

/*style voor product informatie*/
.product_omschrijving_kort{
		color: #000000;
		font-size: 12px; 
		background-color: #F3F3F3;
		padding-left: 20px;
}

.product_omschrijving_afbeelding	{
				border: 1px solid black;
				}

.product_omschrijving{
		color: #000000;
		font-size: 12px; 
		font-weight: 0px;
		padding: 8px;
		background-color: #F3F3F3;
}

/*style voor product informatie*/

/*tekst aantal*/
.aantal{
	font-size: 11px;
}
/*tekst aantal*/

/*style voor adres*/
.adres		{
		color: #FFFFFF;
		}
.adres_tekst	{
		color: #FFFFFF;
		font-size: 10px; 
		align: right;
		padding-left: 15px;
		}

/*style voor adres*/


/*tabel met header*/
.header{
	margin-bottom:6px;
}
/*tabel met header*/

td,p		{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 175%;
		}

.tekst		{
		padding-left: 10px;
  		font-size: 12px; 
  		font-weight: normal; 
  		font-style: normal;
		font-family: Arial, Helvetica, sans-serif;
  		color: #000000;
		line-height: 175%;
		/*background-color: #F3F3F3;*/
		}

.menuitems	{
  		border: 1px solid #FFFFFF;
		border-top: 0px;
		border-left: 0px;
		border-bottom: 0px;
		font-size: 10px; 
  		font-weight: normal; 
  		font-style: normal;
  		font-family: Arial, Helvetica, sans-serif;
  		color: #000000;
  		width: 150px;
		padding-right: 5px;
		height: 350px;
		}

.productenbasis	{
		width: 545px;.
		padding-left: 20px;
		height: 350px;
		margin-top: 80px;
		}

.producten	{
		background-color: #FFFFFF;
		font-size: 10px; 
  		font-weight: normal; 
  		font-style: normal;
  		font-family: Arial, Helvetica, sans-serif;
  		color: #000000;
		width: 545px;.
		border: 0px solid #;
		border-left: 10px;
		padding-left: 20px;
		padding-right: 15px;
		height: 350px;
		}

.bottomvak	{
		background-color: #486290;
		padding-right: 3px;
		padding-bottom: 3px;
		height: 37px;
  		font-family: Arial, Helvetica, sans-serif;
  		color: #FFFFFF;
		font-size: 10px; 
		}

/*style voor menu*/
.submenu	{
  		font-size: 10px; 
  		font-weight: normal; 
  		font-style: normal;
  		font-family: Arial, Helvetica, sans-serif;
		position : absolute;
		visibility:hidden;
		cursor: pointer;
		cursor: hand;	
		margin-left: 0px;
		margin-bottom: 2px;
		margin-top: 2px;				
		}
		

/*styles voor menu*/		
		

.categorie_titel	{
  		font-size: 16px; 
  		font-weight: bold; 
  		font-style: bold;
  		font-family: Arial, Helvetica, sans-serif;
  		color: #000000;
		}

.spacer_10px	{
		height:10px;
		}

.spacer_5px	{
		height:5px;
		}

.kolom_titel	{
  		font-size: 12px; 
  		font-weight: bold; 
  		font-style: bold;
  		font-family: Arial, Helvetica, sans-serif;
  		color: #000000;
  		background-color: #999999;
		}

.artikelnaam	{
  		padding-left: 10px;
		padding-top: 2px;
		padding-bottom: 3px;
		font-size: 12px; 
  		font-weight: bold; 
  		font-style: bold;
  		font-family: Arial, Helvetica, sans-serif;
  		color: #000000;
  		background-color: #D8DBBC;
		border-bottom: 1pt #595B33 solid;
		}

.kop-tekst	{
  		padding-left: 10px;
		padding-top: 2px;
		padding-bottom: 3px;
		font-size: 12px; 
  		font-weight: bold; 
  		font-style: bold;
  		font-family: Arial, Helvetica, sans-serif;
  		color: #000000;
  		background-color: #D8DBBC;
		border-bottom: 1pt #595B33 solid;		
		}
			

.tekstveld		{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		color:#000000;
		background:url(none);
		background: #ffffff;
		border: 1px #000000 solid;
		}

.tekstvak		{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		color:#000000;
		border: 1px #000000 solid;
		background: none;
		}

.bold		{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: bold;
		font-weight: bold;	
		color:#000000;
		}


.titel		{
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
		font-style: bold;



		padding-bottom: 3px;
		}

.knop{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #ffffff;
	height: 17px;
	width: 150px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #595B32;
	padding-bottom: 3px;
}

.knop_registreren{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #ffffff;
	height: 17px;
	width: 100px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #595B32;
	padding-bottom: 3px;
}

.knop_wijzigen{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #ffffff;
	height: 17px;
	width: 100px;
	padding-bottom: 3px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #595B32;;
}
/*select"*/
.pulldown{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color:#000000;
	background:white;
	border-width:1;
	border-style:solid;
	border-color:#000000;
}