@charset "UTF-8";
@import url(reset.css);

html, body {
	height: 100%;
}
body {
	background: #e4e0d5;
	text-align: center;
	margin: 0;
	padding: 0;
}
#wrapper {
	width: 896px;
	margin: 0 auto;
	text-align: left;
}
.clear {
	clear: both;
}



/* * * * * START: HEADER * * * * */
#top {
	height: 25px;
	background: #5f5f5f url(/images/lay_topbar.gif) no-repeat;
}
#header {
	background: #5f5f5f url(/images/lay_header.gif) repeat-y;
	width: 857px;
	padding: 2px 20px 22px 19px;
}
#header #logo {
	width: 200px;
	float: left;
}
#header #mainnav {
	padding: 45px 0 0 361px;
	width: 296px;
	float: left;
}
/* * * * * END: HEADER * * * * */



/* * * * * START: INHALT * * * * */
#mainwrap {
	height: 401px;
	background: url(/images/lay_mainbg.gif) repeat-y;
	padding: 0 0 0 19px;

}
#image {
	width: 561px;
	height: 401px;
	float: left;
	position: relative;
}
#shadow {
	width: 561px;
	height: 401px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: transparent;
}
#content {
	padding: 0 0 0 15px;
	width: 281px;
	height: 401px;
	float: left;
	background: url(/images/bg_content.gif) no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #63625a;
	line-height: 18px;
}
#content h1 {
	font-weight: bold;
	margin: 0 0 7px 0;
}
#content h2 {
	font-weight: bold;
	margin: 0;
}
#content p {
	margin: 0 0 7px 0;
}
#content strong {
	font-weight: bold;
}
#content p.readmore {
	margin: -7px 0 17px 0;
}
#content a {
	color: #FF7200;
}
#content a:hover {
	color: #63625a;
	text-decoration: none;
}
#content #subnav {
	padding: 15px 0 0 185px;
	height: 100px;
}
#content ul#subnav  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
}
#content ul#subnav  li a {
	text-decoration: none;
	color: #63625a;
}
#content ul#subnav li a:hover, #content ul#subnav li a.active {
	color: #FF7200;
}
/* * * * * END: INHALT * * * * */





/* * * * * START: SEITE PRODUKTE * * * * */
ul#projectsnav {
	padding: 15px 0 0 0;
	width: 185px;
	height: 240px;
	float: left;
	font-size: 10px;
	line-height: 18px;
}
ul#categorynav {
	padding: 15px 0 0 0;
	width: 96px;
	height: 240px;
	float: left;
	font-weight: bold;
	font-size: 10px;
	line-height: 18px;
}
ul#categorynav li a, ul#projectsnav li a {
	text-decoration: none;
	color: #63625a;
}
ul#categorynav li a:hover, ul#categorynav li a.active, ul#projectsnav li a:hover, ul#projectsnav li a.active {
	color: #FF7200;
}
#projectinfo table {
	height: 131px;
}
#projectinfo table td {
	vertical-align: bottom;
}
#projectinfo table td p {
	margin: 0;
}
/* * * * * END: SEITE PRODUKTE * * * * */


/* * * * * START: IMG NAVI * * * * */
#imgnav {
	padding: 5px 0 0 19px;
	height: 10px;
	background: url(/images/lay_imgnavbg.gif) repeat-y;
	font-size: 7px;
}
#imgnav a:hover img {
	background: #FFF;
}
#imgnav a.active img {
	background: #FFF;
}
/* * * * * END: IMG NAVI * * * * */


/* * * * * START: FOOTER * * * * */
#bottom {
	height: 15px;
	background: #5f5f5f url(/images/lay_bottombar.gif) no-repeat;
}
#footer {
	padding: 5px 0 10px 0;
}
#bt {
	float: left;
	width: 148px;
	padding: 0 0 0 435px;
}
#address {
	float: left;
	padding: 0 0 0 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #64625a;
}
#address a {
	color: #ff7200;
	text-decoration: none;
}
#address a:hover {
	color: #5f5f5f;
}
/* * * * * END: FOOTER * * * * */