/* CSS Document */

.hidepics {
  width:0px;
  height:0px;
  display:none;
  visibility:hidden;
}

html ,body {
height: 100%;
width:100%;
}

body { 
margin: 0 auto;
background: #d3d3d3;
text-align:center;
}

#maintable, #maintable tr, #maintable td {
height: 100%;
border:0;
margin:0 auto;
}

#contenttable {
height: 100%;
width: 100%;
margin:0 auto;
}

#contenttable tr {

}

#contenttable td {
vertical-align:top;
text-align:center;
}

#header
{
width: 100%;
height: 104px;
background-color: #4d4d4d;

background: url('http://www.marc-walterbusch.de/images/a1.gif') repeat-x;

z-index:1;
}

#header_inner
{
position: relative;
width: 450px;
height: 104px;
margin: 0px auto;
}

#header_inner h1
{
	background: inherit;
	position: absolute;
	left: 0px;
	bottom: 4px;
	text-transform: lowercase;
	font-size: 39px;
	color: #fff;
	font-weight: normal;
	letter-spacing: -2px;
	width: 311px;
}

#header_inner h1 span
{
	padding-left:10px;
	background: inherit;
	color: #a4a4a4;
}

#slogan
{
	background: inherit;
	position: absolute;
	right: 0px;
	bottom: 25px;
	color: #DADADA;
	text-transform: lowercase;
	font-size: 13px;
	width: 87px;
}

#me
{
	position:relative;
	width: 72px;
	height: 96px;
	background: url('http://www.marc-walterbusch.de/images/me.png') no-repeat;
	top: 0px;
	left:270px;
}

#xing {
	display: block;
	margin: auto;
	background-image: url('http://www.marc-walterbusch.de/images/xing_sw.png');
	width: 85px;
	height: 23px;
}

#xing:hover {
	background-image: url('http://www.marc-walterbusch.de/images/xing.png');
}

#facebook
{
	display: block;
	margin: auto;
	width: 88px;
	height: 25px;
	background: url('http://www.marc-walterbusch.de/images/facebook_sw.png') no-repeat;
}

#facebook:hover
{
	background: url('http://www.marc-walterbusch.de/images/facebook.png') no-repeat;
}

#mendeley
{
	display: block;
	margin: auto;
	width: 130px;
	height: 33px;
	background: url('http://www.marc-walterbusch.de/images/mendeley_sw.png') no-repeat;
}

#mendeley:hover
{
	background: url('http://www.marc-walterbusch.de/images/mendeley.png') no-repeat;
}

#linkedin {
	display: block;
	margin: auto;
	background-image: url('http://www.marc-walterbusch.de/images/linkedin_sw.png');
	width: 85px;
	height: 23px;
}

#linkedin:hover {
	background-image: url('http://www.marc-walterbusch.de/images/linkedin.png');
}

#mainbox {
width:100%;
margin:0 auto;
padding-bottom:20px;
text-align:left;
border:double;
border: 1px solid grey;
}