/*	CSS fuer werkstatt-stadt.de
	Gustaf Mossakowski, <gustaf@koenige.org>, 2008
	Bundesamt fuer Bauwesen und Raumordnung
*/

body {background: silver; margin: 0; padding: 0 0; color: #000;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; 
	font-size: 82%; line-height: 1.4em; }
	
#texte :target h3 {background: #425478; color: white;}

#top {width: 100%; height: 4.55em; 
	position: relative; /* ueberdenken, Barrierefreiheit und Usability */
	top: 0; left: 0;
	background: url(/_layout/titelzeile-hg.gif) fixed repeat top left; }
#top img {display: block; border: none; z-index: 3; position: absolute;}

.invisible { position: absolute; left: -1000px; top: -1000px; width: 0;
	height: 0; display: inline;}

#menu {margin: 0; padding: 0; position: absolute; bottom: 0; left: 11.4em;}
#menu li {background: #D9E5E5; margin: 0 10px 0 0; list-style: none; float: left;
	padding: 0; font-size: 110%; width: 6em;}
#menu li a {display: block; padding: .25em .5em;}
#menu li a.aktiv, #menu li a:hover {background: #FFF;}

#topbild { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	background-image: url(/_layout/grafik-werkstatt-stadt.gif);
	background-position: 660px 0;
	background-repeat: no-repeat; z-index: 0;}

#navigation {background-color: silver; padding: .75em; width: 9.5em; float: left;}

#scrolling {background: silver; position: relative;}
#ie_table {border-collapse: collapse;}
#table_all {padding: 0; margin: 0; width: 63.9em; /* #inhalt + #position */}
#inhalt {padding: .75em; background: white; max-width: 51.4em; 
	position: absolute; left: 11.4em; top: 0;}
.spalte-links {width: 37.4em; float: left; padding-right: 2em;}
.spalte-rechts {width: 12em; float: left;}
#inhalt img {border: none;}

.fehler {font-weight: bold; color: red; margin: 1em 0;}
tr.wichtig td, tr.wichtig th {background: red; color: white; font-weight: strong;}

#fuss {text-align: right; clear: both;}

h1 {font-size: 170%; margin: 0 0 1em; line-height: 1.2em;}
h2, h3 {font-size: 130%;}
h5, h6 {font-size: 100%;}

dl.links img {border: none;}
dl.links dt {padding: 1em 0 .5em;}
dl.links dd {padding-bottom: 2.5em;}

form.login p {margin: .25em 0; line-height: 133%;}
form.login label {display: block; width: 8em; float: left;}
form.login .submit {margin-left: 8em;}

.toplink {float: right; margin-top: -3.3em; margin-bottom: 0;}

.bilder-50 {float: left; width: 300px;}
.bilder-50 img {border: none; padding: 0; margin: 0;}
.matrix-mitte {height: 300px;}
.matrix-mitte td {vertical-align: middle;}

.kategorien {border-collapse: collapse;}
.kategorien td, .kategorien th {margin: 0; padding: 0 0 20px 0; vertical-align: top;}
.kategorien img {border: 0; padding: 0 20px 10px 0;}
.kategorien ul {list-style: none; margin: 0; padding: 0;}
.kategorien li {float: left; margin: 0; padding: 0 20px 0 0;}
.kategorien ul.detail li {float: right; padding: 0 0 0 20px;}
.kategorien h2 {margin-top: 0;}

.kategoriebild {float: right; padding: 0 0 20px 20px;}

#navigation {line-height: 1.2em; width: 9.5em;}
#navigation ul {list-style: none; padding: 0; margin: 0;}
#navigation li {padding: .75em 0 0; margin: 0; text-align: right;}
#navigation li.first {padding: 0; }
#navigation li.border {padding: .75em 0; border-bottom: 1px solid #425478; }
#navigation li.border-top {padding: .75em 0 0; border-top: 1px solid #425478;
	margin-top: .75em;}

#uebersicht {text-align: right; padding-top: .75em; margin-top: .75em;
	border-top: 1px solid #425478;}
#uebersicht img {border: none;}

.staedte {list-style: none; padding: 0; margin: 0;}
.staedte li {padding: 0 .5em 0 0; margin: 0; float: left; width: 10.5em;}
.staedte_clear {clear: both; padding-top: 1.5em;}

ul.typen {padding: 0; margin: 1em 0; list-style: none;}
ul.typen li {padding: 0; margin: 0;}

/* Projekte */

#projekt_kopf {background: #BBB; padding: 10px;}
#projekt_kopf h1 {font-size: 130%; margin-bottom: 0;}

.orientierung {padding: 1em 0;}
.orientierung h3 {display: inline; font-size: 100%; margin: 0; }
.orientierung ul {list-style: none; margin: 0; padding: 0;}
.orientierung li {float: left; margin: 0; padding: 0 1em 0 0;}
.orientierung {font-weight: bold;}
.orientierung .werkzeuge {float: right; text-align: right;}
.orientierung .werkzeuge h3 {display: none;}
.orientierung .werkzeuge li {float: none; padding: 0;}

#texte {padding: 1em 0; clear: right;margin: 0;}
#texte h3 {background: #CCC; padding: .75em; font-size: 110%;
	 margin-top: 0; clear: right;}
#texte th {text-align: left; /*border-bottom: 1px solid #CCC;*/}
#texte td {padding: 0 1em 0 0;}
#texte p, #texte table, #kurztexte p {padding: 0 1em;}
#texte table {padding-bottom: .5em;}
#texte .bild, #kurztexte .bild {float: right; width: 220px; clear: both;}
#texte #innovations, #texte #innovationen {background: #D9E5E5;}

.clear {clear: right; height: .2em; font-size: 1%; } 

#kurztexte .img {padding: 0 0 1em 1em;}
#kurztexte h3 {padding: 0 1em; font-size: 110%;}

#suche h3 {padding-bottom: 0; margin-bottom: 0; font-size: 110%; font-weight: normal;}
#suche {padding-left: 2.5em;}

.suchergebnis {border-collapse: collapse;}
.suchergebnis td, .suchergebnis th {vertical-align: top; padding: .75em; 
	text-align: left;}
.suchergebnis h3 {font-size: 110%; margin-top: 0; margin-bottom: .5em;}
.suchergebnis tr.odd td, .suchergebnis tr.odd th {background: #EEE;}
.suchergebnis tr.even td, .suchergebnis tr.even th {background: #DDD;}
ul.input {margin: 0; padding: 0; list-style: none;}
ul.input li {margin: 0; padding: 0;}
.suchergebnis td.buttonset {text-align: right;}

.bild p {margin: 0em;}
p.quelle {font-size: 90%; margin: 0 0 1em;}

form.e_mail table {border-collapse: collapse;}
form.e_mail th {text-align: left; vertical-align: top; padding-right: .5em;}
form.e_mail th, form.e_mail td {padding: .25em 0;}

p.mehr {text-align: right;}

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

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

#zzform .editbutton, #zzform td.recordid, #zzform th.recordid 
	{background-color: #FFF;} /* wie body */

#zzform a:link {color: #009;}
#zzform a:visited {color: #669;}

#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: #BED0DE;} /* even rows */
#zzform tr.uneven {background-color: #EBF0E7; } /* 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 .text_en {font-style: italic;}
#zzform .text_en em {font-style: normal;}


/*
	Altes CSS
*/

div#scrolling {
	height: 100%;
	margin: 0;
	padding: 0; }

	
p { margin-top: 0px; margin-bottom: 8px }

a  { color: #369; text-decoration: none }
a:link:hover, a:visited:hover   { color: #00f; text-decoration: none }

.eingabefeld-schmal { width: 300px }
.eingabefeld-breit    { width: 520px }