@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	line-height: 1.5em;
	color: #000;
	margin: 0;
	padding: 0;
}


#page {
	float: left;
	width: 800px;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -400px;
	/*border: 1px dotted #999;*/
}

.left_box {
	float: left;
	width: 215px;
}

.right_box {
	float: right;
	width: 585px;
}

hr {
	clear: both;
	visibility: hidden;
	height: 1px;
}

a {
	color: #000;
}
a:hover {
	color: #666;
}

/**********/
/* HEADER */
/**********/
#head {
	float: left;
	height: 165px;
	border-bottom: 1px solid #000;
}
/* logo */
#head h1 a {
	display: block;
	width: 190px;
	height: 85px;
	margin: 20px 0 0 5px;
	padding: 0;
	background: transparent url(pix/obexco_sprite.png) 0 0 no-repeat;
}
#head h1 a span {
	display: none;
}
/* navi */
#head ul {
	margin: 60px 0 0 0;
	padding: 0;
}
#head ul li {
	float: left;
	margin: 0 0 0 19px;
	padding: 0;
	list-style-type: none;
}
#head ul .firma {
	margin: 0;
}
#head ul li a {
	display: block;
	width: 182px;
	height: 20px;
	color: #000;
	margin: 0;
	padding: 83px 0 0 0;
	text-decoration: none;
}
#head ul li a span {
	display: block;
	width: 182px;
	height: 20px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-size: 12px;
}
.firma #head ul .firma a,
.leistung #head ul .leistung a,
.arbeit #head ul .arbeit a {
	font-weight: bold;
}
/* navi-bilder */
#head ul .firma a {
	background: transparent url(pix/obexco_sprite.png) -186px -100px no-repeat;
}
.firma #head ul .firma a,
#head ul .firma a:hover {
	background: transparent url(pix/obexco_sprite.png) 0 -100px no-repeat;
}
#head ul .leistung a {
	background: transparent url(pix/obexco_sprite.png) -186px -200px no-repeat;
}
.leistung #head ul .leistung a,
#head ul .leistung a:hover {
	background: transparent url(pix/obexco_sprite.png) 0 -200px no-repeat;
}
#head ul .arbeit a {
	background: transparent url(pix/obexco_sprite.png) -186px -300px no-repeat;
}
.arbeit #head ul .arbeit a,
#head ul .arbeit a:hover {
	background: transparent url(pix/obexco_sprite.png) 0 -300px no-repeat;
}
/* navi-bilder-home */
.home #head ul .firma a {
	background: transparent url(pix/obexco_sprite.png) 0 -100px no-repeat;
}
.home #head ul .firma a:hover {
	background: transparent url(pix/obexco_sprite.png) -186px -100px no-repeat;
}
.home #head ul .leistung a {
	background: transparent url(pix/obexco_sprite.png) 0 -200px no-repeat;
}
.home #head ul .leistung a:hover {
	background: transparent url(pix/obexco_sprite.png) -186px -200px no-repeat;
}
.home #head ul .arbeit a {
	background: transparent url(pix/obexco_sprite.png) 0 -300px no-repeat;
}
.home #head ul .arbeit a:hover {
	background: transparent url(pix/obexco_sprite.png) -186px -300px no-repeat;
}

/***********/
/* CONTENT */
/***********/
#content {
	float: left;
	min-height: 320px;
	border-bottom: 1px solid #000;
	margin: 0;
	padding: 60px 0 0 0;
}
#content .left_box {
	text-align: left;
	line-height: 14px;
	padding: 3px 0 0 0;
}
#content h2 {
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 0.015em;
	margin: 0 0 1em 0;
	padding: 0;
}
#content h3 {
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.015em;
	margin: 0 0 1em 0;
	padding: 0;
}
#content p {
	margin: 0 0 1em 0;
	padding: 0;
}
#content .left_box p {
	font-size: 11px;
}
#content ul {
	margin: 0;
	padding: 6px 0 0 2px;
}
#content ul li {
	list-style-type: none;
	padding: 0 6px 0 18px;
	background: transparent url(pix/obexco_sprite.png) -366px 3px no-repeat;
}
#content .left_box ul {
	padding: 10px 0 0 0;
}
#content .left_box ul li {
	font-size: 11px;
	padding-bottom: 0.5em;
}
#content .left_box ul li span {
	font-size: 9px;
}

/**********/
/* FOOTER */
/**********/
#foot {
	float: left;
	height: 22px;
	text-align: left;
}
/* copyright */
#foot p {
	font-size: 9px;
	color: #666;
	margin: 2px 0 0 0;
	padding: 0;
}
/* adresse */
#foot ul {
	display: block;
	width: 585px;
	height: 20px;
	margin: 0;
	padding: 0;
	background: transparent url(pix/obexco_sprite.png) 0 -400px no-repeat;
}
#foot ul li {
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0 6px 0 18px;
	font-size: 11px;
	background: transparent url(pix/obexco_sprite.png) -366px 3px no-repeat;
}
#foot ul .first {
	background: 0;
	padding: 0 8px 0 1px;
}


#foot ul .last {
	display: block;
	position: absolute;
	right: 2px;
	margin: 0;
	padding: 0;
	background: 0;
	background-color: transparent;
}
#foot ul .last a {
	display: block;
	width: 95px;
	height: 20px;
	background-color: transparent;
}
#foot ul .last a span {
	display: none;
}