
@font-face {
    font-family: 'ITCAvantGardeGothicStdDemi';
    src: url('../fonts/itcavantgardestd-demi-webfont.eot');
    src: url('../fonts/itcavantgardestd-demi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/itcavantgardestd-demi-webfont.woff') format('woff'),
         url('../fonts/itcavantgardestd-demi-webfont.ttf') format('truetype'),
         url('../fonts/itcavantgardestd-demi-webfont.svg#ITCAvantGardeGothicStdDemi') format('svg');
    font-weight: normal; 
    font-style: normal;
}


@font-face {
    font-family: 'Kenteken normaal';
    src: url('../fonts/kenteken-webfont.eot');
    src: url('../fonts/kenteken-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kenteken-webfont.woff') format('woff'),
         url('../fonts/kenteken-webfont.ttf') format('truetype'),
         url('../fonts/kenteken-webfont.svg#Kenteken normaal') format('svg');
    font-weight: normal; 
    font-style: normal;
}

@font-face {
    font-family: 'Kenteken smal';
    src: url('../fonts/kenteken_smal-webfont.eot');
    src: url('../fonts/kenteken_smal-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kenteken_smal-webfont.woff') format('woff'),
         url('../fonts/kenteken_smal-webfont.ttf') format('truetype'),
         url('../fonts/kenteken_smal-webfont.svg#Kenteken smal') format('svg');
    font-weight: normal; 
    font-style: normal;
}

/**********************************************
 * STANDAARD ELEMENTEN
**********************************************/

#recaptcha_widget_div	{ display:inline-block; }

::selection 				{ background:#17385d;color:#fff; }
::-moz-selection 		{ background:#17385d;color:#fff; }

html, body 				{ padding:0;margin:0;width:100%;color:#000000;font-size:14px;font-family:arial,tahoma; }
form					{ padding:0px;margin:0px; }
body					{ background:url("../images/achtergrond.website.png") left top repeat-x #0070b6; }
pre						{ display:block;background-color:#fff;border:1px solid #000;color:#000;width:960px;margin:10px auto;padding:20px; }

.dummy					{ overflow:hidden;}
a img					{ opacity:1;vertical-align:middle;cursor:pointer;border:0px; }
a:hover img				{ opacity:0.95; }
a.link, p a				{ padding:1px;color:#d9a904;text-decoration:none; }
a.link:hover, p a:hover	{ padding:1px;color:#fff;background-color:#d9a904;text-decoration:none; }
a.blauw					{ color:#17385d;text-decoration:none; }
a.blauw:hover			{ background-color:#17385d;color:#fff;text-decoration:none; }
a.rood					{ color:#d91d25;text-decoration:none; }
a.rood:hover			{ background-color:#d91d25;color:#fff;text-decoration:none; }
p						{ line-height:20px;font-size:14px;margin-bottom:14px; }

h1						{ margin:0px;margin-bottom:18px;color:#17385d;font-size:24px;font-weight:700;font-family:'Arvo'; }
h2						{ margin:0px;margin:25px 0px 15px 0px;color:#000;font-size:20px;font-weight:bold;font-family:arial; }
h3						{ margin:0px;margin-bottom:15px;color:#fff;font-size:16px;font-weight:normal;font-family:'ITCAvantGardeGothicStdDemi'; }
h3.inloggen				{ padding-left:30px;background:url("../images/icoon.inloggen.png") 2px center no-repeat; }
h3.registreren			{ padding-left:30px;background:url("../images/icoon.account.png") 2px center no-repeat; }

.melding_succes			{ color:#fff;font-weight:bold;background-color:#628f2e;overflow:hidden;padding:10px 10px 12px 10px;text-decoration:none;margin:5px 0px 15px 0px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; }
.melding_melding		{ color:#fff;font-weight:bold;background-color:#4a9cce;overflow:hidden;padding:10px 10px 12px 10px;text-decoration:none;margin:5px 0px 15px 0px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; }
.melding_error			{ color:#fff;font-weight:bold;background-color:#d91d25;overflow:hidden;padding:10px 10px 12px 10px;text-decoration:none;margin:5px 0px 15px 0px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; }

.hoeken_5				{ -webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;behavior:url(css/pie.php); }
.hoeken_15				{ -webkit-border-radius:15px 15px 15px 15px;border-radius:15px 15px 15px 15px;behavior:url(css/pie.php); }
.hoeken_15_links		{ -webkit-border-radius:15px 0px 0px 15px;border-radius:15px 0px 0px 15px;behavior:url(css/pie.php); }
.tekstschaduw			{ text-shadow:3px 3px 0px rgba(50,50,50,0.9); }


/**********************************************
 * STRAMIEN
**********************************************/

#container						{ width:980px;margin:25px auto;padding:15px;background-color:#fff;overflow:hidden;}

#header							{ width:980px;height:192px;overflow:hidden;position:relative;}
#header	#logo_mazon				{ width:272px;height:192px;display:block;position:absolute;right:0px;top:0px;z-index:9;}
#header	#logo_platenbestellen	{ width:302px;height:66px;display:block;position:absolute;left:8px;top:11px;z-index:9;}
#header	.slider					{ width:980px;height:192px;overflow:hidden;}
#header #menu					{ width:980px;height:40px;background:url("../images/achtergrond.menu.png") left top repeat;position:absolute;left:0px;bottom:0px;z-index:99;}
#header #menu ul					{ padding:0px;margin:0px;font-family:'ITCAvantGardeGothicStdDemi'; }
#header #menu ul li				{ list-style:none;float:left; }
#header #menu ul li a				{ display:inline-block;height:22px;font-size:16px;text-decoration:none;padding:9px 15px;color:#fff;border-right:2px dotted #fff; }
#header #menu ul li.actief a,
#header #menu ul li a:hover		{ background:#ddb106;color:#fff; }

#bufferruimte					{ width:980px;height:27px;background:url("../images/achtergrond.buffer.png") left top repeat-x;overflow:hidden; }

#content							{ width:980px;background:url("../images/achtergrond.content.png") 530px top repeat-y #e1e9f1;overflow:hidden; }
#content .links						{ float:left;width:608px;padding:30px 50px; overflow:hidden; }
#content .rechts						{ float:right;width:232px;padding:30px 20px;padding-bottom:100px;background-color:#17385d;color:#fff;overflow:hidden;position:relative; }
#content .rechts	 #bekijk_ook_banner	{ font-weight:normal !important;font-size:12px !important;text-align:center;position:absolute;bottom:5px;left:0px;width:272px; }
#content .rechts	 #bekijk_ook_banner a { font-weight:normal;font-size:12px;font-weight:bold; }
#content .rechts	 a					{ font-weight:bold;font-size:14px; }
#content .rechts strong				{ font-size:16px; }
#content .rechts form				{ margin:0px;padding:0px;overflow:hidden;margin-bottom:15px; }
#content .rechts input[type="text"],
#content .rechts input[type="password"]	{ border:0px;padding:0px 10px;line-height:18px;margin:5px 0px 12px 0px;background:url("../images/achtergrond.input.png") left top repeat-x #fff;height:22px;width:205px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; }
#content .rechts input[type="submit"]	{ border:0px;padding:0px 10px;margin-bottom:12px;background:url("../images/achtergrond.submit.png") right top no-repeat;height:25px;width:109px;color:#fff;font-weight:bold;text-align:left;float:right;margin-right:7px;cursor:pointer; }

/**********************************************
Formulieropmaak
**********************************************/

#orginele_regel_kentekentype .kentekensoort_verwijderen		{ display:none;}
#orginele_regel_anderproduct .anderproduct_verwijderen		{ display:none;}

/* Onzichtbare blokken in het formulier */
#form_blok_detailgegevens				{ display:none; }
form .blok								{ padding:0px 0px 10px 0px;border-bottom:1px solid #9f9f9f;overflow:hidden;}
form .blok.detailblok					{ display:none; }
form #afwijkend_afleveradres				{ display:none; }

#kenteken_visueel						{ padding:0px 0px 10px 0px;overflow:hidden; }
#kenteken_visueel .aantal				{ float:left;display:block;font-size:45px;font-weight:bold;margin-right:10px; }
#kenteken_visueel .kenteken				{ margin:0px 0px 15px 0px;position:relative;font-family:"Kenteken normaal", arial;text-transform:uppercase;width:0px;height:0px;padding:0px;text-align:center;overflow:hidden; }
#kenteken_visueel .kenteken br			{ font-family:arial; }
#kenteken_visueel .kenteken .eulogo		{ position:absolute;top:0px;left:0px;background-color:#1b52a6;text-align:center; }	
#kenteken_visueel .kenteken .eulogo img	{ vertical-align:baseline; }
#kenteken_controleren_knop				{ display:none;margin-bottom:15px;font-weight:bold;height:25px;line-height:35px;height:35px;text-decoration:none;color:#000;padding:0px 90px 0px 10px;background:url("../images/logo.rdw.ovi.png") right center no-repeat #777; }
#kenteken_controleren_knop:hover		{ text-decoration:none;color:#000; }


form label								{ display:inline-block;text-align:left;width:175px;font-weight:normal;padding:4px 0px 7px 0px;vertical-align:top; }
form input[type="submit"]				{ border:0px;padding:0px 30px 0px 10px;margin-bottom:12px;background:url("../images/achtergrond.submit.png") right center no-repeat;height:25px;color:#fff;font-weight:bold;text-align:left;margin-right:7px;cursor:pointer;float:right; }
form input[type="text"], 
form input[type="file"], 
form textarea, 
form select 								{ border:1px solid #b4b4b4;padding:0px 10px;padding-top:3px;margin-bottom:12px;background:url("../images/achtergrond.input.png") left top repeat-x #fff;height:19px;width:250px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; }
form select 								{ padding: 0px;height:23px;width:375px; }
form input[type="radio"]					{ vertical-align:top; }
form textarea 							{ height:140px;width:400px;font-weight:normal;font-size:12px;font-family:arial; }
form input.submit 						{ border:1px solid #86c540;background-color:#86c540;overflow:hidden;padding:3px;color:#fff;margin-top:15px;width:150px;cursor:pointer;}
form input.submit:hover 					{ border:1px solid #000;background-color:#86c540;color:#fff;}
form input[type="radio"]					{ vertical-align:top; }
	
form .formulier_blok						{ padding-bottom:25px;margin-bottom:10px;background:url("../images/border.stippellijn.png") left bottom repeat-x; }
form .creditcard							{ display:none; }
	
/**********************************************
TBMODULE
**********************************************/
.tbmodule				{ background-color:#ea0082; color:#FFF; padding:20px; margin:15px 0px 15px 0px; text-align:center; font-weight:bold; border:dotted 1px #000000; }

/**********************************************
IMAGES VANUIT TOOLBOX
**********************************************/
.img_left_border		{float:left; margin: 10px; width: auto;}
.img_left_noborder		{float:left; margin: 2px 10px 10px 2px;  width: auto;}
.img_right_border		{float:right; margin: 15px; width: auto;}
.img_right_noborder		{float:right; margin: 2px 2px 10px 10px;  width: auto;}
.img_noalign_noborder	{margin: 2px; }
.img_noalign_border		{margin: 10px }
.cssbutton				{cursor:pointer; border:1px solid #FFF; background-color:#00457c; width: auto; color:#FFF; background-image:url('../images/arrow.rechts.gif'); background-repeat:no-repeat; background-position:100% 50%; text-align:left; text-indent:4px;	padding-left:4px; padding-right:20px; padding-top:3px; padding-bottom:3px;	font-size: 12px; float:left;}
.cssfield				{padding:5px; line-height:11px;border:1px solid #4db3d0; font-size:11px;}
.boekField				{border:1px solid #dedede; padding:2px 0px 2px 4px; height:18px;}