a:link            { text-decoration: none; }
a:active          { text-decoration: none; }
a:visited         { text-decoration: none; }
a:hover           { text-decoration: underline; }

hr		{ background-color: #007700; color: #007700; height: 3; }
.news	{ font-size: 12px; }
.bigger { font-family: Verdana,Arial,Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
.button 		{ background-color: #4C4C4C; border-color: #000000 #000000 #000000 #000000; font-weight: bold; text-align: center; color: #D5D5D5; border-top-width: 0px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 0px}
.button_disabled 		{ background-color: #4C4C4C; border-color: #000000 #000000 #000000 #000000; font-weight: bold; text-align: center; color: #9a9a9a; border-top-width: 0px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 0px}
.messages		{ padding: 10px 10px 10px 10px; }

/*** Board ***/
.board				{ width: 100%; font-family: Verdana,Arial,Helvetica, sans-serif; font-size: 12px; }
.board .title		{ padding: 0px 5px 0px 5px; color: #D5D5D5; background-color: #4C4C4C; font-size: 16px; font-weight: bold; }
.board .title-r		{ float: right; padding: 0px 5px 0px 5px; color: #D5D5D5; background-color: #4C4C4C; font-size: 16px; font-weight: bold; }
.board .subtitle	{padding: 0px 5px 10px 5px;color: #D5D5D5;background-color: #4C4C4C;font-size: 12px;}
.board .header		{ padding: 2px 5px 0px 5px; color: #4C4C4C; background-color: #D5D5D5; font-weight: bold; text-align: center; }
.board .timestamp	{ padding: 0px 5px 2px 5px; color: #4C4C4C; background-color: #D5D5D5; font-size: 8px; text-align: center; }
.board .content		{ padding: 2px 10px 2px 10px; }
.board .button 		{ background-color: #D5D5D5; border-color: #000000 #000000 #000000 #000000; font-weight: bold; text-align: right; color: #4C4C4C; border-top-width: 12px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 0px; }

/*** Banner ***/
.banner			{ color: #006600; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: bold; font-size: 46px; text-align: right; }
.banner .ndesign	{ color: #4C4C4C; font-family: Verdana,Arial,Helvetica, sans-serif; font-style: normal; font-size: 10px; text-align: right; }

.login_failed_text	{ color: #FF3366; font-family: Verdana,Arial,Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
.start_text		{ width: 770; font-family: Verdana,Arial,Helvetica, sans-serif; font-size: 14px; line-height: 1.5;}
.clear-left 	{ clear:left; font-size: 1px; height: 1px; overflow: hidden; }
.servertime 	{ padding: 2px 0px 10px 5px; color: #4C4C4C; font-family: Verdana,Arial,Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.input 		{ background-color: #EEEEEE; border-color: #000000 #000000 #000000 #000000; font-weight: bold; color: #4C4C4C; border-top-width: 0px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 0px; }

/*** mainnav ***/
.mainnav				{ width: 100%; color: #4C4C4C; background-color: #D5D5D5; font-family: Verdana,Arial,Helvetica, sans-serif; font-weight: bold; font-size: 14px; }
.mainnav .noitem		{ float: left; padding: 4 0px 7 10px; color: #B8B8B8; }
.mainnav .item			{ float: left; padding: 4 0px 7 10px; }
.mainnav .item .akt		{ color: #007700; }
.mainnav .item a		{ color: #4C4C4C; }
.mainnav .item a:hover	{ background-color: transparent; }
.mainnav .login			{ padding: 8 10px 7 0px;  }
.mainnav .login .input 		{ background-color: #FFFFFF; border-color: #000000 #000000 #000000 #000000; font-weight: bold; color: #4C4C4C; border-top-width: 0px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 0px; }
.mainnav .login .button 		{ background-color: #4C4C4C; border-color: #000000 #000000 #000000 #000000; font-weight: bold; text-align: center; color: #D5D5D5; border-top-width: 0px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 0px}


/*** spieltagnav ***/
.spieltagnav				{ color: #FFFFFF; font-family: Verdana,Arial,Helvetica, sans-serif; font-size: 12px; }
.spieltagnav .transblocker	{ width: 100%; background-color: #4C4C4C; }
.spieltagnav .default		{ background-color: #4C4C4C; }
.spieltagnav .main-item		{ padding: 0 4px 0 7px; color: #B8B8B8; font-weight: bold; }
.spieltagnav .item_undef	{ float: left; padding: 2 10px 1 10px; color: #FF0000; }
.spieltagnav .item_notselectable	{ float: left; padding: 2 10px 1 10px; color: #B8B8B8; }
.spieltagnav .item			{ float: left; padding: 2 10px 1 10px; }
.spieltagnav .item a		{ color: #FFFFFF; }
.spieltagnav .item a:hover	{ background-color: transparent; }
.spieltagnav .noitem			{ float: left; padding: 2 10px 1 10px; }
.spieltagnav .noitem a			{ color: #808080; }
.spieltagnav .noitem a:hover	{ background-color: transparent; }
.spieltagnav .itemsep		{ height: 2px; font-size:1px; background-color: #666666; overflow: hidden; }
.spieltagnav .space			{ height: 1em; overflow: hidden; }

/*** tippernav ***/
.tippernav					{ width: 200px; color: #4C4C4C; font-family: Verdana,Arial,Helvetica, sans-serif; font-size: 12px; }
.tippernav .transblocker	{ width: 100%; background-color: #CCCCCC; padding-top: 5px}
.tippernav .default			{ background-color: #CCCCCC; }
.tippernav .main-item		{ padding: 0 4px 0 7px; color: #4C4C4C; font-weight: bold; }
.tippernav .item_undef		{ float: left; padding: 2 10px 1 10px; color: #FF0000; }
.tippernav .item			{ float: left; padding: 2 10px 1 10px; }
.tippernav .item a			{ color: #4C4C4C; }
.tippernav .item a:hover	{ background-color: transparent; }
.tippernav .noitem			{ float: left; padding: 2 10px 1 10px; }
.tippernav .noitem a		{ color: #808080; }
.tippernav .noitem a:hover	{ background-color: transparent; }
.tippernav .itemsep			{ height: 2px; font-size:1px; background-color: #B8B8B8; overflow: hidden; }
.tippernav .space			{ height: 1em; overflow: hidden; }

/*** content_header ***/
.content_header					{ width: 100%; color: #4C4C4C; font-family: Verdana,Arial,Helvetica, sans-serif; font-size: 14px; }
.content_header .intro			{ padding: 0px 0px 10px 0px; background-color: #FFFFFF; font-size: 16px; font-weight: bold; }
.content_header .sub_intro		{ padding: 0px 0px 10px 0px; background-color: #FFFFFF; font-size: 10px; }
.content_header .button 		{ background-color: #4C4C4C; border-color: #000000 #000000 #000000 #000000; font-weight: bold; text-align: center; color: #D5D5D5; border-top-width: 0px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 0px; }


/*** tippen ***/
.tippen					{ width: 100%; color: #4C4C4C; font-family: Verdana,Arial,Helvetica, sans-serif; font-size: 12px; }
.tippen .intro			{ padding: 0px 0px 10px 0px; background-color: #FFFFFF; font-size: 16px; font-weight: bold; }
.tippen .reg_intro		{ padding: 0px 0px 10px 0px; background-color: #FFFFFF; font-size: 12px; }
.tippen .sub_intro		{ padding: 0px 0px 10px 0px; background-color: #FFFFFF; font-size: 10px; }
.tippen .error			{ padding: 10px 10px 10px 10px; background-color: #FF3366; color: #FFFFFF; font-size: 12px; }
.tippen .warning		{ padding: 10px 10px 10px 10px; background-color: #CCFFFF; font-size: 12px; }
.tippen .confirm		{ padding: 10px 10px 10px 10px; background-color: #D5D5D5; font-size: 12px; }
.tippen .row_odd		{  }
.tippen .row_even		{  }
.tippen .header			{ padding: 10px 10px 10px 10px; color: #D5D5D5; background-color: #4C4C4C; font-size: 16px; font-weight: bold; }
.tippen .spiel			{ padding: 2px 0px 2px 0px; text-align: center; }
.tippen .not_open			{ padding: 2px 0px 2px 0px; text-align: center; font-size: 14px; font-weight: bold; }
.tippen .heim			{ padding: 2px 10px 2px 10px; text-align: right; font-weight: bold; }
.tippen .gast			{ padding: 2px 10px 2px 10px; text-align: left; font-weight: bold; }
.tippen .input 			{ background-color: #EEEEEE; border-color: #000000 #000000 #000000 #000000; font-weight: bold; text-align: center; color: #4C4C4C; border-top-width: 0px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 0px; }
.tippen .input_err		{ background-color: #FF3366; border-color: #000000 #000000 #000000 #000000; font-weight: bold; text-align: center; color: #4C4C4C; border-top-width: 0px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 0px; }
.tippen .input_warn		{ background-color: #CCFFFF; border-color: #000000 #000000 #000000 #000000; font-weight: bold; text-align: center; color: #4C4C4C; border-top-width: 0px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 0px; }
.tippen .button 		{ background-color: #4C4C4C; border-color: #000000 #000000 #000000 #000000; font-weight: bold; text-align: center; color: #D5D5D5; border-top-width: 0px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 0px; }

/*** tippliste ***/
.tippliste				{ width: 100%; color: #4C4C4C; font-family: Verdana,Arial,Helvetica, sans-serif; font-size: 12px; background-color: #D5D5D5; }
.tippliste .unavailable	{ padding: 10px 10px 10px 10px;  font-size: 18px; background-color: #D5D5D5; }
.tippliste .header		{ padding: 0px 0px 13px 0px; color: #D5D5D5; background-color: #4C4C4C; text-align: center; font-weight: bold; }
/*.tippliste .top			{ border-bottom: 1px solid #4C4C4C; }*/
.tippliste .paarungen_blank		{ padding: 0 0px 0 3px; font-size: 12px; border-right: 1px solid #D5D5D5; color: #D5D5D5; background-color: #4C4C4C; }
.tippliste .paarungen			{ padding: 6px 0px 6px 0px; font-size: 12px; border-right: 1px solid #D5D5D5; border-top: 1px solid #D5D5D5; color: #D5D5D5; background-color: #4C4C4C; text-align: center;}
.tippliste .ergebnisse			{ padding: 6px 0px 6px 0px; font-size: 12px; border-right: 1px solid #D5D5D5; border-top: 1px solid #D5D5D5; color: #00f700; background-color: #4c4c4c; text-align: center;}
.tippliste .punkte			{ text-align: center; color: #007500; font-weight: bold; }
.tippliste .paarungen_vorspan	{ border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; color: #D5D5D5; background-color: #4C4C4C; }
.tippliste .paarungen_vorspan_hochkant	{ padding: 6px 0px 6px 0px; writing-mode: sideways-lr; text-align: center; border-left: 1px solid #D5D5D5;border-right: 1px solid #D5D5D5;color: #D5D5D5;background-color: #4C4C4C;}


.tippliste .kuerzel		{ padding: 3 0px 3 0px; text-align: center; border-bottom: 1px solid #4C4C4C; border-left: 1px solid #4C4C4C; border-right: 1px solid #4C4C4C; }
.tippliste .tipp_odd		{ background-color: #D5D5D5; padding: 3 0px 3 0px; text-align: center; border-bottom: 1px solid #4C4C4C; border-right: 1px solid #4C4C4C; }
.tippliste .tipp_even		{ background-color: #B8B8B8; padding: 3 0px 3 0px; text-align: center; border-bottom: 1px solid #4C4C4C; border-right: 1px solid #4C4C4C; }
.tippliste .gold		{ background-color: #FFD700; padding: 3 0px 3 0px; text-align: center; border-bottom: 1px solid #4C4C4C; border-right: 1px solid #4C4C4C; }

/*** auswertung ***/
.auswertung				{ width: 620px; color: #4C4C4C;  font-family: Verdana,Arial,Helvetica, sans-serif; font-size: 12px; font-weight: bold; background-color: #D5D5D5; }
.auswertung .unavailable	{ padding: 10px 10px 10px 10px;  font-size: 18px; background-color: #D5D5D5; }
.auswertung .header		{ padding: 3 2px 3 2px; color: #D5D5D5; border-right: 1px solid #D5D5D5; background-color: #4C4C4C; text-align: center; font-weight: bold; }
.auswertung .header_noBorder		{ padding: 3 2px 3 2px; color: #D5D5D5; background-color: #4C4C4C; text-align: center; font-weight: bold; }
.auswertung .header_pre	{ padding: 3 2px 3 2px; color: #FF6600; border-right: 1px solid #D5D5D5; background-color: #4C4C4C; text-align: center; font-weight: bold; }
.auswertung .cell		{ padding: 3 0px 3 0px; text-align: center; }
.auswertung .cell_odd	{ background-color: #D5D5D5; padding: 3 0px 3 0px; text-align: center; border-bottom: 1px solid #4C4C4C; border-right: 1px solid #4C4C4C; }
.auswertung .cell_even	{background-color: #B8B8B8;padding: 3 0px 3 0px;text-align: center;border-bottom: 1px solid #4C4C4C;border-right: 1px solid #4C4C4C;}
.auswertung .cell_odd_small	{ font-weight: normal; background-color: #D5D5D5; padding: 3 0px 3 0px; text-align: center; border-bottom: 1px solid #4C4C4C; border-right: 1px solid #4C4C4C; }
.auswertung .cell_even_small	{ font-weight: normal; background-color: #B8B8B8; padding: 3 0px 3 0px; text-align: center; border-bottom: 1px solid #4C4C4C; border-right: 1px solid #4C4C4C; }
.auswertung .cell_odd_pre	{ background-color: #D5D5D5; color: #FF6600; padding: 3 0px 3 0px; text-align: center; border-bottom: 1px solid #4C4C4C; border-right: 1px solid #4C4C4C; }
.auswertung .cell_even_pre	{ background-color: #B8B8B8; color: #FF6600; padding: 3 0px 3 0px; text-align: center; border-bottom: 1px solid #4C4C4C; border-right: 1px solid #4C4C4C; }
.auswertung .noBorder		{ border-right: 0px; }
.auswertung .right		{ text-align: right; }
.auswertung .gold		{ background-color: #FFD700; padding: 3 0px 3 0px; text-align: center; border-bottom: 1px solid #4C4C4C; border-right: 1px solid #4C4C4C; }

/*** admin ***/
.admin					{ width: 100%; color: #4C4C4C; font-family: Verdana,Arial,Helvetica, sans-serif; font-size: 12px; }
.admin .header			{ padding: 10px 10px 10px 10px; color: #D5D5D5; background-color: #4C4C4C; text-align: center; font-size: 14px; font-weight: bold; }
.admin .row_header		{ padding: 10px 5px 10px 10px; font-weight: bold; }
.admin .cell			{ padding: 10px 5px 10px 5px; text-align: center; }
.admin .button 			{ text-align: center; vertical-align: top;}
.admin .select 			{ text-align: center; color: #4C4C4C; }


dialog[open]{
  font-family: Verdana,Arial,Helvetica, sans-serif;
  font-size: 12px;
  margin-left: 320px;
  margin-bottom: 20%;
  border: none;
  border-radius: 0.6rem;
}
dialog[open].confirm{
  background-color: #D5D5D5;
}
dialog[open].error{
  background-color: #FF3366;
}
dialog[open].plausiError{
  background-color: #FF3366;
}
dialog[open].plausiWarning{
  background-color: #CCFFFF;
}

dialog[open] p{
  padding: 0.5rem;
}

dialog[open] div{
  display: flex;
  justify-content: center;
  width: 100%;
}

dialog[open] button{
  font-family: Verdana,Arial,Helvetica, sans-serif; font-size: 12px; font-weight: bold;
  margin: 0 1rem 1rem;
}

dialog[open]::backdrop{
  background: rgba(255, 255, 255, 0.26);
  backdrop-filter: blur(2px);
}