/* ======================================================
   Argos Japanse Auto-onderdelen basic style sheet, versie 31-08-06
   Copyright 2006 Joost Haneveer
====================================================== */


/* ------------------------------------------------------
   Standaard HTML definities
------------------------------------------------------ */

/* Verwijderen borders van images met een link */ 
a img{border:none;}

/* Standaard lettertype */
body, h1, h2, h3, h4, h5, h6, td{font: 11px verdana, tahoma, Geneva, Arial, Helvetica, sans-serif; color: #000;font-size-adjust: 0.51; }

/* Headers : h1 wordt gebruikt voor de koppen in het content-gedeelte
h2 wordt gebruikt voor de overige koppen binnen de content */
h1, h2{margin-bottom:5px;font-size:18px;color:#009966;line-height:1em;}

/* Standaard paragraaf instelling */
p{padding: 0px 0px 9px 0px;line-height:17px;margin:0px}

/* Link kleuren */
a:link{color:#000000;text-decoration: underline;}
a:visited{color:#000000;}
a:hover{color:#9932CC;text-decoration: underline;}
a:active{color:#9932CC;}

/* Geordende en ongeordende lijst elementen */
li{margin-bottom:0px}
ul,ol{margin-left:25px}


/* ------------------------------------------------------
   Instellingen/positionering achtergrond e.d.
------------------------------------------------------ */
body { 
	text-align: center;
	margin-top: 5px;
	margin-bottom: 0px;
	background-color: #ECECEC;
	background-image:  url(../images/grijs_back.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}

#Container	{
	margin: 0px auto;
	width: 768px;
	text-align: left;	
}


/* ------------------------------------------------------
   Pagina kop
------------------------------------------------------ */

#Header	{
	height: 201px;
	background-color: white;
	background-image: url(../images/bg_header.jpg);
	border-left:1px solid #000;
	border-right: 1px solid #000;
	border-top:1px solid #000;
}
	
#logo img {
	display:block; /*allows the element to take auto margins*/
	margin:0 auto; /*centers in compliant browsers*/
	/*margin-top:20px;*/
	text-align:center; /*centers in old versions of IE*/
}


/* ---------------------------------------------------------
3 koloms stijl (content- links, rechts en center box gebied)
--------------------------------------------------------- */

/* Standaard settings voor de 3-koloms opmaak */
#contentlinks,#contentrechts, #contentmidden{
   text-align:center;
   float:left;
   width:132px;
   margin-bottom:2px; 
}

/* Het middengebied moet breder*/
#contentmidden{
	width:500px;
	padding:0px;
	margin:0px;
	background-color: white;
    border: 1px solid #838383;
}
	

/* ------------------------------------------------------
Gekleurde achtergrond contentgebied
------------------------------------------------------ */

#Contents {
   	border-left:1px solid #000;
   	border-right:1px solid #000;
	padding-top: 3px; 
	border-top:1px solid #000;
	width:auto;
}

/* Instelling van de achtergrondkleur  */
#Contents{
	background:#009966;
}


/* ------------------------------------------------------
 Pagina Footer
------------------------------------------------------ */
/*  Onder aan de pagina */
#footer {
	background-color:#FFFFFF;
	border-top:1px solid #000000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding-top:9px;
	text-align:center;
	width:auto;
	font-size: 9px;
}


/* ------------------------------------------------------
Menu boxen - classes gebruikt om menuboxen te genereren
------------------------------------------------------ */

/* Creer een menubox header */
.cbar h3{
	font-weight:bold;
	background-color:#FFFFFF;
	border-top:1px solid #838383;
	border-left: 1px solid #838383;
	border-right: 1px solid #838383;
	margin:0px 3px;
	text-align:left;
	padding: 9px 9px 3px 9px;
	line-height:13px;
}

/* Creer een menubox - gebruikt tesamen met h3 header*/
.cbar .box {
	background-color:#FFFFFF;
	border-bottom:1px solid #838383;
	border-left: 1px solid #838383;
	border-right: 1px solid #838383;
	margin:0px 3px 3px 3px;
	text-align:left;
	padding-bottom:5px;
	overflow:hidden;
}


/* ------------------------------------------------------
Layout voor het menu
------------------------------------------------------ */

/* menu container */
ul.menu{
	list-style-type: none;
	margin: 0px 5px 0px -30px;
}

/* menu item stijl- creer de stippellijn */
ul.menu li{
	background-image:url(../images/dotgroenstreepkl.gif);
	background-repeat: repeat-x;
	padding: 3px 3px;
}

/* Submenu container */
ul.menu li div ul{
	margin:3px 0px 0px 0px;
	list-style: none;
}

/* verwijderen onderlijning van menu item */
ul.menu a {text-decoration:none;}

/* class voor gebruikt voor het actieve menu item*/
ul.menu .active {font-weight:bold;}

/* Link kleuren voor menu items */
ul.menu a:link{color:#000;}
ul.menu a:visited{color:#000;}
ul.menu a:hover{color:#9932CC;text-decoration: underline;}
ul.menu a:active{color:#9932CC;}

/* bullet voor de menu items */
ul.menu li div{
	background-image: url(../images/menu.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding-left: 9px;
	margin-left:3px;
	line-height:14px;
}


/* ------------------------------------------------------
Diversen
------------------------------------------------------ */
/* Extra ruimte tussen onderwerpen/afbreken */ 
.breaker{overflow:hidden;height:1px;clear:both}

/* verwijder marges */
.nomargin{margin:0px;}

/* invoegen van een stippellijn/afbreken */
.hr{background-image:url(../images/dotgroenstreepkl.gif);height:1px;overflow:hidden;clear:both;margin:0px;padding:0px;}

/* Voegt marges toe binnen het contentgebied */
#contentmidden .hr{margin: 8px 8px 8px 8px;width:485px;}


/* opmaak van de hr-tag voor een colorbox */
#contentmidden .colorbox .content .hr{width:auto;margin:0px;padding:0px}

/* opmaak voor de hr-tag in een menu-box */
.cbar .box .hr{margin:0px 5px}


/* Class gebruikt voor uitlijnen tekst rond images */
img.left, div.left{float:left;margin: 0px 9px 0px 0px}
img.right, div.right{float:right;margin: 0px 0px 0px 9px}

/* Class gebruikt voor het uitlijnen van een tekstbox binnen tekst */
#contentmidden div.left{float:left;margin: 0px 9px 0px 0px}
#contentmidden div.right{float:right;margin: 0px 0px 0px 9px}

/* caption tekst */
#contentmidden div.right div{font-size:10px}

/* Header van de midden content uitlijnen*/
#contentmidden h1{text-align: center;font-size:22px;}

/* Teller in het midden van de pagina*/
#teller {text-align:center;}

p.tekst {
	margin-left:10px;
	margin-right:10px;
}

#tekstlinks ul, ol{margin-left:0px;font-size:15px;}

span.email { 
	direction: rtl; 
	unicode-bidi: bidi-override; 
} 


/* ------------------------------------------------------
   Gekleurde box
------------------------------------------------------ */

/* Standaard settings voor de colorbox */
.colorbox{width:100%;overflow:hidden;}

/* kleurinstelling */
.colorbox{background:#FF6666;}

/* opmaak colorbox hoeken */
.colorbox .topleft, .colorbox .topright, .colorbox .bottomleft, .colorbox .bottomright{
	width:9px;
	height:9px;
	line-height:9px;
	overflow:hidden;
}

/* invoegen colorbox hoeken */
.colorbox .topleft{float:left;background-image:url(../images/colorbox_linksboven.gif);}
.colorbox .topright{float:right;background-image:url(../images/colorbox_rechtsboven.gif);}
.colorbox .bottomleft{float:left;background-image:url(../images/colorbox_linksonder.gif);}
.colorbox .bottomright{float:right;background-image:url(../images/colorbox_rechtsonder.gif);}

/* passend maken van de tekst binnen de colorbox */
.colorbox .content{margin: 0px 9px;}

/* div die de hoeken bevat */
.colorbox .corners{
	overflow:hidden;
	height:9px;
}


/* ------------------------------------------------------
   box met plaatjes (advertenties ed)
------------------------------------------------------ */

.cbar .box .square{margin: 8px 0px 0px 0px;width:auto;text-align:center;}
.cbar .box .rounded{margin: 3px 0px -7px 0px;width:auto;text-align:center;}