body{
	font-family: calibri, sans-serif;
	color: #333;
	font-size: 14px;
}
* {
	padding: 0;
	margin: 0;
}
h1 {
	font-size: 22px;
	padding-bottom: 18px;
	font-weight: normal;
	text-transform: uppercase;
}
.bold {
	font-weight: bold;
}
.clearBoth {
	clear: both;
}

/*** header ***/
.header-top {
	float: left;
	height: 18px;
	width: 100%;
	border-bottom: 6px solid #fff;
	background-color: #999;
}
.header-image {
	float: left;
	height: 216px;
	width: 1002px;
	background: url(../images/partner.jpg) no-repeat top left;
}
.header-image-marketing {
	float: left;
	height: 216px;
	width: 1002px;
	background: url(../images/marketing.jpg) no-repeat top left;
}
.header-image-unternehmensfuehrung {
	float: left;
	height: 216px;
	width: 1002px;
	background: url(../images/unternehmensfuehrung.jpg) no-repeat top left;
}
.header-image-repeater {
	height: 216px;
	width: 100%;
	background: url(../images/repeater.jpg) repeat-x top left;
}

/*** navigation ***/
.menu {
	float: left;
	height: 22px;
	width: 100%;
	border-top: 6px solid #fff;
	padding-left: 15px;
	background-color: #999;
}
.nav-main-element1,
.nav-main-element2,
.nav-main-element3,
.nav-main-element4,
.nav-main-element5 {
	float: left;
	height: 22px;
	width: 120px;
	color: #fff;
	padding-top: 2px;
	padding-right: 80px;
	list-style: none;
}
.nav-main-element2 {
	padding-right: 90px;
}
.nav-main-element3 {
	padding-right: 130px;
}
.nav-main-element1:hover, 
.nav-main-element2:hover,
.nav-main-element3:hover,
.nav-main-element4:hover,
.nav-main-element5:hover,
.nav-sub-element a:hover {
	display: block;
	color: #000;
}
.nav-sub-content {
	display: none;
	position: absolute;
	background-color: #999;
	min-width: 100px;
	padding: 8px 16px 4px 5px;
	z-index: 1;
}
.nav-main-element1:hover .nav-sub-content,
.nav-main-element2:hover .nav-sub-content,
.nav-main-element3:hover .nav-sub-content,
.nav-main-element4:hover .nav-sub-content,
.nav-main-element5:hover .nav-sub-content {
	display: block;
}
.nav-sub-element {	
	height: 22px;
	width: 160px;
	color: #fff;
	padding-top: 2px;
	list-style: none;
}
.nav-main-element4 .nav-sub-element {
	width: 220px;
}
.nav-sub-element a, 
.nav-main-element1 a,
.nav-main-element2 a,
.nav-main-element3 a,
.nav-main-element4 a,
.nav-main-element5 a {
	text-decoration: none;
	color: #fff;
}
.nav-main-element1 a:hover,
.nav-main-element2 a:hover,
.nav-main-element3 a:hover,
.nav-main-element4 a:hover,
.nav-main-element5 a:hover {
	color: #000;
}

/*** content ***/
.content {
	float: left;
	width: 540px;
	margin: 60px 20% 60px 30%;
	
}
.foto {
	float: left;
	width: 320px;
	height: 350px;
	margin-top: 5px;
	background: url(../images/OReinhardt_neu.jpg) no-repeat top left;
}
.unterschrift {
	float: left;
	width: 117px;
	height: 72px;
	margin-top: 5px;
	background: url(../images/USchrift.jpg) no-repeat top left;
}
.hotellerie {
	float: left;
	width: 400px;
	height: 74px;
	margin-top: 5px;
	background: url(../images/tom_service.jpg) no-repeat top left;
}
.hotellerie a {
	display: block;
	width: 400px;
	height: 74px;
}

/*** footer ***/
.footer {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 49px;
	width: 100%;
	margin-bottom: 10px;
}
.footer-contact {
	float: left;
	height: 49px;
	padding: 10px 0 0 15px;
	width: 900px;
}
.footer-logo {
	float: right;
	height: 49px;
	width: 208px;
	background: url(../images/keyconsult_logo.png) repeat-x top left;
}