/* ++++++++++ Allgemeines +++++ */

* {
    margin:0;
    padding:0;
    }

html, body {
    height:100%;
    font:normal 100.01%/1.4 'Lucida Grande', Lucida, 'Lucida Sans Unicode','Bitstream Vera sans', Arial, sans-serif;
    }
    

body {
    background-color:#eee;
    color:#333;
	min-width:47em;
    }

/* ++++++++++ Layout +++++ */

#wrap {
    min-height:100%;
    }

/* IE-HACK: IE < 6 min-height */

/* ++++++++++ HEADER +++++ */
#header {
    padding:1em 0 0;
	display:table;
	table-layout:fixed;
	vertical-align:bottom;
	width:100%;
}

#header .inner {
	display:table-row;
	vertical-align:bottom;
	}

h1 {
    font-size:325%;
    font-weight:bold;
    color:#aaa;
    padding-left: .3em;
	display:table-cell;
	vertical-align:bottom;
	line-height:1;
	letter-spacing:-.02em;
    }

/* IE-HACK: kein table-cell */

h1 em {
	color:#d2d2d2;
	font-style:normal;
	/*font-size:70%;*/
	text-transform:lowercase;
	height:.8em;
	overflow:hidden;
	font-weight:normal;
	display:block;
	margin-bottom:-.3em;
	}

/* IE-HACK: Abstand + mehr Hoehe */

/* IE-HACK: IE < 7 shrink-to-fit */

h1 span {
	position:relative; /* on top; Safari + Opera */
	display:block;
	}

/* IE-HACK: larger line-height - clipping */

#header #menu {
	display:table-cell;
	vertical-align:top;
	width:22.2em;
	}

/* IE-HACK: kein table-cell */

#header ul {
    list-style-type:none;
    width:1.2em;
    border-left:10.5em solid #eee;
    border-right:10.5em solid #eee;
    font-size:95%;
    line-height:1.2;
    background-color:#ddd;
    }

#header ul li {
    margin-top:.5em;
    margin-left:0;
    margin-right:-10.5em;
    position:relative;
    }

/* IE-HACK: hasLayout (Sichtbarkeit!) + Positionskorrektur IE < 6 */

#header ul li:first-child {
    margin-top:0;
    }

#header ul li:first-child+li,
#header ul li:first-child+li+li+li+li {
    margin-bottom:1.25em;
    }

#header li.aktiv {
    border-left:0 none;
    margin-left:-10.5em;
    margin-right:0;
    border-right:1.2em solid #ccc;
    padding-right:.2em;
    text-align:right;
    left:0;
    }

/* IE-HACK: IE < 7 Position des aktiven Menuepunktes*/

#header li a {
    border-left:1.2em solid #dbdbdb;
    padding-left:.2em;
    color:#666;
    text-decoration:none;
    }

#header li a:hover {
    color:#333;
    border-left-color:#ccc;
    }

/* IE-HACK: hasLayout fuer Menuelinks ??? left out */

#header li.aktiv span {
    position:absolute;
    left:11.9em;
	width:10em;
	text-align:left;
	color:#f4f4f4;
    }

/* ++++++++++ Inhalt +++++ */

#main {
	font-size:95%;
    padding:2em 0 2.5em 1.4em; /* bottom fuer address */
	margin:0 10.5em 0 7%;
	max-width:47em;
    }

/* IE-HACK: IE < 7 width statt max-width */

#main h2 {
	font-size:120%;
	font-weight:bold;
	color:#666;
	clear:right;
	margin-bottom:1em;
	}

#main h3 {
	font-size:120%;
	font-weight:bold;
	color:#888;
	line-height:1.2;
	margin-top:1.5em;
	margin-bottom:.5em;
	margin-left:.8em;
    }

#main li h3 {
	margin-top:.2em;
	margin-left:0;
	}

#main a {
    color:#333;
    text-decoration:none;
	border-bottom:1px solid #ccc;
    }

#main a.ext {
	background:url("linkpfeil.gif") 100% .2em no-repeat;
    padding-right:7px;
	}

/* IE-HACK: IE < 7 hasLayout fuer Links mit BG-Bild */

#main a:hover {
    text-decoration:none;
	color:#333;
	border-bottom-color:#666;
    }

#main dt a {
	border:none;
	height:auto;
	}

#main p {
	margin-bottom:.5em;
	padding:0 1em;
    }

#main ul {
	list-style-type:none;
	line-height:1.5;
	}

#main ul.punkt {
	padding-left:1.75em;
	}

#main ul.punkt li {
	padding-left:1em;
	margin:.3em 0;
	background:url("list-symbol.gif") 0 0.6em no-repeat;
	}

#main ul.punkt ul {
	margin-bottom:.5em;
	margin-left:.5em;
	}

#main ul.punkt ul li {
	margin:0;
	}

#main ul.punkt h3 {
	font-size:100%;
	margin:0;
	padding-top:.2em;
	}


#main ul.punkt p {
	padding:0;
	}

#main ul.projekt {
	min-width:40em;
}

#main ul.projekt li {
	background-color:#f4f4f4;
	clear:both;
	margin:1em 0 1.5em;
	border:1em solid #f4f4f4; /* no padding - bug in Gecko */
	border-bottom:none;
	position:relative;
	}

#main ul.projekt li:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
	}

/* IE-HACK: hasLayout IE < 8, auto-clear */

#main ul.projekt li dt {
	float:right;
	width:400px;
	margin-left:1em;
	margin-bottom:1em;
	clear:right;
	}

#web #main ul.projekt li dt {
	width:300px;
	}

#main ul.projekt li img {
	border:1px solid #fff;
	display:block;
	}

#main ul.projekt dl {
	clear:both;
	}

#main ul.projekt dd {
	padding-left:1em;
	padding-bottom:2em;
	}

#main ul.projekt li dd.customer {
	font-family: "Courier New", courier; /* nicht monospace wg. default-font-size (Safari) */
	font-size:80%;
	float:right;
	margin-right:400px;
	padding-bottom:0;
	padding-right:1em;
	text-align:right;
	margin-top:-2.6em;
	}

#web #main .customer {
	width:100%;
	margin-right:0;
	padding:0;
	}

/* IE-HACK: IE < 8 customer unter Bild */

#web #main .customer span {
	display:block;
	padding-right:300px;
	margin-right:1em;
	}

#main .intro {
	padding-bottom:20px;
	margin-bottom:1em;
	}

#main abbr[title] {
	border-bottom:1px dotted #ccc;
	cursor:help
	}

#main .sprung {
	text-align:right;
	font-size:80%;
	}

#main .sprung a {
	background-image:none;
	height:auto;
	border:none;
	text-decoration:underline;
	color:#999;
	}

#main .sprung a:hover {
	color:#000;
	}

#main .sprung a:after {
	content:" \21D1";
	}

#main del {
	display:none;
	}

.clear {
	clear:both;
	}

/* 081001: Buch */

#buch {
	background:#fff;
	padding:1em;
	margin:1em 0 3em;
	}

#buch img {
	float:left;
	}

#buch hr {
	height:.1px;
	clear:left;
	visibility:hidden;
	}

blockquote {
	font:italic 100%/1.5 Georgia, serif;
	}

cite {
	display:block;
	font-size:80%;
	font-style:normal;
	font-weight:bold;
	text-align:right;
	padding-right:2em;
	}