body {
	font-size: smaller;
	font-family: Tahoma, Arial, sans-serif;
	color: black;
	background-color: white;
}


/* Allgemeine Styles */
a {
	color: #CC0000;
	text-decoration: underline;
}
a.extern {
	background: url(/images/icons/link_extern.gif) right center no-repeat;
	padding-right: 14px;
}
h1 {
	font-size: 180%;
	font-weight: bold;
	color: #CC0000;
	background-color: white;
	margin-bottom: 1em;
}
h2 {
	font-size: 110%;
	font-weight: bold;
	color: #336699;
	margin-bottom: 0.6em;
}
h3 {
	font-size: 100%;
	font-weight: bold;
	color: #336699;
	margin-bottom: 0.4em;
}
h4 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0.4em;
}
img {
	border: 0;
}
input, select, textarea {
	font-family: Tahoma, Arial, sans-serif;
	font-size: small;
}
p, ul, ol {
	margin-bottom: 1em;
	line-height: 1.3em;
}
td, th {
	font-size: 1em;
}
ul li, ol li {
	margin-bottom: 0.3em;
}
ul, ol {
	margin-left: 2em;
}
table caption {
	font-size: 100%;
	font-weight: bold;
	color: #336699;
}


.left {
	text-align: left;
}
.right {
	text-align: right;
}
.picture {
	border: 1px solid #6699CC;
}
.border {
	border: 1px solid #6699CC;
}
div.box {
	background-color: #d8e9fa;
	border: 1px solid #6699CC;
	margin-bottom: 1em;
	padding: 1em 1em 0 1em;
}
img.left {
	margin: 5px 10px 0 0;
	float: left;
}
img.right {
	margin: 5px 0 0 10px;
	float: right;
}
.float-left {
	float: left;
}
.clear-left {
	clear: left;
}
input.button {
	padding: 0 5px;
}
.notice {
	font-weight: bold;
	color: #CC0000;
}


/* Formatierte Listenelemente */
ul.pdf li,
li.pdf {
	list-style-image: url(/images/icons/pdf.gif);
	padding-left: 5px;
}
ul.wmv li,
li.wmv {
	list-style-image: url(/images/icons/wmv.gif);
	padding-left: 5px;
}
ul.doc li,
li.doc {
	list-style-image: url(/images/icons/doc.gif);
	padding-left: 5px;
}
ul.xls li,
li.xls {
	list-style-image: url(/images/icons/xls.gif);
	padding-left: 5px;
}
ul.ppt li,
li.ppt {
	list-style-image: url(/images/icons/ppt.gif);
	padding-left: 5px;
}


/* Header */
#Header {
	width: 778px;
	height: 95px;
	background: url(/images/bg_header.jpg) no-repeat;
}
#Nav0 {
	width: 778px;
	height: 20px;
}
#Header ul {
	margin: 19px 0 0 0;
	padding: 0;
	list-style-type: none;
	float: right;
}
#Nav0 ul {
	margin: 2px 0 0 500px;
	padding: 0;
	list-style-type: none;
}
#Header ul li, #Nav0 ul li {
	display: inline;
}
#Header ul li a, #Nav0 ul li a {
	font-size: 10px;
	font-weight: bold;
	color: black;
	text-decoration: none;
	border-right: 1px solid black;
	display: block;
	float: left;
}
#Header ul li#nav_impressum a, #Header ul li#nav_sitemap a, #Header ul li#nav_kontakt a, #Nav0 ul li#nav_impressum a, #Nav0 ul li#nav_sitemap a, #Nav0 ul li#nav_kontakt a {
	padding-left: 10px;
	margin-left: 10px;
}
#Header ul li#nav_impressum a, #Nav0 ul li#nav_impressum a {
	background: url(/images/icons/impressum.gif) left center no-repeat;
}
#Header ul li#nav_sitemap a, #Nav0 ul li#nav_sitemap a {
	background: url(/images/icons/sitemap.gif) left center no-repeat;
}
#Header ul li#nav_kontakt a, #Nav0 ul li#nav_kontakt a {
	background: url(/images/icons/kontakt.gif) left center no-repeat;
}
#Header ul li.last a, #Nav0 ul li.last a {
	border-right: none;
}
#Header ul li a span, #Nav0 ul li a span {
	padding: 0 10px;
	display: block;
}


/* Header */
#HeaderUnterseite {
	width: 778px;
	height: 74px;
	background: url(/images/bg_header_unterseite.jpg) no-repeat;
}


/* Logo */
#Logo {
	width: 210px;
	height: 84px;
	top: 5px;
	left: 10px;
	position: absolute;
	display: block;
}
#LogoUnterseite {
	width: 135px;
	height: 58px;
	top: 57px;
	left: 40px;
	position: absolute;
	display: block;
}


/* Nav */
#Nav {
	width: 778px;
	height: 31px;
	background: url(/images/bg_nav.jpg) repeat-x;
}
#Nav ul {
	margin: 0;
	padding: 0;
	padding-top: 4px;
	padding-left: 30px;
	list-style-type: none;
}
#Nav ul li {
	display: inline;
}
#Nav ul li a {
	font-size: 10px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	border-right: 1px solid #C22E2E;
	display: block;
	float: left;
}
#Nav ul li a:hover {
	color: #FFCC00;
}
#Nav ul li.last a {
	border-right: none;
}
#Nav ul li.current a {
	color: #FFCC00;
	background: #0B0B0B;
}
#Nav ul li a span {
	padding: 5px 14px;
	display: block;
}


/* Strip */
#Strip {
	width: 778px;
	height: 75px;
	background: url(/images/bg_strip.jpg) no-repeat;
}


/* Main */
#Main, #MainUnterseite  {
	width: 778px;
	overflow: auto;
}
#Main {
	background: url(/images/bg_main.jpg) no-repeat;
}
#MainUnterseite {
	background: url(/images/bg_main_unterseite.jpg) no-repeat;
}


/* Activities */
#Activities {
	width: 166px;
	float: left;
}
#Activities ul {
	list-style-type: none;
	margin: 30px 10px 0 10px;
	padding: 0;
}
#Activities ul li {
	display: inline;
}
#Activities ul li a {
	font-size: 11px;
	color: #336699;
	border-bottom: 1px solid #BBBBBB;
	text-decoration: none;
	display: block;
	padding: 5px 0px 5px 22px;
	text-indent: -12px;
}
#Activities ul li a {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg_subnav.png');
}
#Activities[id] ul li a {
	background: url(/images/bg_subnav.png);
}
#Activities ul li a:hover, #Activities ul ul li a:hover, #Activities ul ul ul li a:hover {
	color: #CC0000;
}
#Activities ul li a span {
	background: url(/images/icons/arrow_right.gif) no-repeat 0 5px;
	padding: 0 12px;
}
#Activities ul li.current a {
	color: #CC0000;
}
#Activities ul li.current a span {
	background: url(/images/icons/arrow_right_on.gif) no-repeat 0 5px;
}

#Activities ul ul {
	margin: 0;
}
#Activities ul li.current ul li a {
	font-size: 10px;
	color: #336699;
	padding: 5px 0px 5px 37px;
}
#Activities ul li.current ul li a span {
	background: url(/images/icons/arrow_right.gif) no-repeat 0 4px;
	padding: 0 0px 0 12px;
}
#Activities ul li.current ul li.current a {
	color: #CC0000;
}
#Activities ul li.current ul li.current a span {
	background: url(/images/icons/arrow_right_on.gif) no-repeat 0px 4px;
}

#Activities ul ul ul {
	margin: 0;
}
#Activities ul li.current ul li.current ul li a {
	font-size: 10px;
	color: #336699;
	padding: 5px 0px 5px 50px;
}
#Activities ul li.current ul li.current ul li a span {
	background: url(/images/icons/arrow_right.gif) no-repeat 0 4px;
	padding: 0 0px 0 12px;
}
#Activities ul li.current ul li.current ul li.current a {
	color: #CC0000;
}
#Activities ul li.current ul li.current ul li.current a span {
	background: url(/images/icons/arrow_right_on.gif) no-repeat 0px 4px;
}



/* Logos */
#Logos {
	margin: 3em 0 0 0;
	text-align: center;
}
#Logos .logo {
	margin-bottom: 1em;
}


/* Content */
#Content {
	width: 460px;
	padding: 30px 10px 10px 10px;
	float: left;
}


/* Sponsorstrip */
#Sponsorstrip {
	width: 130px;
	float: left;
}
#Events {
	margin: 6.5em 0 2em 0;
	text-align: center;
}
#Sponsors {
	margin: 1em 0;
	text-align: center;
}
#Events .logo, #Sponsors .logo {
	margin-bottom: 1em;
}


/* Footer */
#Footer {
	width: 758px;
	height: 23px;
	background: url(/images/bg_footer.jpg) no-repeat;
	padding: 2px 10px 0 10px;
	clear: left;
}
#Footer .copyright {
	margin: 0;
	float: left;
}
#Footer .copyright a {
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}
#Footer .printversion {
	margin: 0;
	float: right;
}
#Footer .printversion a {
	font-size: 10px;
	color: #FFFFFF;
	background: url(/images/icons/printer.gif) no-repeat;
	padding-left: 18px;
	padding-bottom: 1px;
	text-decoration: none;
}
#Footer .printversion a:hover {
	text-decoration: underline;
}


/* Newsmeldungen */
.news {
	padding: 5px 0;
}
.news .head {
	background: url("/images/bg_news.gif") 0 0 no-repeat;
	height: 5px;
}
.news .foot {
	background: url("/images/bg_news.gif") bottom no-repeat;
	height: 10px;
}
.news .content {
	background-color: #EBEBEB;
	padding: 0 10px;
}
.news h2 {
	margin-bottom: 0.2em;
}
.news h2 a {
	font-size: 1em;
	color: #336699;
	text-decoration: none;
}
.news h2 a:hover {
	color: #CC0000;
	text-decoration: underline;
}
.news h3 {
	color: black;
	font-size: 85%;
}
.news p {
	margin: 0;
}
.news img {
	width: 120px;
	height: 90px;
	border: 1px solid #6699CC;
	margin: 0px 10px 5px 0;
}
.news.extern .aStart,
.news.extern .selected {
  background: lemonchiffon;
}
.news.extern {
  border-bottom: 1px dashed #aaaaaa;
  margin: 0;
  padding: 0;
}
.news.extern h2 {
  font-size: .90em;
  margin-bottom: .1em;
  padding: 5px 10px 0 10px;
}
.news.extern h3 {
  font-size: .85em;
  font-weight: normal;
  color: #888888;
  margin: 0;
  padding: 0 10px;
  padding-bottom: .4em;
}
.news.extern h4 {
  font-size: .85em;
  font-weight: normal;
  color: #336699;
  margin: 0;
  padding-right: 5px;
  float: right;
}
.news.extern p {
  font-size: 1em;
  padding: 0 10px;
  padding-bottom: .3em;
}




/* @group Bookmarks */
#Content ul.bookmarks {
  margin: 1em 0;
  padding: 0;
}
#Content ul.bookmarks li {
  list-style: none;
  list-style-image: none;
  display: inline;
  margin: 0;
  padding: 0;
}
#Content ul.bookmarks li.title {
  font-weight: bold;
  margin-right: 1em;
}
#Content ul.bookmarks li a {
  background: none;
  margin: 0 0.3em;
  padding: 0;
}
/* @end */



/* Termine */
.termin {
	clear: left;
	overflow: auto;
	margin-bottom: 0.8em;
}
.termin .datum {
	width: 80px;
	float: left;
}
.termin .veranstaltung {
	width: 350px;
	float: left;
}
.termin .info {
	float: left;
}


/* Termine -> Detailseite */
.termine .label {
	width: 130px;
	margin-bottom: 0.2em;
	float: left;
	clear: left;
}
.termine .input {
	width: 250px;
	margin-bottom: 0.2em;
	float: left;
}


/* Personen im DJB */
.person {
	width: 220px;
	float: left;
}


/* Landesverbände */
.landesverbaende {
	border-bottom: 1px solid #336699;
	margin-bottom: 1em;
}


/* Athleten im DJB */
h2.athlet-headline {
	margin-top: 1em;
	clear: left;
}
.athlet {
	width: 90px;
	text-align: center;
	margin: 0 25px 15px 0;
	float: left;
}
.athlet-statistic {
	border-collapse: collapse;
	margin-bottom: 1em;
}
.athlet-statistic td {
	padding: 0 5px 5px 0;
}
.athlet-pictures {
	overflow: auto;
}
.athlet-pictures .picture {
	float: left;
	width: 90px;
	height: 90px;
	margin: 0 10px 10px 0;
}


/* Newsletter-Abo */
.newsletter_abo .label {
	width: 100px;
	margin-bottom: 0.3em;
	clear: left;
	float: left;
}
.newsletter_abo .input {
	width: 300px;
	margin-bottom: 0.3em;
	float: left;
}
.newsletter_abo .button {
	padding: 0 5px;
}


/* Sitemap */
.sitemap ul {
	margin: 0;
}
.sitemap ul li {
	list-style: none;
	margin-bottom: 1.5em;
}
.sitemap ul li a {
	font-size: 1.1em;
	font-weight: bold;
}
.sitemap ul ul {
	margin-top: 0.8em;
	margin-left: 2em;
}
.sitemap ul ul li {
	list-style-type: disc;
	margin-bottom: 0.4em;
}
.sitemap ul ul li a {
	font-size: 1em;
	font-weight: normal;
}


/* Spieltags-Tabellen */
.tabelle {
	border-collapse: collapse;
	margin-bottom: 1em;
}
.tabelle th {
	color: white;
	text-align: center;
	background-color: #336699;
	border-bottom: 1px solid #336699;
	padding: 4px;
}
.tabelle td {
	text-align: center;
	background-color: #EBF0F5;
	border-bottom: 1px solid #336699;
	padding: 4px;
}
.tabelle th.left, .tabelle td.left {
	text-align: left;
}


/* Termine */
.dates {
	border-collapse: collapse;
	margin-bottom: 1em;
}
.dates th {
	font-size: 85%;
	color: black;
	background-color: #F8F8F8;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
	padding: 4px;
}
.dates td {
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
	padding: 4px;
}
.dates th.date, .dates td.date {
	width: 70px;
	background-color: #F8F8F8;
}
.dates th.city, .dates td.city {
	width: 100px;
}
.dates th.event, .dates td.event {
	background-color: #F8F8F8;
}
.dates th.info, .dates td.info {
	width: 40px;
}


/* Gewichtsklassen */
.gewichtsklassen {
	border-collapse: collapse;
	border: 1px solid black;
	margin-bottom: 1em;
}
.gewichtsklassen th {
	background-color: #F8F8F8;
	text-align: center;
	vertical-align: middle;
	padding: 2px;
}
.gewichtsklassen td {
	border: 1px solid black;
	text-align: center;
	vertical-align: middle;
	padding: 2px;
}
.gewichtsklassen td.left {
	text-align: left;
}
.gewichtsklassen td.age {
	background-color: #F8F8F8;
	width: 35px;
}
.gewichtsklassen td.time {
	background-color: #F8F8F8;
}


/* Gürtelstufen */
.guertelstufe-bild {
	margin: 0 2em 1em 0;
	float: left;
}
.guertelstufe-bild img {
}
.guertelstufe-bild cite {
	font-size: 0.9em;
	padding: 2px 5px 5px 0;
	display: block;
}


/* Gewinnspiel */
.gewinnspiel .label {
	width: 100px;
	margin-bottom: 3px;
	float: left;
	clear: left;
}
.gewinnspiel .input {
	width: 200px;
	margin-bottom: 3px;
	float: left;
}


/* @group Grand Masters Anmeldung */
input[type="text"],
input[type="password"],
input[type="file"],
textarea,
select {
  font-size: 1.2em;
  padding: 0.25em;
  border: 1px solid black;
}
#GrandMasterRegistration input[type="submit"] {
  margin-right: 15px;
}
#GrandMasterRegistration input[type="checkbox"] {
  margin-right: 234px;
  margin-top: 3px;
  width: 20px;
}
#GrandMasterRegistration {
  padding: 0;
}
#GrandMasterRegistration input:focus {
  background-color: lemonchiffon;
}
#GrandMasterRegistration input {
  float: right;
  width: 240px;
}
#GrandMasterRegistration input.birth {
  width: 150px;
  margin-right: 90px;
}
#GrandMasterRegistration select {
  float: right;
  margin-right: 92px;
  width: 158px;
}
#GrandMasterRegistration .total_fee {
  float: right;
  width: 240px;
}
#GrandMasterRegistration #grand_masters_registrations_payment_method {
  float: right;
  width: 150px;
  margin-right: 90px;
}
#GrandMasterRegistration fieldset {
  border: none;
  position: relative;
  margin: 0 0 0.5em 0;
  padding: 0 0 1em 0;
}
#GrandMasterRegistration fieldset.submit {
  width: auto;
  background-color: transparent;
  border: none;
  margin-bottom: 1em;
  padding-top: 1.5em;
  padding-left: 12em;
  float: none;
}
#GrandMasterRegistration fieldset fieldset {
  background: none;
  border: none;
  margin-bottom: -2.5em;
  padding: 0;
}
#GrandMasterRegistration fieldset legend {
  font-weight: bold;
  color: #545351;
  margin-left: 0;
  padding: 0;
}
#GrandMasterRegistration fieldset fieldset legend {
  top: 0;
  font-weight: normal;
  margin-left: 0;
}
#GrandMasterRegistration fieldset legend span {
  font-size: 135%;
  margin-top: 0.5em;
}
#GrandMasterRegistration fieldset ol {
  list-style: none;
  margin: 0;
  padding: 1em 1em 0 0;
}
#GrandMasterRegistration fieldset fieldset ol {
  position: relative;
  top: -1.5em;
  margin: 0 0 0 11em;
  padding: 0;
}
#GrandMasterRegistration fieldset li {
  width: 100%;
  padding-bottom: 0.3em;
  position: relative;
  float: left;
  clear: left;
}
#GrandMasterRegistration fieldset li small {
  position: absolute;
  left: 363px;
  top: 16px;
}
#GrandMasterRegistration fieldset fieldset li {
  padding-bottom: 0.5em;
  float: none;
}
#GrandMasterRegistration fieldset label {
  width: 140px;
  height: auto;
  margin-top: 0.4em;
}
#GrandMasterRegistration fieldset fieldset label {
  width: auto;
  margin-right: auto;
  float: none;
}
a.add {
  background: url(/images/plus.gif) no-repeat left 2px;
  padding-left: 20px;
}
/* @end */

