body {
  font-family: arial;
  background: url("../images/interface/body_top_background.gif") repeat-x top;
}

#redLine {
  background: #6DBE45;
  margin:0px;
  padding:0px;
  height:4px;
  width:100%;

  
  margin-left:0px !ie7;
  width: 100% !ie7;
}


body, input, select, table, td, textarea {
    font-size: 10px;
}

input { margin-left: 0px; }

#wrapper {
  width: 980px;
  min-height: 600px;
  left:50%;
  margin-left:-490px;
  position: relative;
  margin-top:-4px;
  margin-top:-12px !ie7;
  margin-left: -500px !ie7;
}
/**************************************** 
 *
 *            HEADER 
 *
**************************************** */  
#header {
  width:980px;
  height: 79px; 
}

#header #logo {
  float: left;
  width: 183px;
  height: 64px;
  margin-top:12px;
}       

#header #rightHeader {
  float: right;
  width: 787px;
}

#header #rightHeader #topMenu {
  float: left;
  width: 538px;
  margin-top:6px;
}

#header #rightHeader #topMenu ul {
  margin:0px;
  padding:0px;
  float: right;
}

#header #rightHeader #topMenu ul li {
  background:url("../images/interface/topMenuSepa.gif") no-repeat scroll right 4px transparent;
  float:left;
  list-style:none outside none;
  margin-right:10px;
  padding-right:10px;
}

#header #rightHeader #topMenu ul li#winkelmandje {
  background:url("../images/interface/winkemandje.gif") no-repeat scroll left 1px transparent;
  float:left;
  list-style:none outside none;
  margin-left:0;
  padding-left:18px;
  font-weight: bold;
}

#header #rightHeader #topMenu ul li a {
  color: black;
  text-decoration: none;
}

/**************************************** 
 *
 *            ZOEKEN 
 *
**************************************** */  

#header #rightHeader #zoeken {
  width: 235px;
  height: 27px;
  background-color: #fe0106;
  float: right;
}

#header #rightHeader #zoeken #zoekLabel{
  color:white;
  float:left;
  font-weight:bold;
  margin-left:10px;
  margin-right:10px;
  margin-top:6px;
}

#header #rightHeader #zoeken #zoekInput{
  float: left;
  margin-top:3px;
  margin-right: 10px;
}

#header #rightHeader #zoeken #zoekInput input {
  border:1px solid white;
  width:142px;
}

#header #rightHeader #zoeken #zoekBtn{
  float: left;
  color: white;
  margin-top:7px;
}

/**************************************** 
 *
 *            AANGESLOTEN BIJ 
 *
**************************************** */ 

#header #rightHeader #aangeslotenBij {
  float: right;
  text-align: right;
  font-weight: bold;
  margin-top:10px;
  height:47px;
}

#header #rightHeader #aangeslotenBij div {
  margin-bottom:5px;
}

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

#menuCountry { 
  border-bottom:2px solid #6DBE45;
  height:32px;
  width: 980px;
}

#menu {
  height:22px;
  margin-top:5px;
  float: left;
  width: 560px;
}

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

#menu ul li {
  background:url("../images/interface/topMenuSepa.gif") no-repeat scroll right 4px transparent;
  float:left;
  list-style:none outside none;
  margin-right:10px;
  padding-right:10px;
  height: 22px;
  font-weight: bold;
}

#menu ul li.last {
  background: none !important;
}

#menu ul li a {
  color: black;
  text-decoration: none;
}

#menu ul li .labelActive{
  height: 22px;
  background:url("../images/interface/active_menu.gif") no-repeat scroll center bottom transparent;
  color: #6DBE45;           
  float:left;
}

#menu ul li .labelActive a {  
  color: #6DBE45;  
}

#menu ul li .bottomArrow {
  
}

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

#land {
  float: right;
  width: 320px;
  margin-top:5px;
}

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

#land div.label {
  font-weight: bold;
  margin-top:1px;
} 

#land div select {
  width: 200px
}

/**************************************** 
 *
 *            PROVIDERS 
 *
**************************************** */ 

#providers {
  height: 26px;
  background-color: #6DBE45;
  width: 980px;
  margin-top:2px;
  height:22px !ie7;
}

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

#providers ul li {
  list-style: none;
  float: left;
  padding:5px;
  padding-left:20px;
  padding-right: 20px;
  border-right: 1px solid white;
  height:16px;
  font-weight: bold;
  cursor:pointer;
}


#providers ul li a {
  color: white;
  text-decoration: none;
}

/**************************************** 
 *
 *            KRUIMELPAD 
 *
**************************************** */ 


#kruimelpad {
  background-color:#E0E0E0;
  border-bottom:1px solid #D1D0D0;
  color:#6DBE45;
  height:20px;
  margin-top:1px;
  padding-left:10px;
  padding-top:7px;
  position:absolute;
  top:140px;
  width:970px;
  top: 140px !ie7;
  width:980px !ie7;  
  padding-top:4px !ie7;
  padding-bottom:4px !ie7;
}

#kruimelpad a {
  color: #6DBE45;
  text-decoration: none;
}

/**************************************** 
 *
 *            COLUMN WRAPPER 
 *
**************************************** */ 

#columnWrapper {
  margin-top:58px;
  margin-top:38px !ie7;
}

/**************************************** 
 *
 *            LEFT COLUMN 
 *
**************************************** */ 

#columnWrapper #leftColumn {
  width: 189px;
  min-height:300px;
  float: left;
}

/**************************************** 
 *
 *            BOX 
 *
**************************************** */ 
*
#columnWrapper #leftColumn .box {
  margin-bottom:20px;
}

#columnWrapper #leftColumn .box .labelRed,
#columnWrapper #leftColumn .box .labelBlue,
#columnWrapper #leftColumn .box .labelSilver {
  height: 23px;
  color: white;
  padding:6px;
  background-color: #fe0106;
  height:13px;
  font-weight: bold;
}

#columnWrapper #leftColumn .box .labelBlue {
  background-color: #6DBE45;
  color: white;
}

#columnWrapper #leftColumn .box .labelSilver {
  background-color: #e0e0e0;
  color: #fe0106;
}

#columnWrapper #leftColumn .box .content {
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding:5px;
}

#columnWrapper #leftColumn .box .content h3 {
  margin:0px;
  padding:0px;
  font-size: 10px;
}

#columnWrapper #leftColumn .box .arrowSilver {
  background:url("../images/interface/arrow_zilver.gif") no-repeat 7px 0 scroll transparent;
  height: 5px;

  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;     
}


/**************************************** 
 *
 *            CENTER COLUMN 
 *
**************************************** */ 

#columnWrapper #centerColumn {
  width: 770px;
  min-height:300px;
  float: right;
  line-height: 20px;
  margin-bottom:20px;
}

#centerColumn h1 {
  margin-top:2px;
}

#centerColumn .content {
  border-bottom: 1px solid #ececec;    
  margin-bottom:15px;
}


.providerRow {
  margin-top:20px;
  height:262px;
}

.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;
}


/**************************************** 
 *
 *            FOOTER 
 *
**************************************** */

#footer {
  background: #d1d0d0;
 
  width: 980px;
  margin-bottom:10px;
}

#footer #footerListContainer {
  height: 200px;
  margin-top:5px;
  width: 580px;
  background-color: #e0e0e0;
  float: left;
  
}

#footer #footerListContainer .footerListItems {
  background: url("../images/interface/arrow_zilver_down.gif") no-repeat left top;
  width: 125px;
  float: left; 
  margin-left: 20px;
}

#footer #footerListContainer .footerListItemsLabel {
  margin-top:15px;
  float: left;
  color: #6DBE45;
  font-weight: bold;
  border-bottom: 1px dotted #d1d0d0;
  width: 125px;
  padding-bottom: 3px;
}

#footer #footerListContainer .footerListItems div a {
  color: black;
  text-decoration:none;
}

#footer #footerListContainer .footerListItems div { 
  margin-bottom: 5px;
} 

#footer #footerRightContainer { 
  float: left;
  margin-left:20px;
  padding-top:20px;
  width: 380px;
}

#footer #footerRightContainer .footerRightLabel {
  color: #6DBE45;

  float: left;
  font-weight: bold;
  border-bottom: 1px dotted #e0e0e0;
  width: 152px;
  padding-bottom: 3px;
  
}                  

#footer #footerRightContainer input {
  border:0px;
  border-bottom: 1px solid #6DBE45;
  width: 190px;
}

#footer #footerRightContainer span {
  display:block;
  float:right;
  margin-top:3px;
  text-align:left;
  width:179px;
}

#footerSepa {
  height: 1px;
  border-top: 1px solid #e0e0e0;
  margin-left:-20px;
  margin-top:20px;
  margin-bottom:20px;
}


#betaalCopyright {
  border: 1px solid #e0e0e0;
  padding:10px;
  background: url("../images/interface/betaalmogelijkheden.gif") no-repeat 10px 10px;
  height:23px;
  text-align: right;
}

#footerMenu {
  
}



#footerMenu ul {
  margin:0px;
  padding:0px;
  float: right;
  margin-top:3px;
}

#footerMenu li {
  background:url("../images/interface/topMenuSepa.gif") no-repeat scroll right 4px transparent;
  float:left;
  list-style:none outside none;
  margin-right:10px;
  padding-right:10px;
}

#footerMenu li.last {
  background:none;
  margin-right: 0px;
  padding-right: 0px;
}

#footerMenu ul li a {
  color: black;
  text-decoration: none;
}

/**************************************** 
 *
 *            PROVIDER 
 *
**************************************** */

#providerInfo {
  width: 380px;
  float:left;
  margin-right:20px; 
}

#providerVoordelen {
  float: right;
  width:330px;
  margin-bottom:10px;
}

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

#providerVoordelen ul li {
  background:url("../images/interface/vink.gif") no-repeat scroll 0 4px transparent;
  list-style:none outside none;
  margin:0;
  padding:0 0 0 20px;
}


/**************************************** 
 *
 *            ABONNEMENT OVERZICHT 
 *
**************************************** */

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

.abonnementRow a {
  color: #6DBE45 !important;
}

.rowNaam,
.rowBelminuten,
.rowPrijsNormaal,
.rowPrijsActie,
.rowPrijsActieTweeJaar {
  height: 26px;
  color: white;
  padding:6px;
  background-color: #e0e0e0;
  color: #fe0106;
  height:13px;
  font-weight: bold;
  padding-top:2px;
  padding-bottom:10px;
  width: 251px;
  float: left;
  border-right: 1px solid white;

}

.rowBelminuten {
  width: 257px;
}

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

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

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

.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;
  width: 500px !ie7;
}

.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: #6DBE45;
}

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


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

#providerActies ul li {
  background:url("../images/interface/vink.gif") no-repeat scroll 0 4px transparent;
  list-style:none outside none;
  margin:0;
  padding:0 0 0 20px;
}


#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: #6DBE45;
}

#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:#6DBE45;
  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;
}




/**************************************** 
 *
 *            GLOBAL 
 *
**************************************** */
a img {
  border:0px;
}
 
.clear {
  clear: both;
}

.listItemNum,
.listItemNumSpacer {
  border-bottom: 1px dotted #d1d0d0;
  margin-bottom:5px;
  padding-bottom: 3px;
}

.listItemNumSpacer {
  margin-top:20px;
}

.listItemNum .num,
.listItemNumSpacer .num {
  background-color:#FE0106;
  color:white;
  float:left;
  font-weight:bold;
  margin-right:10px;
  padding-bottom:0;
  padding-left:4px;
  padding-bottom:1px;
  padding-right:4px;
}

.listItemNum .value,
.listItemNumSpacer .value,
.listItemNum .valueStrong {
  color: black;
  float: left;  
}

.listItemNum .value a,
.listItemNumSpacer .value a,
.listItemNum .valueStrong a {
  color: black;
  text-decoration: none;
}

.listItemNum .valueStrong a { 
  font-weight: bold;
}


.box .labelRed,
.box .labelBlue,
.box .labelSilver {
  height: 26px;
  color: white;
  padding:6px;
  background-color: #fe0106;
  height:13px;
  font-weight: bold;
  padding-top:2px;
  padding-bottom:10px;
}

.box .labelBlue {
  background-color: #6DBE45;
  color: white;
}

.box .labelSilver {
  background-color: #e0e0e0;
  color: #fe0106;
}

.box .labelSilver a {
  color: #fe0106;
  text-decoration: none;
}

.box .content {
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding:5px;
}

#centerColumn .content .box .content a {
  color:#16358C;
}

.box .content h3 {
  margin:0px;
  padding:0px;
  font-size: 10px;
}

.arrowSilver {
  background:url("../images/interface/arrow_zilver.gif") no-repeat 7px 0 scroll transparent;
  height: 5px;

  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;     
}


h3, h2, h1 {
  color: #6DBE45;
  margin-top:0px;
}

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

.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;
} 

.normal {
  border:1px solid #E0E0E0;
  border-bottom: 1px solid #6DBE45;
}

.normalError {
  border:1px solid #E0E0E0 !important;
  border-bottom: 1px solid #FE0106 !important;
}

.error {
  color: #FE0106;
}

a {
  color: #6DBE45;
}

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

}

