/* Basic colors */
/*html, body							{ color: #222222; background-color: #808080; }*/

/* creating the correct width and header*/
/* Header
---------------------------------------- */
#wrap {
	max-width: 100% !important;
	background-color: transparent;
	border-color: transparent;
	padding: 0;
}

.wrap {
	border: 0;
	border-radius: 0;
	margin: 0;
	padding: 0;
}

.profile-rank img {
	max-width: 140px;
}

.inside {
	padding: 17px 17px 10px;
	background: #FFFFFF url("./images/bg_top_new.png") repeat-x 0px 0px;
	border: 3px solid #FFFFFF;
	border-radius: 7px;
}

.headerbar {
	background: transparent;
	height: 190px;
}

#page-header{
	/*background: #006699 url("./images/overlay.png") left no-repeat;*/
	background: #006699 url("./images/overlay.svg") left no-repeat;
	border-radius: 0px;
	border: 0px;
}

#page-header .navbar{
	background: #E1F5FF;
	border-radius: 0;
	margin: 7px 0 0 0;
	background-color: #B5CFE5
}

.search-header{
	margin-right: 0px;
}

#site-description{
	width: 405px;
	float: left;
	height: 190px;
	margin-top: 12px;
}

.infopolitie-linkbar {
	margin-bottom: 5px;
}

#site-description-right{
	width: 405px;
	float: right;
	height: 190px;
	margin-top: 12px;
}


/* The new posts button
---------------------------------------- */
.newpostsbutton {
	float: right;
	margin-top: 5px;
}

.newpostbuttonbottom {
	margin: 0 0 10px 5px;
	float: right;
}

.newpostbutton {
	margin: -1px 0 2px 0;
	padding: 4px 8px;
}
/* Backgrounds */
.bg1 { background-color: #ECF3F7; }
.bg2 { background-color: #E1EBF2; }
.bg3 { background-color: #CADCEB; }

.bg4 { background-color: #B5CFE5; }


.quick_login {
	background: #B5CFE5;
	padding: 10px;
	border-radius: 2px;
}

.quick_login h3 {
	font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
	border-bottom-color: #EC6400;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}

.quick_login .headerspace {
	margin-top: 0px;
}

/* Forms */
.inputbox {
	/*height: 28px;*/
}

input {
	font-weight: normal;
	vertical-align: middle;
	padding: 0 3px;
	font-size: 14px;
	font-family: 'Open Sans', 'Roboto', Verdana, Helvetica, Arial, sans-serif;
}


/* Forums */

.forabg, .forumbg {
	background: #006699;
	border-radius: 4px;
}

.forumbg {
	margin-bottom: 10px;
	padding: 5px;
	clear: both;
}

li.header dl.row-item dt .list-inner {
	padding-left: 10px;
	padding-right: 50px;

}

/**/li.header dt, li.header dd {
	font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
}

/* Footer */
/*.dropdown-extended .footer {
  background:linear-gradient(#F1F8FF 0%, #CADCEB 100%);
  border-radius: 0px;
  margin: 0;
}
*/


/* Footer
---------------------------------------- */
.copyright.footer{
	background: #006699;
	border-radius: 7px;
	margin: 10px 0 0 0
}

.copyright.simplefooter{
	background: #006699;
	border-radius: 7px;
	margin: 20px 0 0 0
}

.copyright {
	color: #FFFFFF;
}

.copyright a {
	color: #cadceb;
}



/* Links
---------------------------------------- */

/*a									{ color: #006699; }
a:hover								{ color: #EC6400; }
#navigation #active-subsection a	{ color: #EC6400; }
#navigation #active-subsection a:hover	{ color: #A34400; }

#navigation a:hover					{ color: #A34400; }
#tabs .tab > a:hover				{ color: #EC6400; }
*/



/* MESSAGES */
div.success {
	background: #d1e7dd;
	border: 1px solid #a3cfbb;
	color: #146c43;
	padding: 1rem;
	margin-bottom: 1rem;
	border-radius: 0.375rem;
}

div.info {
	background: #cfe2ff;
	border: 1px solid #9ec5fe;
	color: #0a58ca;
	padding: 1rem;
	margin-bottom: 1rem;
	border-radius: 0.375rem;
}

div.danger {
	background: #f8d7da;
	border: 1px solid #f1aeb5;
	color: #b02a37;
	padding: 1rem;
	margin-bottom: 1rem;
	border-radius: 0.375rem;
}

div.warning {
	background: #fff3cd;
	border: 1px solid #ffe69c;
	color: #997404;
	padding: 1rem;
	margin-bottom: 1rem;
	border-radius: 0.375rem;
}


/*ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu.visible a.responsive-menu-link:before { border-color: #EC6400; }
*/
/* Rows
---------------------------------------- */

/*li.row:hover { background: #FFE1CC; }*/

/* Buttons
---------------------------------------- */

/*.button { color: #8f8f8f8; }*/ /*#EC6400*/
/*a.button1, input.button1, a.button2, input.button2, input.button3, input[type="button"]
{

	border-color: #C7C3BF;
	background-color: #FFFFFF;
	background-image: -moz-linear-gradient(top, #FFFFFF, #E9E9E9);
	background-image: -webkit-linear-gradient(top, #FFFFFF, #E9E9E9);
	background-image: -o-linear-gradient(top, #FFFFFF, #E9E9E9);
	background-image: linear-gradient(to bottom, #FFFFFF, #E9E9E9);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#E9E9E9')";
	box-shadow: 0 0 0 1px #FFFFFF inset;
	-webkit-box-shadow: 0 0 0 1px #FFFFFF inset;
	color: #006699;
	border-radius: 2px;
}

input[type="button"] {
	border: 1px solid #C7C3BF;
	color: #425067;
   }*/
/*a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, input[type="button"]:hover
{
	color: #CC5500;
	border-color: #006699;
	background-image: -moz-linear-gradient(top, #E9E9E9, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #E9E9E9, #FFFFFF);
	background-image: -o-linear-gradient(top, #E9E9E9, #FFFFFF);
	background-image: linear-gradient(to bottom, #E9E9E9, #FFFFFF);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#E9E9E9', EndColorStr='#FFFFFF')";
	box-shadow: 0 0 0 1px #E9E9E9 inset;
	-webkit-box-shadow: 0 0 0 1px #E9E9E9 inset;
}*/

/* tabs */





/* Panels
---------------------------------------- */
.panel {
	border-radius: 2px;
}

.panel2 {
	background-color: #B5CFE5;
	color: #425067;
}


/* Colors
---------------------------------------- */
.content h2, .panel h2, .panel h3 {
	border-bottom-color: #EC6400;
	color: #425067;
}

.docs-mod h3 {
	border-bottom-color: #EC6400;
	color: #425067;
	font-weight: normal;
	border-bottom: 1px solid transparent;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}

/*.docs-mod h3:before {
	content: "\f06a";
	font-family: "Font Awesome 5 Pro";
	margin-right: 3px;
}
*/

/* alerts */

.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 2px;
}

.alert-info {
	color: #31708f;
	background-color: #d9edf7;
	 border-color: #bce8f1;
}

.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}

.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}



.fade_ {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear;
}

.in {
	opacity: 1;
}












#modpost {
	border: 1px solid #64d464;
	background: #E3F7E3;
	padding: 3px;
	border-radius: 3px;
	font-family: "Open Sans", Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold
	font-size: 14px;
	margin: 0 0 10px 0;
}

#modposttext {
	font-size: 14px;
	font-weight: normal;
	padding: 5px; }

.modpost {
	background-color: #E3F7E3;
}

.modpostbg {
	background-color: #E3F7E3;
}

/* Kleuren
---------------------------------------- */
.content h2, .panel h2, .panel h3 {
	border-bottom-color: #EC6400;
	color: #425067;
}

.content h2, .panel h2 {
	font-weight: normal;
	font-size: 1.2em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}

.docs-wet,
.docs-edit,
.docs-boos,
.docs-samenvatting,
.docs-mod {
	font-style: normal;
	font-size: 0.8rem;
}

.docs-wet p,
.docs-edit p,
.docs-boos p,
.docs-samenvatting p,
.docs-mod p {
	font-size: 1.0rem;
	margin-bottom: 1rem;
	line-height: 1.4rem;
}

.docs-wet h3,
.docs-edit h3,
.docs-boos h3,
.docs-samenvatting h3,
.docs-mod h3 {
	font-size: 1.0rem;
}

.docs-wet i .fa-book {
	font-size: 1.5rem;
	/*color: white;*/
}






.docs-edit h2, .docs-edit h3 {
	border-bottom-color: #40C057;
	color: #222222;
	font-size: 1em;
	line-height: 1.1rem;
	margin-top: 0.2rem;
}

.docs-wet h2, .docs-wet h3 {
	border-bottom-color: #fab005;
	color: #FAB005;
	font-size: 1rem;
	line-height: 1.1rem;
	margin-top: 0.2rem;
}

.docs-mod h2, .docs-mod h3 {
	border-bottom-color: #fa5252;
	color: #425067;
	font-size: 1rem;
	line-height: 1.1rem;
	margin-top: 0.2rem;
}

.docs-samenvatting h2, .docs-samenvatting h3 {
	border-bottom-color: #72c3fc;
	color: #222222;
	font-size: 1rem;
	line-height: 1.1rem;
	margin-top: 0.2rem;
}

.docs-boos h2, .docs-boos h3 {
	border-bottom-color: #9775FA;
	color: #9775FA;
	font-size: 1rem;
	line-height: 1.1rem;
	margin-top: 0.2rem;
}













ul.topiclist  .forumlink dd {
	border-left: 1px solid transparent;
}


/* BBcodes
---------------------------------------- */



blockquote {
	background-color: #FFFFFF;
	border-color:#CCCCCC;
	border: 1px solid #CCCCCC; /*#DBDBCE*/
	border-radius: 5px;
	font-size: 0.9em;
	margin: 0.5em 1px 1em 0;
	overflow: hidden;
	padding: 10px;
	}


blockquote cite {
	margin-left: 5px;
}

/*blockquote.cite:before, .uncited:before {
	margin-right: 5px !important;
}
*/

blockquote cite::before, .uncited::before {
	margin-right: 5px;
}
.postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date {
  margin-bottom:3px;
}

@media only screen and (max-width: 550px), only screen and (max-device-width: 550px)
{

	.headerbar {
		background: transparent;
		height: 90px !important;
	}

	#sitelogo{
 		margin: -23px auto 0;
		max-width: 240px !important;
	}

	#site-description {
	text-align: center;
	float:none;
	width:auto;
	}

	.linkbar {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	fieldset.display-actions label {
		white-space: normal;
	}

	#nav-main a[role="menuitem"] span{
	   /*display: none;*/
	}

}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px){
	#wrap { margin: 0px !important; }
	.newpostbutton .icon {
		margin :4px 0 0 0;
		}
}

@media only screen and (max-width: 925px), only screen and (max-device-width: 925px){
	#site-description-right { display: none; }
	.forum-image { display: none; }

	.newpostbutton {
		padding: 4px 8px;
		}
}

.footer-row {
	font-size: .9rem;
	line-height: 1.8;
	margin: 0;
}


/* prosilver font overrules */

.notification_list p.notifications_title,
h1, h2, h3, h4, h1 a, h2 a, h3 a,
.content, .content p, dl.faq,
.message-box textarea, a.forumtitle, a.topictitle {
	font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
}

a.topictitle {
	font-weight: 600;
}

li.header dt {
	font-weight: 400;
}
li.header dt, li.header dd {
	line-height: 1.2em;
	font-size: 1.1em;
}