/* html, body */
html,body {
  font: 11px/15px verdana, arial, helvetica, geneva;
  height: 100%;
  background-image: url(images/logo.png);
  background-position: bottom right;
  background-repeat: no-repeat;
}

/* Gleichberechtigung fuer alle Browser */
* {
  margin: 0;
  padding: 0;
}

img {
	border: none;
}

div#center {
	position: absolute;
	bottom: 50%;
	text-align: center;
	width: 100%;
}

div#impressum {
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #666;
	margin: 27px 23px;
}
div#impressum a {
	color: #666;
	text-decoration: underline;
}
div#impressum a:hover {
	text-decoration: none;
}
div#impressum span.cell {
	float: left;
	border-right: 1px solid #d8d8d8;
	padding: 0px 10px;
}

div#caption_area {
	width: 100%;
	text-align: center;
	background-image: url(images/line.png);
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 35px;
  color: #666;
}

div#items a {
  background-repeat: no-repeat;
  background-position: bottom center;
  padding: 19px;
  text-decoration: none;
}

a#backend {
	background-image: url(images/s_backend_off.png);
}
a:hover#backend {
	background-image: url(images/s_backend_on.png);
}

a#frontend_windows {
	background-image: url(images/s_windows_off.png);
}
a:hover#frontend_windows {
	background-image: url(images/s_windows_on.png);
}

a#frontend_mac {
	background-image: url(images/s_apple_off.png);
}
a:hover#frontend_mac {
	background-image: url(images/s_apple_on.png);
}

a#prasentation {
	background-image: url(images/s_presentation_off.png);
}
a:hover#prasentation {
	background-image: url(images/s_presentation_on.png);
}

a#documentation {
	background-image: url(images/s_doku_off.png);
}
a:hover#documentation {
	background-image: url(images/s_doku_on.png);
}

a#email {
	background-image: url(images/s_impressum_off.png);
}
a:hover#email {
	background-image: url(images/s_impressum_on.png);
}