/* --------------------------------------- */
/* Browse css */
/* --------------------------------------- */

@import url(list.css);

/* buttons */
.download-btn {
	display: inline-block;
	float: right;
	}

.browse-options {
	margin-bottom: 18px;
	display: block;
	}

.browse-options:after {
	content:"";
	display:block;
	clear:both;
	height: 0;
	visibility: hidden;
	}

#content .browse-options ul {
	list-style: none;
	margin-left: 0px;
	display: block;
	}

.browse-options li				{ display: inline-block; }

#browsesort						{ float: left; }
#browsesort li {
	border-right: 1px solid #323232;
	padding-left: 5px;
	padding-right: 8px;
	}

#browsesort li:first-child,
#browsesort li:last-child {
	border-right: 0px;
	}

#browsesort li:first-child		{ padding-left: 0px; }

.sortedby						{ color: #323232; text-decoration: underline; }

.browsenav						{ float: right; }
.browsenav li {
	border-left: 1px solid #323232;
	padding-left: 8px;
	padding-right: 5px;
	}

.browsenav li:first-child		{ border-left: 0px; }
.browsenav li a 				{ height: 24px; display: block; }

.browsenav-disabled				{ color: #b1b1b1; }

.browse-previous-btn,
.browse-next-btn {
	background: url(/grfx/browsenav-arrows.png) no-repeat;
	background-size: 24px 96px;
	}

.browsenav .browse-previous-btn { background-position: 0px 0px; }
.browsenav .browse-previous-btn a { padding-left: 24px; }
.browse-previous-btn.browsenav-disabled {
	background-position: 0px -24px;
	padding-left: 24px;
	}

.browsenav .browse-next-btn		{ background-position: right -48px; }
.browsenav .browse-next-btn a	{ padding-right: 24px; }
.browse-next-btn.browsenav-disabled {
	background-position: right -72px;
	padding-right: 24px;
	}


/* content */
#content h2:before {
	content:"";
	display:block;
	clear:both;
	height: 0;
	visibility: hidden;
	}

#content h2 {
	font-size: 1.4em;
	color: #ff4100;
	margin-bottom: 18px;
	}

#content h3 {
	border-bottom: 1px solid #b1b1b1;
	font-size: 1.1em;
	margin-top: 36px;
	margin-bottom: 18px;
	padding-bottom: 3px;
	}

#content h3:first-child			{ margin-top: 0px; }

.articledetails					{ font-size: 0.9em; }

.browse-found 					{ font-style: italic; }
.browse-found b					{ color: #ff4100; }

/* archive */
#content .archive {
	background: url(/grfx/archive-icon.png) no-repeat 0px 2px;
	background-size: 24px 24px;
	color: #da7a1c;
	}

#content .archive a {
	padding-left: 30px;

	}

/* --------------------------------------- */
/* TABLET - mediaqueries css */
/* --------------------------------------- */

/* ==> breakpoint tablets */
@media only screen and (max-width: 768px) {

	#browsesort						{ float: none; }

	.browsenav						{ float: none; }

}