/*

saat-energie.com
(c) Gustaf Mossakowski, gustaf@koenige.org, 2008
design by [synthese], http://www.synthese-web.de/

Canvas: 930px + 15px + 15px

*/

body {background: white; color: black; font-family: sans-serif; 
	font-size: 85%;}

p, ul {margin: .5em 0;}
h1, h2 {margin: .5em 0;}

#canvas {width: 980px; height: 600px; margin: auto; position: relative;}
#canvas-logo {width: 232px; height: 117px;
	position: absolute; top: 483px; left: 747px;
	background: url(saat-energie-unten.gif) right bottom no-repeat;
	z-index: 1;}
#logo {border: 0; position: absolute; top: 29px; right: 13px; z-index: 2;
	width: 271px; height: 42px;}

#fuss {width: 940px; height: 56px; position: absolute;
	left: 16px; background: #53B348; bottom: 0; }
#fuss #slogan {color: white; padding-left: 1em; position: absolute; 
	top: 28px; margin-top: -.5em; /* ungefaehr Haelfte */
	letter-spacing: .1em; font-size: 135%;}
#text {position: absolute; width: 940px; height: 400px; overflow: auto;
	left: 16px; top: 112px; z-index: 2;}
#bg-pic {position: absolute; width: 940px; height: 400px; left: 16px;
	top: 112px; background-position: 100% 100%; background-repeat: no-repeat;}

#hidden {display: none;}

#textblock {position: absolute; left: 384px; top: 32px; width: 460px;
	padding: 24px 32px 0; overflow: auto; height: 342px; line-height: 1.33em;
	z-index: 3;}
#transparent {position: absolute; left: 384px; top: 32px; z-index: 1;
	width: 460px; padding: 32px; height: 304px;
	background: white; filter:alpha(opacity=60); -moz-opacity:.6; 
	opacity:.6;}

#menu {padding: 0 0 0 16px; margin: 0; list-style: none; z-index: 6;
	position: relative;}
#menu li {float: left; background: url(menu-border.gif) no-repeat;
	height: 96px; margin: 0; padding: 0 24px 0 8px; 
	width: 96px; z-index: 6;}
#menu li a {text-decoration: none;  font-weight: bold;
	padding-top: 50px; display: block;}
#menu li a {background: url(menu-inaktiv.gif) no-repeat;}
#menu li a:hover, #menu li a.aktiv {background-image: url(menu-aktiv.gif);}
#menu li a:link {color: black;}
#menu li a:visited {color: #555;}
#menu #submenu {position: absolute; left: 0; padding: 36px 0 0;
	height: 412px; background: url(menu-border.gif) repeat-y 16px 30px;
	width: 130px;}
#menu #submenu li {list-style: none; float: none; padding: 0 0 0 8px;
	margin: 0; height: auto; background: none;}
#menu #submenu a {font-weight: normal; font-size: 90%; background: none;
	padding-top: 1em; padding-left: 16px;}
#menu #submenu li a:hover, #menu #submenu li a.aktiv {
	background: url(submenu-aktiv.gif); background-repeat: no-repeat;
	background-position: 0 85%;}

#tools {padding: 0 0 0 8px; margin: 0; list-style: none; position: absolute;
	top: 522px; z-index: 2; left: 0;}
#tools li {float: left; margin: 0; padding: 0 .5em 0 8px;
	font-size: 85%; border-right: 1px solid #555;}
#tools li.last-child {border-right: none;}
#tools li a {text-decoration: none;}
#tools li a:link {color: #53B348;}
#tools li a:visited {color: #555;}

h1 {color: #53B348; font-size: 133%;}
h2 {font-size: 120%;}
h3 {font-size: 120%; font-weight: normal;}
h1, h2, h3 {margin-top: 0;}

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

.projekte {position: absolute; left: 128px; width: 812px; height: 400px;}
#projekte {background: #9D9FA0; position: absolute; left: 144px;
	width: 812px; height: 400px; top: 112px;}
.projekte #projektbilder {position: absolute; top: 0; left: 0;}
.projekte #projektbilder img {padding: 5px 0 5px 5px; }
.projekte #texthintergrund {background: #D2D3D5; position: absolute; top: 130px;
	left: 200px; width: 580px; height: 270px;}
.projekte #projekttext { position: absolute; top: 130px;
	left: 8px; width: 724px; height: 234px; overflow: auto;
	padding: 24px 24px 12px 0;}
.projekte td, .projekte th {padding-top: .75em; vertical-align: top;}
.projekte th {color: #D2D3D5; text-align: right; padding-right: 16px;
	width: 176px; vertical-align: top;}
.projekte td {padding-left: 20px;}
.projekte h1 {padding-left: 216px;}

/* zzform colours CSS by Gustaf Mossakowski <gustaf@koenige.org>, 2008 */

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

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

#zzform #record table {background-color: #EEC;}
#zzform #record .subtable th, #zzform #record .subtable td {background-color: #DDB; }
#zzform #record tfoot th, #zzform #record tfoot td, td.where, th.where 
	{background-color: #A29F8A;}

#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: #CCB;} /* even rows */
#zzform tr.uneven {background-color: #EED;} /* uneven rows */

#zzform th.order {background-color: #DDB;} /* column ORDER BY */

#zzform ul.pages li {border-color: #666;}

#zzform td.left_separator {border-left-color: #A29F8A;}