@import url(calendar.css);

body{
  font-family: Arial, Helvetica, sans-serif;
}
body table{
  font-size: 12px;
}
#mainContainer{
}
#navContainer{
	background-image:url(logo.gif);
	background-repeat:no-repeat;
	padding-top:100px;
  font-size: 120%;
}
/**/


/*formulare */
input, select, textarea {
	color: #000;
}
.submit, .button {
	color: #ffffff;
	background-color: #5684C3;
	font-weight:bold;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;	
	border-bottom: 1px solid #000;		
	border-right: 1px solid #000;			
  LETTER-SPACING: 2px;
}
h1,h2,h3,h4,h5
{
	font-family: Verdana, Arial, sans-serif;
	color: #5684C3;
}
h5{
	font-size: 100%;
}
h4{
	font-size: 110%;
}
h3{
	font-size: 120%;
}
h2{
	font-size: 150%;
}
h1{
	font-size: 180%;
}


/* verlinkungen */
a:link, a:visited{
	color: #000;
}
a:hover{
	color: #999;
	text-decoration: none;
}
a:active{
	color: #999;
	text-decoration: none;
}

.colored1{ /* findet verwendung bei speziellen tabellenhintergründen */
	color:#FFFFFF;
	background-color: #5684C3;
}
.colored2{
	background-color: #FFCC33;
}
.colored2 a:visited, .colored2 a:link, .colored2 a:hover{
  color:black;
}
.tooltip{
	padding:5px 5px 5px 5px;	
	background-color:#FECF00;
	color:#000000;
	border:1px solid #000;
}
.errorcollector{
	width:50%;
	margin:5px 5px 5px 27px;
	padding:5px 5px 5px 5px;	
	background-color:#FF3300;
	color:#000000;
	border:1px solid #000;	
}
.informationcollector{
	width:50%;
	margin:5px 5px 5px 27px;
	padding:5px 5px 5px 5px;	
	background-color:#FECF00;
	color:#000000;
	border:1px solid #000;
}
.rowcolor1{ /* gelber */
	background: #ffff99;
}
.rowcolor2{/* gelber und gelber */ 
	background: #ffffcc;
}
.fehler{
	color:#FF0000;
}
.kein_fehler{
	color:#00CC00;
}


/* TABELLEN */
/* status table wie beim sms versand */
.status-table{
	border: 2px solid #7c9ccf; 
	border-collapse: collapse;
}
.status-table td{
  padding:2px;
}
.status-table th{
	background-color: #CCCCCC;
}
.status-table tr.rowcolor1{
	background-color: #ffff99;
}
.status-table tr.rowcolor2{
	background-color: #ffffcc;
}
.border{ /* findet verwendung bei tabellen die keine statistik darstellen */
	border: 2px solid #5684C3;
}
.send_message{
	border: 2px solid #7c9ccf;
}	
table.maintable{ /* für statistiken */
	border: 2px solid #7c9ccf; 
	border-collapse: collapse;
}
table.maintable thead tr{
	background-color: #cccccc;
}
table.maintable tfoot tr{
	background-color: #cccccc;
}
/* für statistiken einrücken um 5 px*/
table.maintable td, table.maintable th{
	padding-left: 5px;
	padding: 1px;
	border: 1px solid white;
}
table.maintable td{
	padding-left: 8px;
}
table.maintable th, table.maintable tfoot td{ 
	padding-left: 5px;
	font-weight: bold;
}
table th{
	text-align: left;
}
/* hilfefeld */
a.info{
  position:relative; /*this is the key*/
  z-index:24;
  /*background-color:;*/
  color:#000;
  text-decoration:none;
}
a.info:hover{
	z-index:25;
	background-color:#fff;
}
a.info span{
	display: none
}

a.info:hover span{
	display:block;
	top:2em;
	left:2em;
}

a.info:hover span, .info_floater{
	/*the span will display just on :hover state*/
	position:absolute;
	width:auto;
	color:#000;
	text-align: left;
	padding: 2px;
	/* if the font-weight is devised, reset it */
	font-weight: normal;
	background-color: #FFFF99;
	border: 1px solid #000000;
}

.form_period_chooser_table .format_information{
  font-size: 70%;
}
.form_period_chooser_table input, .form_period_chooser_table select{
  font-size: 95%;
}