body, tr, th, td, div {
	font: 11px Verdana, Tahoma, Arial, sans-serif;
	color: #000000;
}

body{
	text-align: center;
	position: relative;
	background: #DDDDDD url(../gfx/bg-home.gif) no-repeat center;
	scrollbar-3dlight-color: #DDDDDD;
	scrollbar-arrow-color: #1C68B4;
	scrollbar-base-color: #B8CFE6;
	scrollbar-darkshadow-color: #DDDDDD;
	scrollbar-face-color: #B8CFE6;
	scrollbar-highlight-color: #B8CFE6;
	scrollbar-shadow-color: #DDDDDD;
	scrollbar-track-color: #DDDDDD;
}

body, img, form, table, tr, th, td {
	border: none;
	padding: 0;
	margin: 0;
	vertical-align: middle;
	text-align: center;
}

a {
	color: #1C68B4;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

div#main {
	text-align: left;
	margin: 0 auto;
	width: 700px;
	height: 485px;
}

div#slogan {
	border-bottom: 1px #CCCCCC solid;
	height: 109px;
}

div#head {
	text-align: right;
	background: #FFFFFF url(../gfx/head-home.jpg) right no-repeat;
	width: 700px;
	height: 95px;
}

div#head div.logo {
	width: 216px; 
	height: 95px; 
	float: left;
}

div#projekt {
	background: url(../gfx/projekt-bg.jpg) no-repeat;
	width: 700px;
	height: 50px;
	text-align: left;
}

div#projekt a {
	background: url(../gfx/projekt-link.gif);
	width: 300px;
	height: 50px;
	display:block;
}

div#projekt a:hover {
	background: url(../gfx/projekt-hover.gif);
}

div#loesung {
	background: url(../gfx/loesung-bg.jpg) no-repeat;
	width: 700px;
	height: 52px;
}

div#loesung a {
	background: url(../gfx/loesung-link.gif);
	width: 300px;
	height: 52px;
	display:block;
}

div#loesung a:hover {
	background: url(../gfx/loesung-hover.gif);
}

div#beschaffung {
	background: url(../gfx/beschaffung-bg.jpg) no-repeat;
	width: 700px;
	height: 49px;
}

div#beschaffung a {
	background: url(../gfx/beschaffung-link.gif);
	width: 300px;
	height: 49px;
	display:block;
}

div#beschaffung a:hover {
	background: url(../gfx/beschaffung-hover.gif);
}