﻿@media screen {

/* ARTIKEL BLOK */

.table_style {
	width: 730px;
	margin-bottom: 15px;
}

.clear{ 
    clear: both; 
}

div.optie_img {
	background: url('../../../img/bestelpagina_img1.jpg') bottom right no-repeat;
	padding: 0 150px 30px 0;
}

.artikel_img {
	width: 100px;
	vertical-align: middle;
}

.artikel_specs {
	width: 630px;
	vertical-align:top;
	margin: 0;
	padding: 0;
}

.blox_info {
	width: 730px;
	vertical-align:top;
	border: 0;
}

.artikel {
	width: 730px;
	margin: 20px 0 20px 0;
}

.artikel_kop {
	width: 726px;
	height: 21px;
	line-height: 21px;
	background: #DDDDDD;
	padding: 0 2px 0 2px;
	font-weight: bold;
	clear: both;
}

.artikel_voet {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	height: 1px;
	line-height: 1px;
	background: #DDDDDD;
	clear: both;
}

.artikel_img {
	width: 100px;
	background: #FFFFFF;
	float: left;
}

.artikel_licht_vraag {
	width: 137px;
	line-height: 21px;
	border-left: 1px solid #DDDDDD;
	background: #FFFFFF;
	padding-left: 2px;	
	vertical-align: top;
}

.artikel_licht_antwoord {
	width: 487px;
	line-height: 21px;
	border-left: 1px solid #DDDDDD;
	background: #FFFFFF;
	padding-left: 2px;
}

.artikel_donker_vraag {
	width: 137px;
	line-height: 21px;
	border-left: 1px solid #DDDDDD;
	background: #F5F5F5;
	padding-left: 2px;
	vertical-align: top;	
}

.artikel_donker_antwoord {
	width: 487px;
	line-height: 21px;
	border-left: 1px solid #DDDDDD;
	background: #F5F5F5;
	padding-left: 2px;
}

.abonnementskosten_small {
	font-size: 9px;
}

/* OPTIES 5 BLOK */

.optie5blok {
	width: 730px;
	margin: 20px 0 20px 0;
}

.optie5blok_kop {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	height: 21px;
	line-height: 21px;
	background: #DDDDDD;
	padding: 0 2px 0 2px;
	font-weight: bold;
	clear: both;
}

.optie5blok_wit {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	height: 21px;
	line-height: 21px;
	background: #FFFFFF;
	clear: both;
}

.optie5blok_voet {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	height: 1px;
	line-height: 1px;
	background: #DDDDDD;
	clear: both;
}

.optie5blok_licht1 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	width: 26px;
	line-height: 21px;
	height: 21px;
	background: #FFFFFF;
	padding: 0 2px 0 2px;
}

.optie5blok_donker1 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	width: 26px;
	line-height: 21px;
	height: 21px;
	background: #F5F5F5;
	padding: 0 2px 0 2px;
}

.optie5blok_licht2 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	width: 141px;
	line-height: 21px;
	background: #FFFFFF;
	padding: 0 2px 0 2px;
}

.optie5blok_donker2 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	width: 141px;
	line-height: 21px;
	background: #F5F5F5;
	padding: 0 2px 0 2px;
}

.optie5blok_licht3 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	width: 431px;
	line-height: 21px;
	background: #FFFFFF;
	padding: 0 2px 0 2px;
}

.optie5blok_donker3 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	width: 431px;
	line-height: 21px;
	background: #F5F5F5;
	padding: 0 2px 0 2px;
}

.optie5blok_licht4 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	width: 116px;
	line-height: 21px;
	background: #FFFFFF;
	padding: 0 2px 0 2px;
}

.optie5blok_donker4 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	width: 116px;
	line-height: 21px;
	background: #F5F5F5;
	padding: 0 2px 0 2px;
}

/*
.optie5blok_licht5 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	width: 96px;
	line-height: 21px;
	background: #FFFFFF;
	padding: 0 2px 0 2px;
}

.optie5blok_donker5 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	width: 96px;
	line-height: 21px;
	background: #F5F5F5;
	padding: 0 2px 0 2px;
}
*/

/* GEGEVENS INVULLEN BLOK */

.gegevens {
	width: 730px;
	margin: 20px 0 20px 0;
}

.gegevens_kop {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	height: 21px;
	line-height: 21px;
	background: #DDDDDD;
	padding: 0 2px 0 2px;
	font-weight: bold;
	clear: both;
}

.gegevens_wit {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	height: 21px;
	line-height: 21px;
	background: #FFFFFF;
	clear: both;
}

.gegevens_voet {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	height: 1px;
	line-height: 1px;
	background: #DDDDDD;
	clear: both;
}

.gegevens_licht1 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	width: 286px;
	line-height: 21px;
	background: #FFFFFF;
	float: left;
	padding: 0 2px 0 2px;
}

.gegevens_donker1 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	width: 286px;
	line-height: 21px;
	background: #F5F5F5;
	float: left;
	padding: 0 2px 0 2px;
}

.gegevens_licht2 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	width: 255px;
	line-height: 21px;
	background: #FFFFFF;
	float: left;
	padding: 0 2px 0 2px;
}

.gegevens_donker2 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	width: 255px;
	line-height: 21px;
	background: #F5F5F5;
	float: left;
	padding: 0 2px 0 2px;
}

.gegevens_donker2 a.line21 {
	line-height: 21px;
	font-size: 10px;
}

.gegevens_licht3 {
	font: 10px Verdana, Arial, Helvetica, sans-serif; color: #0026FF;
	width: 176px;
	line-height: 21px;
	background: #FFFFFF;
	float: left;
	padding: 0 2px 0 2px;
}

.gegevens_donker3 {
	font: 10px Verdana, Arial, Helvetica, sans-serif; color: #0026FF;
	width: 176px;
	line-height: 21px;
	background: #F5F5F5;
	float: left;
	padding: 0 2px 0 2px;
}

.gegevens_licht2en3samen {
	font: 10px Verdana, Arial, Helvetica, sans-serif; color: #0026FF;
	width: 432px;
	line-height: 21px;
	background: #FFFFFF;
	float: left;
	padding: 0 2px 0 2px;
}

.gegevens_donker2en3samen {
	font: 10px Verdana, Arial, Helvetica, sans-serif; color: #0026FF;
	width: 432px;
	line-height: 21px;
	background: #F5F5F5;
	float: left;
	padding: 0 2px 0 2px;
}

/* STAP 2 */
.collapse-content-user {
    display:none;
    height:220px;
}

.collapse-content-payment {
    display:none;
    height:220px;
}

.collapse-content-number {
    display:none;
    height:160px;
}


/* ANNULEREN - VERDER MET BESTELLEN BLOK*/

.annuleer_verdermetbestellen {
	width: 728px;
	height: 49px;
	border: 1px solid #DDDDDD;
	background: #F5F5F5;
}

.annuleer {
	width: 190px;
	padding: 14px 0 0 10px;
	float: left;
}

.verdermetbestellen {
	width: 518px;
	padding: 14px 10px 0 0;
	text-align: right;
	float: left;
}

/* FORMULIEREN */

.text_input_standard,
.text_input_straat,
.text_input_nummer,
.text_input_tussenv,
.dropdown_manvrouw,
.dropdown_total,
.dropdown_small,
.dropdown_geboortedatum {
	border: 1px solid #CCC;
}

.text_input_standard {
	width: 250px;
}

.text_input_straat {
	width: 114px;
}

.text_input_nummer,
.text_input_tussenv,
.dropdown_geboortedatum {
	width: 60px;
}

.dropdown_total {
	width: 252px;
}

.dropdown_small {
	width: 188px;
}

/* BESTELPROCES STAP 3 */

div.stap_container, div.stap_container_bottomborder {
	width: 730px;
	border-top: 1px solid #DDD;
	margin-top: 5px;
	display: table;
	padding-top: 5px;
}

div.stap_container_notopborder  {
	border-top: 0px;
}

div.stap_container_bottomborder  {
	border-bottom: 1px solid #DDD;
}

div.stap_container div.float_left {
	float: left;
	width: 365px;
}

div.stap_container div.float_right{
	float: right;
	width: 355px;
	height: 50px;
	background: #DDD;
	padding: 5px;
}

div.stap_container img {
	float: left;
	margin-right: 20px;
}

div.stap5_img {
	/* height: 150px; */
	float: left;
	margin-right: 20px;
}

div.stap5_content {
	float: left;
}

div.stap5_img img {
	margin: 0;
}
.textfield_highlight {
    border: 1px solid #FF6D00 !important;
    background: #FF6D00 !important; 
}

.ajax__validatorcallout_vtucustom div, .ajax__validatorcallout_vtucustom td {border: 1px solid #000000;background-color:#ffffff;}
.ajax__validatorcallout_vtucustom .ajax__validatorcallout_popup_table {display:none;background-color:transparent;padding:0px;}
.ajax__validatorcallout_vtucustom .ajax__validatorcallout_popup_table_row {vertical-align:top;height:100%;background-color:#ffffff;border:none;padding:0px;}
.ajax__validatorcallout_vtucustom .ajax__validatorcallout_callout_cell {width:20px;height:100%;text-align:right;vertical-align:top;border:none;background-color:transparent;padding:0px;}
.ajax__validatorcallout_vtucustom .ajax__validatorcallout_callout_table {height:100%;border:none;background-color:transparent;padding:0px;}
.ajax__validatorcallout_vtucustom .ajax__validatorcallout_callout_table_row {background-color:transparent;padding:0px;}
.ajax__validatorcallout_vtucustom .ajax__validatorcallout_callout_arrow_cell {padding:8px 0px 0px 0px;text-align:right;vertical-align:top;font-size:1px;border:none;background-color:transparent;}
.ajax__validatorcallout_vtucustom .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {font-size:1px;position:relative;left:1px;border-bottom:none;border-right:none;border-left:none;width:15px;background-color:transparent;padding:0px;}
.ajax__validatorcallout_vtucustom .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {background: #000;height:1px;overflow:hidden;border-top:none;border-bottom:none;border-right:none;padding:0px;margin-left:auto;}
.ajax__validatorcallout_vtucustom .ajax__validatorcallout_error_message_cell {border:none;border-bottom: 1px solid #000000;border-top: 1px solid #000000;font-family:Verdana;font-size:10px;padding:5px; width:100%;}
.ajax__validatorcallout_vtucustom .ajax__validatorcallout_icon_cell {width:20px;padding:5px;border-right:none;}
.ajax__validatorcallout_vtucustom .ajax__validatorcallout_close_button_cell {vertical-align:top;padding:0px;text-align:right;border-left:none;}
.ajax__validatorcallout_vtucustom .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {border:none;text-align:center;width:10px;padding:2px;cursor:pointer;}

/* AFSLUITER VAN @media object */
}