h3, h2 {
   color: #00a0c6;
}

#content .button {
   background-color: #eee;
   color: #0099cc;
   font-weight: bold;
   border-color: #b7b7b7;
}

#content a.button {
   padding: 1px 8px;
}

.intro { 
   color: #00a0c6;
}

/* associatief, basictext en basicimagemodule */

.basicImageModule .kop, .basicTextModule .kop, .associatiefModule div.kop a, .associatiefModule div.kop span {
	color: #00a0c6;
}

.basicImageModule a:hover.kop, .basicTextModule a:hover.kop, .associatiefModule div.kop a:hover {
	color: #09c;
}

/* basicimagemodule */

.basicImageModule.servicetitle {
   background-color: #fff;
}

/* associatiefModule image */

.associatiefModule.image div.kop {
   background-color: #999;
}

.associatiefModule.image div.kop span, .associatiefModule.image div.kop a, .associatiefModule.image div.kop a:hover {
   color: #fff;
}

.associatiefModule.image div.kop a.kop span {
   background-image: url("../images/hema/pijlpijl-rechts-wit.gif");
   background-position: 6px 3px; /* het plaatje heeft een iets ander formaat */
}

.associatiefModule.image div.body {
   background-color: #f3f5f7;
}

.associatiefModule.image div.body a.verder {
   color: #00a0c6;
}

.associatiefModule.image div.body a.verder span {
   background-image: url("../images/pijlpijl-rechts-licht.gif");
}

.associatiefModule.image div.body a:hover.verder {
   color: #09c;
}

/* pijltje rechts (button) */

.goright {
   background-image: url("../images/pijlpijl-rechts-wit.gif");
}

/* pijltje links (button) */

.goleft {
   background-image: url("../images/pijlpijl-links-licht.gif");
}

/* serviceintrotitlemodule */

.serviceIntroTitleModule {
   background-color: #999;
}

.serviceIntroTitleModule h3 {
   padding-right: 157px; /* deze afstand is afhankelijk van de achtergrond afbeelding */
   color: #fff;
}

/* standaard tabel */

table.fsoTable th {
   background-color: #999;
   color: #fff;
   padding: 3px 8px;
}

table.fsoTable tr.alternate td {
   background-color: #eee;
   padding: 2px 8px;
}

table.fsoTable tr.separator td {
   border-top: 1px solid #999;
}

/* pageDirector */

.pageDirector a {
   color: #00a0c6;
}

.pageDirector a:hover {
   color: #09c;
   background-color: #fff;
}

/* forms */

table.form {
   /*background-color: #dde5c0;
   background-color: transparent;*/
   border-bottom: 0px solid #999;
   color: #000;
   background-color: #f4f5f7;
}

.serviceintrowidepagina table.form {
   background-color: transparent;
}

.serviceintrowidepagina table.form select {
   width: 185px;
}

.serviceintrowidepagina table.form .last input.button {
   float: left;
}

/* FAQ */

.faqlist a.kop, .faq h2 {
   color: #00a0c6;
}

.faqlist a.kop {
   color: #00a0c6;
   background-image: url(../images/hema/telefonie/pijl.gif);
}

.faqlist a:hover.kop {
   color: #09c;
}

.faqlist select {
   width: 220px !important;
}

.faqlist input {
   width: auto !important;
   margin-bottom: 1px;
}

* html .faqlist input {
   margin-bottom: -1px;
}

/* phonelogin */

.phonelogin {
   padding: 8px;
   margin-top: 8px;
}

.phonelogin table.form input {
   float: left;
}

.phonelogin table.form input.button {
   width: auto !important;
   margin-left: 8px;
   margin-top: -2px;
}

.phonelogin table.form span.description {
   padding: 0;
   display: block;
   font-weight: normal;
   color: #000;
}

.servicepagina .phonelogin table.form {
   width: 537px !important;
}

.servicepagina .phonelogin table.form input {
   width: 302px;
}

* html .servicepagina .phonelogin table.form input {
   width: 305px;
}

.serviceintrowidepagina .phonelogin table.form input {
   width: 119px;
}

* html .serviceintrowidepagina .phonelogin table.form input {
   width: 122px;
}

/* belhistorie */

.belhistorie {
   margin: 8px;
}

.belhistorie table.overview {
   margin: 0 0 32px 0;
}

.belhistorie table.overview th {
   color: #00a0c6;
   height: 17px;
}

.belhistorie table.overview td {
   padding: 0 8px 0 0;
   height: 17px;
}

.belhistorie table.overview input {
   font-weight: normal !important;
   position: absolute;
   margin-left: 32px;
   margin-top: -2px;
   padding: -2px 4px 0 4px;
}

.belhistorie table.fsoTable {
   margin-bottom: 18px;
}

.belhistorie table.fsoTable td.header {
   font-weight: bold;
   color: #fff;
   background-color: #999;
}

.belhistorie h3 {
   text-align: center;
   height: 32px;
   position: relative;
}

.belhistorie h3 .button {
   position: absolute;
   height: auto;
   white-space: nowrap;
   margin-top: -2px;
}

.belhistorie h3 .goleft {
   left: 0;
}

.belhistorie h3 .goright {
   right: 0;
}

/* forms */

table.form {
   background-color: #f4f5f7 !important;
   border: 1px solid #b7b7b7 !important;
}

table.form label {
   font-weight: bold;
}

table.form th {
   color: #00a0c6 !important;
}

table.form th p {
   color: #000 !important;
   font-weight: normal !important;
   margin: 0 !important;
}

table.form textarea {
   border-color: #b7b7b7;
}

table.form input {
   border-color: #b7b7b7 !important;
}

/* biglistitem */

a.biglistitem {
   background-image: url(../images/hema/telefonie/bigselector_bg.gif);
}

a:hover.biglistitem {
   background-color: #b6e8f1;
}

/* alle service pagina's */

.servicepagina #panetitle {
   padding: 0; /* neemt anders witruimte in beslag in FF, deze pane wordt niet gebruikt */
}

/* contentlijsten */

OL.telefonie {
   margin: 0 0 10px 0;
}

OL.telefonie li {
   color: #0199CB;
   font-weight: bold;
   margin-left: 0;
   padding-left: 0;
}

OL.telefonie li {
   margin-left: 0px;
   padding-left: -10px;
}


OL.telefonie li em {
   color: black;
   font-style: normal;
   font-weight: bold;
}

/*ie Hack*/
* html OL.telefonie li em {
   margin: 0 0 0 -7px;   
}

OL.telefonie li span {
   color: black;
   font-style: normal;
   font-weight: normal;
   margin: 0 0 0 0;
}

/*IE Hack*/
OL.telefonie li span {
   margin: 0 0 0 0;
   padding: 0 40px 0 0;
}

OL.telefonie li span em {
   color: black;
   font-style: normal;
   font-weight: bold;
   margin: 0;
}


UL.telefonie {
   margin-top: 0;
   padding: 0 0 0 12px;
   list-style: square;
   color: #00a0c6;
}

* html UL.telefonie {
   margin: 0 0 10px 2px;
}

UL.telefonie li {
   margin:0;
   padding:0;
}

UL.telefonie li span {
   margin:0;
   padding:0;
   color: #000;
}

UL.telefonie li span em {
   font-style: normal;
   font-weight: bold;
}

UL.telefonie li em {
   font-style: normal;
   font-weight: bold;
   margin: 0 0 0 -7px;
}

.tarieven table.form {
   width: 537px !important;
}

.tarieven table.form td {

}

.tarieven table.form td.label {
   width: 215px;
}

.tarieven table.form input.text {
	width: 180px;
}

.alphabetStreet a.button {
   width: auto;
   padding: 0 2px 0 3px!important;
   margin: 0 1px !important;
   cursor: hand !important;
}

.alphabetStreet a:active, .alphabetStreet a:hover {
   background-color: #b6e8f1 !important;
   width: auto;
   padding: 0 2px 0 3px!important;
   margin: 0 1px !important;
}


.tarieven {
   margin: 0  8px 0 8px;
}

.tarieven .ButtonZoeken {

}

table.tarievenTable {
   border: 1px solid Red;
   width: 300px;
   margin: 20px 0;
}

/* Change request 996*/
.cost {
   text-align: right;
}

.altRow {
   background-color: #EEEEEE;
   border: none;
}

table.telefonie fsoTable {
   border: 1px solid red;
} 

.tableHeader {
   background-color: #929292;
   font-weight: bold;
   color: White;
}