@font-face {
    font-family: 'bentonsansbold';
    src: url('styles/font/bentonsans-bold-webfont.eot');
    src: url('styles/font/bentonsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('styles/font/bentonsans-bold-webfont.woff') format('woff'),
         url('styles/font/bentonsans-bold-webfont.ttf') format('truetype'),
         url('styles/font/bentonsans-bold-webfont.svg#bentonsansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bentonsansregular';
    src: url('styles/font/bentonsans-regular-webfont.eot');
    src: url('styles/font/bentonsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('styles/font/bentonsans-regular-webfont.woff') format('woff'),
         url('styles/font/bentonsans-regular-webfont.ttf') format('truetype'),
         url('styles/font/bentonsans-regular-webfont.svg#bentonsansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ars_maquettebold';
    src: url('styles/font/arsmaqbol-webfont.woff2') format('woff2'),
         url('styles/font/arsmaqbol-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ars_maquetteregular';
    src: url('styles/font/arsmaqreg-webfont.woff2') format('woff2'),
         url('styles/font/arsmaqreg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'verdana-bold';
    src: url('styles/font/verdana-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'verdana';
    src: url('styles/font/verdana.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/* polish chars*/

span.l-bar:before{
	content:"\0142";
}

BODY,TD	{
	font-family: 'bentonsansregular';
	font-size: 12px;
	line-height: 125%;
}

H1	{
	font-size:15px;
}

.line_h {
	background-image: url('images/line_h.png');
	background-repeat: repeat-x;
}

.line_h_footer {
	background-image: url('images/line_h.png');
	background-repeat: repeat-x;
	background-position: 50%;
	height: 40px;
}

.line_v {
	/*
	background-image: url('images/line_v.png');
	background-repeat: repeat-y;
	background-position: 50%;
	*/
}

.line_h_white {
	background-image: url('images/line_h_white.png');
	background-repeat: repeat-x;
	background-position: 50%;
}



.bg_small_end {
	background-image: url('images/{{own.till.monday}}');
	background-repeat: no-repeat;
	width: 465px;
}

.backColor{
	background-color: #FF8800;
}

.top_center	{
	background-image: 			url('images/top_layer.png'); 
	background-repeat:			repeat-x;
	background-attachment: 	fixed;
	background-position:		0 0;
}

* html .top_center { 
	background-image: none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/top_layer.png');
}


.top_right	{
	background-image:				url('images/top_right.gif');
	background-repeat:			no-repeat;
	background-attachment: 	fixed;
	background-position:		100 0;
}

.infopanel_top	{
	background-image: 			url('images/infopanel_top.gif');
	background-repeat:			no-repeat;
	height:								20px;
}

.infopanel_med	{
	background-image: 			url('images/infopanel_med.gif');
	background-repeat:			repeat-y;
}

.infopanel_bottom	{
	background-image: 			url('images/infopanel_bottom.gif');
	background-repeat:			no-repeat;
}

.infopanel A	{
	font-size:							10px;
	color:									#000000;
}

.inputRegular	{
	height: 		15px; 
	width: 			175px!important; 
	border: 		0px;
	font-size: 	10px;
	margin-bottom:10px;
}
.inputShort	{
	height: 		15px; 
	width: 			60px; 
	border: 		0px;
	font-size: 	10px;
}

.inputLong	{
	height: 		15px; 
	width: 			230px; 
	border: 		0px;
	font-size: 	10px;
}

.inputMedium	{
	height: 		15px; 
	width: 			172px; 
	border: 		0px;
	font-size: 	10px;
}

/*.inputLongContainer	{
	height:	35px;
	width: 260px;
	background-image: url('images/input_lang.gif');
	background-repeat: no-repeat;*/
}

/*.inputMediumContainer	{
	height:	35px;
	width: 195px;
	background-image: url('images/input_medium.gif');
	background-repeat: no-repeat;*/
}


/*.inputContainer	{
	height:	35px;
	width: 130px;
	background-image: url('images/input.gif');
	background-repeat: no-repeat;*/
}


input.buttonSmall {
	width: 81px;
	height: 29px;
	padding: 0px 12px 2px 10px;
	background: url('images/ps_button_small.gif') no-repeat;
	border: 0px;
	font-size: 7pt;
	color: #000000;
	cursor: pointer;
}
input.buttonSmallDisabled {
	width: 81px;
	height: 29px;
	padding: 0px 12px 2px 10px;
	background: url('images/ps_button_small_disabled.gif') no-repeat;
	border: 0px;
	font-size: 7pt;
	color: #777777;
	cursor: pointer;
}
/*
* html .buttonSmall { 
	background-image: none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/ps_button_small.png');
}
*/

input.buttonMedium {
	position: relative;
	display: inline-block;
	height: 30px;
	line-height: 26px;
	width: 155px!important;
	font-size: 14px;
	border: none;
	background-color: #E83969;
	border: 1px solid #E83969;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	margin-top: 10px;
	text-align: center;
	vertical-align: center;
	font-weight: 700;
}

/*
* html .buttonMedium { 
	background-image: none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/ps_button_medium.png');
}
*/

input.buttonLarge {
	width: 160px;
	height: 29px;
	padding: 0px 15px 2px 10px;
	background: url('images/ps_button_large.gif') no-repeat;
	border: 0px;
	font-size: 7pt;
	color: #000000;
	cursor: pointer;
}
/*

* html .buttonLarge { 
	background-image: none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/ps_button_large.png');
}
*/

.buttonHugeenabled {
	cursor: pointer;
	height: 61px;
	width: 182px;
	background-image: url('images/ps_button_huge.gif');
	background-repeat: no-repeat;
}
/*
* html .buttonHugeenabled { 
	background-image: none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/ps_button_huge.png');
}
*/

.buttonHugedisabled {
	height: 61px;
	width: 182px;
	background-image: url('images/ps_button_huge_disabled.gif');
	background-repeat: no-repeat;
}
/*
* html .buttonHugedisabled { 
	background-image: none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/ps_button_huge_disabled.png');
}
*/
.buttonHugeenabled	TD {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	font-smooth: always;
	color: #6E6E6E;
}

.buttonHugedisabled	TD {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	font-smooth: always;
	color: #CACACA;
}

.buttonHugeEditorenabled {
	cursor: pointer;
	height: 61px;
	width: 61px;
	background-image: url('images/ps_button_huge_vierkant_green.gif');
	background-position: 50% 0;
	background-repeat: no-repeat;
}
.buttonHugeEditorenabled img{border:none!important;}


.buttonHugeEditordisabled {
	height: 61px;
	width: 61px;
	background-image: url('images/ps_button_huge_vierkant_disabled.gif');
	background-repeat: no-repeat;
}


.buttonHugeEditorenabled	TD {
	font-family: Verdana;
	font-size: 10px;
	font-smooth: always;
	color: #6E6E6E;
}


.buttonHugeEditordisabled	TD {
	font-family: Verdana;
	font-size: 10px;
	font-smooth: always;
	color: #CACACA;
}

.buttonComments {
	font-family: Verdana;
	font-size: 9px;
	font-smooth: always;
	font-style: italic;
	min-width: 150px;
}

.smallText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-smooth: always;
	min-width: 150px;
}

.testje{
	background-image: url('images\button_small.gif');
}

.afleveradres {
	width:200px;
}

.mainmenu { font-size:11px;background-color:#CCCCCD; }
.content { font-size:xx-small;margin-top:0; margin-left:0; margin-right:0; margin-bottom:0; padding:0px;rightmargin:0px; height:100%;}
.submenu { font-size:xx-small; margin:0;}
.userspecs { font-size:xx-small;background-color:#EEEEEE; background-image: url(images/submenu-back.gif); background-position: left top; }
.control { font-size:xx-small;background-color:#EEEEEE; background-image: url(images/submenu-back.gif); background-position: left top; }
.popup { font-size:xx-small;background-color:#EEEEEE;margin:0;padding:0px;rightmargin:0px }
.status { font-size:7pt;background-color:#CCCCCD; background-image: url(images/status-back.gif); background-position: left top; background-repeat:repeat-x;}

.maincolor { background-color:#F4F4F4; }
.selectcolor {background-color:#FFE8CF; color:#000000; font-weight: bold;}
.selectbgcolor {background-color:#FFE8CF;}
.linecolor { background-color:#FF8800; }
.lineleft { border-left: 1px solid #FEE2D2; }
.lineRight { border-right: 1px solid #FEE2D2; }


HTML { height: 100%; }

IMG.thinblueline {
  border-width: 1px;
  border-color: #0000ff;
  border-style: solid;
}
DIV.thinblueline {
  border-width: 1px;
  border-color: #0000ff;
  border-style: solid;
  background-image: url(images/blank.gif);
}
DIV.blueline {
  border-width: 3px;
  border-color: #0000ff;
  border-style: solid;
  background-image: url(images/blank.gif);
}

TABLE { font-size:100%; }
TD { font-size:102%; }

A:link    { text-decoration: none;color:#E83969; }
A:visited { text-decoration: none;color:#E83969; }
A:hover   { text-decoration: underline;color:#000000; }

A.pageselect:link    { text-decoration: none;color:#E83969; }
A.pageselect:visited { text-decoration: underline;color:#E83969; }
A.pageselect:hover   { text-decoration: none;color:#000000; }


INPUT { font-size:100%;font-family:Verdana, Arial, Helvetica, sans-serif; }
SELECT { font-size:100%;font-family:Verdana, Arial, Helvetica, sans-serif; }
TEXTAREA { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:100%; }
BUTTON { font-size:100%;font-family:Verdana, Arial, Helvetica, sans-serif; }
LABEL { font-size:100%;font-family:Verdana, Arial, Helvetica, sans-serif; }
FIELDSET { font-size:100%;font-family:Verdana, Arial, Helvetica, sans-serif; }

.size80  { width:425 }
.size50  { width:260 }
.size40  { width:210 }
.size32 { width:180 }
.size15 { width:90 }
.size8 { width:50 }

TH { height:18;border-bottom-color:#808080;border-bottom-width:1;border-bottom-style:solid;border-right-color:#CCCCCD;border-right-width:1;border-right-style:solid; }
.navtop { border-color:#808080;border-top-width:1px;border-top-style:solid;border-left-style:solid;border-left-width:1;overflow:auto;width:100%; }
.listview { border-color:#808080;border-top-width:1px;border-top-style:solid;border-bottom-width:1px;border-bottom-style:solid;overflow:auto;width:100%; }
.row1 { background-color:#FFFFFF;height:18;}
.row2 { background-color:#EEEEEE;height:18;}
.rowcell1gewijzigd { border-bottom-width:1;border-bottom-style:solid; border-bottom-color:#FFFFFF;height:22; }
.rowcell1 { border-right-width:1;border-right-style:solid; border-right-color:#CCCCCD; border-bottom-width:1;border-bottom-style:solid; border-bottom-color:#FFFFFF;height:18; }
.rowcell2 { border-right-width:1;border-right-style:solid; border-right-color:#CCCCCD; border-bottom-width:1;border-bottom-style:solid; border-bottom-color:#FFFFFF;height:18; }
.rowbuttons {background-color:#ffffff;}
.rowselect1 {background-color:#ffee55;}
.rowselect2 {background-color:#ffee55;}
.rec1 {}
.recselect1 {background-color:#ffee55;}
.rowincomplete {background-color:#93bdd9;}
.menuheader { font-size:xx-small;background-color:#FFFFFF; background-image: url(images/menubuttonback.gif); background-position: left top; }

.vline {border-color:#808080;border-left-width:1;border-left-style:solid;}
.navbar {border-color:#808080;background-color:#808080; color:white;}

.okbar {background-color:#FFFFFF;width:100%;height:24;color:#000000;text-indent:16}
.actionbar {border-width:1;border-style:solid; border-color:#808080;background-color:#ffee55;width:100%;height:24;color:#000000;text-indent:16}
.actionpanel {background-color:#EEEEEE;width:100%}
.border { border-width:1;border-style:solid; border-color:#FEE2D2; }
.warningbar { border-width:1;border-style:solid; border-color:#808080;background-color:yellow;}

.warning {
	color:blue;
	background-color:#FF8800;
}

.Thumbnailview {
	display:block;
	float:left;
	height:158px;
	width:158px;
	margin: 1px 1px 1px 1px;
	border :2px solid #EEEEEE;
}

.delete {
	top: 38px;
	left: 4px;
	background-color:#EEEEEE;
	border :2px solid #EEEEEE;
	overflow:hidden;
	position: relative;
	display:block;
	height: 34px;
	width: 30px;
	margin: 0 0 0 0;
	text-align:center;
}

HR	{
	border: 1px solid #F4F4F4;
}

.customTestDiv	{
	overflow: auto;
	left: 0px;
	top: 0px;
	right : 0px;
	bottom: 0px;
	border: 1px solid lime;
	height: 100%;
}

.imgBlock	{
	background-image: url('images/ps_back.png');
	background-repeat: no-repeat;
	background-color: #DDDDDD;
}
.imgBlock1	{
	background-image: url('images/ps_back.png');
	background-repeat: no-repeat;
	background-color: #DDDDDD;
}
.pageBlock	{
	background-color: #F7F7F7;
	margin: 5px 0px 5px 0px;
	position : relative;
	display : -moz-inline-box;
	display : inline-block;
	width : 150px;
	height : 200px;
}

.drag{
	position:relative;
	cursor: pointer;
	z-index: 999;
	border: 2px solid lime;
}

span.bottom-small{
	margin-bottom:10px;
	padding-bottom:30px;
	color:#ffffff;
}


td.thumb-row img{margin-top:10px;}

input[type=text],
input[type=password],
select,
input#ufields_persoonlijke_tekst,
input#ufields_persoonlijke_tekst_2,
input#ufields_persoonlijke_tekst_3{
	width:300px; 
	height:30px; 
	border:1px solid #aaa;
	padding:5px;
	margin-top: 3px;
	}

input[type=text]:focus,
input[type=password]:focus,
select:focus,
input#ufields_persoonlijke_tekst:focus,
input#ufields_persoonlijke_tekst_2:focus,
input#ufields_persoonlijke_tekst_3:focus{
	box-shadow: 0px 0px 3px #888;
	border:1px solid #666;
	}
select{
	text-indent: 1px;
	text-overflow: '';
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 2px 2px 2px 2px;
    background: transparent url("images/br_down.png") no-repeat 270px center;
}	
	
p.message-text{
	color:#555;
	margin-bottom:10px;
}

.errormsg, .errormsgfield {color:#ff0000;}
.errormsgfield {display: block; text-align: left; line-height: 18px;}
.error-border{box-shadow: 0 0 2px #ff0000!important; border:1px solid #ff0000!important;}

/* nieuwe vormgeving */

/* BUTTONS */

.btn_next, .btn_prev, .btn_next_disabled {
	position: relative;
	display: inline-block;
	height: 30px;
	line-height: 26px;
	width:105px;
	font-size: 14px;
	font-family: 'verdana';
	border: none;
	background-color: #E83969;
	border: 1px solid #E83969;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	margin: 10px;
	text-align: center;
	vertical-align: center;

}

.btn_next:hover, .btn_prev:hover, .btn_next_disabled:hover, .buttonMedium:hover {
	border: none;
	background-color: black;
	border: 1px solid black;
}

.loginScreen {
	height: 260px;
	width: 480px;
	background-color: #FFFFFF;
	margin-top: 25px;
}

.fieldinput{
	font-family: 'ars_maquetteregular', sans-serif;
	font-size: 13px;
}


td#header-row{
	width: 776px;
	height: 100px;
	min-height: 100px;
}

#header-row img{
	height: 25%;
	width: auto;
	margin-left: 25px;
}
.bg_body {
	background-image: url('images/bg-body.png');
	background-repeat: no-repeat;
	background-position:bottom center;
	background-attachment: fixed;
	background-color: #f2f2f2;
	width: 776px;
	height: 400px;
}
.bg_body_h {
	background-image: url('images/bg-whoohoo-splash.png');
	background-repeat: no-repeat;
	background-position:-15px 0;
	background-attachment: fixed;
	background-color: #3d2683;
}
.bg_body_b {
	background-image: url('images/bg-whoohoo-splash.png');
	background-repeat: no-repeat;
	background-position:-15px -100px;
	background-attachment: fixed;
	background-color: #3d2683;
	width: 776px;
	height: 400px;
}
.bg_body_loader {
	background-color: #efefef;
	width: 50%;
	height: 50%;
	margin: 0 auto;
}
.bg_large {
	background-image: url('images/whoohoo-bg-large.png');
	background-repeat: no-repeat;
	background-position:bottom center;
	background-color: #f2f2f2;
	width: 776px;
	height: 540px;
}
.bg_large_logon {
	background-image: url('images/bg-whoohoo-splash.png');
	background-repeat: no-repeat;
	background-position:-15px -100px;
	background-color: #f2f2f2;
	width: 776px;
	height: 400px;
}
td#header-row-logon{
	width: 776px;
	height: 100px;
	min-height: 100px;
	background-image: url('images/bg-whoohoo-splash.png');
	background-position:-15px 0px;
	background-repeat: no-repeat;
	background-color: #3d2683;

}
.bg_small {
	/*
	background-image: url('images/whoohoo-bg-small.png');
	background-repeat: no-repeat;
	background-position:bottom center;
	background-color: #f2f2f2;
	*/
	width: 400px;
	
}
.bg_small img{
	border: 2px solid #ccc;
}

/*** STAPS ***/
h1.headerstep {
	margin-top: 1rem;
	font-size: 1.7rem;
	color: #000;
	font-family: 'ars_maquettebold', sans-serif;
	font-size: 31px;
	padding-left: 8px;
}

td.step-par, td.step-par div table tbody tr td table tbody tr td{
	font-family: 'ars_maquetteregular', sans-serif;
	font-size: 14px;
	padding-left: 8px;
	padding-right: 8px;
}

.txt-block{
	padding-left: 15px;
	padding-right: 10px;
}

.txt-block tbody{
	background-color: #fff;
}

h1.headerstep{
	margin-top: 1rem;
	font-size: 1.7rem;
	color: #000;
}

.previewtext{
	padding-top: 20px;
}


.photoRequirements{
	font-weight: 100;
	color: #000;
}

.upload-comment{
	font-size: 0.75rem;
	line-height: 1rem;
	width: 66%;
}

#front-logo{
	background-image: url('images/whoohoo-logo-med.png');
	background-repeat: no-repeat;
	background-position:-2px center;
	background-size: 80% 80%;
	width: 180px;
	height: 28px;
	display: block;
	margin-top: 2px;
}

.photo-discript{
	color: #fff;
}

#loadMsg span{
	color: #fff;
}

.logo-neg{
	width: 150px;
	margin-top: 5px;
	margin-left: 25px;
}