/*-----------------------------------------------
 * Reset browser-specific styles and fonts.
 */

/* general styles -----------------------------*/
:root {
  --main-bg-color: #ffffff;
  --main-text-color: black;
  --link-blue: #045d9a;
  --headline-color: #666666;
  --main-box-bg-color: #c0c0c0;
  --main-pre-bg-color: #c99;
}

@media(prefers-color-scheme: dark) {
  :root {
  --main-bg-color: #222;
  --main-text-color: #ffffdd;
  --link-blue: #9cd6fc;
  --headline-color: #fff;
  --main-box-bg-color: #333;
  --main-pre-bg-color: #a09;
  }
  a:link {
    color: red;
  }
  a:visited {
    color: green;
  }

}

html {
	color: var(--main-text-color);
	background: var(--main-bg-color);
}

body,
div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code,
form, fieldset, legend, input, button, textarea,
p,
blockquote,
th, td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address, cite, code,
dfn, var,
em, strong,
caption, th,
optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del, ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
	font-variant: normal;
}

sup, sub {
	vertical-align: baseline;
}

legend {
	color: #333333;
}

input, button, textarea,
select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

* html input,
* html button,
* html textarea,
* html select {
	font-size: 100%;
}

.security_table td {
	border: 1px solid #cecece;
}

/* fonts --------------------------------------*/
body {
	font: 13px/1.2308 Arial, sans-serif;
}

* html body {
	font-size: small;
}

input, button, textarea, select {
	font: 99% Arial, sans-serif;
}

table {
	font-size: inherit;
}

pre, code, kbd, samp, tt {
	font-family: monospace;
	line-height: 100%;
}

* html pre,
* html code,
* html kbd,
* html samp,
* html tt {
	font-size: 108%;
}

/*-----------------------------------------------
 * general styles required by samba.org
 */

.noScreen {
	display: none !important;
}

body {
	background-color: var(--main-bg-color);
	color: var(--main-fg-color);
	font-size: 13px;
	line-height: 16px;
	font-family: Arial, sans-serif;
	text-align: left;
	padding: 0;
}

body * {
	background-color: transparent;
}

#page,
#pageStart {
	width: 986px;
	background-image: url(bg.webp);
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: auto;
}

/* header -------------------------------------*/
#hd {
	margin: 0;
	padding: 0 0 20px;
}

/* search form */
#hd #bannerStart #search {
	border-right:10px;
	float: right;
	clear: both;
}

#hd #bannerStart #search label {
	font-family: Georgia, serif;
	font-weight: bold;
}

#hd #bannerStart #search #searchString {
	width: 128px;
	height: 17px;
	margin-right: 10pt;
	padding: 0 1px;
	border: 1px solid #585858;
	color: var(--main-text-color);
}

#hd #bannerStart #search #searchButton {
	position: relative;
	top: 5px;
	right: 9px;
}

/* banner */
#hd #banner {
	height: 139px;
	width: 100%;
	background-image: url(bgHeader_red_2025.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#hd #bannerStart {
	float: right;
	height: 139px;
	width: 100%;
	background-image: url(bgHeader_red_2025.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

/* main content -------------------------------*/
#bd {
	margin: 0;
	padding: 0;
}

#bd #bdCols {
	width: 100%;
	overflow: hidden;
}

/* left column: navigation */
#bd #nav {
	float: left;
	width: 142px;
}

#bd #nav ul {
	margin: 0;
	padding: 0;
}

#bd #nav ul li {
	width: 100%;
	list-style-type: none;
	margin: 10px 0 0;
	padding: 0;
	background-image: url(bgNav.png);
	background-position: 100% 0;
	background-repeat: repeat-y;
}

#bd #nav ul li.navSub {
	margin: 0;
	background-image: none;
}

#bd #nav ul ul li {
	margin: 1px 0 0;
	background-image: url(bgNavSub.png);
}

#bd #nav ul li a,
#bd #nav ul li a:link,
#bd #nav ul li a:visited,
#bd #nav ul li a:active {
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-family: Georgia, serif;
	line-height: 27px;
	/* margin: 10px 0 0; */
	margin: 0;
	padding: 0 0 0 24px;
	border: none;
}

#bd #nav ul ul li a,
#bd #nav ul ul li a:link,
#bd #nav ul ul li a:visited,
#bd #nav ul ul li a:active {
	color: #000;
	font-size: 11px;
	line-height: 13px;
	/* margin: 1px 0 0; */
	margin: 0;
	padding: 5px 0 5px 36px;
	background-image: url(iconListNavSub.png);
	background-position: 30px 10px;
	background-repeat: no-repeat;
}

#bd #nav ul ul li.selected a,
#bd #nav ul ul li.selected a:link,
#bd #nav ul ul li.selected a:visited,
#bd #nav ul ul li.selected a:active,
#bd #nav ul ul li.selected a[href]:hover {
	color: #000000;
	background-image: url(iconListNavSubSelected.png);
}

#bd #nav ul li a[href]:hover {
	text-decoration: underline;
}

#bd #nav ul ul li a[href]:hover {
	font-size: 11px;
}

/* center column: content */
#bd #main {
	float: left;
	width: 574px;
	margin: 5px 0 0 24px;
}

#bd #mainStart {
	float: left;
	width: 558px;
	margin: 0 0 0 24px;
	padding: 0 8px;
}

/* bottom boxes (start page only) */
#bd #mainBoxReleases {
	float: left;
	left: -8px;
}

#bd #mainBoxBeyondSamba {
	float: right;
	right: -8px;
}

#bd .mainBox {
	position: relative;
	width: 247px;
	background-image: url(bgBoxMain.webp);
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 26px 0 0;
	padding: 7px 16px 17px;
}

#bd .mainBox h5 {
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	margin: 0 0 2px;
}

#bd .mainBox .mainBoxContent {
	font-size: 11px;
	line-height: 15px;
	margin: 20px 0 0;
	padding: 0 0 0 55px;
	background-position: 5px 3px;
	background-repeat: no-repeat;
}

#bd #mainBoxReleases .mainBoxContent {
	background-image: url(iconReleases.png);
}

#bd #mainBoxBeyondSamba .mainBoxContent {
	background-image: url(iconBeyondSamba.png);
}

#bd .mainBox .mainBoxContent p {
	margin: 0 0 15px;
}

#bd .mainBox .mainBoxContent ul li {
	list-style-type: none;
	list-style-image: none;
	padding: 0 0 0 6px;
	background-image: url(iconListBox.png);
	background-position: 0 6px;
	background-repeat: no-repeat;
}

#bd .mainBox .mainBoxContent a:link,
#bd .mainBox .mainBoxContent a:visited,
#bd .mainBox .mainBoxContent a:active,
#bd .mainBox .mainBoxContent a[href]:hover {
	color: var(--link-blue);
	font-size: 11px;
	line-height: 15px;
}

#bd .mainBox .mainBoxBottom {
	position: absolute;
	width: 279px;
	height: 16px;
	left: 0;
	bottom: 0;
	background-image: url(bgBoxMainBottom.webp);
	background-position: 0 100%;
	background-repeat: no-repeat;
}

/* left + center columns: sitemap (start page only) */
#bd #sitemap {
	float: left;
	width: 732px;
	margin: 21px 0 25px;
}

#bd #sitemapContent {
	min-height: 150px;
	padding: 24px 0 0 173px;
	background-color: #8f9994;
	background-image: url(bgSitemap.gif); border-radius: 10px 10px 0px 0px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#bd .sitemapList {
	float: left;
	width: 149px;
	font-size: 11px;
	line-height: 12px;
}

#bd .sitemapList h5 {
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, sans-serif;
	line-height: 15px;
	color: #ffffff;
	text-transform: uppercase;
	margin: 0 0 10px 15px;
}

#bd .sitemapList ul {
	margin: 0 0 13px 12px;
}

#bd .sitemapList ul li {
	line-height: 12px;
	list-style-type: none;
	list-style-image: none;
	padding: 0 0 0 8px;
	background-image: url(iconListSitemap.png);
	background-position: 0 4px;
	background-repeat: no-repeat;
}

#bd .sitemapList ul li a {
	text-transform: capitalize;
}

#bd .sitemapList a:link,
#bd .sitemapList a:visited,
#bd .sitemapList a:active,
#bd .sitemapList a[href]:hover {
	color: #003366;
	font-size: 11px;
	line-height: 12px;
}

#bd #sitemapBottom {
	height: 12px;
	font-size: 0;
	background-color: #c90000;
	border-top: 1px solid #ffffff;
}

/* right column: specials */
#bd #special {
	position: relative;
	float: right;
	width: 222px;
	font-size: 11px;
	line-height: 13px;
	overflow: visible;
}

#bd .specialBox {
	position: relative;
	left: -2px;
	width: 189px;
	background-image: url(bgBoxSpecial.webp);
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 12px 0 0;
	padding: 0 18px 19px;
}

#bd #specialBoxDonations,
#bd #specialBoxNews,
#bd #specialBoxBeyondSamba {
	margin: 10px 0 0;
}

#bd #specialBoxInternational,
#bd #specialBoxRelated {
	font-weight: bold;
}

#bd .specialBox h4 {
	color: #c90000;
	font-size: 18px;
	font-weight: normal;
	font-family: Georgia, serif;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

#bd #specialBoxInternational h4,
#bd #specialBoxRelated h4 {
	margin: 0 0 16px;
}

#bd .specialBox h5 {
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
	margin: 17px 0 4px;
}

#bd #specialBoxNews h5 {
	font-weight: normal;
}

#bd .specialBox .specialBoxContent {
	font-size: 11px;
	line-height: 13px;
	margin: 10px 0 0;
	padding: 23px 0 0;
	background-repeat: no-repeat;
}

#bd #specialBoxNews .specialBoxContent {
	background-image: url(iconNews.png);
	background-position: 100% 17px;
}

#bd #specialBoxInternational .specialBoxContent {
	background-image: url(iconInternational.png);
	background-position: 100% 20px;
}

#bd #specialBoxBeyondSamba .specialBoxContent {
	background-image: url(iconBeyondSamba.png);
	background-position: 100% 18px;
}

#bd #specialBoxReleases .specialBoxContent {
	background-image: url(iconReleases.png);
	background-position: 100% 19px;
}

#bd .specialBox .specialBoxContent p,
#bd .specialBox .specialBoxContent ul {
	margin: 0 0 6px;
}

#bd .specialBox .specialBoxContent p.headline {
	font-weight: bold;
}

#bd .specialBox .specialBoxContent p#furtherNews {
	font-weight: bold;
	margin: 11px 0 6px;
}

#bd .specialBox .specialBoxContent span.label {
	display: inline-block;
	width: 72px;
}

#bd .specialBox .specialBoxContent ul li {
	list-style-type: none;
	list-style-image: none;
	padding: 0 0 0 6px;
	background-image: url(iconListBox.png);
	background-position: 0 6px;
	background-repeat: no-repeat;
}

#bd .specialBox .specialBoxContent a:link,
#bd .specialBox .specialBoxContent a:visited,
#bd .specialBox .specialBoxContent a:active,
#bd .specialBox .specialBoxContent a[href]:hover {
	color: var(--link-blue);
	font-size: 11px;
	line-height: 15px;
}

#bd .specialBox .specialBoxBottom {
	position: absolute;
	width: 225px;
	height: 16px;
	left: 0;
	bottom: 0;
	background-image: url(bgBoxSpecialBottom.webp);
	background-position: 0 100%;
	background-repeat: no-repeat;
}

/* footer -------------------------------------*/
#ft {
	color: #999999;
	font-size: 11px;
	line-height: 16px;
	margin: 12px 6px 25px 0;
	padding: 18px 0 0;
	border-top: 1px solid #d9d9d9;
}

#ft a:link,
#ft a:visited,
#ft a:active,
#ft a[href]:hover {
	color: #999999;
	font-size: 11px;
	line-height: 16px;
}

/* general styles -----------------------------*/
#pageStart h1 {
	color: #c90000;
	font-size: 46px;
	font-weight: normal;
	font-family: Georgia, serif;
	line-height: 58px;
	margin: 0;
	padding: 0;
}

h2 {
	color: #c90000;
	font-size: 18px;
	font-weight: bold;
	font-family: Georgia, serif;
	line-height: 24px;
	margin: 0 0 19px;
	padding: 0;
}

#pageStart h2 {
	color: var(--headline-color);
	font-size: 24px;
	font-weight: normal;
	line-height: 32px;
	margin: 0 0 16px;
}

h3 {
	color: var(--headline-color);
	font-size: 16px;
	font-weight: bold;
	font-family: Georgia, serif;
	line-height: 20px;
	margin: 0 0 18px;
	padding: 0;
}

#pageStart h3 {
	color: #c90000;
	font-size: 24px;
	font-weight: normal;
	line-height: 28px;
	margin: 0;
}

p {
	margin: 0 0 16px;
}

a:link,
a:visited,
a:active,
a[href]:hover {
	color: var(--link-blue);
	font-size: 13px;
	line-height: 16px;
	text-decoration: none;
}

a[href]:hover {
	text-decoration: underline;
}

ul {
	margin: 0 0 16px 8px;
}

ul ul {
	margin: 0 0 0 14px;
}

ul li {
	list-style-type: none;
	list-style-image: none;
	padding: 0 0 0 6px;
	background-image: url(iconList.png);
	background-position: 0 7px;
	background-repeat: no-repeat;
}

ol {
	margin: 0 0 16px 28px;
}

ol ol {
	margin: 0 0 0 26px;
}

ol li {
	list-style-type: decimal;
}

ol ol li {
	list-style-type: lower-latin;
}

ol ul li {
	list-style-type: none;
}

i, em {
	font-style: italic;
}

b, strong {
	font-weight: bold;
}

div.clearing {
	clear: both;
	width: 100%;
	height: 0;
	font-size: 0;
	line-height: 0;
}

/*
 * The styles below have been used with the old
 * design (with minor modifications). Check out
 * whether they are still required.
 */
#main table {
	border: 1px solid #cecece;
	margin: 0 0 15px;
}

#main table th {
	font-weight: bold;
}

#main h4 {
	color: #c90000;
	font-weight: normal;
	line-height: 20px;
}

#main h5 {
	color: #c90000;
	font-weight: normal;
	line-height: 20px;
}

#main p.headline {
	font-weight: bold;
	line-height: 30px;
}

blockquote {
	margin: 35px;
	padding: 13px;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
}