/*
#->id .->class
Neuladen der css nur mit STRG+F5 !!!
margin ( oben rechts unten links)(oben rechts/links unten)(oben/unten rechts/links)
inline-block->width & height, inline->nur in Höhe und Breite des umschließenden Inhalts

##########################################
# Seiteneinteilung                       #
##########################################
*/
body {
	display: flow-root;
	width: 960px;
	margin: 15px auto;
	font-family: Arial, "MS Trebuchet", sans-serif;
}
/* Floaten von section "posts" und Zuweisen einer festen Breite */
section#posts {
	float: left;
	width: 83%;
	margin-bottom: 16px;
}
/* Floaten von aside und Zuweisen einer festen Breite */
/* rausgenommen
section#posts aside {
	float: right;
	width: 35%;
	margin-left: 5%;
	font-size: 20px;
	line-height: 40px;
}
*/
/* Floaten der Sidebar und Zuweisen einer festen Breite */
section#sidebar {	
	float: right;
	width: 16%;
}
/* Löschen der Floats für die Fußzeile, damit diese unten angezeigt wird */
footer#page_footer {
	clear: both;
	width: 100%;	
	text-align: center;	
}
/* Breite der Kopfzeile */
header#page_header {
	width: 100%;
}
/* 
#####################
# Klassen allgemein #
#####################
*/
.readonly {
	cursor: not-allowed;
}
p.blocksatz {
	text-align:justify;
}
p.margin_right{
	margin: 0 20px 0 0;
}
p.margin_right_bottom{
	margin: 0 20px 30px 0;
}
/* keine Aufzählungszeichen in Listen */
.list_none {
	list-style: none;
}
/* Breite der article */
article.post {
	width: 95%;
}
/* Mindestbreite  */
.min-width-50 {
	min-width: 50%;
}
/* Maximalbreite  */
.max-width-92 {
	max-width: 92%;
}
/* 
#####################
# Navigation        #
#####################
*/
nav.nav_button ul li a {
	background-color: #F6F6F6;
	background-image: linear-gradient(white, #EFEFEF);
	/*
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#EFEFEF));
    background-image: -moz-gradient(linear, 0% 0%, 0% 100%, from(white), to(#EFEFEF));
	*/
	text-decoration: none;
    border: 1px solid #888;
    border-radius: 3px 3px;	
    color: black;
    cursor: pointer;    
    overflow: visible;
    padding: 2px 5px 2px 5px;
    vertical-align: middle;
    white-space: nowrap;   
}
nav.nav_button ul {
	list-style: none;
	padding: 0;
}
nav.nav_inline ul li {
	padding: 0;
	margin: 0 8px 0 0;
	display: inline;
}
ul.nav_block li {
	padding: 0;
	margin: 0 0 10px 0;
}
nav#nav_main ul li a {	
	font-size: large;	
}
/* Zeileneinzug für Unter-Menü */
nav#nav_sub {
	text-indent: 20px;	
}
nav#nav_sub ul li a {	
	font-size: medium;	
}
a.font_red {
	color: red !important;
}
/* Menü Side Fieldset */
fieldset#nav_side {
	margin: 0 12px 0 0;
}
/* Umwandeln von Listen mit Aufzählungszeichen in horizontale Navi-Leisten */
footer#page_footer nav ul{
	list-style: none;
	margin: 5px;
	padding: 0;
}
/* 
#####################
# Kontrollmeldung   #
#####################
*/
fieldset#controlout {
	width: 92%;	
}
fieldset#controlout legend {
	color: white;
}
.controlout {
	background-color: silver;
}
.fehler {
	color: white;
	background-color: red;
}
.erfolg {
	color: white;
	background-color: green;
}
.hinweis {
	background-color: yellow;
}
/* 
#######################################################
# Grid Listendefinition Impressum/Datenschutz/Kontakt #
#######################################################
*/
form#form_kontakt dl {
	display: grid;
	grid-template-columns: 7em 100%;
}
form#form_kontakt dd {
	margin-bottom: 1em;
}
dl.grid { 
  display: grid; 
  grid-template-columns: 1fr 100%; 
}
dd { 
  margin: 0; 
  padding-left: 1em;  
}
dl.grid dd {
  margin-bottom: 1em;
}
a[href^="tel"] { white-space: nowrap; }
/*
##########################################
# Formulare                              #
##########################################
*/
/* ausklappbare Zusatzinfos als Label */
details {    
	display: inline;
	font-size: smaller;	
}
details>p {    	
	text-align: justify;
}
fieldset#verant2{
	margin: 5px;
	width: 230px !important;
}
/* ranansnetz.form (später Turniere allgemein) */
fieldset#turnier_anmeldung_body {	
	width: 92%;
	margin: 3px;
}
fieldset#turnier_anmeldung_body ol{
	list-style: none;	
}
input#turnier_auflage{
	width: 25px;
}
fieldset#turnier_anmeldung_mannschaft input{
	display: block;
	width: 180px;
}
fieldset#turnier_anmeldung_mannschaft select, fieldset#turnier_anmeldung_body select{	
	width: 185px;
}
/* label und input in gleicher Zeilenhöhe ausrichten */
fieldset#turnier_anmeldung_kontakt li{	
	display: flex;
	flex-direction: row;
}
fieldset#turnier_anmeldung_kontakt input{		
	width: 180px;
}
fieldset#turnier_anmeldung_kontakt label{	
	width: 80px;	
}
fieldset#turnier_anmeldung_kontakt1{
	float: left;
}
fieldset#turnier_anmeldung_kontakt2{
	float: right;
}
fieldset#turnier_anmeldung_anmerkung{
	clear:both;
}
fieldset#turnier_anmeldung_anmerkung li{	
	display:flex;
	flex-direction:row;
}
fieldset#turnier_anmeldung_anmerkung input[type="text"]{
	width:450px;
}
/* Formular Turnier verwalten */
form#turnier_verwalten_haupt ul{
	list-style:none;
}
/* allgemeine Definitionen für Formulare todo::dringend überarbeiten!!! */
form.formular_def fieldset {
	width: 92%;
	margin: 3px;
}
form.formular_def ol{
	list-style: none;
	padding: 0;
	margin: 2px;
}
form.formular_def input, select{	
	display: block;
}
/* Radio in: anmelden_schritte, */
form.formular_def input[type="radio"]{	
	display: inline !important;
	width: 30px !important;
}
form.formular_def fieldset ol li{
	padding: 0;
	margin: 0 0 3px 0;
}
/* Formular Admin-Suche */
form#admin_menue_suchmaske input[type="checkbox"], form#admin_menue_saison input[type="checkbox"] {
		display: inline;
}
form#admin_menue_saison button {
	margin: 5px 0;
}
/* Formular Projekt */
form#form_project fieldset ol li{
		line-height: 30px;
}
/* Formular Turnier */
form#turnier_haupt fieldset {	
	width: 560px;
	margin: 2px;
}
form#turnier_haupt ul{	
	list-style: none;
	margin: 2px;
}
form#turnier_haupt li{	
	display: flex;
	flex-direction: row;
	line-height: 22px;
	margin: 2px;
}
form#turnier_haupt input[type="text"]{	
	width: 220px;
}
form#turnier_haupt input[type="number"]{	
	width: 80px;
}
form#turnier_haupt label{	
	width: 200px;
}
/* Formular Saison */
form#form_saison fieldset {	
	width: 92%;
	margin: 2px;
}
form#form_saison ul{	
	list-style: none;
	margin: 2px;
}
form#form_saison li{	
	display: flex;
	flex-direction: row;
	line-height: 22px;
	margin: 2px;
}
form#form_saison input[type="text"]{	
	width: 350px;
}
form#form_saison label{	
	width: 290px;
}
/* Formular Verantwortlicher */
form.form_action_button fieldset {
	width: 460px;
	margin: 3px;
}
form#create_account fieldset{
	width: 460px;
	margin: 3px;
}
form#create_account ol{	
	padding: 0;
	margin: 2px;
}
form#create_account li{	
	display: flex;
	flex-direction: row;
	line-height: 22px;
	padding: 0;
	margin: 0 0 3px 0;
}
form#create_account label{	
	width: 160px;		
}
form#create_account input{		
	width: 250px;
}
form#create_account input[type="checkbox"]{	
	display: inline !important;
	width: 30px !important;
}
label#form_verant_label_datenschutz {	
	display: inline !important;
	width: 380px !important;	
}
/* Formular Passwort ändern */
form#form_pwd_aendern fieldset {
	width: 92%;
	margin: 3px;
}
form#form_pwd_aendern li {	
	margin: 3px;
}
form#form_pwd_aendern ol {
	list-style:none;
}
form#form_pwd_aendern label {
	display:inline-block;
	width:180px;
}
form#form_pwd_aendern select {
	display:inline-block;	
}
form#form_pwd_aendern input {	
	width:200px;
}
/* Formular Konto löschen */
form#form_konto_loeschen ol {
	list-style:none;
}
form#form_konto_loeschen fieldset {
	width: 92%;
	margin: 3px;
}
/* Formular Mannschaft insert */
form#mannschaft_insert fieldset{
	width: 500px;	
}
form#mannschaft_insert input[type="text"]{
	width: 220px;	
}
form#mannschaft_insert input[type="number"]{
	width: 80px;	
}
/* Formular Mannschaft update */
form#team_auswahl fieldset{
	width: 92%;	
}
form#mannschaft_update fieldset{
	width: 500px;	
}
form#mannschaft_update input[type="text"]{
	width: 220px;	
}
form#mannschaft_update input[type="number"]{
	width: 80px;	
}
select#form_mannschaft_stammhalle{
	width: 450px;
}
select#form_mannschaft_starten_bei{
	width: 150px;
}
/* Formular Saisonanmeldung beide */
form#form_anmeldung_saisonauswahl fieldset{
	width: 50%;	
}
form#form_team_anmelden fieldset{
	width: 92%;	
}
form#form_team_anmelden_schritte_button fieldset{
	width: 92%;	
}
form#form_team_anmelden input {		
	width: 220px;
}
form#form_team_anmelden input[type="checkbox"] {	
	float: left !important;
	width: 20px !important;
}
form#form_team_anmelden input[type="time"] {	
	width: 100px !important;
}
#form_team_anmelden_anmerkung, #form_team_anmelden_einschraenkung{
	width: 600px !important;
}
label#form_team_anmelden_label_datenschutz {	
	width: 380px !important;
	float: right !important;
}
/* Formular Halle eintagen */
form#halle_eintragen fieldset{
	width: 350px;
}
form#halle_eintragen input[type="text"]{
	width: 300px;	
}
form#halle_eintragen input[type="number"]{
	width: 80px;	
}
form#halle_eintragen input[type="checkbox"]{
	display: inline !important;	
}
/* Formular Halle bearbeiten */
form#halle_bearbeiten fieldset{
	width: 350px;
}
form#halle_bearbeiten input[type="text"]{
	width: 300px;	
}
form#halle_bearbeiten input[type="number"]{
	width: 80px;	
}
form#halle_bearbeiten input[type="checkbox"]{
	display: inline !important;	
}
/* Runde Ecken Login-Form */
fieldset#login{
	width: 256px;
	border: none;
	background-color: #ddd;
}
fieldset#login legend{
	background-color: #ddd;
	padding: 0 64px 0 2px;
}
fieldset#login>ol{
	list-style: none;
	padding: 0;
	margin: 2px;
}
fieldset#login>ol>li{
	margin: 0 0 9px 0;
	padding: 0;
}
/* Jedes Eingabefeld erhält eine eigene Zeile */
fieldset#login input{
	display: block;
}
fieldset#login>ol>li>input{
	width: 240px;
	background-color: #fff;
	border: 1px solid #bbb;
}
fieldset#login>ol>li>input[type="submit"]{
	width: 202px;
	padding: 0;
	background-color: #bbb;
}
form#user_login input, fieldset#login, fieldset#login legend{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
form#admin_staffel_edit input {
	width: 35px;
}
/* für Formulare Pattern-Prüfung (keine Wirkung in Chrome & IE - FF macht es von sich aus */
input:valid, select:valid, textarea:valid {
  border: 1px solid green;
 }  
input:invalid, select:invalid, textarea:invalid {
    border: 1px solid red;
}
/*
#####################################
# Formatierung Projekt				#
#####################################
*/
/* Blocksatz Impressum/Datenschutz */
div.blocksatz p {
	text-align: justify;
}
/* Projektseite p Blocksatz */
section#projektschritte p {
	text-align: justify;
}
/* Projektseite Projekt-Tabelle */
table#projekt_table th {
	box-shadow: 1px 3px 5px -3px rgba(0,0,0,.5);
	padding: 10px;
	border: 1px solid;
	border-collapse: separate; margin-top: 2em;
}
table#projekt_table th a:link {
	text-decoration: none;
	color: white;
}

table#projekt_table th a:visited {
	text-decoration: none;
	color: white;
}
table#projekt_table th a:focus {
	text-decoration: none;
}
table#projekt_table th a:hover {
	text-decoration: none;
}
table#projekt_table th a:active {
	text-decoration: none;
}

table#projekt_table caption {
	text-align: left;
}
th#th_planung, th#th_analyse, th#th_entwurf {	
	color: silver;
	background-color: green;
}
th#th_implementierung {	
	color: white;
	background-color: lightgreen;
}
th#th_test, th#th_dokumentation {	
	color: white;
	background-color: red;
}
/*
#################################
# Datentabellen					#
#################################
*/
/* Tabelle Admin-Turnier-Verwaltung Anmeldungen anzeigen */
table.turnier_verwalten_anmeldungen tr:nth-of-type(even){
	background-color: #F3F3F3;
}
table.turnier_verwalten_anmeldungen tr:nth-of-type(odd){
	background-color: #ddd;
}
/* Klasse Tabelle dataset zweifarbig mustern */
table.dataset tr:nth-of-type(even){
	background-color: #F3F3F3;
}
table.dataset tr:nth-of-type(odd){
	background-color: #ddd;
}
table.dataset{
/*	white-space: nowrap;*/
	font-size: small;	
}
table.dataset th {
	white-space: nowrap;	
}
/* Tabelle 2. Spalte zentriert */
table.second_column_center td:nth-of-type(2){
	text-align: center;
}