/* cc0.css - 8 sep 2009 */

/* eerst de algemene zaken */

/* BODY: zwarte tekst, Verdana 9px, achtergrond grijs margin:0*/
/* H1    16 px / 
/* H2    14 px /
/* H3    11 px /
/* TD    11 px */
/* a     hyperlinks link, active, visited: blauw; hover: rood */

body {
	Color: Black;
	Background-Color: #F6F6F6;     /* GRIJS */
	Font-Family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin:0;
	text-align: left;
  }

h1 {	Font-size: 16px;}
h2 {Font-size: 14px;}
h3 {Font-size: 11px; font-weight:normal}

table {             /* table default: backround WIT, border 0, padding 0 */
	background-color:#FFFFFF;
	border: 0;
	padding: 0;
}

td {       /* TD tekst default: 11 pixels */
	Font-size: 11px;
}

a:link    {color:#0000CC; text-decoration:none;}       /* link:    blauw    -  DEFAULT LINKS -- */
a:visited {color:#0000CC; text-decoration:none;}       /* visited: blauw          */
a:hover   {color:#FF0000; text-decoration:underline;}  /* hover:   rood underline */
a:active  {color:#0000CC; text-decoration:none;}       /* active:  blauw          */

a.ablackred:link    {color:#000000; text-decoration:none;}       /*  tekst zwart, hover rood underline*/
a.ablackred:visited {color:#333333; text-decoration:none;}       /* grijs */
a.ablackred:hover   {color:#FF0000; text-decoration:underline;} /* rood - underline */
a.ablackred:active  {color:#000000; text-decoration:none;}      /* rood */

.font9px  {font-size: 9px;}  /* TD heeft 11px, dit voor de kleinere teksten */
.font10px {font-size: 10px;}  /* TD heeft 11px, dit voor de kleinere teksten */


.kop1_computercollectief_links {   /* kop 'computercollectief' boven links (behalve homepage) zwart / bold / 24px */
	font-weight: bold;
	font-size: 24px;
}
a.akop1:link    {text-decoration:none;  color:#000000} /* zwartfelblauw - zoals KOP 1 link*/
a.akop1:visited {text-decoration:none;  color:#000000} /* zwart */
a.akop1:hover   {text-decoration:none;  color:#0066FF} /* felblauw */
a.akop1:active  {text-decoration:none;  color:#0066FF} /* felblauw */

.kop2_comcol_rechts {             /* kop comcol.nl boven rechts */
	font-weight: bold;
	color: #174384;     /* blauw */
	font-size: 18px;
}

#logo {
  float: left;
  height: 48px;
  padding: 2px 20px 0 4px;
}

#logo a {
/*  background: transparent url("/_img/_symbols/comcol_logo.png") 0px 2px no-repeat; */
  background: transparent url("/_img/_symbols/cc_logo-1.gif") 0px 2px no-repeat;
  text-indent: -6000px;
  width: 248px;
  height: 38px;
  padding: 2px 0 0 0;
  display: block;
}


tr.balk_boven {color: #FFFFFF; background-color: #174384;}      /* witte tekst in blauw - balk bovenaan pagina*/
tr.tralg  {color: #FFFFFF; background-color: #174384;}
tr.trboek {color: #FFFFFF; background-color: #006666;}
tr.trsoft {color: #FFFFFF; background-color: #cc1111;}
tr.trgame {color: #FFFFFF; background-color: #ff0080;}
tr.trhard {color: #FFFFFF; background-color: #999999;}
tr.trzaak {color: #FFFFFF; background-color: #e8b900;}

.tdboeken   {color: #ffffcc; font-size: 16px; background-color:#006666;}   /*  balkjes, bijv op promotiepagina */
.tdsoftware {color: #ffffcc; font-size: 16px; background-color:#cc1111;}
.tdgame     {color: #ffffcc; font-size: 16px; background-color:#ff0080;}
.tdhardware {color: #ffffcc; font-size: 16px; background-color:#999999;}
.tdzaak     {color: #ffffcc; font-size: 16px; background-color:#e8b900;}

.tdb {border-bottom-color: #006666; border-bottom-width: 1px; border-bottom-style: solid;}  /*bottom boeken */
.tds {border-bottom-color: #cc1111; border-bottom-width: 1px; border-bottom-style: solid;}  /*bottom soft */
.tdh {border-bottom-color: #999999; border-bottom-width: 1px; border-bottom-style: solid;}  /*bottom hard */
.tdg {border-bottom-color: #ff0080; border-bottom-width: 1px; border-bottom-style: solid;}  /*bottom games */
.tdz {border-bottom-color: #e8b900; border-bottom-width: 1px; border-bottom-style: solid;}  /*bottom zaak */
.tda {border-bottom-color: #174384; border-bottom-width: 1px; border-bottom-style: solid;}  /*bottom alg */

.tdbd {border-bottom-color: #006666; border-bottom-width: 1px; border-bottom-style: dotted;}  /*bottom dots boeken */
.tdsd {border-bottom-color: #cc1111; border-bottom-width: 1px; border-bottom-style: dotted;}  /*bottom dots soft */
.tdhd {border-bottom-color: #999999; border-bottom-width: 1px; border-bottom-style: dotted;}  /*bottom dots hard */
.tdgd {border-bottom-color: #ff0080; border-bottom-width: 1px; border-bottom-style: dotted;}  /*bottom dots games */
.tdzd {border-bottom-color: #e8b900; border-bottom-width: 1px; border-bottom-style: dotted;}  /*bottom dots zaak */
.tdad {border-bottom-color: #174384; border-bottom-width: 1px; border-bottom-style: dotted;}  /*bottom dots alg */


.kop3_boeken_en_software {    /* kop computerboeken & software in blauwe balk */
	font-family: "Courier New", Courier, mono;
	font-weight: bold;
	font-size: 16px;
}

.kop3_rechts {   /* kop ... in te vullen ... rechts in blauwe balk, zet   achter deze tekst */
	font-weight: bold;
	font-size: 14px;
}

.menu1 {    /* grijze menu */
	color: #FFFFFF;
	background-color: #999999;
	border: 1px;
	border-style: outset;
	border-color: #FFFFFF #666666 #666666 #FFFFFF;
	text-align: center;
}
.menu1a {   /* grijze menu - blauwe actief blokje */
	color: #FFFFFF;
	border: 1px;
	border-style: inset;
	border-color: #333333 #FFFFFF #CCCCCC #333333;
	background-color: #174384;
	text-align: center;
}


a.amenu1:link    {text-decoration:none; color:#FFFFFF}  /* --witte tekst met gele hover - zoals bijv grijze menu teksten -- */
a.amenu1:visited {text-decoration:none; color:#FFFFFF}  /* wit */
a.amenu1:hover   {text-decoration:none; color:#ffe16a}  /* geel */
a.amenu1:active  {text-decoration:none; color:#FFFFFF}  /* wit */

.zoekKnop {	/* blauwe zoekbutton */
	background-color: #174384;	/* blauw */
	border-color: #f0f0f4;      /* heel licht blauw */
	color: white;
	font-size: 9px;
	font-weight: normal;
	border-width: thin;
	border-style: outset;
}
.geleKnop {	/* */
	background-color: #e8b900;	/* geel */
	border-color: #fffbe8;      /* heel licht geel */
	color: white;
	font-size: 11px;
	font-weight: normal;
	border-width: thin;
	border-style: outset;
}
.groeneKnop {	/* */
	background-color: #006666;	/* groen */
	border-color: #ddffff;      /* heel licht groen */
	color: white;
	font-size: 12px;
	font-weight: bold;
	border-width: thin;
	border-style: outset;
}
.grijzeKnop {	/* */
	background-color: #999999;	/* grijs */
	border-color: #f0f0f0;      /* heel licht grijs */
	color: white;
	font-size: 11px;
	font-weight: normal;
	border-width: thin;
	border-style: outset;
}

.groteGrijzeKnop {	/* */
	color: #FFFFFF;
	background-color: #999999;	/* grijs */
	border-color: #FFFFFF #666666 #666666 #FFFFFF;      /* heel licht grijs */
	font-size: 14px;
	font-weight: bold;
	border-width: thin;
	border-style: outset;
	text-align: center;
}

td.tdtab0 {  /* grijs deel tab */
	background-color: #efefef;
	border-bottom: solid #666666 1px;
	font-size: 9px;
	text-align: left;
	text-indent: 5px;
}
td.tdtab1 {
	border-left: solid #666666 1px;
	border-top: solid #666666 1px;
	border-right: solid #666666 1px;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
	text-indent: 5px;
	white-space: nowrap;
}

/* NIVO 4 - LAAGSTE NIVO, NIET DETAIL */
/* Default: BODY: zwarte tekst, Verdana 9px, achtergrond grijs */
/*          H1    16 px /  H2    14 px /  H3    11 px 
/* TD    11 px  /  a     hyperlinks link, active, visited: blauw; hover: rood */

.inspring {
        padding-left : 18px;
        text-align : left; }

.h2titel {font-size: 12px;}
.h2sub {font-size: 11px;}
a.actie:link    {color:#FF0000; text-decoration:none;}  /* rood */
a.actie:visited {color:#FF3300; text-decoration:none;}
a.actie:hover   {color:#FF0000; text-decoration:underline;} /* rood underline */
a.actie:active  {color:#FF0000; text-decoration:none;}   /* rood */ 

a.uitverkocht:link    {color:#999999; text-decoration:none;}  /* grijs */
a.uitverkocht:visited {color:#333333; text-decoration:none;}  /* grijs */
a.uitverkocht:hover   {color:#FF0000; text-decoration:underline;} /* rood underline */
a.uitverkocht:active  {color:#999999; text-decoration:none;}   /* grijs */ 

/* NIVO 5 - DETAIL PAGINAAS */

/* H1 = 16 px / H2 = 14 px / H3 = 11 px */
.actie {color: #FF0000;}                       /* TITEL rood */
.uitverkocht {color:#999999;}                 /* TITEL grijs */
.striked {color: #000000; font-weight: bold; text-decoration: line-through;}  /* zwart / bold / doorgestreept */
.verzendkosten {
	color: #003300;
	background-color: #DFFFDF;
	padding: 4px;	
} /* donkergroen op lichtgroene achtergrond */
img.plaatje {border: 1px solid #CCCCCC;}  /* plaatjes op detail pagina, dunne grijze rand */

td.prijsblok { /*prijs/voorraad/verzendkosten */
	background-color: #e6eefb;
	padding-left: 4px;
	border-style: dotted;
	border-width: thin;
	border-color: #CCCCCC;
}

td.voorraadblok { /*voorraad/verzendkosten */
	color: #003300;
	background-color: #DFFFDF;
	padding-left: 4px;
}



td.tdnieuw {
	font-size: 10px;
	background-color: #FFFF80;
	font-weight: bold;
	text-align: center;   
}
td.tdverwacht {
	font-size: 10px;
	background-color: #80FFFF;
	font-weight: bold;
	text-align: center;   
}
td.tdactie {
	font-size: 10px;
	background-color: #FF0000;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}
td.tdopisop {
	font-size: 10px;
	background-color: #006400;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}
td.tdopbestelling {
	font-size: 10px;
	background-color: #174384;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}
td.tduitverkocht {
	font-size: 10px;
	background-color: #330000;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}  
td.tdnietleverbaar {
	font-size: 10px;
	background-color: #666666;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}  

/* detailpagina eigenschappentabel */
td.tddetailtabel {
	font-size: 11px;
	padding-left: 4px;
	line-height: 15px;
}


/* HOME PAGE SPECIFIEK */
.kop2_comcol_rechts_home {  /* kop 'comcol.nl' boven rechts alleen HOMEPAGE*/
	font-weight: bold;
	color: #174384;    /* blauw */
	font-size: 28px;
}
.blokjesboven { /*beetje wit 10px onder de bovenste 2 liggende blokjes */
	padding-bottom: 10px;
	vertical-align:top;
	text-align: center;
}

.topbanner { /*beetje wit 10px onder de bovenste banners */
	padding-bottom: 10px;
	vertical-align:top;
	text-align: center;
}
.bottombanner { /*beetje wit 10px boven de onderstebanners */
	padding-top: 10px;
	vertical-align: bottom;
	text-align: center;
}

td.tdnetbinnenblok {     /* TD GELE BLOK LINKS - 9px font, 4 px padding boven en links*/ 
	Font-size: 9px;
	padding-left: 4px;
	padding-top: 4px;
	width: 244px;      /*td = 248 pixels, maar omdat anders de 4px padding erbij komen, width 244 gedefinieerd  */
}

td.tdinvers {   /* inverse kop Font Wit, bold, 4px inspring */ 
	Color: #FFFFFF;           /* wit */
	Font-Weight: bold;
	text-indent: 4px;
}

.ulcompact {   /* ul compact overzicht op nivo 4 */
    list-style: none;   /* haal de bullets weg */
	padding-left: 0px; /* ident weghalen: voor Explorer margin-left / voor Firefox padding-left */
	margin-left: 0px;
    margin-bottom: 0px;
}
.ulcompact li {
	font-size: 11px;
	padding-left: 6px;
	line-height: 16px;
	list-style-type: none;
}


#ulhotlist {   /* ul id="ulhotlist" aan de linkerkant homepage en FAQ */
	list-style: none;   /* haal de bullets weg */
	padding-left: 0px; /* ident weghalen: voor Explorer margin-left / voor Firefox padding-left */
	margin-left: 0px;
	padding-top: 0px; /* voor Explorer margin / voor Firefox padding */
	margin-top: 0px;
    margin-bottom: 0px;
}
#ulhotlist li {
	background-color: #e6eefb;   /* lichtblauw */
	font-size: 10px;
	padding-left: 4px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 2px;
	line-height: 14px;
}


.advanzoek { /* wit streepje boven uitgebreid zoeken */
    margin-top:10px;
    font-size: 10px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 2px;
	line-height: 16px;
}
.meer {text-align:right; padding-right:8px;} /* meer in geelbinnen blok */

td.tdhotlinks { /*nog in engelse homepage - wordt vervangen */
	font-size: 10px;
	background-color: #e6eefb; /* lichtblauw */
	border-top-color: #FFFFFF; /* wit */
	border-top-style: dotted;
	border-top-width: thin;
	padding-left: 4px;
}

/* momenteel niet gebruikt */
a.anavyred:link    {text-decoration:none; color:#174384;}    /* -- algemeen donker blauw   */
a.anavyred:visited {text-decoration:none; color:#174384;}
a.anavyred:hover   {text-decoration:underline; color:#FF0000;} /*rood underline*/
a.anavyred:active  {text-decoration:none; color:#FF0000;}

a.agroenrood:link    {text-decoration:none; color:#006666;}  /* links in boekentekstblok - groen bolder,  */
a.agroenrood:visited {text-decoration:none; color:#006666;}
a.agroenrood:hover   {text-decoration:underline; color:#FF0000;} /*rood underline*/
a.agroenrood:active  {text-decoration:none; color:#FF0000;}

td.boekenlinks {
	font-size: 10px;
	background-color: #ddffff;  /* groen */
	border-top-color: #FFFFFF;
	border-top-style: dotted;
	border-top-width: thin;
	padding-left: 4px;
}
/* momenteel niet gebruikt */