body {
  font-size: 10px;
  font-family: arial;
}

body, input, select, td, a, textarea {
  font-size: 10px;
  color: #333333;
  text-decoration: none;
}

#wrapper {
  width: 980px;
  min-height: 600px;
  left:50%;
  margin-left:-490px;
  position: relative;
  border: 0px solid black;
}

 
#header { 
  height: 72px;
} 

#logo {
  float: left; 
  width:300px;
}

#headerRight {
  float: right;
}

#headerRight ul {
  float: right;
}

#headerRight ul, 
#headerRight ul li {
  margin:0px;
  padding:0px;
}

#headerRight ul li {
  float: left;
  list-style: none;
  margin-left: 20px;
}

#headerRight ul li#headerWinkelmand {
   background: url("../images/interface/winkelmandje.gif") no-repeat;
   padding-left:25px;
}

#headerRight a {
  text-decoration: none;
}

#headerSearch {
  margin-top:10px;
  padding-left:10px;
}

#headerSearch div {
  float: left;
  margin-left: 10px;
}

#landen {
  margin-top:10px;
}

/***************************************************************
 *                         MENU
 ***************************************************************/

#menuBackground {
   background: url("../images/interface/menu_background.gif") repeat-x;
   height: 59px;
}

#menu {
  float:left;
  margin-top:7px;
  padding-left:5px;
  height:11px;
}

#menu ul, 
#menu ul li {
  margin:0px;
  padding:0px;
}

#menu ul li {
  float: left;
  list-style: none;
  margin-right: 20px;
  font-weight: bold;
} 

/***************************************************************
 *                         MENU PROVIDERS
 ***************************************************************/

#menuProviders {
  float:left;
  margin-top:19px;
  padding-left:5px;
}

#menuProviders ul, 
#menuProviders ul li {
  margin:0px;
  padding:0px;
}

#menuProviders ul li {
  float: left;
  list-style: none;
  margin-right: 20px;
  font-weight: bold;
} 

#kruimelpad {
  margin-top:10px;
  margin-bottom: 10px;
}

/***************************************************************
 *                         LEFTCOLUMN
 ***************************************************************/
#leftColumn {
  float: left;
  width: 168px;  
}

#leftColumn ul {
  margin: 0px;
  padding:0px;
}
 
#leftColumn ul li {
  list-style: none;
  padding:0px;
}

#leftColumn .title {
  color: #EE2B39;
  font-weight: bold
}

/***************************************************************
 *                         CENTERCOLUMN
 ***************************************************************/
#centerColumn {
  width: 812px;
  float: left;
  margin-bottom:20px;
}

/***************************************************************
 *                         PROVIDER ROW
 ***************************************************************/

.providerRow {
  margin-top:20px;
}

.providerbox {
  width: 178px;
  float: left;
  margin-right: 19px;
  height:148px;
  margin-bottom:20px;
  margin-bottom: 0px !ie7;
}

.providerBoxLast .providerbox {
  margin: 0px;
  margin-bottom:20px;
  margin: 0px !ie7;
}

.providerbox .providerBoxLabel {
  height: 23px;
  color: white;
  padding:6px;
  padding-top:2px;
  background-color: #fe0106;
  height:17px;
  font-weight: bold;
}

.providerbox .providerBoxContent {
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;

  padding-left:5px;

  background: url("../images/interface/provider_star.gif") no-repeat right bottom;
  height:107px;
  height:100px !ie7;
}

.providerbox .providerBoxContent .providerBoxContentImg {
  text-align: center;
  padding-top:10px;
  margin-bottom:10px;
}

.providerbox .providerBoxContent .providerBoxContentLeft {
  float: left;
  width: 100px;

}

.providerbox .providerBoxContent .providerBoxContentRight { 
  float:right;
  margin-top:15px;
  margin-top:22px !ie7;
  text-align:center;
  width:60px;
}

.providerbox .providerBoxContent .providerBoxContentRight span {
  font-size: 13px;
  font-weight: bold;
}

.providerbox .providerBoxButton {
 
}

.providerbox .providerBoxButton div {
  height: 23px;
  color: white;
  padding:2px 13px 5px;
  background-color: #e0e0e0;
  height:17px;
  font-weight: bold;
  float: left;
}

.providerbox .providerBoxButton div a { color: black; text-decoration: none;}

providerbox .providerBoxButton .providerBoxButtonMeerInfo {
  margin-right: 1px;
  border-top: 1px solid #d1d0d0;
}
.providerbox .providerBoxButton .providerBoxButtonBestellen {
  padding-left:14px;
  padding-right: 14px;
}


.abonnementRowHeader {
  height:26px;
  margin-top:1px;
}

.rowNaam,
.rowBelminuten,
.rowPrijsNormaal,
.rowPrijsActie,
.rowPrijsActieTweeJaar {
  height: 26px;
  color: white;
  padding:6px;
  background-color: #e0e0e0;
  color: black;
  height:13px;

  padding-top:2px;
  padding-bottom:10px;
  width: 251px;
  float: left;
  border-right: 1px solid white;

}

.rowNaam {
  font-weight: bold;
}

.rowNaam a {
  color: #487ABD;
}

.rowBelminuten {
  width: 299px;
  width: 351px !ie7;
}

.rowPrijsNormaal,
.rowPrijsActie,
.rowPrijsActieTweeJaar {
  width: 105px;
}

.rowPrijsActieTweeJaar {
  border-right: 0px;
  width:105px;
}

.abonnementRow .rowNaam,
.abonnementRow .rowBelminuten,
.abonnementRow .rowPrijsNormaal,
.abonnementRow .rowPrijsActie,
.abonnementRow .rowPrijsActieTweeJaar {
  background-color: #f7f7f7;
}

.abonnementRowEven .rowNaam,
.abonnementRowEven .rowBelminuten,
.abonnementRowEven .rowPrijsNormaal,
.abonnementRowEven .rowPrijsActie,
.abonnementRowEven .rowPrijsActieTweeJaar {
  background-color: #f3f3f3;
}


/**************************************** 
 *
 *            ABONNEMENT DETAILS 
 *
**************************************** */
.detailProvider {
  float: left;
  width:200px;
  
}

.detailAbonnement {
  float: left;
  width:570px;
}

.detailAbonnement .row {

}

.detailAbonnement .row .label,
.detailAbonnement .row .labelBlue {
  color:#FE0106;
  float:left;
  font-weight:bold;
  margin-right:14px;
  text-align:right;
  width:134px;
}

.detailAbonnement .row .value {
  float: left;
  width:350px;
}

.detailAbonnement .row .labelBlue {
  color: #16358C;
}

#abonnementDetails {
  border-bottom: 1px solid #ECECEC;
  padding-bottom:15px;
  margin-bottom:15px;
}


#providerActies ul {
  margin:0px;
  padding:0px;
  
}

#providerActies ul li {
  margin:0;
  list-style: none;
}


#providerPunten {
  float:left;
  margin-right:15px;
  width:333px;
}

#providerBundels {
  float: left;
  width:422px;
}

#providerBundels .row {

}

#providerBundels #bundelTotal {
  border-top: 1px solid #ECECEC;
  padding-top:15px;
  margin-top:15px;
}

#providerBundels #bundelTotal .label {
  color: #16358C;
}

#providerBundels .row .label,
#providerBundels .row .labelBlue {
  color:#FE0106;
  float:left;
  font-weight:bold;
  margin-right:15px;
  width:163px;
}

#providerBundels .row .label .right {
  width: 138px;
  
}

#providerBundels .row .value {
  float: left;
  width: 141px;
}

#providerBundels .row .labelBlue {
  color: #16358C;
}

.rowTitle,
.rowTitleInternet {
  border-bottom:1px dotted #D1D0D0;
  color:#16358C;
  font-weight:bold;
  padding-bottom:3px;
}

.rowTitleInternet {
  margin-top:15px;
}

/**************************************** 
 *
 *            BESTELLEN 
 *
**************************************** */

#bestellen {
  border-top: 1px solid #ECECEC;
  padding-top:15px;

}

#bestellen td {
  padding-left:10px;
}






/***************************************************************
 *                         footerContainer
 ***************************************************************/
#footerContainer {
  height: 200px;
  background: #f4f4f0 url("../images/interface/footer.gif") repeat-x top;
}

#footerContainer hr {
  height: 1px;
  background-color: #e6e6e6;
  border:0px;
  border-bottom: 1px solid white;
  border-top: 1px solid #e6e6e6;
}

#footerContainer #footerItems {
  margin-top:20px;
  float: left;
  width:980px;
}

#footerContainer #footerItems ul {
  margin:0px;
  padding:0px;
} 

#footerContainer #footerItems ul li { 
  list-style: none;
}

#footerContainer #footerItems .title {
  font-weight: bold;
  margin-bottom: 10px;
}

#footerContainer #footerItems .footerColumn,
#footerContainer #footerItems .footerColumnFirst,
#footerContainer #footerItems .footerColumnLast {
  float: left;
  width: 150px;
  margin-top:10px;
}

#footerContainer #footerItems .footerColumnFirst {
  margin-left:60px;
}

#footerContainer #footerItems .footerColumnLast {
  width: 320px;
}

#nieuwsbriefInput {
  float: left;
  margin-top:5px;
}

#nieuwsbriefBtn {
  float: left;
  margin-left:5px;
  margin-top:5px;
}


#footerLogos {
  background-color: #f5f5f5;
  border: 1px solid #e5e5e5;
  height: 39px;
  margin-top:10px;
}

#footerLogosTekst {
  float:right;
  margin-right:8px;
  margin-top:8px;
  text-align:right;
  width:500px;
}

/***************************************************************
 *                         ALGMEEEN
 ***************************************************************/
a img {
  border:0px;
}

.clear {
  clear: both;
}

h1, h2, h3 {
  color: #487abd;
  margin:0px;
  padding:0px;
}

h3 { font-size: 11px;}
h2 { font-size: 12px;}
h1 { font-size: 13px;}

.horSpace {
  height: 20px;
}

.left {
  float: left;
}

.right {
  float: right;
}

.button {
  font-weight:bold;
  height:13px;
  padding:6px;
  background-color:#E0E0E0;
  color:#FE0106;
  float: left;
}

.button a {
  color:#FE0106;
}

.hidden {
  display: none;
} 


.error {
  color: #FE0106;
}

.sitemapLeft {
  width: 365px;
  margin-right:20px;
  float: left;
}