/* phpBB.de Common
---------------------------------------- */

.headerbar {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	height: 85px;
	margin-bottom: 0px;
	padding-bottom: 0; 
	padding-top: 0; 
	position: relative;
}

.headerbar h1, .headerbar p {
	left: -9999px;
	position: absolute;
	top: -9999px;
}

.header-top #nav-main > li.small-icon > a {
	font-weight: bold;
}

#page-header .navbar {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.site-description {
	height: 85px;
}

.logo {
	margin: 5px 0 0 15px;
}

.site_logo {
	background-repeat: no-repeat;
	display: inline-block;
	width: 251px;
	height: 62px;
}

.page-body::after {
	clear: both;
	content: " ";
	display: block;
}

.clearfix {
	overflow: visible !important;
}

.clearfix::after {
	clear: both;
	content: " ";
	display: block;
}

.search-header {
	margin-top: 15px;
}

/* Copyright and Sponsor */
.copyright {
	border-bottom: 10px solid #4f7e9b;
	border-radius: 10px;
	margin-top: 10px;
	min-height: 80px;
	position: relative;
}

.sponsor-logo {
	position: absolute;
	height: 75px;
	right: 5px;
	text-align: right;
	top: 5px;
}

.sponsor-logo a, 
.sponsor-logo a:link, 
.sponsor-logo a:focus, 
.sponsor-logo a:active, 
.sponsor-logo a:hover, 
.sponsor-logo a:visited {
	text-decoration: none;
}

.sponsor-logo.left {
	left: 5px;
	right: auto;
}

@media (max-width: 980px) {
	.sponsor-logo {
		position: static;
		text-align: center;
	}
}

/* Staticpages */
.staticpages .wrapper,
.staticpages .content {
	float: left;
	margin-bottom: 2em;
	width: 75%;
}

.staticpages h1 {
	color: #081a25;
	float: left;
	font-size: 2.5em;
	font-weight: normal;
	margin: 0.5em 0 0.5em;
	width: 75%;
}

.staticpages h2 {
	border: 0 none;
	color: #7f0008;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.3;
	margin: 1.5em 0 0;
	text-transform: none;
}

.staticpages .rules {
	clear: both;
}

/* Staticpage Sidebox */
.staticpages aside,
.staticpages .extras {
	float: right;
	width: 23%;
}

.staticpages aside section.box,
.staticpages aside nav.box,
.staticpages section.box {
	background-color: #afc4d1;
	border-radius: 8px;
	margin-bottom: 2em;
	padding: 0 0 1em;
	position: relative;
}

.staticpages aside section.box h2,
.staticpages aside nav.box h2,
.staticpages section.box h2 {
	background-color: #4f7e9b;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border: 0 none;
	color: #ffffff;
	font-size: 1.4em;
	margin: 0 0 0.5em;
	padding: 0.2em 1em;
	text-align: center;
	text-transform: none;
}

.staticpages aside section.box ul,
.staticpages aside nav.box ol,
.staticpages section.box ul {
	font-size: 1.2em;
	list-style-position: inside;
	list-style-type: square;
	margin: 0 1em;
	padding: 0;
}

.staticpages aside section.box ul li,
.staticpages aside nav.box ol li,
.staticpages section.box  ul li {
	line-height: 1.2em;
	list-style-type: none;
	margin-top: 0.3em;
}

.staticpages aside section.box ul li::before,
.staticpages aside nav.box ol li::before,
.staticpages section.box ul li::before {
	content: "›";
	font-weight: bold;
	padding-right: 0.2em;
}

.staticpages aside section.box ul li a,
.staticpages aside nav.box ol li a,
.staticpages section.box  ul li a {
	color: #000000;
	display: inline;
}

/* Feature page */
.staticpages .feature-extra {
	position: relative;
}

.staticpages .feature-extra span.hover {
	background-color: #CFE1F6;
	border-radius: 5px;
	border: 1px solid #355569;
	color: #355569;
	display: none;
	left: 10px;
	padding: 6px;
	position: absolute;
	top: 10px;
	width: 20em;
}

.staticpages .feature-extra span.hover span.h3 {
	display: block;
	font-weight: bold;
	margin-top: 0;
}

.staticpages .feature-extra:hover span.hover, 
.staticpages .feature-extra:active span.hover, 
.staticpages .feature-extra:focus span.hover  {
	display: block;
}

.staticpages h4 {
	font-size:1.4em;
	font-weight: bold;
	text-decoration:underline;
}

.staticpages .table1 tbody tr.big-column:hover {
	background-color: #4F7E9B;
}

/* Download Seiten */
.staticpages .wrapper em.version {
	display: block;
	margin: 1em 0 1.6em;
}

.staticpages .content h2,
.staticpages .wrapper h2 {
	color: #5e0000;
	font-size: 2.1em;
	font-weight: normal;
	margin: 1em 0 0.4em;
}

.staticpages .content h3,
.staticpages .wrapper h3 {
	border: 0 none;
	color: #7f0008;
	font-size: 1.6em;
	font-weight: normal;
	margin: 1.5em 0 0.5em;
	text-transform: none;
}

.staticpages .content h4,
.staticpages .wrapper h4 {
	color: #9e0000;
	font-size: 1.4em;
	font-weight: normal;
	margin: 1em 0 0.5em;
}

.staticpages .wrapper h4.download-box {
	color: #393a3d;
	font-size: 1.6em;
	font-weight: bold;
	margin: 1em 0 0.2em;
	padding: 0;
	text-decoration: none;
}

.staticpages .content a:link,
.staticpages .content a:visited,
.staticpages .content a:active,
.staticpages .wrapper a:link,
.staticpages .wrapper a:visited,
.staticpages .wrapper a:active {
	color: #236690;
}

.staticpages .wrapper a:hover,
.staticpages .content a:hover {
	color: #c5010f;
}

.staticpages .content a.external::after,
.staticpages .wrapper a.external::after {
	content: "↗";
}

.staticpages .content h2 a,
.staticpages .content h2 a:link,
.staticpages .content h2 a:visited {
	border-bottom: 1px dotted #87292f;
	color: #87292f;
	text-decoration: none;
}

.staticpages .content h2 a:hover,
.staticpages .content h2 a:focus,
.staticpages .content h2 a:active {
	border-bottom: 1px solid #87292f;
}

.staticpages .content h2 a::after {
	content: "»";
	margin-left: 0.1em;
}

.staticpages .wrapper p,
.staticpages .content p {
	font-size: 1.2em;
	margin: 1.2em 0 0 0;
}

.staticpages .wrapper div.cols,
.staticpages .content div.cols {
	clear: both;
	width: 100%;
}

.staticpages .wrapper div.cols p,
.staticpages .content div.cols p {
	clear: both;
	margin-top: 15px;
}

.staticpages .content .group::after,
.staticpages .wrapper .group::after,
.staticpages .content .cols::after,
.staticpages .wrapper .cols::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.staticpages .content div.cols .col1,
.staticpages .wrapper div.cols .col1 {
	float: left;
	margin: 0 4% 1em 0;
	width: 48%;
}

.staticpages .content div.cols .col2,
.staticpages .wrapper div.cols .col2 {
	float: left;
	margin: 0 0 1em 0;
	width: 48%;
}

.staticpages .content div.cols .col1 p,
.staticpages .content div.cols .col2 p,
.staticpages .wrapper div.cols .col1 p,
.staticpages .wrapper div.cols .col2 p {
	text-align: left;
}

.staticpages .content ul,
.staticpages .wrapper ul {
	list-style-type: square;
}

.staticpages .content ul,
.staticpages .content ol,
.staticpages .wrapper ul,
.staticpages .wrapper ol {
	font-size: 1.2em;
	list-style-position: outside;
	margin: 0.5em 0 0.5em 2em;
}

.staticpages aside section.box ul ul,
.staticpages aside section.box ul ol,
.staticpages aside nav.box ol ul,
.staticpages aside nav.box ol ol,
.staticpages section.box ul ul,
.staticpages section.box ul ol,
.staticpages .wrapper ul ol,
.staticpages .wrapper ul ul,
.staticpages .content ul ol,
.staticpages .content ul ul {
	font-size: 1em;
}

.staticpages .wrapper ul.download-box {
	border-bottom: 2px solid #4f7e9b;
	border-top: 2px solid #4f7e9b;
	display: block;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 5px 0;
	width: 100%;
}

.staticpages .wrapper ul.download-box li {
	clear: both;
	float:left;
	margin-bottom: 10px;
	min-height: 42px;
	min-width: 5em;
}

.staticpages .wrapper ul.download-box li[class^="filetype-"] {
	background: linear-gradient(180deg,#AFC4D1 10%,#F5F7FA 100%);
	border: 1px solid #4f7e9b;
	border-radius: 5px;
	float: left;
	padding-left: 0;
	margin: 10px 0;
	min-height: 50px;
	width: 30%;
}
.staticpages .wrapper ul.download-box li[class^="filetype-"] a {
	background: rgba(0, 0, 0, 0) url("./images/icon_filetype_zip.gif") no-repeat scroll 5px center;
	min-height: 32px;
	padding: 1em 0 0 47px;
	text-shadow: 1px 1px 4px #fff;
}

.staticpages .wrapper ul.download-box li.filedata {
	clear: none;
	float: left;
	padding: 0;
	margin-left: 10px;
	width: 60%;
}

.staticpages .wrapper ul.download-box li a {
	font-weight: bold;
}

.staticpages ul.download-box li dl {
	font-size: 0.9em;
}

.staticpages ul.download-box li dt {
	clear: left;
	float: left;
	font-weight: bold;
	margin-right: .5em;
}

.staticpages ul.download-box li dd {
	float: left;
	margin-left: 0;
	max-width: 100%;
}

/* Code Element */

.staticpages code {
	background-color: #ffffff;
	border: 1px solid #2d6833;
	display: block;
	font-family: monospace;
	margin: 1em 0;
	padding: 0.5em;
}

/* Extras */
.staticpages hr.hide {
	clear: none;
	display: none;
}

/* Teamseite */
.staticpages ul.teamlist {
	font-size: 0.9em;
	margin: 0;
}

.staticpages ul.teamlist li {
	background-color: transparent;
}

.staticpages ul.teamlist dl {
	font-size: 0.9em;
	margin-left: 1em;
}


.staticpages ul.teamlist li:hover {
	background-color: #FBF1D3;
}

.staticpages .postbody .content {
	width: 100%;
}

.staticpages .postbody {
	width: 68%;
}

.staticpages .postprofile {
	width: 30%;
}

.staticpages .wrapper .teamlist {
	font-size: 0.9em;
}

.staticpages .wrapper dd.profile-rank {
	font-size: 0.8em;
}

/* Entwickler Downloads */
.staticpages .wrapper dl {
	font-size: 1.2em;
}

.staticpages .wrapper dl dt {
	font-weight: bold;
}

.staticpages .wrapper dl dd {
	margin-left: 1em;
}

/* Versions Selector */
#version-selector {
	display: inline-block;
	position: relative;
	z-index: 9;
	float: right;
	margin-bottom: 1.5em;
}

#version-selector h2.hide {
	display: none;
}

.no-js #version-selector:hover .version-selected,
.no-js #version-selector:hover .version-available,
#version-selector.open .version-selected,
#version-selector.open .version-available {
	box-shadow: 0 0.2em 0.2em 0 rgba(0,0,0,0.2);
}

#version-selector .version-selected {
	display: block;
	background: #E4EBF0;
	padding: 0.6em 1em;
	border-radius: 0.5em;
	margin: 0;
	cursor: pointer;
}

#version-selector .version-selected::after {
	content: "▼";
	line-height: 1.6em;
}

#version-selector em {
	font-style: normal;
}

#version-selector .version-available {
	background-color: #E4EBF0;
	border-bottom-left-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
	display: none;
	font-size: 1em;
	left: 0.5em;
	margin: 0;
	position: absolute;
	right: 0.5em;
	top: 100%;
	z-index: 9;
}

.no-js #version-selector:hover .version-available,
#version-selector.open .version-available {
	display: block;
}

#version-selector .version-available span {
	font-size: 0;
}
#version-selector .version-available span::after {
	content: "";
	display: block;
	height: 0;
	background: pink;
	margin: 0.5em 1em;
	border-bottom: 0.1em solid #cccccc;
}

#version-selector .version-available em {
	display: block;
	padding: 0;
	margin: 0.5em 1em;
}

#version-selector .version-available a {
	display: inline-block;
	padding: 0;
	margin: 0 1em 0 1em;
	text-decoration: none;
}

#version-selector .version-available a::before {
	content: "►";
	color: #000000 !important;
	line-height: 1em;
	margin-right: 0.5em;
	text-decoration: none;
}

#version-selector .version-available a:hover {
	color: #4F7E9B;
	text-decoration: none;
}

#version-selector .version-not-supported {
	color: #CE071C;
}

#version-selector .version-supported {
	color: #F6A63C;
}

#version-selector .version-current {
	color: #06A250;
}

/* Post link */
.postlink {
	text-decoration: none;
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 0;
}

.postlink:hover {
	text-decoration: none;
}

/* Post header */
.has-profile .postbody h3 {
	margin-right: 210px;
}

/* KB Note Boxes */
.note {
	border-radius: 7px;
	border-style: solid;
	border-width: 1px;
	padding: 0.5em;
	margin: 1em;
	color: #111222;
	border-color: #464646;
	background-color: #DBDBDB;
}

.note-red {
	border-color: #CF3F2C;
	background-color: #E2B2AB;
}

.note-blue {
	border-color: #13328B;
	background-color: #B5C0DE;
}

.note-green {
	border-color: #2D7C37;
	background-color: #9AD9A3;
}

.note-yellow {
	border-color: #E7C103;
	background-color: #F5F1C8;
}

/* KB content */

body[class~="section-app/kb/viewarticle"] .content h4,
body[class~="section-app/kb/viewarticle"] .content h5,
body[class~="section-app/kb/viewarticle"] .content h6 {
	margin-top: 1em;
}

@media (max-width: 700px) {
	body[class~="section-app/kb/viewarticle"] .article-meta,
	body[class~="section-app/kb/viewarticle"] .article-description,
	body[class~="section-app/kb/viewarticle"] .article-categories {
		float: left;
	}
}

/* BBCodes */
div.content div.indent {
	margin-left: 3em;
}

div.content code.inline {
	background-color: #FFFFFF;
	border: 1px solid #BBBBA5;
	font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
	line-height: 1.3em;
	font-style: normal;
	color: #196F3F;
	padding: 0 3px;
	display: inline;
}


/* KB Link */
div.content a.kb-link:before {
	background-image: url("./images/icon_kb_link.gif");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	content: "\00A0";
}

/* Pastebin Link */
div.content a.pastebin-link:before {
	background-image: url("./images/icon_pastebin_link.gif");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	content: "\00A0";
}

/* Homepage */

.wrapper ul.index-announcements {
	margin: 5px 0 0 5px;
	width: 95%;
}

.wrapper ul.index-announcements li {
	background-color: #dbe3e6;
	border-radius: 10px;
	list-style-type: none;
	margin-bottom: 20px;
}

.wrapper ul.index-announcements li:nth-child(even) {
	background-color: #E1E7E8;
}

.wrapper ul.index-announcements .announce-head {
	background-color: #AFC4D1;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin: 0;
	line-height: 150%;
	padding: 0;
	overflow: hidden;
}

.wrapper ul.index-announcements .announce-body {
	padding-bottom: 5px;
}
.wrapper ul.index-announcements h4 {
	color: #393a3d;
	float: left;
	padding: 5px 10px;
	margin: 0;
}

.wrapper ul.index-announcements h4 .icon {
	font-size: 110%;
}

.wrapper ul.index-announcements h4 a,
.wrapper ul.index-announcements h4 a:visited
{
	color: #393a3d !important;
	text-decoration: none;
}

.wrapper ul.index-announcements h4 a:hover,
.wrapper ul.index-announcements h4 a:active,
.wrapper ul.index-announcements h4 a:focus
{
	color: #c5010f !important;
}
.wrapper ul.index-announcements .index-announce-time {
	float: right;
	padding: 5px 10px;
}

.wrapper ul.index-announcements .index-announce-text {
	margin: 5px 15px;
	line-height: 150%;
	font-size: 100%;
}

.dropdown-extended {
	z-index: 10;
}