/* phpBB 3.2 Style Sheet
    --------------------------------------------------------------
    Style name:			prosilver Special Edition
    Based on style:		prosilver (the default phpBB 3.2 style)
    Original author:	Tom Beddard ( http://www.subBlue.com/ )
    Modified by:		phpBB Styles Team
    --------------------------------------------------------------
*/

@import url("../../prosilver/theme/stylesheet.css");

/* 1. DEINE FARBEN & HINTERGRUND */
html, body {
	background-color: #cfe8ff;
	background-image: url("./hintergrundgrafik.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	margin: 0;
	padding: 17px 0;
}

body.simple {
	min-height: 100%;
	padding: 0 5px;
}

/* 2. WRAP STYLING (Box-Design) */
#wrap, .wrap {
	max-width: 850px;
	margin: 0 auto;
	padding: 13px 23px;
	border: 2px solid #FFF;
	border-radius: 15px;
	box-shadow: 0 0 22px 4px #aad1f5, inset 0 5px 48px rgba(97, 156, 222, .65);
	background-color: #FFF; /* Damit der Content lesbar bleibt */
}

/* 3. SPEZIFISCHE FARBANPASSUNGEN */
.headerbar {
	background-color: #7C8891;
	background-image: url("./images/bg_header.gif");
}

.navbar {
	background-color: #e5f0fe;
}

.forabg, .forumbg {
	background-color: #c8d9ec;
	background-image: url("./images/bg_list.gif");
}

.copyright a {
	color: #000000 !important;
}

li.row {
	background-color: #ecf3f7;
}

li.row:hover {
	background-color: #EBEFF1;
}

li.row.bg3 {
	background-color: #F0F4F6;
}

li.row.bg3:hover {
	background-color: #F4F8FA;
}

.search-header {
	box-shadow: 0.2px -0.5px 4px #0f518d73;
}

/* 4. RÄNDER-LOGIK (Borders von Prosilver SE) */
.border-left { background: url("./images/border_left.png") repeat-y 0 0; }
.border-right { background: url("./images/border_right.png") repeat-y 100% 0; }
.border-top { background: url("./images/border_top.png") repeat-x 0 0; }
.border-top-left { background: url("./images/border_top_left.png") no-repeat 0 0; }
.border-top-right { background: url("./images/border_top_right.png") no-repeat 100% 0; }

.inside {
	padding: 17px 27px 10px 27px;
}

/* 5. NAVIGATION & GLUE FIXES (Struktur-Rettung) */

.nav-main {
    display: block !important;
    width: 100% !important;
    clear: both !important;
}

.nav-main > li {
    display: inline-block !important;
    float: left !important;
    margin-right: 15px !important;
    list-style: none !important;
}

.nav-main > li.rightside,
li#username_logged_in {
    float: right !important;
    margin-left: 15px !important;
    margin-right: 0 !important;
}

lidata-last-responsive,
lidata-skip-responsive {
    display: inline-block !important;
    float: left !important;
    margin-right: 15px !important;
}

/* 6. ICON HANDLING (Foren vs Themen) - Optimierte Abstände */

/* Gemeinsame Icon-Regeln */
dl[class*="row-item"], dl[class*="row-item"] dt {
	background-repeat: no-repeat !important;
}

/* FOREN-ÜBERSICHT (Index): Icons wieder nach links (5px) wie vorher */
.forabg dl[class*="row-item"], .forabg dl[class*="row-item"] dt {
	background-position: 5px center !important;
}
.forabg dl[class*="row-item"] dt .list-inner {
	padding-left: 42px !important; /* 5px Start + 32px Icon + 5px Lücke */
}
.forabg dl[class*="row-item"] {
	background-size: 32px 32px !important;
}

/* THEMEN-ANSICHT (Topics): Icons bei 10px (Perfekt-Status beibehalten) */
.forumbg dl[class*="row-item"], .forumbg dl[class*="row-item"] dt {
	background-position: 10px center !important;
}
.forumbg dl[class*="row-item"] dt .list-inner {
	padding-left: 37px !important; /* 10px Start + 22px Icon + 5px Lücke */
}
.forumbg dl[class*="row-item"] {
	background-size: 22px 22px !important;
}

.row-itemforum_read { background-image: url("../../prosilver/theme/images/forum_read.gif") !important; }
.row-itemforum_unread { background-image: url("../../prosilver/theme/images/forum_unread.gif") !important; }

/* 7. FLASH & RUFFLE PLAYER FIX */
.postbody object,
.postbody embed,
.postbody ruffle-player {
    width: 550px !important;
    height: 400px !important;
    max-width: 100% !important;
    display: block !important;
    margin: 10px 0;
}

/* 8. RESPONSIVE ANPASSUNGEN */
@media only screen and (max-width: 920px) {
	html, body {
		background-color: #FFF;
		background-image: none;
	}
	#wrap, .wrap {
		width: auto;
		margin: 0 5px;
		border-width: 0;
		box-shadow: none;
	}
}