/* Globale Definitionen */
body, div, td, input, select, textarea { font:12px Arial, Tahoma, sans-serif; }
body { background: #fff; margin: 0; }

/* Links */
a { font-weight: normal; color: #000; }
a:hover { color: #d5771c; }

/* Struktur*/
#container { width: 880px; margin: 0 auto; }
#content { background-color: #fff; padding: 20px; }
#footer { text-align:right; margin:10px 20px 20px 0px; }

/*Navigation*/
#nav { height: 64px; width: 880px; margin: 0 auto; background: #D5771C: }
#navback { background: #444; }
#nav ul { margin: 0 0 0 10px; padding: 0; }
#nav li { float: left; list-style-type: none; }
#nav li a { color: #e6e6e6; text-decoration: none; padding: 40px 10px 10px 10px; display: block; }
#nav li a:hover, #nav li a.active { color: #fff; background: url(../img/nav_hover.gif) no-repeat bottom center; }
#nav a.active { padding-top: 40px; }
#nav span { color: #fff; font-weight: bold; padding: 15px 20px 10px 10px; float: right; }

/* Überschriften */
h1,h2, h3 { color:black; }
h1 { font-size:16px; }
h1 span { display: none; }

h2 { font-size:14px; margin-bottom:2px; }
h2 span { font-weight: normal; font-style: italic; }

h3 { font-size:11px; margin-bottom:2px; }

#list { margin: 10px 0 15px 0; border-collapse: collapse; }
th { border-bottom: 1px solid #444444; text-align: left; font-weight: bold; color: #444444; }
td { border-bottom: 1px solid silver; }

th, td { padding: 3px 2px 3px 2px; }

tr.dunkel { background-color: #FAFAFA; }
tr.unbekannt td { color: #a0a0a0; }


div.spalte { float: left; margin-right: 10px; width: 260px; }
div.spalte ul { margin: 0; padding: 0; list-style-type: none; }

div.abgabe { padding: 3px 0 0 0; text-align:right; margin-right: 220px; }

#news ul { margin: 0; padding: 0; }
#news li { list-style-type: none; font-weight: bold; }
#news li em { font-weight: normal; }
#news li div { display: none; }
#news li span { display: none; }
#news li:hover span { display: show; }

#footer a { color: #fff; font-size: 11px; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#vcard { width: 550px; margin-bottom: 5px; }
#vcard a { color: #000; }
#vcard a:hover { text-decoration: none; }


a.edit { float: right; background: url(../img/gtk-edit.png) no-repeat; display: block; 
	height: 24px; padding: 4px 0 0 30px; }
p.hint { background: url(../img/dialog-warning.png) no-repeat; padding-left: 30px; }

div.small { font-size: 11px; font-weight: bold; margin-top: 15px; }
div.line { text-align: right; clear: both;
	background: url(../img/dots.gif) repeat-x 0px 2px; }
div.line img { float: left; margin-right: 1px; background-color: #fff; margin-top: 1px; }
div.line span { float: left; background-color: #fff; }
div.line p { margin: 0; background-color: #fff; display: inline; }

div.userpic { border: 1px solid silver; padding: 3px 3px 3px 3px; float: left; }

input.ro, td.info { color: #808080; }
td.info a { color: #808080; }
td.info a:hover { text-decoration: none; }

img.icon { float: left; margin-right: 3px; }


/* Weitere HTML Elemente */ 
p, fieldset { margin:0px 0px 15px 0px; }
img { border:0px; }
form { margin:0px; }
fieldset { border: 0; padding: 0; }
legend { font-weight: bold; margin: 0 0 10px 0; color: #d5771c;}

/* Klassen */
.float-right { float: right; margin: 0 0 20px 20px; }
.geburtstag { margin: 0 !important; width: 380px !important; }
.margin-bottom { margin-bottom: 15px; }

/* error */
div.ok, div.error { padding-left: 20px; margin-bottom: 15px; } 
div.ok { color: darkgreen; background: url(../img/accept.png) no-repeat; }
div.error { color: #ab1616; background: url(../img/delete.png) no-repeat; }
div.error a { color: #ab1616 !important; }
div.error a:hover { text-decoration: none; }

td { vertical-align: top; }
td.pt { padding-top: 6px; }
tr.error td { background-color: #ab1616; color: #fff; border-bottom: 1px solid #ab1616; }
td.status1 { color: darkgreen; }
td.status2 { color: #c00000; }
td.status3 { color: #D5771C; }

span.form { display: block; font-size: 11px; margin-bottom: 2px; }
a.button { border: 1px solid silver; display: block; width: 120px; 
	padding: 4px 6px 4px 6px; float: left; margin: 0 5px 0 0; color: #808080;
	text-decoration: none; text-align: center; border-bottom: none;	}
a.button:hover, a.active { background-color: #D5771C; color: #fff; border-color: #D5771C; }

div.tab, #recent { border: 1px solid silver; padding: 10px; width: 600px; }
div.active, #recent { border-color: #d5771c; }
div.status { font-size: 11px; }
div.status img { margin-top: 5px; }
div.hinweis { font-size: 11px; margin-top: 10px; color: #808080; }

span.bemerkung { cursor:hand; cursor:pointer; }

#recent { width: 180px; float: right; }