* {
	margin: 0;
	padding: 0;
}
body {
	background-color: #666;
	font: 75%/1.6em "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: center; /* IE5 Hack */
}
#topback {
	background: url(../i/topback.gif) repeat-x left top;
	height: 160px;
}
#top {
	background: url(../i/top.gif) no-repeat 0px 96px;
	height: 160px;
	width: 960px;
	margin: 0px auto;
	text-align: left;
}
#home h1 {
	display: none;
}
#top a {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	height: 160px;
	width: 960px;
	background: url(../i/top.gif) no-repeat 0px 96px;
}
#matrjoschka {
	background-color: #FFFFFF;
}
#babuschka {
	width: 960px;
	margin: 0px auto;
	text-align: left;
}
.col1 {
	width: 300px;
	float:left;
	margin: 0px 30px 0px 0px;
	padding-top: 64px;
}
.col2 {
	width: 300px;
	float: left;
	padding-top: 64px;
}
.col3 {
	width: 300px;
	float: right;
	padding-top: 64px;
}
h2 {
	color: #999999;
	text-transform: uppercase;
	letter-spacing: .3em;
	border-bottom: 1px solid #999999;
	padding-bottom: .5em;
	margin-bottom: 1.8em;
	font: bold .9em "Lucida Grande", Lucida, Verdana, sans-serif;
}
h3,
h4 {
	color: #999999;
	font: bold 1em "Lucida Grande", Lucida, Verdana, sans-serif;
}
h3.abstand {
	margin-bottom: 1.6em;
}
p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #999999;
	text-align: left;
	margin-bottom: 1.6em;
}
a {
	color: #999999;
	text-decoration: underline;
}
#foot {
	clear: both;
	height: 60px;
	background: url(../i/foot.gif) repeat-x left bottom;
}
#home #foot {
	height: 76px;
}
.refcontainer {
	width: 960px;
	margin: 0px auto;
	text-align: left;
}
#impressum {
	width: 960px;
	margin: 0px auto;
	text-align: left;
}
.nvsbl {
	display: none;
}
#impressum .col1,
#impressum .col2,
#impressum .col3 {
	padding-top: 24px;
}
#impressum p {
	color: #FF9900;
	line-height: 1.3em;
}
#impressum a {
	color: #FF9900;
}
.refpage #babuschka {
	padding-top: 18px;
}
.refpage #matrjoschka {
	background: #FFF url(../i/subnavback.gif) repeat-x 0px 18px;
}
.refpage .col1,
.refpage .col2,
.refpage .col3 {
	padding-top: 0px;
}
.textdesign h3 {
	margin-bottom: 1.8em;
}
.textdesign h4 {
	padding: 2px;
	margin-bottom: 4px;
	border-top: 1px solid #CCC;
	background-color: #EEE;
}
.textdesign h4 a {
	font: bold .8em "Lucida Grande", Lucida, Verdana, sans-serif;
}
.refpage .col1 ul,
.refpage .col2 ul,
.refpage .col3 ul {
	list-style-type: none;
	margin-bottom: 6px;
}
.refpage .col1 li,
.refpage .col2 li,
.refpage .col3 li {
	border-left: 6px solid #CCC;
	padding-left: 6px;
	margin-bottom: 3px;
	color: #999;
	font-size: 95%;
}
.webref {
	float: left;
	width: 320px;
	height: 300px;
	border-bottom: 1px solid #CCC;
}
.webref img {
	padding-top: 10px;
}
.webref h3 {
	color: #999;
	font: bold .9em "Lucida Grande", Lucida, Verdana, sans-serif;
}
.webref h2,
.webref h3,
.webref p {
	margin: 0px 10px 5px 10px;
	border-bottom: none;
	padding: 0px;
}
img,
img a {
	border: none;
	text-decoration: none;
}
#navigata {
	width: 700px;
	height: 18px;
	background: #FFFFFF;
	margin-top: 8px;
	margin-bottom: 40px;
	
}
ul#subnav {
	list-style-type: none;
	width: 960px;
	height: 30px;
	margin: 0px 0px 16px 0px;
}
ul#subnav li {
	display: inline; /* IE Hack */
}
ul#subnav a {
	display: block;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
}
.grafik,
.webon,
.webof,
.text {
	height: 30px;
	width: 240px;
	background: #FFF url(../i/subnav.gif) no-repeat;
}
.grafik {
	background-position: -480px -60px;
}
.webon {
	background-position: -480px 0px;
}
.webof {
	background-position: -480px -30px;
}
.text {
	background-position: -480px -90px;
}
.grafik:hover {
	background-position: -240px -60px;
}
.webon:hover {
	background-position: -240px 0px;
}
.webof:hover {
	background-position: -240px -30px;
}
.text:hover {
	background-position: -240px -90px;
}
.grafikdesign .grafik,
.grafikdesign .grafik:hover {
	background-position: 0px -60px;
}
.webrefonline .webon,
.webrefonline .webon:hover {
	background-position: 0px 0px;
}
.webrefoffline .webof,
.webrefoffline .webof:hover {
	background-position: 0px -30px;
}
.textdesign .text,
.textdesign .text:hover {
	background-position: 0px -90px;
}

a.snbtn {
	display: block;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
	width: 80px;
	height: 15px;
	margin: 0px 8px 0px 0px;
}
a.xing {
	background: transparent url(../i/sn/xing_micro.gif) no-repeat left top;
}
a.linkedin {
	background: transparent url(../i/sn/linkedin_micro.gif) no-repeat left top;
}
a.facebook {
	background: transparent url(../i/sn/facebook_micro.gif) no-repeat left top;
}
a.refbtn {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	width: 81px;
	height: 16px;
	background: transparent url(../i/ref-butt.gif) no-repeat left top;
}
.refcontainer .col1,
.refcontainer .col2,
.refcontainer .col3 {
	padding-top: 0px;
}