/* Links */
/* -------------------------------------------------------------------------- */
.liBereichKategorien {
    text-align: center;
}

.liBereichLinkLinkEintragen {
    text-align: center;
}

.liDetailAdresseTitel, .liDetailBeschreibungTitel, .liDetailEMailTitel, .liDetailEingetragenTitel, .liDetailKategorieTitel {
    float: left;
    width: 20%;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
}

.liDetailAdresse, .liDetailBeschreibung, .liDetailEMail, .liDetailEingetragen, .liDetailKategorie {
    float: left;
    width: 78%;
}

.linksTabelle {
    width: 600px;
    background-color: #CCCCCC;
    border: 1px solid #336699;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.linksTabelle thead {
    font-weight: bold;
    border-bottom: 1px dashed #336699;
}

.linksTabelle thead th{
    padding-left: 20px;
    padding-right: 20px;
}

.linksTabelle thead tr:hover {
    background-color: #CCCCCC;
}

.linksTabelle td {
    padding-left: 5px;
    padding-right: 5px;
}

.linksTabelle tr:hover {
    background-color: #B0FFB0;
}

.linksTabelle tbody th{
    padding-left: 5px;
    padding-right: 5px;
    font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 11pt;
	color: #006666;
	font-weight: bold;
}

.linksTabelle tbody th:hover {
    background-color: #CCCCCC;
}

#linksFieldset{
    margin-bottom: 20px;
}

/* Label ist die Beschriftung eines Eingabefeldes */
#linksFieldset label{
	/* Damit die Beschriftung über dem Eingabefeld steht */
	display: inline;
	
	/* leicht fette Schrift */
	font-weight:bold;

    width: 100px;
    
    float: left;
}


#liFormularKategorieTitel {
    font-weight: bold;
    width: 80px;
    float: left;
    margin-top: 0px;
}

#liFormularKategorie {
    float: left;
    width: 400px;
}

#linksFieldset ul {
    margin-top: 0px;
    margin-bottom: 0px; 
}

#linksFormularButtons {
    float: left;
    width: 150px;
    padding-top: 20px;
    padding-left: 100px;
    margin-bottom: 0px;
}

/* Feedback gibt an, ob Fehler gemacht wurden, wenn das Formular falsch ausgefüllt wurde. */
/* Style für die kleinen Meldungen rechts neben den Eingabefeldern */
#linksFieldset .feedback {
	/* Die Position muss absolut angegeben werden, damit die Positioniereung richtig läuft */
	position: absolute;
	
	/* Der Rand nach links, damit die Beschriftung des Feldes nicht überschrieben wird */
	margin-left: 140px;
    
    /* Abstand nach oben */
    margin-top: 0;
	
	/* verschiebt die Meldung nach rechts von links aus gesehen */
	left: 120px;
	
	/* Damit beim IE nicht über das Feld hinausgeschrieben wird */
	width: 250px;
	
	/* Die Schriftfarbe */
	color: #760000;

	/* Abstand innerhalb der Box, damit Platz für das Bild geschaffen wird */
	padding-left: 20px;
	
	/* Das Bild mit dem Ausrufezeichen */
	background: url("error.gif") no-repeat left center;
    font-weight: bold;
}