html, body {
	margin: 0;
	padding: 0;
	background-color: #B2DDF3; /*#7FC6EB*/
}


#container {
	position:absolute;
	top: 50%;
	left: 50%;
	width: 770px;
	height: 510px;
	margin-top: -250px; /*set to a negative number 1/2 of your height*/
	margin-left: -380px; /*set to a negative number 1/2 of your width*/
	background-image:url(../images/background.gif);
	background-repeat: no-repeat;
	background-position: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#homepage {
 width: 198px;
 height: 60px;
 position: absolute; top: 30px; left: 13px;
}

#homepage a {height: 60px; display: block;}


/* top menu */

#top {
	margin-top: 82px;
	width: 760px;
	height: 18px;
/*	text-align: left;*/
	vertical-align: bottom;
	margin-bottom: 0;
}

#navigation li,
.nav-references li {
	display: inline;
}

div#navigation {
	margin-left: 205px;
}

img.home {
	margin-right: 13px;
}
img.profil {
	margin-left: 35px;
	margin-right: 10px;
}
img.leistungen {
	margin-left: 35px;
	margin-right: 10px;
}
img.referenzen {
	margin-left: 35px;
	margin-right: 10px;
	border: 0;
}
img.kontakt {
	margin-left: 38px;
}

#main {
	width: 760px;
	height: 400px;
}

div.left {
	float: left;
	width: 211px;
	text-align: right;
	position: absolute; top: 91px; left: 0;
}

* html	div.left { position: absolute; top: 90px; left: 0; } /* hack for IE */

ul.nav-references {
	margin-top: 0;
	margin-left: -26px;
}

* html	ul.nav-references { margin-top: 1px; } /* hack for IE */

div.topic {
	width: 212px;
	float: left;
	text-align: right;
	color: #3399CC;
	font-weight: bold;
}
	

div.content {
	width: 496px;
	padding-right: 13px;
	float: right;
	text-align: left;
}

dl#welcome { position: absolute; top: 136px; line-height: 1.4em;}
* html div#welcome { position: absolute; top: 145px;}
#welcome dt { width: 211px; text-align: right; font-weight: normal; color: #3399CC; float: left;}
#welcome dd { width: 450px; margin-left: 34px; margin-bottom: 30px; float: left; }

div#profil { position: absolute; top: 136px; left: 244px; width: 470px;  line-height: 1.4em;}
* html div#profil { position: absolute; top: 145px;}

*html .profil-back { position: absolute; top: 121px; left: 13px; }

dl#services { position: absolute; top: 120px; left: 244px; line-height: 16px;}
#services dt { width: 211px; font-weight: normal; color: #3399CC; float: left;}
#services dd { width: 500px; margin-left: 0; margin-bottom: 30px; float: left; }

.footnote { position: absolute; top: 460px; left: 244px; width: 500px;}

.footnote-impressum { position: absolute; top: 370px; right: 0px; color: #3399CC;}

/* kontakt.html */

div.left-contact {
	float: left;
	width: 211px;
	height: 360px;
	position: absolute; top: 91px; left: 0;
	text-align: right;
	background-image: url(../images/kontakt.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

dl#contact-list { line-height: 18px; position: absolute; top: 30px; right: 0px;}
* html	dl#contact-list {position: absolute; top: 40px; right: 0px;} /* hack for IE */
#contact-list dt { font-weight: normal; color: #3399CC;}
#contact-list dd { margin-left: 0; margin-bottom: 15px;}
#contact-list .name {color: #222222; font-weight: bold;}

div.avg {
		position: absolute; top: 335px; right: 0;
}

span.avg {
		position: absolute; top: 335px; right: 0;
}

a.avg-link {
		position: absolute; top: 335px; right: 0;
}

a.impressum-link {
		position: absolute; top: 370px; right: 0;
}

div#contact-form {
	width: 500px;
	height: 336px;
	padding-top: 13px;
	padding-bottom: 13px;
	position: absolute; top: 110px; left: 244px;
	float: right;
	text-align: left;
	background-color: #D9EEF9;
	color: #3399CC;
}

#contact-form div {
		margin-left: 83px;
		margin-bottom: 10px;
}
	
input, textarea {
	border-right: 2px #BBBBBB inset;
	border-bottom: 2px #BBBBBB inset;
	border-top: 1px #BBBBBB outset;
	border-left: 1px #BBBBBB outset;
	width: 320px;
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #3399CC;
  font-weight: normal;
  background: #D9EEF9;
  border-right: 2px #BBBBBB outset;
  border-bottom: 2px #BBBBBB outset;
  border-top: 1px #BBBBBB outset;
  border-left: 1px #BBBBBB outset;
  width: 100px;
}

.warning {
	color: #FF0000;
	font-size: 12px;
	position: absolute; top: 400px; right: 558px;
}

.thanks {
	position: absolute; top: 122px; left: 244px;
}

.credits {
	position: absolute; top: 347px; right: 10px;
	font-size: 8px;
}


/* link colors */

a {
	text-decoration: none;
}

a:link {
	color: #3399CC;
}
a:visited {
	color: #3399CC; /* BBBBBB */
}
a:active {
	color: #3399CC;
}
a:hover {
	color: #000000;
}
a.selected {
	color: #555555;
}

a.mail:link {
	color: #000000;
}

a.mail:visited {
	color: #000000;
}

a.mail:hover {
	color: #3399CC;
}

#web a
{
  background: url(../images/extlink.gif) no-repeat 100% 60%;
  padding: 0 12px  0 0;
}



/* leistungen */

#g, #c, #k, #i {
	width: 198px;
	text-align: right;
	line-height: 1.4em;
	visibility: hidden;
	color: #8B8C8E
}

#g {
	height: 260px;
	position: absolute; top: 131px; left: 13px;
}

* html	#g { position: absolute; top: 119px; left: 13px; } /* hack for IE */

#c {
	height: 259px;
	position: absolute; top: 194px; left: 13px;
}

* html	#c { position: absolute; top: 182px; left: 13px; } /* hack for IE */

#k {
	height: 260px;
	position: absolute; top: 255px; left: 13px;
}

* html	#k { position: absolute; top: 243px; left: 13px; } /* hack for IE */

#i {
	height: 90px;
	position: absolute; top: 318px; left: 13px;
}

* html	#i { position: absolute; top: 306px; left: 13px; } /* hack for IE */