/* custom styles */


/**************************************************************************
*
*  Nacharbeit für CSS-Reset in 100_allgemein_dist.css
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*  Reset: * { margin:0; padding:0; }
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*  Margin und padding für ausgewählte Elemente wieder herstellen
*
***************************************************************************/

/* Damit keine der Spalten je den Footer berührt. */
#hauptteil {
	padding-bottom: 2em;
}


/* Allgemeine Abstände (1) */
h1,
h2,
h3,
p,
ul,
dl,
caption,
table {
  /* margin: .5em 0 1em; */
  margin-top:    0.5em;
  margin-bottom: 0.5em;
}

/* Allgemeine Abstände (2) */
h1,
h2,
h3 {
  margin-top:    1em;
  margin-bottom: 0.1em;
  /* background-color: aqua; */
}

img {
	border:0;
}



/**************************************************************************
*
*	HTML-Table
*
***************************************************************************/
/*
 * table structure
 */
caption {

/* Abstand Fließtext zu Caption der Tabelle */
  padding-top: 1em;     /* ie reagiert nicht auf margin-top  */

	/* font-weight: bold; */
	/* font-size: 0.8em; */
	font-style: italic;
	padding-bottom: 0.3em;
	text-align: left;

}

table {
	width: 90%;
	margin-left: 1px;	/* für FF, sonst wird die linke Border unsichtbar. Grund: Border collapse mit Border des Containers */

	/* Abstand Ende der Tabelle zum Fließtext  */
	margin-bottom: 1em;

	border: solid #CCC;
	border-width: 1px 0 0 1px;
	border-collapse: collapse;
}

th, td {
	border: solid 1px #CCC;
	border-width: 0 1px 1px 0;
	padding: 0.2em;
}

th p,
td p {
	margin:  0;
	border:  0;
	padding: 0;
}

/*
 * color scheme
 */
table,
td,
th {
	border-color: #CCC;
}

th,
thead td {
	background-color: #EEE;
}

/*
=End grey colour scheme
*/







/**************************************************************************
*
*	lists
*
***************************************************************************/

/* listen im content */

/* Abstand der Bullets vom linken Rand */
/* Wert von 1.2em = Linksbündig           */
.spalte2 ul,
.spalte3 ul {
	padding-left: 1.2em;  /* ff2, ff3, ie7, ie6 */
	/* background-color: fuchsia; */
}

/* Abstand der Liste nach unten zu nächsten Headline */
/* Wert übernehmen von p                             */
/* Wert von 1em                                      */
.spalte2 ul,
.spalte3 ul {
	margin-bottom: 1.0em;  /* ff2, ff3, ie7, ie6 */
}






/**************************************************************************
*
*  form layout
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*  global settings
*
***************************************************************************/
form {overflow:hidden;}


/* make fieldset invisible */
fieldset {
	border: 0px none;
	padding:0;
	margin: 0;
}

/* make legend invisible */
legend {
	display: none;
}



/* form fields and labels - font */
/* input.input-text, */
input,
label,
legend,
select,
textarea {
	font-size: 1em;
	font-family: verdana, helvetica, sans-serif;
	font-family: tahoma, helvetica, sans-serif;
	font-weight: bold;
	/* color: #424346; */
	/* background:#fafafa; */
	color: #666;

}

label {
	display:block;
	padding:0;
	font-weight: normal;
}




/* form fields - visuals */
input.input-text,
select,
textarea {
	width: 20em;

	border:1px solid #C7D0BA;
	padding:0.2em;
	/* background:#fafafa; */
}


/* form fields - focus */
input.input-text:hover,
input.input-text:active,
input.input-text:focus,
select:hover,
select:active,
select:focus
textarea:hover,
textarea:active,
textarea:focus {
	font-weight: bold;

	/* gelb */
	background-color: #FAF8CF;
	color: black;

}


/* special settings */
/* select           */
/* select box muss etwas breiter sein, für IE7 und FF2.x */
select {
	width: 21em;
}

/* special settings */
/* textarea         */
textarea {
	height: 8em;
}