/*	CSS fuer hjpplaner.de
	Gustaf Mossakowski, <gustaf@koenige.org>, 2008
*/

html, body {height: 100%;}
body {font-family: sans-serif; background: #909090 /*#A19999*/; color: black;
	font-size: 90%; line-height: 1.3em;
	padding: 0; margin: 0; text-align: center; /* fuer IE 6 */}
#top img {border: 0;}
.heading {font-size: 150%; color: white; margin: 0; font-weight: bold;}
.heading a:visited, .heading a:link {text-decoration: none; color: white;}
.subheading {margin: 0; color: white; font-size: 67%; font-weight: normal;}
#canvas {width: 640px; margin: auto; min-height: 100%; padding: 10px 30px 10px 30px;
	background: #808080 url(/_layout/hintergrund-rahmen.gif) repeat-y 100% 0%; 
	position: relative; text-align: left; /* wg IE 6 oben */}
#canvas #top {width: 640px; padding-top: 2em;}
#menu {list-style: none; margin: 0; padding: 2em 0 1em; padding-left: 0;
	width: 420px; height: 1.3em; position: relative;}
#menu li {list-style: none; margin: 0; padding: 0 0 0; float: left;
	padding-right: 1px;}
#menu li a {display: block; padding: .5em 1em; background: #999 /*#B1AAAA*/; color: white;
	text-decoration: none;}
#menu li li {border-left: 1px solid #808080;}
#menu li li a {padding: .25em .75em .25em 0; background: #808080;}
#menu li a.below {border-style: solid solid none; border-color: #666; 
	border-width: 1px; background: #808080; position: relative; top: 0px;
	z-index: 2; color: #BBB; font-weight: normal;}
/* #menu li li a.below { position: relative; top: 1px;}*/
#menu li li a.below {border: none;}
#menu ul {position: absolute; padding-left: 0; top: 100%; padding-top: .5em; left: 0;
	 margin-top: 0em; right: 0; background: #808080; width: 620px;}
#inhalt {clear: both; padding-top: 3em; padding-bottom: 3em; }
#fuss {clear: both;}
a:link {color: #009;}
a:visited {color: /*#669*/#336;}
a:link:hover, a:visited:hover, #menu li a:link:hover, #menu li a:visited:hover {color: #555;}

h1 {font-size: 110%; margin-left: 0; padding: .5em 0 1em;}
#zzform h1 {padding-bottom: 0;}
#zzform h2 {font-weight: normal;}
#indexseite h1 {display: none;}
h2 {font-size: 110%; margin-top: 0;}
h3 {font-size: 110%; font-weight: normal;}

#inhalt form.login p {margin: .5em 0; padding: 0;}
#inhalt form.login p input {margin: 0;}
#inhalt form.login label {display: block; width: 8em; float: left; padding-top: .3em;}
#inhalt form.login .submit {margin-left: 8em;}

#matrix {border-collapse: collapse; width: 640px;}
#matrix td {padding: 0 20px 0 0; vertical-align: top; margin-bottom: 20px; min-width: 200px;}
#matrix td img {margin-bottom: 20px; display: block;}
#matrix td img.small-left {padding: 0 20px 20px 0; float: left; vertical-align: bottom; margin: 0;}
#matrix td img.small-right {padding: 0 0 20px 0; float: left; vertical-align: bottom; margin: 0;}

#matrix td.tdspan1, #matrix td.tdspan1last {width: 200px;}
#matrix td.tdspan2, #matrix td.tdspan2last {width: 420px;}
#matrix td.tdspan3, #matrix td.tdspan3last {width: 640px; padding-right: 0;}
#matrix td.tdspan1last, #matrix td.tdspan2last {padding-right: 0;}
 
#A, #A1,Ê#A2, #A3, #A4 {width: 200px; float: left; padding-top: 1px;}
#B {margin-left: 220px; width: 200px; float: left; padding-top: 1px;}
#BC, #BC1, #BC2, #BC3, #BC4 {margin-left: 220px; width: 420px; padding-top: 1px;}
#C {margin-left: 440px; width: 200px; padding-top: 1px;}

#inhalt p {margin-top: 0; margin-bottom: 1em;}

ul {margin: 0 0 1em; padding: 0 1.5em;}
ul ul {margin-bottom: 0;}

.nachrichten {margin: 0; padding: 0;}
.nachrichten li {margin: 0 0 .5em 5.5em; line-height: 1.5em; list-style: none;
	padding: 0; text-indent: -5.5em;}

table.beitraege td {vertical-align: top; padding-right: 1em;}
table.beitraege {padding-bottom: 1em;}

#languagelink {position: absolute; right: 30px; top: 2.5em; font-size: 95%;}
#logout {position: absolute; right: 30px; top: 3.75em; font-size: 95%;}
#invisible_logo {display: none;}
address#fuss {display: none;}

.mehr {padding-top: 2em;}
#thumbs {margin-left: -4px;}
#thumbs img {border: 0; margin: 0; padding: 0 4px 4px 0; vertical-align: bottom;}

.wichtig {color: #C00; font-weight: bold;}

#suche {padding: 1em 0 1.5em;}
#suche h3 {margin-bottom: 0;}
ul.projekte p {margin-bottom: 0;}
ul.projekte li {padding-bottom: .25em;}

#zzform .totalrecords {padding-top: 1em;}

.error {padding: 1em 0; color: #C00; font-weight: bold;}
ul.import .error {padding: 0; font-weight: normal;}

textarea {margin-bottom: 1em;}
#zzform textarea {margin-bottom: 0;}

#kundenlogo {float: right; padding: 0 0 1em 1em;}

#map {margin-bottom: 20px; padding-bottom: 0;}

input, textarea {background-color: #DDD;}

#zzform ul.data {max-width: none;}
#zzform ul.data p.preview {vertical-align: middle; text-align: center; 
	display: table-cell; width: 200px; height: 200px; border: 1px solid; } 
#zzform ul.data p.preview img.thumb {margin: 0; padding: 0; border: 0;}

/*	CSS fuer zzform Formularskripte
	(c) Gustaf Mossakowski, <gustaf@koenige.org>, 2006-2008

	Farben BBR
	#BED0DE hellblau
	#86A3BD mittelblau
	#4E7C9D dunkelblau
	#00415E schwarzblau
*/

#zzform {font-size: 95%;}
#zzform .editbutton, #zzform td.recordid, #zzform th.recordid 
	{background-color: #808080;} /* wie body */

#zzform #record table {background-color: #EBF0E7;}
#zzform #record .subtable th, #zzform #record .subtable td {background-color: #BED0DE;; }
#zzform #record tfoot th, #zzform #record tfoot td, td.where, th.where 
	{background-color: #86A3BD}

#zzform table.data thead td, #zzform table.data thead th,
	#zzform table.data tr.group td {border-color: #999;}
#zzform tr.last {border-color: #999;} /* last row */
#zzform tfoot td {border-color: #999}

#zzform tr.even {background-color: #999;} /* even rows */
#zzform tr.uneven {background-color: #BBB; } /* uneven rows,  */

#zzform th.order {background-color: #BED0DE;} /* column ORDER BY */
#zzform ul.pages li {border-color: #666;}
#zzform td.left_separator {border-left-color: #A29F8A;}
#zzform table.data {margin-bottom: 1em;}

body #zzform .separator hr {background-color: #808080; color: #808080; border: #808080;}