/*###### StyleDef_MVBK.css #####################################################

     CSS Style Sheet für die Mixed-Volleyball Kiel Ergebnisseiten
*/

/*-- Festlegung der Schriftarten */
body {font-family:Arial,Helvetica,Sans-Serif;}
h1,h2,h3,h4 {font-family:Tahoma,Arial,Helvetica,Sans-serif;}

/*-- Festlegung der Hintergrundfarben */
body {background-color:#F5F5F5;} /* Seitenhintergrundfarbe */
th, .menubody {background-color:#D0DCE0;} /* Seitenhintergrundfarbe des Menüs */
.odd, .oddmarked, #menu td {background-color:#EEEEEE;} /* Ungerade Tabellenzeilen und Menüeinträge */
.even, .evenmarked {background-color:#DDDDDD;} /* Gerade Tabellenzeilen */

/*-- Textfarbe für Hervorhebung der ausgewählten Mannschaft */
.marked, .oddmarked, .evenmarked {color:#AA0000;}

/*-- Festlegung für Hyperlinks */
a {text-decoration:none; font-weight:bold;}
a:link, a:visited {color:#0000A0;}
a:hover {color:#808080;}

/*-- Linker und rechter Abstand von Tabellenzellen */
td,th {padding-left:4pt;padding-right:4pt;}

/*-- Reduzierung der Textgröße für Ergebnis-, Mannschaftslisten und Disclaimer */
#results, .teams, .disclaimer, #ResultOverview th {font-size:80%;}

/*-- Definitionen für das Menü */
body {margin-top:3pt;}
.menubody {margin-top:3pt;}   /* Abstand der ersten Tabelle vom oberen Rand */
#menu td {font-size:14pt;}    /* Schriftgröße im Menu */

.error {color:red;}
   
/*-------------------------------------------------------------*/
/*-- Definitionen für die Account Zeile */
#header {
	font-size:80%;
   margin: 0em;
   padding: 0em;
	text-align:right;
	border-bottom:solid 1px black;
}

#header ul {
	list-style: none;
	display: inline;
}

#header ul li{
	list-style: none;
	padding: 0px 10px;
	display: inline;
}

#welcome {
	width:33%;
	float:left;
	text-align:left;
	font-weight:bold;
	padding-left:3pt;
}	

/*-------------------------------------------------------------*/
/*-- Layout für die Formulare */
form fieldset {
  border-color:#000000;
  border-width: 1px 0px;
  border-style: solid none;
  padding: 10px;
  max-width:600px;
}

form fieldset legend {
  font-size: 150%;
  font-weight: bold;
  padding: 0 10px;    
}

/*-- Input fields (text fields and combo boxes */
form input, form select {
   color:#0000A0;
   background: #FFFFFF;
   padding-left: 2pt;
   border: 1px solid #606060;
}

/*-- Ausrichtung der Formularfelder und Erklärungen */
form fieldset input.button, form fieldset div .note, form fieldset .note {
   margin-left: 180px;
}

form fieldset div { clear: both; }
form fieldset div .note, form fieldset .note { 
   display: block; 
   font-size: 80%;
   padding-bottom: 10px;
}
  
/* ändert den Mauszeiger wenn über einem Formularbutton */
/* erzeugt in Gecko Engines (FireFox etc) einen Hovereffekt */
/* wie bei anderen Links auch                               */
form input.button {
   border: 1px solid black;
   font-weight:bold;
   text-align:center;
   background: #EEEEEE;   
   cursor:pointer;        /* IE 6.+ only*/
}

form input.button:hover {                 /* Gecko Engines only */
   cursor:pointer;
   color:#808080;
} 

form fieldset div label {
  display: block;
  float: left;
  width: 170px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

/*form div input.button {
  width: 214px;
  padding: 0 0 0 165px;
}*/