body {
	text-align: center;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	line-height: 150%;
	font-size: 12px;
	color: #999;
	margin: 0;
	padding: 0px;
	background-color: #fff;
}

hr { border:none; height:1px; background-color: #ccc; }
table tr td { font-size: 12px; }
p { margin:0; padding:0; }
img { border:0; }

a img { border:0; }
a:link, a:visited, a:hover, a:active { color: #999; text-decoration:none; outline: none; }

h1 { font-size: 16px; color: #999; font-weight:normal; text-transform: uppercase; margin:0; padding:0; }
h2 { font-size:16px; color:#016667; margin:0 0 10px 0; padding:0;}
h3 { font-size:14px; color:#333; margin:5px 0 5px 0; padding:0;}
h4 { font-size:12px; color:#333; margin:0 0 10px 0; padding:0; font-weight:normal;}

#center {
	text-align: center;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0px;
	margin-top: -290px;
}

#frame {
	position: relative;
	top: 0px;
	margin: 0px auto;
	width: 800px;
	height: 565px;
}

#content {
	position: relative;
	top:0;
	left:0;
	width: 800px;
	height: 535px;
	padding:0px;
	background-image: url(../bilder/background.gif);
	background-repeat:no-repeat;
	background-position:top;
	text-align:left;
}

#content-txt {
	position: relative;
	width: 680px;
	height: 140px;
	padding:170px 0 0 5px; margin:0 auto;
	text-align:left;
}

#content-txt h1 { font-size:14px; text-align:center; }
#content-txt h3 { font-size:11px; color:#999; margin:5px 0 5px 0; padding:0; font-weight:normal; text-align:justify; }

.txt {
	position: relative;
	height: auto;
	padding:30px 0 20px 0; margin:0 auto;
	text-align:left;
}

#uebersicht .txt h1 { font-size:13px; text-align:center; }
#uebersicht .txt h3 { font-size:11px; color:#999; margin:5px 0 5px 0; padding:0; font-weight:normal; text-align:justify; }

#content2 {
	position: relative;
	top:0;
	left:0;
	width: 560px;
	height: 340px;
	padding:140px 0 0 120px;
	margin:0;
	text-align:justify;
}

#referenzen-content {
	position: relative;
	top:0;
	left:0;
	width: 500px;
	height: auto;
	margin:0; padding:0;
	text-align:justify;
}
#referenzen-content img { border: 1px #999 solid; }
#referenzen-content a { text-decoration:underline; }

#logo {
	position:absolute;
	top:49px;
	left:47px;
	width: 174px;
	height: 72px;
	background-image:url(../bilder/logo.gif);
	background-repeat:no-repeat;
	z-index:70;
}

#copyright {
	position:absolute;
	top:79px;
	left:0;
	width: 24px;
	height: 158px;
	z-index:100;
}

#titel {
	position:absolute;
	top:95px; right:120px;
	width: auto; height: auto;
	z-index:70;
	margin:0; padding:0;
}

#titel h1 { font-weight:bold; font-size:18px; }

#bilderliste {
	position: relative;
	top:140px;
	left:0;
	width: 580px;
	height: 340px;
	margin:0 auto;
	text-align:center;
	overflow: auto;
}

#bilderliste .pixlie-bilderliste-uebersicht li{
  float: left;
  top:0;
  display: inline;
  margin:15px;
  padding:0;
  width: 110px;
  height: auto;
}

#uebersicht {
	position: relative;
	top:140px;
	left:0;
	width: 560px;
	height: 200px;
	margin:0 auto;
	text-align:center;
	z-index:100;
}

#galerie {
	position: relative;
	top:160px;
	left:0;
	width: 560px;
	height: auto;
	margin:0 auto;
	text-align:center;
}

#foto {
	position: relative;
	top:21px;
	left:27px;
	width: 750px;
	height: 500px;
	text-align:center;
}

#kontakt {
	margin:0 0 0 0;
}

#kontakt table, #kontakt tr, #kontakt td {
	font-size:12px;
	text-align:left;
}

#frame-transparent {
	position:absolute;
	top:0;
	left:0;
	width: 800px;
	height: 535px;
	background-image:url(../bilder/frame-transparent.png);
	background-repeat:no-repeat;
	z-index:50;
}

/*
#navi {
	position: relative;
	width:760px;
	height:auto;
	margin:0 auto;
}

#navi table, #navi tr, #navi td {
	position: relative;
	text-align:center;
	height:30px;
	margin:0 auto;
}

#navi td { padding:0 22px 0 23px; }
*/

/* ################ begin navi-top ################### */
.navi-top {
  position: absolute;
  top:0;
  width:760px;
  list-style-type: none;
  padding: 0; margin:0;
  margin:0 auto;
  z-index:100;
}

.navi-top li{
  float: right;
  top:0;
  display: inline;
  margin: 0;
  padding:0 0 0 15px;
  width: auto;
  height: auto;
}

.navi-top li h1 {
	text-align:center;
}
/* ############## end navi-top ####################### */

/* ############################################## */
.navi {
  position: relative;
  width:760px;
  list-style-type: none;
  padding: 0; margin:0;
  margin:0 auto;
}

.navi li{
  float: left;
  top:0;
  display: inline;
  margin: 0;
  padding:0 22px 0 23px;
  width: auto;
  height: auto;
}

.navi li h1 {
	text-align:center;
}
/* ############################################## */

#navi-pic-bg {
	position:relative;
	top:0;
	left:0;
	width: 800px;
	height: 535px;
	padding:0px;
	background-image: url(../bilder/navi-pic-bg.gif);
	background-repeat:no-repeat;
	background-position:top;
	z-index:40;
}

#navi-pic {
	position:absolute;
	top:455px;
	left:668px;
	width: 101px;
	height: 45px;
	z-index:60;
}

.clear {
	position: relative;
	margin:0; padding:0;
	width: 100%;
	height: 0;
	clear: both;
}
