﻿@media screen {

/* PAGINA ACTIES */

#containerActies {
	margin: 0;
	width: 730px;
	float: left;
	background: #FFFFFF;
	min-height: 400px;
}

/* min-height IE-FIX */
* html #containerActies {
	height: 400px;
}

#containerActiesLeft {
	background:	#FFFFFF;
	margin:	0 20px 0 0;
	padding: 0;
	width: 230px;
	text-align:	left;
	min-height:	400px;
}

/* min-height IE-FIX */
* html #containerActiesLeft {
	height: 400px;
}

#containerActiesRight {
	margin: 0;
	width: 480px;
	float: left;
	background: #FFFFFF;
	min-height: 400px
}

/* min-height IE-FIX */
* html #containerActiesRight {
	height: 400px;
}

.actie_img_big {
	text-align: center;
	/* border-bottom: 1px solid #AAAAAA; */
}

.actie_img_merklogo {
	position: absolute;
}

.actie_img_thumb {
	width: 48px;
	height: 48px;
	padding: 0 4px 0 4px;
	float: left;
}

.actie_img_border {
	width: 46px;
	height: 46px;
	padding: 2px 0 0 0;
	text-align: center;
	border: 1px solid #AAAAAA;
}

.actie_img_border img {
	display: block;
	margin: 0 auto;
}

/* SPECS BLOK */

.specs {
	width: 480px;
	padding: 10px 0 10px 0;
	height: auto;
}

.specs_kop {
	width: 476px;
	height: 21px;
	line-height: 21px;
	background: #DDDDDD;
	padding: 0 2px 0 2px;
	font-weight: bold;
	clear: both;
}
.vergelijk_kop {
	width: 480px;
	height: 46px;
	line-height: 21px;
	padding: 0 2px 0 2px;
	font-weight: bold;
	clear: both;
	background: no-repeat url('../../../img/acties/acties_vergelijk.gif');
}

.specs_kop_left {
	width: 300px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	float: left;
}

.specs_kop_left h2 {
	margin: 0;
}

.specs_kop_right {
	width: 176px;
	height: 21px;
	line-height: 21px;
	float: left;
	text-align: right;
}

.specs_kop_right a:link,
.specs_kop_right a:visited {
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#0523FF;
	line-height: 21px;
}

.specs_kop_right a:hover {
	text-decoration: none;
}


.specs_licht {
	background: #FFFFFF;	
	height: auto;
	min-height: 10px;
	display: table;	
}

.specs_licht_left {
	width: 238px;
	line-height: 21px;
	background: #FFFFFF;
	float: left;
	padding-left: 2px;
}

.specs_licht_right {
	width: 237px;
	line-height: 21px;
	border-left: 1px solid #DDDDDD;
	background: #FFFFFF;
	float: left;
	padding-left: 2px;
}

.specs_donker {
	background-color: #F5F5F5;	
	height: auto;
	min-height: 10px;
	display: table;
}

.specs_donker_left {
	width: 238px;
	line-height: 21px;
	background: #F5F5F5;
	float: left;
	padding-left: 2px;
}

.specs_donker_right {
	width: 237px;
	line-height: 21px;
	border-left: 1px solid #DDDDDD;
	background: #F5F5F5;
	float: left;
	padding-left: 2px;
}

.actie_prijs_blok {
	width: 480px;
	padding: 5px 0 2px 0;
	border-bottom: 1px solid #999;
	height: auto;
	min-height: 20px;

}

.actie_prijs_blok_left {
	width: 250px;
	float: left;
	padding: 4px 0 0 0;
}

.actie_prijs_blok_right {
	float: left;
	width: 100px;
	height: auto;
	margin: 6px 0 0 0;
	text-align: right;
}

.actie_bestellen {
	float: left;
	height: auto;
	width: 104px;
	text-align: right;
	padding: 5px 0 0 0;
}

.actie_prijs {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif; color:#333333;
}

.actie_prijs_rood {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif; color:#FF0000;
}

.actie_prijs_btw {
	font: 10px Verdana, Arial, Helvetica, sans-serif; color:#555555;
	text-align: right;
	margin: 0 0 0 0;
}

.abonnement-keuze {
	margin: 20px 0 20px 0;
}

.abonnement-keuze a:link,
.abonnement-keuze a:visited {
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#0026FF;
}

.abonnement-keuze a:hover {
	text-decoration: none;
}

.abonnement-keuze-providerlogo {
	width: 480px;
	background: url("../../../img/acties/provider_bg_uitloop.gif") repeat-x;
}

.abonnement-keuze-abotype {
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 0;
}

.abonnement-keuze-part_zakelijk {
	height: 21px;
	line-height: 21px;
	padding: 10px 0 0 0;
}

.abonnement-keuze-abo 			{width: 480px}
.abonnement-keuze-abo_rood 		{font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#FF0000; line-height:21px}
.abonnement-keuze-abo_kop		{background: #F5F5F5; height:21px; line-height:21px; float: left; font-weight: bold; text-align: right}
.abonnement-keuze-abo_licht 	{background: #FFFFFF; height:21px; line-height:21px; float: left; text-align: right}
.abonnement-keuze-abo_donker	{background: #F5F5F5; height:21px; line-height:21px; float: left; text-align: right}


/* EXTRA INFO */

.extra_info {
	position: absolute;
	width: 240px;
	height: 20px;
	min-height: 20px;
	display: block;
	padding: 10px 10px 10px 10px;
	background: #F5F5F5;
	border: solid 1px #FF6D00;
	text-align: left;
	font-size: 11px;
}

div.extra_info_abo {
	position: absolute;
	z-index: 99;
	width: 240px;
	margin: 0 0 0 -270px;
	border: 1px solid #000;
	background: #FFF;
	text-align: left;
	font-size: 11px;
}

div.extra_info_kpn {
	position: absolute;
	z-index: 99;
	width: 151px;
	margin: 0 0 0 -180px;
	border: 1px solid #000;
	background: #FFF;
	text-align: left;
	font-size: 10px;
}

div.extra_info_kpn div.extra_info_title {
	float: left;
	width: 105px;
	text-align: right;
	line-height: 21px;
}

.kpntext {
	margin-left: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
}

div.extra_info_abooptie {
	position: absolute;
	width: 300px;
	min-height: 100px;
	border: 1px solid #000; /* #DDD */
	background: #FFF;
	text-align: left;
	font-size: 11px;
}

div.extra_info div.extra_info_title,
div.extra_info_abo div.extra_info_title {
	float: left;
	width: 135px;
	line-height: 21px;
}

div.extra_info div.extra_info_prijs,
div.extra_info_abo div.extra_info_prijs {
	float: left;
	width: 105px;
	text-align: right;
	line-height: 21px;
}

div.extra_info_title span.extra_info_donker {
	display: block;
	padding-left: 5px;
	height: 21px;
	width: 130px;
	background: #F5F5F5;
}

div.extra_info_prijs span.extra_info_donker {
	display: block;
	padding-right: 5px;
	height: 21px;
	width: 100px;
	background: #F5F5F5;
}

div.extra_info_title span.extra_info_licht {
	display: block;
	padding-left: 5px;
	height: 21px;
	width: 130px;
}

div.extra_info_prijs span.extra_info_licht {
	display: block;
	padding-right: 5px;
	height: 21px;
	width: 100px;
}

div.extra_info_kop {
	background: #DDD;
	color: #000;
	padding: 0 0 0 5px;
	font-weight: bold;
	line-height: 21px;
}

/* AFSLUITER VAN @media object */
}
.table_style_info {
	width: 480px;
	margin-bottom: 15px;
}
.blox_info_acties {
	width: 480px;
	vertical-align:top;
}


.optie5blok_licht1_acties {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	width: 402px;
	line-height: 21px;
	background: #FFFFFF;
	float: left;
	padding: 0 2px 0 2px;
}

.optie5blok_donker1_acties {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	width: 402px;
	line-height: 21px;
	background: #F5F5F5;
	float: left;
	padding: 0 2px 0 2px;
}

.optie5blok_licht2_acties {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	width: 70px;
	line-height: 21px;
	background: #FFFFFF;
	float: left;
	padding: 0 2px 0 2px;
}

.optie5blok_donker2_acties {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	width: 70px;
	line-height: 21px;
	background: #F5F5F5;
	float: left;
	padding: 0 2px 0 2px;
}

.vergelijk_licht_left {
	width: 130px;
	line-height: 21px;
	background: #FFFFFF;
	float: left;
	padding-left: 2px;
}

.vergelijk_licht_right {
	width: 164px;
	line-height: 21px;
	border-left: 1px solid #DDDDDD;
	background: #FFFFFF;
	float: left;
	padding-left: 2px;
}

.vergelijk_donker_left {
	width: 130px;
	line-height: 21px;
	background: #F5F5F5;
	float: left;
	padding-left: 2px;
}

.vergelijk_donker_right {
	width: 164px;
	line-height: 21px;
	border-left: 1px solid #DDDDDD;
	background: #F5F5F5;
	float: left;
	padding-left: 2px;
}
.vergelijk_kop_1 
{	
	padding: 25px 0 0 0;
	width: 130px;
	float: left;
	padding-left: 2px;
	line-height: 21px;
}
.vergelijk_kop_2 
{
	padding: 25px 0 0 0;
	color: #FFFFFF;
	width: 169px;
	float: left;
	padding-left: 2px;
	line-height: 21px;
}
.vergelijk_opmerking 
{
	background: #DDDDDD;
	height: auto;
	float: left;
	display: table;
	
	width: auto;
	
}
.vergelijk_donker_left_opmerking {
	width: 130px;
	float: left;
	padding-left: 2px;
	line-height: 21px;
	height: auto;

}
.vergelijk_donker_opmerking {
	width: 345px;
	line-height: 21px;
	border-left: 1px solid #F5F5F5;
	display: block;
	float: left;
	height: auto;
	padding-left: 2px;
	
}
.actie_spacer
{
    height: 20px;
    }