body {
	behavior:url(/hpb3/styles/hpb/csshover.htc);
	background-color: #A9BEC7;
	margin: 0;padding: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: small; line-height: 160%;
}
span.highlight {
	font-weight: bold;
}
span.raquo {
	font-size: 14px;
	color: #FE860C;
}
#container {
	width: 916px;
	margin: 0 auto;
	border: 7px solid #606E7E;
	border-width: 0 7px;
	background-color: #D2D2BB;
}
h1, h1 a {
	margin: 0; padding: 0;
	width: 916px;
	height: 99px;
}
h1 a {
	display: block;
	text-indent: -99999px;
	background: url(images/hpb_header.jpg) top left no-repeat;
}
img { border-width: 0;}
.clear { clear:both; }
#nav {
	width: 916px;
	list-style-type: none;
	margin: 0; padding: 0;
	background-color: #d2d2bb;
	height: 37px;
}
#nav li {
	float: left;
	margin-right:5px;
}
#nav li#experience-nav { 
	margin-left: 12px;
}
#nav li a {
	display: block;
	margin: 0px 15px 0px;
	height: 16px;
	overflow:hidden;
	padding:0;
	text-indent: -99999px;
	border: 12px solid #d2d2bb;
}
#experience-nav a {
	width: 79px;
	background: #008080 url(images/nav/erfahrung.gif) 0 0 no-repeat;		
}
#person-nav a {
	width: 100px;
	background: #008080 url(images/nav/persoenlich.gif) 0 0 no-repeat;		
}
#profil-nav a {
	width: 135px;
	background: #008080 url(images/nav/profil.gif) 0 0 no-repeat;		
}
#projekte-nav a {
	width: 69px;
	background: #008080 url(images/nav/projekte.gif) 0 0 no-repeat;		
}
#netzwerk-nav a {
	width: 72px;
	background: #008080 url(images/nav/netzwerk.gif) 0 0 no-repeat;		
}
#contact-nav a {
	width: 63px;
	background: #008080 url(images/nav/kontakt.gif) 0 0 no-repeat;		
}

#nav li a:hover, #nav a.active,
#experience #experience-nav a, 
#person #person-nav a,
#profil #profil-nav a,
#projekte #projekte-nav a,
#netzwerk #netzwerk-nav a,
#join #join-nav a,
#contact #contact-nav a { 
	background-position: 0 -16px;
	border-color: #003151;
}
#feature {
	position: relative;
	height: 235px;
	margin: 0;
	padding:0 0 36px 0;
	background: #d2d2bb url(images/hpb_separator.jpg) left bottom no-repeat;
	color: #D2D2BB;
}
#breadcrumb {
	position: relative;
	height: 75px;
	margin: 0;;
	padding: 0 0 36px 0;
	background: #d2d2bb url(images/hpb_separator.jpg) left bottom no-repeat;
	color: #D2D2BB;
}
 #breadcrumb #crumbs li {
	margin: 0;
	padding:0;
	display:inline;
	font-size: 250%;
	line-height:110%;
	color:#949074;
	background:transparent;
	letter-spacing:-2px;
}
* html #breadcrumb #crumbs li { margin-left: 12px; }

 #breadcrumb #crumbs li a {
	font-weight:normal;
	color:#949074;
	margin-right: 5px;
	text-decoration: none;
}
 #breadcrumb #crumbs li#here a {
	color: #003151;
	text-decoration: none;
}
 #breadcrumb #crumbs li a:hover {
	color: #6D6D74;
	background:transparent;
}

#feature #featuretext {
	color: #000000;
	width:  480px;
	float: right;
	padding: 18px 0 0 20px;
}
#feature #featuretext p.slogan {
	font-size: 250%;
	color: 8D8A77;
	font-style: italic;
	margin-top: 35px;
	margin-left: 30px;
}
#feature h2 {
	margin: 0px 20px 0 0;
	padding: 0 0 0 0;
	letter-spacing: -2px;
	line-height: 35px;
	font-size: 35px;
}
#feature p {
	margin: 0 50px 10px 0;
	line-height: 20px;
	font-size: 12px;
}
#feature #featurepic {
	position: absolute;
	bottom: 0px;
	margin:0 0 0 0; 
	padding: 0;
	left: 30px;
}
* html feature #featurepic { bottom: 0px; }
#featurebar {
	width:  480px;
	float: right;
	padding: 0px 0 0 18px;
}

#article {
	position: relative;
	float: left;
	width: 550px;
	margin: 10px 0 0 20px;
	color: #959174;
	background:  url(images/mainpageturn.gif) bottom right no-repeat;	
}
#paragraph {
	position: relative;
	float: left;
	width: 555px;
	margin: 10px 0 0 20px;
	color: #959174;
	background-color: #1F1D17;
}
#paragraph p {
	color: #FFFFFF;
	margin: 10px;
	font-size: 12px;
}
#project {
	position: relative;
	float: left;
	width: 555px;
	margin: 0px 0 0 20px;
	color: #959174;
	border-bottom: 4px solid #FE860C;
	background: #1F1D17 url(images/quotes.gif) bottom right no-repeat;
}
#project p.company {
	color: #FE860C;
	font-weight: bold;
	font-size: 14px;
}
#project p.title {
	font-weight: bold;
	font-size: 12px;
}
#project p {
	color: #FFFFFF;
	margin: 10px;
	font-size: 12px;
}
#problem {
	position: relative;
	float: left;
	width: 555px;
	margin: 10px 0 0 20px;
	color: #959174;
	background: #1F1D17 url(images/problem.gif) bottom right no-repeat;
}
#problem p {
	color: #FFFFFF;
	margin: 10px;
	font-size: 12px;
}
#network {
	position: relative;
	float: left;
	width: 555px;
	margin: 10px 0 0 20px;
	color: #959174;
	background: #1F1D17 url(images/network.gif) bottom right no-repeat;
}
#network p {
	color: #FFFFFF;
	margin: 10px;
	font-size: 12px;
}
#quote {
	position: relative;
	float: left;
	width: 555px;
	margin: 0px 0 0 20px;
	color: #959174;
	border-top: 4px solid #FE860C;
	background: #1F1D17 url(images/quotes.gif) bottom right no-repeat;
}
#quote p {
	color: #FFFFFF;
	margin: 10px;
	font-size: 12px;
	font-style: italic;
}
#solution {
	position: relative;
	float: left;
	width: 555px;
	margin: 10px 0 0 20px;
	color: #959174;
	background: #1F1D17 url(images/solution.gif) bottom right no-repeat;
}
#solution p {
	color: #FFFFFF;
	margin: 10px;
	font-size: 12px;
}
#article h3 {
	margin: 0px;
	padding-left: 30px;
	background: #2D2920 url(images/hpb_bullet.jpg) left 7px no-repeat;
}
#article p {
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px 0 10px 0px;
}
#article p.more {
	text-align: right;
	margin-right: 50px;
}
p.more a {
	color: #FE860C;
	text-decoration: none;
}
p.more a:hover {
	color: #FE860C;
	text-decoration: underline;
}

a.external {
	color: #FE860C;
	text-decoration: none;
	font-weight: bold;
}
a.external:hover {
	color: #FE860C;
	font-weight: bold;
	text-decoration: underline;
}
a.internal {
	color: #FFFFFF;
	text-decoration: none;
}
a.internal :hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#linky h5, #featurebar h5 {
	margin:0;
}
#linky h5 a, #featurebar h5 a {
	font-size:90%;
	color: #008080;
	text-decoration:none;
	text-transform: uppercase;
}
#linky h5 a:hover, #featurebar a:hover {
	color:#204070;
	background:transparent;
}
#main {
	margin: 0;
	padding: 1px 0 40px 0;
	background-color: #2d2920;
}
#linky {
	width: 220px;
	margin: 10px 10px 0 10px;
	padding: 0px;
	float: left;
	color: #d4cfa5;
	font-size: 12px;
}
#linky h1 {
	font-size: 14px;
	color: #FE860C;
	width: 220px;
	height: 30px;
}
#linky ul {
	margin: 0px;
	padding:0 0 0 0;
	list-style-type:none;
}
#linky ul li  {
	margin:0;
	line-height:120%;
	border-top: 1px solid #959174;
	padding: 5px 12px;
	position:relative;
}
#linky ul li.active  {
	margin:0;
	line-height:120%;
	border-top: 1px solid #959174;
	padding: 5px 12px;
	position:relative;
	background-color: #FE860C;
}
#linky ul li.active p {
	margin:0;
	color:#26221b;
}
#linky ul li p {
	margin:0;
	color:#d3d0a7;
}
#linky li:hover {
	margin:0;
	line-height:120%;
	border-top: 1px solid #959174;
	padding: 5px 12px;
	position:relative;
	z-index:2;
	background-color:#26221b;
}

#projects {
	width: 220px;
	margin: 10px 10px 0 10px;
	padding: 0px 0px 10px 0px;
	float: left;
	color: #d4cfa5;
	font-size: 12px;
	background:  url(images/mainpageturn.gif) bottom right no-repeat;
}
#projects h1 {
	font-size: 14px;
	color: #FE860C;
	width: 220px;
	height: 30px;
}
#projects ul {
	margin: 0px;
	padding:0 0 0 0;
	list-style-type:none;
}
#projects ul li  {
	margin:0;
	line-height:120%;
	border-top: 1px solid #959174;
	padding: 5px 12px;
	position:relative;
}
#projects ul li p {
	margin:0;
	color:#d3d0a7;
}
#projects li:hover {
	margin:0;
	line-height:120%;
	border-top: 1px solid #959174;
	padding: 5px 12px;
	position:relative;
	z-index:2;
	background-color:#26221b;
}
#projects p.more {
	text-align: right;
	margin-right: 50px;
}
#footsie {
   margin-top: 0px;
	clear:both;
	position:relative;
	width:916px;
	background-color:#0f0f0f;
	color: #d4cfa5;
}
#copyright {
	clear: both;
	margin: 20px 0px;
	text-align: center;
	font-size: 12px;
	color: #D3D0A7;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

#pix {
	clear: both;
	width: 216px;
	padding:10px 0 0 10px;
	margin:0 0 0 0;
	float: left;
}
#pixtext {
	width: 300px;
	float: right;
}
#pixtext p {
	margin-top: 35px;
}
#pix a { 
	width:216px;
	border: 4px solid #444033; 
	margin: 5px; 
	display:block; 
}
#pix a:hover { border: 4px solid #D2D2BB; }
#pix img { border-width: 0;}

form.contact {
	margin: 0px 0px 0px 10px;
}
form.contact div {
	margin-bottom: 10px;
}
form.contact label {
	float: left;
	width: 85px;
	font-size: 12px;
}
form.contact input {
	width: 250px;
	border: 1px solid #D3D2BD;
	background: #FFFFFF;
	padding: 2px;
}
form.contact input:hover {
	width: 250px;
	border: 1px solid #FFFFFF;
	background: #D3D2BD;
	padding: 2px;
}
form.contact input.submit {
	width: 100px;
	color: #2D2920;
	border: 2px solid #D3D2BD;
	background: #FFFFFF;
	padding: 1px;
}
form.contact input.submit:hover {
	width: 100px;
	color: #2D2920;
	border: 2px solid #FFFFFF;
	background: #D3D2BD;
	padding: 1px;
}
form.contact textarea {
	width: 250px;
	height: 150px;
	border: 1px solid #D3D2BD;
	background: #FFFFFF;
	padding: 2px;
}
form.contact textarea:hover {
	width: 250px;
	height: 150px;
	border: 1px solid #FFFFFF;
	background: #D3D2BD;
	padding: 2px;
}

#conty {
	width: 220px;
	padding: 0px;
	float: left;
	color: #d4cfa5;
	font-size: 12px;
}
#conty ul {
	margin: 0px;
	padding:0 0 0 0;
	list-style-type:none;
}
#conty ul li  {
	margin:0;
	line-height:120%;
	border-top: 1px solid #959174;
	padding: 5px 12px;
	position:relative;
}
#conty ul li.active  {
	margin:0;
	line-height:120%;
	border-top: 1px solid #959174;
	padding: 5px 12px;
	position:relative;
	background-color: #FE860C;
}
#conty ul li.active p {
	margin:0;
	color:#26221b;
}
#conty ul li p {
	margin:0;
	color:#d3d0a7;
}
#conty li:hover {
	margin:0;
	line-height:120%;
	border-top: 1px solid #959174;
	padding: 5px 12px;
	position:relative;
	z-index:2;
	background-color:#26221b;
}