﻿/* Stylesheet voor kabelnoord.nl. (c) Kabel Noord. Alle rechten voorbehouden. */

/* Stijlen: Algemeen */

body {
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  background: #ffffff;
  color: #5b5a5e;
}

* html body {
  _behavior: url(/scriptlibrary/csshover.htc);
}

form {
  margin: 0px;
  padding: 0px;
}

a img {
  border: none;
}

.clearfix {
  clear: both;
  line-height: 0px;
}

#wrapper {
  width: 100%;
  background: #d6dfe5 url(/interface/images/wrapper_bg.gif) repeat-x left top;
}

#site {
	width: 942px;
	margin: 0px auto;
	position: relative;
}


/* Stijlen: Top */

#top {
  height: 180px;
  background: url(/interface/images/top_bg.gif) repeat-x left 137px;
}

#topnav {
  width: 509px;
  height: 39px;
  position: absolute;
  left: 230px;
  top: 0px;
}

#topnav a {
  float: left;
  margin-right: 4px;
  height: 31px;
}

#topnav_btn1 { width: 106px; background: url(/interface/images/topnav_btn1.gif) no-repeat;}
#topnav_btn2 { width: 90px; background: url(/interface/images/topnav_btn2.gif) no-repeat;}
#topnav_btn3 { width: 157px; background: url(/interface/images/topnav_btn3.gif) no-repeat;}
#topnav_btn4 { width: 140px; background: url(/interface/images/topnav_btn4.gif) no-repeat;}

#topnav a:hover {
  background-position: left -31px; 
}

#topnav .active {
  height: 39px;
  background-position: left -62px; 
}

#topnav .active:hover {
  background-position: left -62px;
}

#logo {
  position: absolute;
  left: 0px;
  top: 95px;
  width: 269px;
  height: 63px;
  background-image: url(/interface/images/kabelnoord_logo.gif);
  background-repeat: no-repeat;
}

.bundels #logo { background-image: url(/interface/images/kabelnoord_logo_compleet.gif);}
.tv #logo { background-image: url(/interface/images/kabelnoord_logo_tv.gif);}
.telefoon #logo { background-image: url(/interface/images/kabelnoord_logo_telefoon.gif);}
.internet #logo { background-image: url(/interface/images/kabelnoord_logo_internet.gif);}

#nav {
  position: absolute;
  right: 102px;
  top: 74px;
}

#nav_zak, #nav_over, #nav_mijn{
  position: absolute;
  left: 310px;
  top: 74px;
}

#nav a , #nav_zak a, #nav_over a, #nav_mijn a{
  height: 65px;
  float: left;
  margin-left: 21px;
}

#nav a:hover {
  background-position: left -65px;
}

#nav a.active {
  background-position: left -195px;
}

#nav a.active:hover {
  background-position: left -195px;
}

#nav #nav_btn1 { background-image: url(/interface/images/nav_btn2.gif); width: 90px;}
#nav #nav_btn2 { background-image: url(/interface/images/nav_btn3.gif); width: 61px;}
#nav #nav_btn3 { background-image: url(/interface/images/nav_btn4.gif); width: 66px;}
#nav #nav_btn4 { background-image: url(/interface/images/nav_btn1.gif); width: 45px;}
#nav #nav_btn5 { background-image: url(/interface/images/nav_btn7.gif); width: 121px;}
#nav #nav_btn6 { background-image: url(/interface/images/nav_btn6.gif); width: 57px;}
/*#nav #nav_btn7 { background-image: url(/interface/images/nav_btn7.gif); width: 55px;}*/

#nav_over .over_btn
{ 
  text-decoration:none;
  font-size: 15px;
  margin: 44px 21px 6px 0px;
  padding: 0px;
  font-family: Verdana, Sans-Serif;
  font-weight:bold;
  color: #5d88a1;
  height:19px;
}

#nav_over .over_btn:hover
{
  border-bottom: solid 2px #4E768F;
}

#nav_zak .zak_btn
{ 
  text-decoration:none;
  font-size: 15px;
  margin: 44px 21px 6px 0px;
  padding: 0px;
  font-family: Verdana, Sans-Serif;
  font-weight:bold;
  color: #5d88a1;
  height:19px;
}

#nav_zak .zak_btn:hover
{
  border-bottom: solid 2px #4E768F;
}

#nav_mijn .mijn_btn
{ 
  text-decoration:none;
  font-size: 15px;
  margin: 44px 21px 6px 0px;
  padding: 0px;
  font-family: Verdana, Sans-Serif;
  font-weight:bold;
  color: #5d88a1;
  height:19px;
}

#nav_mijn .mijn_btn:hover
{
  border-bottom: solid 2px #4E768F;
}

#nav_zak a.active, #nav_over a.active, #nav_mijn a.active
{
  border-bottom: solid 2px #4E768F;
}

#subnav {
  position: absolute;
  left: 329px;
  top: 145px;
  color: #231f20;
}

#subnav a {
  color: #5e88a2;
  text-decoration: none;
}

#subnav a:hover, #subnav a.active {
  color: #231f20;
  text-decoration: underline;
}


/* Stijlen: Netwerkstatus */
.netwerkstatus {
  position: absolute;
  top: 25px;
  right: 0px;
  height: 21px;
  width: 113px;
}

#netwerk_ok {
  background: transparent url(/interface/images/ok.gif) no-repeat center center;
}

#netwerk_werkzaamheden {
  background: transparent url(/interface/images/werkzaamheden.gif) no-repeat center center;
}

/* Stijlen: Home - Links */

#home_links {
  float: left;
  width: 272px;
}

#nieuws, #banner_links {
  margin-bottom: 19px;
  _margin-bottom:14px;
  position: relative;
}

#banner_links {
  _margin-bottom:15px;
}

#nieuws .boven{
  height: 27px;
  background: url(/interface/images/balkje_links.gif) no-repeat;
}

#banner_links .boven 
{
  height:27px;
  background: url(/interface/images/bannerlinks-titelbalk2.gif) no-repeat;
}

#nieuws .boven span, #banner_links .boven span {
  position: absolute;
  left: 15px;
  top: 6px;
  color: #ffffff;
  font-size: 12px;
}

#nieuws .boven a {
  position: absolute;
  right: 8px;
  top: 7px;
  color: #ffffff;
  text-decoration: none;
}

#nieuws a:hover {
  text-decoration: underline;
}

#nieuws ul {
  width: 270px;
  /*height: 100px;*/
  height: 125px;
  background: #ffffff;
  margin: 0px 1px;
  padding: 0px;
}

#nieuws ul.netwerk {
  height: 25px;
}

#content #nieuws ul {
  width: 641px;
  height: auto;
  /*background: #ffffff;
  margin: 0px 1px;
  padding: 0px;*/
}

#content #nieuws li {
  width: 641px;
  _width:632px;
  list-style: none;
  background:none;
}

#nieuws li {
  float: left;
  width:270px;
  padding: 0px;
  margin: 0px;
  font-size: 12px;
  list-style: none;
}

#nieuws li a {
  display: block;
  color: #5b5a5e;
  text-decoration: none;
  padding: 6px 5px 5px 25px;
  background: url(/interface/images/icon_standaard_wit.gif) no-repeat 3px 6px;
}

#nieuws .bundels { background-image: url(/interface/images/icon_bundels_wit.gif);}
#nieuws .tv { background-image: url(/interface/images/icon_tv_wit.gif);}
#nieuws .telefoon { background-image: url(/interface/images/icon_telefoon_wit.gif);}
#nieuws .internet { background-image: url(/interface/images/icon_internet_wit.gif);}
#nieuws .status { background-image: url(/interface/images/netwerkstatus.jpg);}

#nieuws .status:hover {
  cursor: default;
  text-decoration: none;
}

#nieuws a .datum {
  margin-right:10px;
  margin-bottom:5px;
}

#nieuws a.bundels .titel {  color:#fab600;}
#nieuws a.tv .titel {  color:#ee2d24;}
#nieuws a.telefoon .titel {  color:#c1d62f;}
#nieuws a.internet .titel {  color:#00b6de;}
#nieuws a .titel {  color:#4E768F;}

#content #nieuws a:hover {
  text-decoration:none;
}

#content #nieuws a:hover .titel {
  text-decoration:underline;
}

#nieuws .onder {
  width: 270px;
  height: 8px;
  margin: 0px 1px;
  background: url(/interface/images/balkje_links_onder.gif) no-repeat;
}

#banner_links img,
#banner_links embed,
#banner_links object {
  margin: 0px 1px;
}

#banner_links .boven img {
  position: absolute;
  left: 5px;
  top: 5px;
  margin: 0px;
}

#banner_links .boven span {
  left: 28px;
}

/* Stijlen: Nieuws - Overzicht*/
#content #nieuws_selectie {
  margin-left: 40px;
  margin-bottom: 10px;
  height: 36px;
  width: 601px;
  position: relative;
}

#content #nieuws_selectie li {
  background: none;
  float: left;
  margin: 0px auto;
  padding: 0px;
  font-size: 14px;
  padding-bottom: 20px;
  padding-right: 20px;
}

#content #nieuws_selectie li.jaar {
  font-weight: bold;
  width: 60px;
}

#content #nieuws_selectie li.active {
  text-decoration: underline;
}

#nieuws_selectie li .maanden {
  display: none;
  position: absolute;
  left: 0px;
  top: 20px;
  width: 550px;
  background-color: White;
  padding-bottom: 1px;
}

#nieuws_selectie li:hover {
  text-decoration: underline;
}

#nieuws_selectie li:hover .maanden,
#nieuws_selectie li.active .maanden {
  display: block;
  z-index: 4;
}

#nieuws_selectie li:hover .maanden {
  z-index: 5;
}

#nieuws_selectie li .maanden .maand {
  margin: 0px 10px;
}

#nieuws_selectie li .maanden .maand.active,
#nieuws_selectie li .maanden .maand.active a {
  text-decoration: underline;
}

/* Stijlen: Home - Midden */

#home_midden {
  float: left;
  width: 415px;
  margin: 0px 0px 19px 14px;
  display: inline; /* IE6 bugfix */
}

#home-flash {
  position: relative;
}

#home-flash a {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 389px;
  width: 415px;
  z-index: 10;
  text-decoration: none;
  background-image: url('/interface/images/lightbox/blank.gif');
}

#home-flash div {
  position: absolute;
  top: 0px;
  left: 0px;
}


/* Stijlen: Sidebar */

#sidebar {
  float: left;
  width: 227px;
  margin: 0px 0px 29px 14px;
  _margin-left:14px;
  display: inline; /* IE6 bugfix */
}

#sidebar #banner_actie {
  /*
   20080724 - JKO - hierdoor wordt het zoeken juist gepositioneerd
   20081127 - Margin weer toegevoegd ivm downloads op de vervolg pagina.
   margin-bottom: 19px; 
  */
  margin-bottom:20px;
  position: relative;
  z-index: 1;
}

#sidebar #banner_actie .bestellen, #sidebar #banner_actie .bestellen2
{
  position:absolute;
  top:184px;
  left:64px;
  display:none;
}


#sidebar #banner_actie a.bestellen_link
{
  display:block;
  background-image:none;
  background-position:center center;
  height:69px;
  width:94px;
  position:absolute;
  left:64px;
  top:184px;
}

#sidebar #banner_actie .banner_bestellen:hover a.bestellen_link
{
  background-image: url(/interface/images/meer_info.png);
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src= '/interface/images/meer_info.png');
  cursor:pointer;
}
#sidebar #banner_actie:hover a:hover.bestellen_link
{
  background-image: url(/interface/images/meer_info_solid.png);
}

#sidebar #banner_actie a.bestellen_link:hover
{  
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src= '/interface/images/meer_info_solid.png');
  cursor:pointer;
}
/* de rest van sidebar stijlen. */

#sidebar #banner_actie .boven {
  height: 27px;
  background: url(/interface/images/balkje_rechts.gif) no-repeat;
}

#banner_actie .boven span {
  position: absolute;
  left: 28px;
  top: 6px;
  color: #ffffff;
  font-size: 12px;
}

#banner_actie .boven a {
  position: absolute;
  right: 8px;
  top: 7px;
  color: #ffffff;
  text-decoration: none;
}

#banner_actie .boven a:hover {
  text-decoration: underline;
}

#banner_actie img,
#banner_actie embed, 
#banner_actie object
{
  /*Veranderd in padding ivm, opschuiven bij hover (IE7)*/
  padding: 0px 1px;
  margin: 0px 1px;
}

#banner_actie .boven img {
  position: absolute;
  left: 5px;
  top: 5px;
  margin: 0px;
}

#zoeken {
  position: absolute;
  right: 0px;
  bottom: 19px;
  width: 227px;
  height: 30px;
  background: url(/interface/images/zoeken_bg.gif) no-repeat;
  z-index: 1;
}

#zoeken .inner {
  position: relative;
}

#zoeken .input {
  position: absolute;
  left: 30px;
  top: 8px;
  width: 128px;
  padding: 0px 3px;
  font-size: 11px;
  border: 0px none;
}

#zoeken a {
  position: absolute;
  left: 172px;
  top: 8px;
}

#zoeken .button {
  position: absolute;
  left: 172px;
  top: 8px;
}

#servicemenu {
  width: 226px;
  height: 54px;
  background: url(/interface/images/servicemenu_bg.gif) no-repeat;
  position: relative;
  margin-bottom: 20px;
  z-index:8;
}

#servicemenu span {
  position: absolute;
  left: 30px;
  top: 9px;
  font-size: 12px;
  color: #ffffff;
}

#servicemenu .btn {
  position: absolute;
  left: 27px;
  top: 27px;
  cursor: pointer;
}

#servicemenu #service_dropdown {
  position: absolute;
  left: 29px;
  top: 43px;
  width: 185px;
  padding: 3px 0px;
  background: #ffffff;
  border: 1px solid #5e88a2;
  border-top: 0px none;
  z-index: 10;
}

#service_dropdown a {
  display: block;
  color: #414042;
  text-decoration: none;
  padding: 4px 8px;
}

#service_dropdown a:hover {
  color: #4e768f;
  text-decoration: underline;
  background: #d7e1e8;
}

#downloads {
  margin-bottom: 19px;
  position: relative;
  z-index: 1;  
}

#downloads .boven {
  height: 27px;
  background: url(/interface/images/balkje_rechts.gif) no-repeat;
}

#downloads .boven span {
  position: absolute;
  left: 15px;
  top: 6px;
  color: #ffffff;
  font-size: 12px;
}

#downloads ul {
  margin: 0px 1px;
  padding: 2px 0px 8px 0px;
  float: left;
  width: 223px;
  background: #ffffff url(/interface/images/balkje_rechts_onder.gif) no-repeat left bottom;
}

#downloads li {
  float: left;
  clear: both;
  margin: 0px;
  padding: 0px;
  list-style: none;
  font-size: 12px;
  width:223px;
  line-height: 15px;
}

#downloads li a {
  display: block;
  color: #5b5a5e;
  text-decoration: none;
  padding: 6px 5px 5px 25px;
  background: url(/interface/images/icon_standaard_wit.gif) no-repeat 3px 6px;
}

#downloads a:hover {
  text-decoration: underline;
}

.bundels #downloads li a { background-image: url(/interface/images/icon_bundels_wit.gif);}
.tv #downloads li a { background-image: url(/interface/images/icon_tv_wit.gif);}
.telefoon #downloads li a { background-image: url(/interface/images/icon_telefoon_wit.gif);}
.internet #downloads li a { background-image: url(/interface/images/icon_internet_wit.gif);}

/* Stijlen: Verhuisformulier */
.marginTekst
{
  margin-left:30px;
  display:block;
  margin-top:5px;
}

.marginTekst img {
  float:right;
}

.subkop {
  margin-top:10px;
  margin-bottom:2px;
  display:block;
}

#verhuizen .regel label {
  width:190px;
  padding-left:30px;
  display:block;
  float:left;
  padding-bottom: 10px;
}

#verhuizen #signalen .regel label
{
  padding-left:49px;
  width:171px;
}

#verhuizen .regel input {
  display:block;
  width:415px;
  margin-bottom: 3px;
  float:left;
}

#verhuizen .regel
{
  width:645px;
  float: left;
  _height:25px;
  *+min-height:25px;
}

#verhuizen .regel table label {
  width:600px;
  float:right;
  display:inline;
  padding-left:0px;
}

#verhuizen .regel table input {
  float:left;
  display:inline;
  margin:0px;
  padding:0px;
  width:28px;
}

#verhuizen .regel table input
{
  margin-left:18px;
}

#verhuizen .regel table label
{
  width:580px;
}



/* Stijlen: Vervolgpagina's - Content */

#content_wrapper {
  float: left;
  width: 701px;
}

#content {
  float: left;
  width: 641px;
  padding: 15px 30px;
  color: #5e88a2;
  font-size: 12px;
  line-height: 16px;
  min-height:389px;
  /*IE6*/
  _height:389px;
  _display:inline;
  _padding:15px 28px;
  background: #ffffff url(/interface/images/content_bg.gif) no-repeat;
}

#content h1 {
  font-size: 24px;
  margin: 0px 0px 25px 0px;
  padding: 0px;
  line-height:24px;
}

#content h2 {
  font-size: 12px;
  padding: 0px 0px 8px 23px;
  margin: 0px 0px 0px -23px;
  color: #231f20;
  background: url(/interface/images/icon_standaard_wit.gif) no-repeat;
}

.bundels #content h2 { background: url(/interface/images/icon_bundels_wit.gif) no-repeat;}
.tv #content h2 { background: url(/interface/images/icon_tv_wit.gif) no-repeat;}
.internet #content h2 { background: url(/interface/images/icon_internet_wit.gif) no-repeat;}
.telefoon #content h2 { background: url(/interface/images/icon_telefoon_wit.gif) no-repeat;}

#content p {
  padding: 0px;
  margin: 0px 0px 20px 0px;
}

#content a {
  color: #5e88a2;
  font-weight: bold;
  text-decoration: none;
}

.bundels #content a { color: #fab600;}
.tv #content a { color: #ee2d24;}
.internet #content a { color: #08b8df;}
.telefoon #content a { color: #c1d62f;} 

#content a:hover {
  text-decoration: underline;
}

#content .stap .knop {
  margin-top: 10px;
  margin-right: 3px;
  float: right;
}

#content #stap14.stap ul {
  margin: 0px;
  padding: 0px;
  margin-left: 30px;
  margin-top: 10px;
}

#content #stap14.stap ul li {
  margin: 0px;
  background:transparent url(/interface/images/bullet.gif) no-repeat scroll left 8px;
  list-style: none;
  color: #5E88A2;
  font-weight: bold;
}

#content ul {
  margin: 0px 0px 20px 0px;
  padding: 0px;
}

#content li {
  margin: 0px 0px 8px 0px;
  padding: 0px 0px 0px 13px;
  list-style: none;
  background: url(/interface/images/bullet.gif) no-repeat left 8px;
}

#content li ul {
  margin-top: 5px;
}

#content_sluiting {
  float: left;
  width: 701px;
  height: 8px;
  font-size: 1px;
  line-height: 1px;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-image: url(/interface/images/content_onder.gif);
}

#content_sluiting.foto {
  height: 286px;
}

.banner_onder {
  float: left;
  width: 701px;
  height: 235px;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-color: #ffffff;
  text-decoration: none;
}

.banner_onder span {
  display: block;
  width: 643px;
  height: 18px;
  margin-left: 32px;
  border-bottom: 1px solid #5e88a2;
  font-size: 12px;
  color: #5e88a2;
}


#toelichting {
  float: left;
  width: 669px;
  padding: 3px 0px 5px 0px;
  margin-left: 32px;
  font-size: 9px;
  color: #82a2b6;
  display: inline;
  min-height:12px;
}

#toelichting a {
  color: #82a2b6;
}

#content #fotos_onder {
  margin: 20px -10px 20px 0px;
  width: 648px;
  clear: both;
}

#content #fotos_onder img {
  float: left;
  margin: 0px 10px 10px 0px;
}

/* Stijlen: Nieuwsbrief aanmelden */
#nieuwsbrief .regel
{
  display:block;
  float:left;
  width:641px;
  margin-bottom:5px;
}

#nieuwsbrief .label
{
  float:left;
  width:150px;
}

#nieuwsbrief input
{
  float:left;
}

#nieuwsbrief .btn_aanmelden {
  margin: 10px 376px 10px 150px;
}

#nieuwsbrief .nieuwsbriefRespons {
  display: block;
}

#nieuwsbrief ul {
  display: block;
  float: left;
  margin: 0px 0px 0px 150px;
}

/* Stijlen: FAQ */

#content #meestgesteld
{
  margin-top:30px;
}

#meestgesteld .bundels { background-image: url(/interface/images/icon_bundels_wit.gif);}
#meestgesteld .tv { background-image: url(/interface/images/icon_tv_wit.gif);}
#meestgesteld .telefoon { background-image: url(/interface/images/icon_telefoon_wit.gif);}
#meestgesteld .internet { background-image: url(/interface/images/icon_internet_wit.gif);}

.faq .bundels { background-image: url(/interface/images/icon_bundels_wit.gif);}
.faq .tv { background-image: url(/interface/images/icon_tv_wit.gif);}
.faq .telefoon { background-image: url(/interface/images/icon_telefoon_wit.gif);}
.faq .internet { background-image: url(/interface/images/icon_internet_wit.gif);}

#meestgesteld a, .faq a {
  background:transparent url(/interface/images/icon_standaard_wit.gif) no-repeat scroll 3px 6px;
  display:block;
  padding:6px 5px 5px 25px;
  /*width:368px;*/
}

#meestgesteld a.terug_link, 
.faq a.terug_link {
  display:inline;
}

.faq a
{
  width:auto;
}

#faqRechts
{
  float:right;
  width:226px;
  margin-top:30px;
}

#faqmenu
{
  background:transparent url(/interface/images/servicemenu_bg.gif) no-repeat scroll 0% 50%;
  height:54px;
  margin-top:10px;
  margin-bottom:20px;
  position:relative;
  width:226px;
  z-index:100;
}

#faqmenu select
{
  cursor:pointer;
  left:27px;
  position:absolute;
  top:27px;
  /*height:16px;*/
  width:189px;
  font-size:11px;
  font-family:Verdana;
  color:#414042;
}

#faqmenu span
{
  color:#FFFFFF;
  font-size:12px;
  left:30px;
  position:absolute;
  top:9px;
}

/* Stijlen: Zenderoverzicht en zender */
#zenderzoeken
{
  background-image: url(/interface/images/bg_zender_zoeken.gif);
  width:632px;
  height:24px;
  padding-top:6px;
  padding-left:6px;
  vertical-align:top;
}

#zenderzoeken select
{
  width:189px;
  font-size:11px;
  font-family:Verdana;
  color:#414042;
  border:none;
  line-height:12;
  margin-right:15px;
  margin-bottom:3px;
}

#zenderzoeken input
{
  font-size:11px;
  font-family:Verdana;
  color:#414042;
  border:none;
}

#zenderzoeken .zoekveld
{
  margin-bottom:3px;
}

.zender
{
  float:left;
  display:block;
  position:relative;
  width:122px;
  height:103px;
  background-image: url(/interface/images/zender_info.gif);
  text-align:center;
  margin-top:15px;
  margin-right:48px;
  margin-bottom:41px;
}

.fourth
{
  margin-right:0px;
}

.pakket
{
  float:left;
  margin-right:3px;
}

.pakketten
{
  position:absolute;
  display:block;
  left:12px;
  top:66px;
}

.zender .pakketten img
{
  margin-top:auto;
}

.zender img
{
  margin-top:10px;
}

.zender .meerinfo
{
  margin-top: 10px;
  margin-left:23px;
}

#naar_zenderoverzicht
{
  float:left;
  margin-top:10px;
  display:block;
}

.label 
{
  display:block;
  width:80px;
  float:left;
}

.waarde
{
  display:block;
  width:450px;
  float:left;
}

/* Stijlen: Actioverzicht.*/

#actieoverzicht .bundels { background-image: url(/interface/images/icon_bundels_wit.gif);}
#actieoverzicht .tv { background-image: url(/interface/images/icon_tv_wit.gif);}
#actieoverzicht .telefoon { background-image: url(/interface/images/icon_telefoon_wit.gif);}
#actieoverzicht .internet { background-image: url(/interface/images/icon_internet_wit.gif);}

#actieoverzicht a{
  background:transparent url(/interface/images/icon_standaard_wit.gif) no-repeat scroll 3px 6px;
  display:block;
  padding:6px 5px 5px 25px;
  /*width:368px;*/
}

/* Stijlen: Vervolgpagina's - Content-afbeeldingen */

#content .foto_rechts {
  float: right;
  clear: right;
  margin: 0px 0px 10px 10px;
}

#content .fotos_onder {
  margin: 20px -10px 20px 0px;
  float: left;
  clear: both;
}

#content .fotos_onder img {
  float: left;
  margin: 0px 10px 10px 0px;
}


/* Stijlen: Productgroep-beginpagina's */

#content.productgroephome {
  width: 238px;
  min-height: 335px;
  _height: 335px; /* IE6 */
  padding: 24px 433px 30px 30px;
  overflow: hidden;
}

#content.productgroephome ul{
  margin:0px;
}


/* Stijlen: Overizchtspagina's */

#overzicht {
  margin: 10px -29px 10px 0px;
  float: left;
  clear: both;
}

#content .product_detailblok {
  float: right;
  width: 302px;
  margin: 0px 0px 15px 15px;
  background: url(/interface/images/overzicht_item_bg.gif) no-repeat left bottom;
  position: relative;
  padding-bottom: 54px;
}

#content #overzicht .product_detailblok {
  float: left;
  margin: 0px 29px 48px 0px;
}

#content .product_detailblok .boven {
  display: block;
}

#content .product_detailblok .logo {
  display: block;
  margin-left: 14px;
}

#content .product_detailblok .titel {
  height: 20px;
  overflow: hidden;
  font-size: 11px;
  color: #5e88a2;
  text-transform: uppercase;
  margin-left: 14px;
}

#content .product_detailblok .blok_tv,
#content .product_detailblok .blok_telefoon,
#content .product_detailblok .blok_internet {
  height: 32px;
  margin: 0px 1px 6px 1px;
  overflow: hidden;
  padding: 6px 5px 4px 35px;
}

#content .product_detailblok .blok_tv { background: #fef1eb url(/interface/images/icon_tv_overzicht.gif) no-repeat 14px 10px;}
#content .product_detailblok .blok_internet { background: #e2f4fb url(/interface/images/icon_internet_overzicht.gif) no-repeat 14px 10px;}
#content .product_detailblok .blok_telefoon { background: #f0f5cd url(/interface/images/icon_telefoon_overzicht.gif) no-repeat 14px 10px;}

#content .product_detailblok .btn_meer_info {
  position: absolute;
  left: 14px;
  bottom: 24px;
}

#content .product_detailblok .prijs {
  position: absolute;
  right: 16px;
  bottom: 26px;
  font-size: 11px;
  color: #5e88a2;
  line-height: 20px;
}

#content .product_detailblok .prijs span {
  color: #414042;
  font-size: 20px;
  font-weight: bold;
}

#content .product_detailblok .prijs span span {
  color: #414042;
  font-size: 14px;
  font-weight: bold;
}

#content .product_detailblok .btn_bestel_nu {
  position: absolute;
  right: 16px;
  bottom: -14px;
  display: block;
  width: 73px;
  height: 23px;
  padding: 5px 0px 0px 33px;
  background: url(/interface/images/btn_bestel_nu.gif) no-repeat left top;
  font-weight: normal;
  color: #ffffff;
}

#content .product_detailblok .btn_bestel_nu:hover {
  background: url(/interface/images/btn_bestel_nu.gif) no-repeat left bottom;
  text-decoration: none;
}

/* Stijlen: Sitemap */
#sitemap li.hoofdnavigatie {
  float:left;
  background: none;
}

#sitemap li.hoofdnavigatie a.hoofditem {
  font-size: 14px;
}

/* Stijlen: Footer */

#footer {
  width: 100%;
  height: 105px;
  background: url(/interface/images/footer_bg.gif) repeat-x;
  font-size: 10px;
  color: #231f20;
  position: relative;
}

#footerlinks_boven, #footerlinks_onder, #footerlogo, #copyright {
  position: absolute;
  left: 50%;
}

#footer #footerlinks_boven {
  top: 15px;
  width: 259px;
  margin-left: -129px;
}

#footer #footerlinks_onder {
  top: 33px;
  width: 675px;
  margin-left: -149px;
}

#footer a {
  text-decoration: none;
  color: #5e88a2;
}

#footer a:hover {
  color: #231f20;
}

#footer #footerlogo {
  top: 54px;
  width: 131px;
  margin-left: -65px;
}

#footer #copyright {
  top: 89px;
  width: 394px;
  margin-left: -197px;
  color: #aec1cc;
}

/*** extra ***/
.textarea
{
  width: 420px; 
}

/* Actie ruis van de buis */

#overlay_ruis {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background: url(/interface/images/overlay-ruis-bg.jpg);
  z-index: 91;
  display: none;
}

#popup_ruis {
  width: 792px;
  height: 550px;
  position: absolute;
  left: 50%;
  margin-left: -396px;
  top: 0px;
  z-index: 100;
  display: none;
}

#popup_ruis .inner {
  width: 100%;
  height: 100%;
  background: url(/interface/images/popup-ruis-bg.png);
}

#popup_ruis a {
  position: absolute;
  overflow: hidden;
  height: 30px;
  text-indent: -9001px;
}

#popup_ruis .knop_sluiten {
  right: 85px;
  top: 56px;
  width: 128px;
  height: 32px;
  background: url(/interface/images/knop-ruis-sluiten.gif);
}

#popup_ruis .knop_meer_info {
  left: 94px;
  bottom: 130px;
  width: 158px;
  background: url(/interface/images/knop-ruis-meer-info.gif);
}

#popup_ruis .knop_1dag {
  left: 302px;
  bottom: 72px;
  width: 118px;
  height: 117px;
  background: url(/interface/images/knop-ruis-1dag.gif);
}

#popup_ruis .knop_sluiten_onder {
  left: 94px;
  bottom: 90px;
  width: 188px;
  background: url(/interface/images/knop-ruis-sluiten-onder.gif);
}