/*

EEEEED
B5B5B5 B5B5B5
303030
CAC8C9


*/

html, body {height: 100%; }
body {margin: 0; padding: 0 .5em 1em; background-color: #B5B5B5; color: #333;
	font-family: 'Avant Garde', 'AvantGarde Bk', 'Trebuchet MS', sans-serif; line-height: 120%; font-size: 95%;}
body#main {padding: 0; margin: 0; text-align: center;}

h1 {font-size: 140%; margin-bottom: 0.5em;}
h2 {font-size: 120%; margin-top: 1em;}
h3 {font-size: 120$; font-weight: normal;}
#profil h2 {clear: both; }
p, li, dt, dd {font-family: 'Avant Garde', 'AvantGarde Bk', 'Trebuchet MS', Georgia, serif;}

dt {font-weight: bold; margin-top: .5em;}

#logo {
	margin: 0; padding: .4em 0; text-align: right; 
	height: 96px; background: url(/layout/logo-klein-oben.gif); margin-left: 12.5em;
	background-position: 0 0.4em; }
#logo a {position: absolute; display: block; width: 12.5em; top: .4em; left: 0;
	background-image: url(/layout/logo-klein-unten.gif);
	margin-left: .5em; z-index: 2;}
#logo a:hover {background-color: #B5B5B5;}
#logo img {border: none; z-index: 1;}

#nav {width: 13em;  float: left; 
	position: absolute; top: 162px; left: 1em; text-align: left; font-size: 95%;}
#nav ul {list-style: none;  padding: 0; margin: 0 0.5em 1.5em;}
#nav li {margin: 0; padding: 0; text-align: right; 
	border: 1px white; border-style: none none dotted none; height: auto;}
#nav li.first {border-top-style: dotted;}
#nav li a {display: block; text-decoration: none; padding: .5em .25em; margin: 0;}
#nav li strong	{font-weight: normal;}
a:link:hover, a:visited:hover, #nav li strong a {background: #009; color: white;}
#nav #navtools {margin-top: 2.5em;}

#text {margin-left: 14em; text-align: left; padding-bottom: 2em; margin-right: 1em;
	border-collapse: collapse;}
#text td {width: 45em; }

a:link {color: #009;}
a:visited {color: #666;}

.nebenprojekt {width: 480px; position: relative;}

.projekte {margin: 0; padding: 0; list-style: none; position: absolute;
	width: 10em; left: 500px; top: 2em;}
.projekte li {margin: .5em 0; padding: 0;}
.projekte ul li {display: inline;}
.projekte ul li, .projekte ul h2 {margin: .5em 0 .25em;}
.projekte ul {padding: 0 0 .75em 0; position: absolute; top: 10px; left: -500px; 
	width: 480px;}
.projekte .aktuell img {padding-bottom: .5em;}
.projekte li li {list-style: none;}
li.ort, li.jahr {display: inline;}

blockquote p {font-weight:normal;}
blockquote p.quelle {font-weight: normal;}

#mitte {height: 100%; margin: 0 auto; vertical-align: middle; }
.adresse {text-align: right; list-style: none; padding: 0; margin: 0; 
	position: absolute; bottom: 0px; right: 5px;}
.adresse li {padding: 0; margin: 0;}
#unten {background-image: url(/layout/logo-unten.gif); background-repeat: repeat-x;
	background-position: 50% 50%; height: 100%; width: 40%; 
	 position: absolute; top:0; left: 0;}
#oben {background-image: url(/layout/logo-oben.gif); background-repeat: repeat-x;
	background-position: 50% 50%; height: 100%; width: 60%; 
	 position: absolute; top:0; right: 0;}
#mitte #canvas {width: 725px; height: 360px; position: relative; }
#mitte img {float: left;}

.kategorien {list-style: none; padding: 0; margin: 0; }
.kategorien li {width: 120px; height: 90px; border: 4px solid #EEEEED;
	 float: left; margin: 0 0 5px 5px; border-collapse: collapse; text-align: center;}
.kategorien li a {display: table-cell; vertical-align: middle; height: 90px;
	padding: 0; margin: 0;  width: 120px; text-decoration: none;}
.kategorien li span {line-height: 1.2em;  font-size: 90%; visibility: hidden;}
.kategorien li a:hover {background-color: #FFF; color: #303030;}
.kategorien li a:hover span {visibility: visible; color: black;}

.kategorien li#modellbau {background-image: url(/layout/titel/modellbau.jpg);}
.kategorien li#sigeko {background-image: url(/layout/titel/sigeko.jpg);}
.kategorien li#visualisierung {background-image: url(/layout/titel/visualisierung.jpg);}
.kategorien li#architektur {background-image: url(/layout/titel/architektur.jpg);}
.kategorien li#beratung {background-image: url(/layout/titel/beratung.jpg);}
.kategorien li#projektmanagement {background-image: url(/layout/titel/projektmanagement.jpg);}

img.titel {float: right; margin: 0 0 1em 1em;}

.spruch {margin: 2em;}
.spruch p {margin-bottom: 0; font-style: italic; }
.spruch .quelle {text-align: right; margin-top: 0; font-style: italic;}

form ul {list-style: none; padding: 0; margin: 0;}
form li {margin: .5em 0 0; padding: 0;}

form table {border-collapse: collapse;}
form th {font-weight: normal; padding-right: .5em;}
form td { vertical-align: bottom; padding-bottom: .25em;}

.fussnav {list-style: none; padding: 0; position: absolute; 
	top: 50%; left: 50%; margin: 220px 0 0 -320px; width: 640px; font-size: 95%;}
.fussnav li {display: inline; padding: 0; margin: 0;}

.fuss {margin-top: 2em; font-size: 95%;}