/* OPMAAK STICKY NAVBAR */

.horizontal-navbar {
	background-color: #ffffff;
	margin-top: 0;
	padding-top: 12px;
	border-top: 2px solid #521D0D;
    -webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0px 9px 6px -6px #333;
}

/* voor zoekbalken door over navbar heengaan */
.zindex {
/*	position: relative; */
/*	z-index: 9999; */
}

/* GOOGLE FONT TBV INITIAL */
/* latin-ext */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  src: local('Bitter Bold'), local('Bitter-Bold'), url(https://fonts.gstatic.com/s/bitter/v11/JGVZEP92dXgoQBG1CnQcfBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  src: local('Bitter Bold'), local('Bitter-Bold'), url(https://fonts.gstatic.com/s/bitter/v11/evC1haE-MsorTl_A7_uSGVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* GOOGLE FONT TBV RIJMMACHINE */
/* latin-ext */
@font-face {
  font-family: 'Merienda';
  font-style: normal;
  font-weight: 400;
  src: local('Merienda'), local('Merienda-Regular_0_wt'), url(https://fonts.gstatic.com/s/merienda/v4/xsqI_wXnZDaQF3E9i3RnFxTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Merienda';
  font-style: normal;
  font-weight: 400;
  src: local('Merienda'), local('Merienda-Regular_0_wt'), url(https://fonts.gstatic.com/s/merienda/v4/jzdtQ30m6V77-C5vjVpEXPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* 5-KOLOMS LAYOUT TBV RATINGS */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/* NIET-VET */
.normal {
	font-weight: normal;
}

/* VET */
.bold {
	font-weight: bold;
}

/* COLORS */
.black {
	color: #513932;
}

.grey {
	color: #666;
}

.silver {
	color: #aaa;
}

.white {
	color: #fff;
}

.red {
	color: red;
}

.orange {
	color: #FF6600;
}

.yellow {
	color: #FFFF99;
}

.green {
	color: green;
}

.brown {
	color: #973B3B;
}

/* SIZES */
H4 {
	color: #666;
	margin-top: 4px;
	margin-bottom: 6px;
}

@media (max-width: 992px)
	{
	.footerlinks {
		font-family: arial;
		font-size: 13px;
		line-height: 16px;
		}
	}

@media (min-width: 993px)
	{
	.footerlinks {
		font-size: 15px;
		line-height: 20px;
		}
	}

/* tbv gedichtengenerator */
.voorwaarden {
	color: #999;
	font-family: arial;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
}

.xsmall {
	font-size: 13px;
	line-height: 17px;
}

.small {
	font-size: 15px;
	line-height: 20px;
}

.medium {
	font-size: 16px;
	line-height: 21px;
}

.large {
	font-size: 24px;
	line-height: 32px;
}

/* INITIAL */
.initial {
	font-family: 'Bitter', 'Times new roman';
	color: #6f3810;
	font-size: 60px;
	line-height: 60px;
	margin: 18px 0px 0px 0px;
	text-shadow: 1px 1px #000;
}

/* GENERATOR E-MAIL */
.gedicht {
	font-family: 'Merienda', Monotype Corsiva, Times New Roman, Arial;
	font-size: 20px;
	color: maroon;
	text-align: center;
	line-height: 24px;
}

/* LETTERGROOTTE AUTOCOMPLETE GEDICHTEN ZOEKEN */
.ui-autocomplete.ui-widget {
	font-family: arial,sans-serif;
	font-size: 18px;
	line-height: 24px;
	border-top: 0px;
	border-right: 1px solid #973B3B;
	border-left: 1px solid #973B3B;
	border-bottom: 3px solid #973B3B;
	padding:4px 0px;
}

/* BUTTONS */
/* rechte hoeken */
.btn {
	border-radius: 0 !important;
}

.btn-sm {
    font-size: 14px !important;
}

/* BORDER INPUT VELD */
.form-control:focus {
	border-color: #973B3B;
}

.form-control {
	border-radius: 0 !important;
	}

/* PLACEHOLDER */
.form-control::-webkit-input-placeholder { font-size: 14px; color: #c0c0c0; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { font-size: 14px; color: #c0c0c0; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { font-size: 14px; color: #c0c0c0; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { font-size: 14px; color: #c0c0c0; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { font-size: 14px; color: #c0c0c0; }  /* Microsoft Edge */

/* MENU ITEMS */
.menu_active, A.menu_active, A:Visited.menu_active {
	color: #f00000;
/*	border-bottom: 1px solid #973B3B;*/
	font-weight: bold;
}

A:Hover.menu_active {
	color: red;
	font-weight: bold;
	text-decoration: underline;
}

A:active.menu_active {
	text-decoration: underline;
	font-weight: bold;
}

.menu_inactive, A.menu_inactive, A:Visited.menu_inactive {
	color: #973B3B;
}

A:active.menu_inactive, A:Hover.menu_inactive {
	color: red;
	text-decoration: underline;
/*	border-bottom: 1px solid #973B3B; */
}

.menu_tips, A.menu_tips, A:Visited.menu_tips {
	color: #973B3B;
/*	border-bottom: 1px solid white; */
}

A:active.menu_tips, A:Hover.menu_tips {
	color: red;
	text-decoration: underline;
/*	border-bottom: 1px solid #973B3B; */
}

/* BLOCKQUOTE O.A. ZELF GEDICHT MAKEN/RIJMTIPS */
blockquote {
	margin: 16px 0px 32px 16px;
	padding: 0px 0px 0px 12px;
	font-size: 18px;
}

/* BOX VOOR GENERATOR EN NA BEOORDELEN GEDICHT */
.extra-box {
	width: 100%;
	padding: 12px;
	border: 1px solid #973B3B;
	border-radius: 0 !important;
}

/* NO-BREAK */
.nobr {
	white-space: nowrap;
}

/* ADS */
.adblock {
	margin: 16px 0px;
	padding: 0px;
	background-color: white;
}

/* COOKIEBAR */
@media (max-width: 499px)
{
	.cookiebar {
		background: #333;
		height: 90px;
		color: #fff;
		font-family: arial;
		font-size: 13px;
		line-height: 20px;
		text-align: center;
	}
}

@media (min-width: 500px)
{
	.cookiebar {
		background: #333;
		height: 66px;
		color: #fff;
		font-family: arial;
		font-size: 13px;
		line-height: 20px;
		text-align: center;
	}
}

@media (min-width: 768px)
{
	.cookiebar {
		background: #333;
		height: 60px;
		color: #fff;
		font-family: arial;
		font-size: 13px;
		line-height: 18px;
		text-align: center;
	}
}

@media (min-width: 1200px)
{
	.cookiebar {
		background: #333;
		height: 60px;
		padding-top: 16px;
		color: #fff;
		font-family: arial;
		font-size: 14px;
		line-height: 18px;
		text-align: center;
	    opacity: 0.9;
	}
}

/* ADMIN */
.admin {
	background: black;
	color: white;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	padding: 2px 12px 2px 8px;
	margin-bottom: 6px;
}