﻿@media screen {

/* CUSTOM */

span.oranje {
	color:#FF6D00;
}

/* KOPJES */

div.kop_standaard_nomargins {
	background-image:url('../img/kop_standaard.gif');
	background-repeat: no-repeat;
	background-position: top right;
	color: #FFF;
	font-weight: bold;
	line-height: 15px;
	padding: 0 20px 0 3px;
	clear: both;
}

div.kop_standaard_nomargins a,
div.kop_standaard_nomargins a:active,
div.kop_standaard_nomargins a:visited,
div.kop_standaard_nomargins a:hover {
	color: #FFF;
	font-weight: bold;
	line-height: 15px;
}

/* OVERIGE */

.afst20px {
	position: relative;
	top: 20px;
}

.afst2px {
	position: relative;
	top: 2px;
}

.breadcrumbs {
	height: 30px;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#555555;
	line-height: 30px;
}

.breadcrumbs a:link,
.breadcrumbs a:visited {
	font: 10px Verdana, Arial, Helvetica, sans-serif; color:#555555;
}

.breadcrumbs a:hover {
	font: 10px Verdana, Arial, Helvetica, sans-serif; color:#555555;
	text-decoration: none;
}

.oranje10pxbold {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#FF6D00;
}

.oranje11pxbold {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#FF6D00;
}

.oranjebig {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif; color:#FF6D00;
}

.zwart11pxbold {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#000000;
}

.grijs11pxbold {
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#777;
}

/* NIEUWS */

div#nieuws,
div#overvtu {
	width: 730px;
}

div.kop_standaard {
	background-image:url('../img/kop_standaard.gif');
	background-repeat: no-repeat;
	background-position: top right;
	color: #FFF;
	font-weight: bold;
	line-height: 15px;
	padding-left: 3px;
	height: 15px;
	margin: 10px 0;
}

div.kop_standaard h2 {
	color: #FFF;
	line-height: 15px;
	margin: 0;
	padding: 0;
}

div.kop_standaard_nomargins h2 {
	color: #FFF;
	line-height: 15px;
	margin: 0;
	padding: 0;
}

div.kop_standaard h1 {
	color: #FFF;
	line-height: 15px;
	margin: 0;
	padding: 0;
}

div.kop_standaard_nomargins h1 {
	color: #FFF;
	line-height: 15px;
	margin: 0;
	padding: 0;
}

div#nieuws div#nieuws_items {
	margin: 20px 0;
}

div#nieuws p.oneven,
div#nieuws p.even {
	color: #FFF;
	font-weight: bold;
	margin: 0;
}

div#nieuws p.oneven a,
div#nieuws p.even a {
	padding: 5px;
	display: block;
	width: 720px;
	color: #FFF;
	font-weight: bold;
}

div#nieuws p.oneven a:hover {
	background-color: #FF994D;
	display: block;
	width: 720px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

div#nieuws p.even a:hover {
	background-color: #4C67FF;
	display: block;
	width: 720px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

div#nieuws p.oneven {
	background-color: #FF6D00;
}

div#nieuws p.even {
	background-color: #0026FF;
}

/* OVER VTU-TELECOM */

div#overvtu div.club_nokia {
	float: right;
	text-align: right;
}

div#overvtu div.intro {
	width: 520px;
}

div#overvtu div.over_adres,
div#overvtu div.over_tijden,
div#overvtu div.over_img {
	width: 243px;
	float: left;
}

div#overvtu div.over_img {
	text-align: right;
}
div#overvtu div.over_img img {
	border: 1px solid;
}

img.logo_intersport {
	display: block;
	margin-top: 25px;
}

/* CONTACT */

/* PRIVACY */

div.privacy_items {
	border-bottom: 1px dotted #999;
}

/* FAQ */

div.faq_items {
	border-bottom: 1px dotted #999;
}

div.spacer {
	width: 40px;
}


div.provider_logos {
	width: 289px;
	padding-right: 20px;
	float: left;
}

div.logo_images {
	margin-top: 10px;
}

div.logo_images img,
div.simonly_logo_images img {
	border: 1px solid #000;
	margin-bottom: 2px;	
}

div.zakelijk_image {
	width: 421px;
	float: left;
}

div.hidden {
	display: none;
}

/* CONTACTFORMULIER */
#container_contactformulier
{
}

#contactformulier
{
    float: left;
    clear: both;
    text-align: left;
    width: 483px; /* breedte formulier: linkergedeelte */
}

#contactgegevens
{
    float: left;
    width: 163px; /* breedte contactgegevens: rechtergedeelte */
    text-align: left; 
}

.formulier label
{
    display: block;
    width: 193px;
    float: left;
}

.formulier
{
    padding-top: 10px;
}

.formulier input
{
    clear: right;
    float: left;
    width: 275px;
}

.formulier select
{
    width: 279px;
}

.formulier input, .formulier select
{
    margin-bottom: 3px;
}

.submitbutton
{
    float: right;
    padding-top: 20px;
}

.dataabotext {
    height: 80px;
    float: left;
    width: 463px;
    background: #ffffff;
    overflow: auto;
    color: #333333;
    text-align: left;
	scrollbar-arrow-color: #333333;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	line-height: 20px;
}

.dataabofoto {
	float: left;
	width: 266px;
}

.dataabotabel {
	color: #FFFFFF;
	font-weight: bold;
}

.dataabotabelheadercell {
	background-color: #8c8c8c;
}

.dataabotabelfirstcell {
	background-color: #e0e0e0;
}

.dataabotabelalternatecell {
	background-color: #f5f5f5;
}

.dataabopunten {
	background: url('../../../img/dataabofoto_man.jpg') right top no-repeat;
	line-height: 20px;
}

a.internetlaptop_consument, a.internetlaptop_consument_on{
    display: block;
    float: left;
    width: 107px;
    height: 27px;
    background: url('../../../img/mobielinternet_consument.jpg') top center;
}
                
a.internetlaptop_zakelijk, a.internetlaptop_zakelijk_on{
    display: block;
    float: left;
    width: 90px;
    height: 27px;
    background: url('../../../img/mobielinternet_zakelijk.jpg') top center;
}
                
a.internetlaptop_zakelijk:hover, a.internetlaptop_consument:hover, a.internetlaptop_consument_on, a.internetlaptop_zakelijk_on{
                
    background-position: bottom center!important;
}

    .red 
    {
        background-color: #f00;
    }

    .green
    {
        background-color: #5cba44;
    }

    .pink
    {
        background-color: #d21875;
    }
    
    .blue
    {
        background-color: #242E81;
    }
	
	.benblue
    {
        background-color: #00aeef;
    }  
    
	.simyoorange
    {
        background-color: #ff6600;
    }  
	
    .youfonepurple
    {
        background-color: #8d004c;
    }

    .simpelpurple
    {
        background-color: #47183a;
    } 
    
    .yellow
    {
    	background-color: #FAD117;
    }
    
    .purple
    {
        background-color: #352171;
    } 
    .black
    {
        background-color: #000000;
    }  
    
    .lightgreen
    {
        background-color: #06A17F;
    } 
    
    .dark
    {
        background-color: #000000;
    }

.coloredContainer
{
    height: 20px; color: White; width:400px; float:left; padding-left:10px; padding-top:8px;
}
                
/* Tien jaar kpn 03-09-2010*/

.tienjaarkpn
{
	float: left;
	width: 480px;
	padding: 0 20px 20px 0;
}
.tienjaarkpn-last
{
	float: left;
	width: 480px;
	}

.tienjaarkpn-l
{
	float: left;
	background-position: center center;
	background-repeat: no-repeat;
	width: 130px;
	height: 220px;
	position: relative;
}
.tienjaar-label
{
	position: absolute;
	right: 0;
	top: 0;
	width: 73px;
	height: 69px;
	background: url(../img/prijssticker.png) no-repeat;
	
}
.tienjaarkpn-r
{
	width: 349px;	
	float: left;
		_overflow: hidden;
	background: #EEEEEE url(../img/tienjaarkpn-top.gif) left top no-repeat;
}
.tienjaarkpn-r-i
{
	width: 349px;
	float: left;

	height: 235px;
	padding: 15px 0 0 10px;
	background:  url(../img/tienjaarkpn-bot.gif)  left bottom no-repeat;
}

.tienjaarkpn-title
{
	font-size: 20px;
	color: #000000;
}
.tienjaarkpn-alleenonline
{
		float: left;
	
		width: 241px;
		height: 86px;
		padding: 18px 0 0 88px;
		background: url(../img/alleenonline2.gif)  left 10px no-repeat;	
}
.tienjaarkpn-korting
{
	color: #000000;
	font-size: 14px;
	line-height: normal;
}
.tienjaarkpn-price
{
	font-size: 28px;
	color: #ffffff;
	font-weight: bold;
	line-height: normal;
	}
.tienjaarkpn-voordeel
{
		font-size: 21px;
	color: #ffffff;
	font-weight: bold;
	line-height: normal;
	}
.tienjaarkpn-ubetaald span
{
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
}

.tienjaarkpn-ubetaald
{
		font-size: 14px;
		color: #ffffff;
		font-weight: bold;
		line-height: normal;
}

.tienjaarkpn-r-l
{
	font-size: 11px;
	color: #000;
	width: 148px;
	float: left;
	padding:  0 0 0 10px;
	line-height: 18px;
}

.tienjaarkpn-r-r
{
		width: 180px;
		float: left;
		height: 78px;
		position: relative;
}

.tienjaarkpn-r-r a
{
		width: 180px;
		float: left;
		display: block;
		height: 41px;
		bottom: -30px;
		left: -10px;
		position: absolute;
		background: url(../img/tienjaarkpnbestel.jpg) left center no-repeat;
}

.goeiedeals
{
        bottom: 0;
        left: 20px;
     	width: 71px;
     	height: 52px;
     	cursor: pointer;
        display: block;
		position: absolute;
		text-decoration: none;
		background: url(../img/goeiedeallbl.png) left center no-repeat;  
}

.goeiedeals-big
{
        bottom: -50px;
        right: 0px;
     	width: 113px;
     	height: 83px;
     	cursor: pointer;
        display: block;
		position: absolute;
		text-decoration: none;
		background: url(../img/goeie-deal-big.png) left center no-repeat;  
}


    .kpn-verlengen{
        width:922px;
        float: left;
        position: relative;
        left: -11px;
        height: 441px;
        background: url(../img/kpn/stap2.jpg) no-repeat;
        font-size: 11px;
        color: #000;
        padding: 40px;
        line-height: 18px;
    } 
    
        .kpn-verlengen-2{
        width:922px;
        float: left;
        position: relative;
        left: -11px;
        height: 441px;
        background: url(../img/kpn/bg2.jpg) no-repeat;
        font-size: 11px;
        color: #000;
        padding: 40px;
        line-height: 18px;
    } 
    
     .kpn-verlengen-2 p
     {
         
         padding: 5px 0;
         } 
    
    .kpn-verlengen ul
    {
        list-style-image: url(../img/kpn/li.gif);
        margin-left: 0;
        padding-bottom: 20px;
        padding-left: 15px;
    } 
    .kpn-verlengen ol
    {
        padding-left: 20px;
    } 
    .kpn-ti{
        color: #3bb44a;
        font-size: 30px;
        line-height: 30px;
    }

    .kpn-verlengen-form
    {
           float: left;
           width: 600px;
           top: 262px;
           left: 40px;
  
           position: absolute;
           
    }
    .kpn-ti-1
    {
        color: #fff;
         position: absolute;
         left: 40px;
         font-size: 12px;
         top: 25px;
    }
    .kpn-ti-2
    {
         color: #fff;
         position: absolute;
         left: 40px;
         font-size: 12px;
         top: 114px;
    }
    .kpn-input-1
    {
         position: absolute;
         left: 14px;
         top: 59px;
    }
    
    .kpn-input-1 input
    {
            font-size: 18px;
            line-height: normal;
            color: #4b4b4b;
            width: 143px;     
            border: 0;
            text-align: center;
            background: #ededed; 
    }
    
    .kpn-input-2
    {
         position: absolute;
         left: 14px;
         top: 149px;
    }
    
    .kpn-formtable input[type=text]
    {
            width: 200px;
            font-size: 11px;
            font-family: Verdana;
            border: 1px solid #abaaab;
            line-height: normal;
            padding: 2px;
    }
    
    .kpn-formtable select
    {
        width: 96px;    
        margin: 0 10px 0 0;
    }
    
      .kpn-formtable td
    {
              line-height: 18px;
              vertical-align: top;
               padding: 5px 0;
    }
    
    .kpn-formtable
    {
        margin: 20px 0 0 0;   
    }
           
    .kpn-input-2 input {
        font-size: 18px;
        line-height: normal;
        color: #4b4b4b;
        width: 72px;     
        border: 0;
        height: 22px;
        background: #fcfcfc; 
        text-align: center;
    }
    
    .kpn-btn-verlengen
    {
        position: absolute;
        left: 160px;
        top: 0;
        width: 175px!important;
        height:28px!important;
        text-decoration: none;
        display: block;
        background: url(../img/kpn/verlengenmogelijk.jpg);
    }
    
    .kpn-btn-aanbieding
    {
        position: absolute;
        left: 160px;
        top: 0;
        width: 175px!important;
        text-decoration: none;
        height:28px!important;
        display: block;
        background: url(../img/kpn/bekijkdeaanbieding.jpg);
    }

    .kpn-item
    {
        float: left;
        width: 307px;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        height: 301px;
        position: relative;
        background: url(../img/kpn/prod-bg.jpg) no-repeat;
    }

    .kpn-wrap
    {
          border-left: 1px solid #e5e9ff;
              padding: 0 0 0 16px;
              margin: 0 0 30px 16px;
              float: left;
     }

.kpn-holder
{
    float: left;
    width: 987px;
    left: -4px;
    padding: 15px 0 0 0;
    position: relative;    
}

.kpn-wrap-item
{

          float: left;
        margin: 0 0 30px 0;
}


.kpn-item-title
{
        color: #3bb44a;
        font-size: 18px;
        width: 195px;
        top: 17px;
        left: 20px;
        line-height: 18px;
        position: absolute;
}

.kpn-item-logo
{
        top: 15px;
        right: 10px;
        width: 60px;
        position: absolute;
}

.kpn-item-img
{
            top: 45px;
        left: 20px;
        width: 130px;
        background-position: left top;
        background-repeat: no-repeat;
        height: 200px;
        line-height: 18px;
        position: absolute;
        text-decoration: none;
}

.kpn-item-txt
{
        position: absolute;
        top: 40px;
        right: 10px;
        width: 125px;
        color: #777777;
        line-height: 18px;
        font-size: 11px;
        height: 190px;
}
 
.kpn-item-price
{
       position: absolute;
       bottom: 0;
       left: 0;
       color: #ff6d00;
       font-size: 20px;
       font-weight: bold;
}

.kpn-item-btn
{
       position: absolute;
       top: 250px;
       left: 20px;
    width: 280px;
}

.kpn-item-info
{
       position: relative;
        left: 0;
        top: 0;
        width: 107px;
        float: left;
        text-decoration: none;
        height:40px;
        margin: 0 42px 0 0;
        display: block;
        background: url(../img/kpn/meerinfo.jpg);
}

.kpn-item-bestel
{
        position: relative;
        right: 0;
        top: 0;
         float: left;
        width: 107px;
        text-decoration: none;
        height:37px;
        display: block;
        background: url(../img/kpn/bestellen.jpg);
}

	input.error{
		background: #fee;
		border: 1px solid #f00!important;
	}
		select.error{
		background: #fee;
		border: 1px solid #f00!important;
	}
	.errorTxt{
		color: #f00;
		font-weight: bold;
	}

/* AFSLUITER VAN @media object */
}


