html, body { text-align:center; font-size:100.01%; margin:0 auto; padding:0; min-width:840px;}

body {
	background-image:url(../design/bgdot.png);
	font: 100.01% "News Gothic Std", "News Gothic", "Helvetica Neue", Helvetica, Geneva, "Lucida Sans", "Lucida Grande", Arial, Verdana, Tahoma, sans-serif;
	letter-spacing: 0.05em; }
	
dfn, .hilfe { /* macht die Hilfsoptionen bei ausgeschalteter Bedienungshilfe unsichtbar */
		position: absolute;
		left: -1000px;
		top: -1000px;
		width: 0px;
		height: 0px;
		overflow: hidden;
		display: inline;
		color: #ffffff;
	}
#bg {
	position:absolute;
	background:url(../design/bgkopf.png) repeat-x top;
	width:100%;
	height:464px;
	top:0;
	left:0; min-width:840px;  }
#inhalt {
	position:absolute;
	width:86%;
	top:132px;
	left:7%;
	background:#ffffff url(../design/rahmob.png) repeat-x top; text-align:left; min-width:722px; }
#rahmenunten {
	position:absolute;
	width:100%;
	height:5px;
	bottom:-1px;
	right:0;
	left:0;
	background:url(../design/rahmun.png) repeat-x bottom; }
#eckunten {
	position:absolute;
	width:100%;
	height:21px;
	background:url(../design/eckuli.png) no-repeat left bottom;
	bottom:-1px;
	left:0; }
#rahmenlinks {
	width:100%;
	top:0;
	left:0;
	background:url(../design/rahmli.png) repeat-y left top; }
#rahmenrechts {
	width:100%;
	top:0;
	right:0;
	background:url(../design/rahmre.png) repeat-y right top; }
#kopf {
	position:absolute;
	width:100%;
	height:183px;
	background:url(../design/logoeck.png) no-repeat left top;
	top:-99px;
	left:0; }

/* Überschriften */
h1 {
	position:absolute;
	margin: -0.7em 3em;
	padding: 0;
	letter-spacing: 0.07em;
	color:#ffffff;
	white-space: nowrap;
	top:90px;
	left:100px;
	width:77%;
	height:1em;
	border:0;
	display:block;
	font-weight: normal; }
h1, h2 {
	border: 0;
	line-height: 1em;
	font-size: 1.1em;
	font-variant: small-caps; }
h2 {
	margin:2.4em 0 1.2em 1.4em; }
	
/* Symbolzeichen oben rechts */
#zeichen {
	float:right;
	border:0;
	display:block;
	width:123px;
	height:62px;
	background:url(../design/eckreo.png) no-repeat right top;
	line-height:1px;
	margin:99px 0 0;
	padding:0;
	white-space: nowrap;
	text-align:center; }
#zeichen li, #zeichen a {
	width: 21px;
	height: 21px;
	list-style: none;
	display: inline;
	border: 0;
	margin:0; }
.symbol {
	width: 17px;
	height: 17px;
	margin: 13px 2px 0;
	border: 0;
	overflow: visible; }
.symbol:hover, .symbol:focus, .symbol:active, a:hover .symbol, a:focus .symbol, a:active .symbol, .symbol a:hover, .symbol a:focus, .symbol a:active {
	width: 21px;
	height: 21px;
	padding: 0;
	margin:5px 0 0;
	overflow: visible; }
#zeichen a:focus, #zeichen a:active {
	border: solid 1px #fff;
	margin: -2px 0;
	padding-top:7px; }
.submenue, #subhead {
	display:block;
	padding:0;
	font-variant: small-caps; 
	letter-spacing: 0.05em; }
#subhead {
	position:absolute;
	border:0;
	width:70%;
	height:1.7em;
	overflow:hidden;
	top:110px;
	right:99px;
	margin:0 1.7em;
	line-height:1.7em;
	text-align: right; }
.submenue {
	width:8.6em;
	margin:1px 0 0 0;
}
#subhead li {
	list-style:none;
	display:inline;
	margin:4px;
	padding:0; }
.submenue li {
	list-style:none;
	display:block;
	background-color:#fccb44;
	width:8.7em;
	margin:-1px 0 0 -1px;
	padding:0; }
.submenue a {
	display:block;
	}
#subhead a:link,  #subhead a:visited, .submenue a:link,  .submenue a:visited {
	color:#800510;
	text-decoration:none; }
#subhead a:link, .submenue a:link {
	background-color:#fccb44;
	font-weight:bold;
	border: solid 1px #f88922;
	padding:2px 7px; }
#subhead a:visited, .submenue a:visited {
	background-color:#fffd88;
	font-weight:normal;
	border: solid 1px #fccb44;
	padding:3px 7px 2px; }
#subhead a:hover, #subhead a:focus, .submenue a:hover, .submenue a:focus {
	background-color:#f88922;
	color:#000000; }
#subhead a:active, .submenue a:active {
	background-color: #f88922;
	color:#ffffff;
	border:solid 2px #fffd88;
	margin:-1px 0;
	padding:3px 8px;
	font-weight:normal; }
	
/* Inhalt Fenster */
#text {
	position:relative;
	top:0;
	left:0;
	margin:2.5em 0 -1px;
	padding:0 0 17px;
	background:url(../design/eckure.png) no-repeat right bottom; }
	
/* Navigation */
#navi {
	position:absolute;
	top:2em;
	left:1em;
	display:block;
	margin:0;
	padding:0;
	width:8em;
	}
#menu {
	border:solid 1px #f88922;
	border-bottom-width:2px; 
	display: block;
	margin:0;
	padding:0;
	}
.thema, .jetzt {
	font-size: 1.1em;
	font-variant: small-caps;
	font-weight: normal;
	letter-spacing: 0.07em;
	display:block;
	}
.thema {
	border:solid 1px #fccb44;
	background-color:#fffd88;
	margin:0 0 -1px;
	}
.thema a {
	padding:4px 7px;
	display:block;
	line-height: 1em;
	margin:0;
	}
.thema a:link, .thema a:visited {
	background-color:#800510;
	color:#ffffff;
	text-decoration:none;
	border:solid 1px #800510; 
	}
.thema a:hover, .thema a:focus, .jetzt {
	background-color:#fffd88;
	color:#800510;
	border:solid 1px #f88922; 
	}
.thema a:active {
	background-color:#f88922;
	color:#000000;
	border:solid 1px #fffd88;
	}
.jetzt {
	padding:2px 0 4px 0.4em;
	margin:0;
	}

/* Textelemente */
#content {
	position: relative;
	top:0;
	left:10em;
	margin:0;
	padding:0;
	width:78%;
	}
p, p.clear {
	margin:0 1.7em 1em; 
	text-align:justify;
	}
p, #content ul { 
	font-size:0.9em; }
#content li {
	left:1.4em;
	position:relative;
	margin:0.35em 1em 0.35em 0.35em;
	}
img {
	border:0;
	}
.left {
	float:left;
	}
.right {
	float:right;
	margin: -0.4em 1.7em 0 0.4em;
	padding-bottom:1em;
	display:block;
	width:200px;
	height:145px;
	}
.clear {
	clear:both;
	}


		#projekte, #printdesign, #projekte2 { margin:0 1.7em 1.7em 0; padding:0 0 1.7em;}
		.projekte, .printdesign { list-style:none; margin:0; padding:0; display:block; }
		.projekte { clear:both;}
		.projekte a, .printdesign a { display:block; float:left; height:1.7em; text-decoration:none; }
		.projekte a { width:14em; }
		.printdesign a, .projekte div { width:41em;}
		.projekte div, .printdesign div { float:right; height:1.7em; margin:0; z-index:10;}
		
		.projekte a div, .projekte a:link div, .projekte a:visited div, .printdesign a div, .printdesign a:link div, .printdesign a:visited div { display:none; text-decoration:none; color:#000;}
		
		.projekte a:hover div, .projekte a:focus div { width:33em; height:153px; top: -1em; left:32em;}
		.printdesign a:hover div, .printdesign a:focus div { left:0em; width:33em;}
		.projekte a:hover div, .projekte a:focus div, .printdesign a:hover div, .printdesign a:focus div { position: relative; display:block; background-color:#fffd88; z-index:99; padding:4px; text-decoration:none; color:#000; border:solid 1px #f88922; }
		
	 .printdesign a div img, .projekte a div img { border:0; text-decoration:none; float:left; }
	 .projekte a div img { margin:4px 8px 4px 4px;height:145px; width:200px; }
	.projekte a div p, .printdesign a div img { margin:4px; text-align:left; line-height:1.25em;}
	

/* Rand unten */
#end {
	position:absolute;
	bottom:-34px;
	left:0;
	height:34px;
	width:100%;
	background-image:url(../design/bgdot.png); 
	}