/* global */
.g-hidden { display: none; }
.g-line { zoom: 1; }
.g-line:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* layouts */
.l-container { width: 720px; padding: 0 40px; margin: 0 auto; }

/* header */
.b-header { position: relative; padding-top: 32px; }
.b-header .title { float: left; padding: 18px 0 0 0; }
.b-header .title .name { float: left; padding: 4px 12px; background: #86c7e0; color: #fff; font-size: 36px; line-height: 40px; }
.b-header .title .slogan { padding: 4px 0 0 13px; color: #545454; font: italic 18px/22px Georgia, "Century Schoolbook L", Serif; }




.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(loading.gif) no-repeat 50% 50%; }



.box-modal {
	position: relative;
	padding: 16px;
	background: #fff;
	z-index:9999;
	color: #3c3c3c;
	
	box-shadow: 0 0 0 2px rgba(153, 153, 153, .3);
	border-radius: 4px;
	border:2px solid #00a247;
}
.box-modal_close { position: absolute; right: 2px; top: 2px; font-size: 11px; line-height: 15px; color: #999; cursor: pointer; }
.box-modal_close:hover { color: #666; }


.mod_pr{
	text-align:center;
	width: 500px;
	min-height: 200px;
}
.close_n{
		 background: url(../img/close.png) no-repeat 0 0;
    height: 51px;
    width: 51px;
    position: absolute;
     right: -50px;
  top: -10px;
    display: inline-block;
    cursor: pointer;
}
.mod_pr h2{
	text-align:center;
}
.mod_pr p{
	font-size:18px;
	font-weight: bold;
	margin:0 0 5px 0;
	line-height:1.5
}
.mod_pr p span{
	font-weight:bold;
}
.yes, .no{
	text-transform: uppercase ;
	background:#00ab4b;
	padding:10px 15px;
	display:inline-block;
	margin:0 5px 0 0;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	cursor:pointer;
}
.yes:hover, .no:hover{
	box-shadow: 0 0 1px 1px #999;
}
.no{
	text-transform: uppercase;
	background:#626262;
	color:#fff;
}
.knop_z{
	margin:30px 0 10px;
}

.mod_pr a{
	line-height: 35px;
}