@charset 'utf-8';
@import url(reset.css);

/* ----------------------------------------------------- */

body {
	background: #F5F6F0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	line-height: 1.4em;
	color: #333;
}

a {
	text-decoration: none;
	border-bottom: 1px solid #333;
	color: #333;
}

a:hover {
	border-bottom: 2px solid #333;
}

#logo {
	border-top: 15px solid #000;
	background: url(../img/logo.png) no-repeat center 30px;
	height: 115px;
	text-indent: -200em;
}

#title {
	height: 80px;
	background: url(../img/shadow-top.png) no-repeat center bottom;
}

h1 {
	background: url(../img/markus-c-baumer.png) no-repeat center center;
	height: 32px;
	text-indent: -200em;
}

#content {
	background: url(../img/content-bgr.png) repeat-y center;
	width: 1160px;
	height: 430px;
	margin: auto;
}

#claim {
	display: block;
	background: url(../img/claim.png) no-repeat center 20px;
	height: 90px;
	text-indent: -200em;
}

#left {
	width: 460px;
	float: left;
	font-size: 85%;
	text-align: left;
}

h2.person {
	background: url(../img/block-person.png) no-repeat 0 0;
	height: 30px;
	text-indent: -200em;
}

ul.person {
	width: 310px;
}

ul.person em {
	font-style: normal;
	float: left;
}

ul.person strong {
    font-weight: bold;
    display: block;
    padding: 0 20px 0 75px;
}

h2.arbeit {
	background: url(../img/block-arbeit.png) no-repeat 0 20px;
	height: 50px;
	text-indent: -200em;
}

ul.arbeit em {
	display: block;
	font-size: 85%;
	color: #666;
	padding-left: 30px;
}

#center {
	width: 240px;
	float: left;
}

#center img {
	display: block;
	border: 5px solid #903;
	border-left: none;
	border-right: none;
	margin: auto;
}

#right {
	width: 460px;
	float: left;
	text-align: left;
	font-size: 85%;
}

h2.kontakt {
	background: url(../img/block-kontakt.png) no-repeat right 0;
	height: 30px;
	text-indent: -200em;
}

ul.kontakt {
	float: right;
}

ul.kontakt li {
    padding-bottom: 10px;
}

ul.kontakt .fn {
    font-weight: bold;
}

h2.netzwerke {
	background: url(../img/block-netzwerke.png) no-repeat right 20px;
	height: 50px;
	text-indent: -200em;
	clear: right;
}

ul.netzwerke {
	margin-top: 10px;
	margin-left: 212px;
	text-align: right;
}

ul.netzwerke li.facebook {
	float: left;
	display: block;
	width: 145px;
	padding-right: 25px;
	background: url(../img/icon-facebook.png) no-repeat top right;
}

ul.netzwerke li.twitter {
	padding-left: 25px;
	width: 50px;
	float: left;
	background: url(../img/icon-twitter.png) no-repeat 11px top;
}

ul.netzwerke li.xing {
	float: left;
	display: block;
	width: 145px;
	padding-right: 25px;
	background: url(../img/icon-xing.png) no-repeat top right;
	margin-top: 5px;
}

ul.netzwerke li.lastfm {
	padding-left: 25px;
	width: 50px;
	float: left;
	background: url(../img/icon-lastfm.png) no-repeat 11px top;
	margin-top: 5px;
}


#footer {
	height: 20px;
	background: url(../img/shadow-bottom.png) no-repeat center top;
	text-indent: -200em;
}

/* ----------------------------------------------------- */

.js div { } /* apply only on JavaScript enabled browsers */
.ie7 div { } /* apply only on Internet Explorer 7 and below */
.ie6 div { } /* apply only on Internet Explorer 6 and below */