/* =====================================================
// 	filename:	how_does_it_works.css
//	author: 	Nadine Sander
//	created:	2008-06-10
// -----------------------------------------------------
// Spezielles CSS für die Seite, die SAPODO erklären,
// z.Bsp. "So gehts" oder "Preisübersicht"
// -----------------------------------------------------
// ================================================== */


/* =====================================================
//	wrapper
// ==================================================*/
.howDoesItWorks{
	padding: 0px 12px 0 12px;
}

/* =====================================================
//	box header
// ==================================================*/
.howDoesItWorks div.header{
	background-image: url('../images/backgrounds/background_blue_gradient.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	background-color:white;
	height:auto;
	position:relative;
}
.howDoesItWorks img.figurePortrait{
	position:absolute;
	bottom:0px;
	left:50px;
}
.howDoesItWorks div.header div.description{
	padding-top:15px;
	padding-left:180px;
	width:450px;
	padding-bottom:12px;
}
.howDoesItWorks div#naviActive_Offer{
	background-color:#a3c4e6;
	width:170px;
	height:20px;
	text-align:center;
	padding-top:2px;
	left:350px;
	font-weight:bold;
	float:left;
}
.howDoesItWorks div#naviDeactived_Request{
	background-color:#ebebeb;
	width:130px;
	height:20px;
	text-align:center;
	padding-top:2px;
	left:360px;
	color:#b5b5b5;
	font-weight:bold;
	float:left;
}
.howDoesItWorks div#naviActive_Request{
	background-color:#a3c4e6;
	width:170px;
	height:20px;
	text-align:center;
	padding-top:2px;
	left:358px;
	font-weight:bold;
	float:left;
}
.howDoesItWorks div#naviDeactived_Offer{
	background-color:#ebebeb;
	width:130px;
	height:20px;
	text-align:center;
	padding-top:2px;
	left:348px;
	color:#b5b5b5;
	font-weight:bold;
	float:left;
}
.howDoesItWorks div#naviActive_Offer a,
.howDoesItWorks div#naviActive_Request a{
	color:black;
}
.howDoesItWorks div#naviDeactived_Offer a,
.howDoesItWorks div#naviDeactived_Request a{
	color:#b5b5b5;
}

/* =====================================================
//	content
// ==================================================*/
.howDoesItWorks table.content{
	width:100%;
	margin-top:30px;
	text-align:center;
	float:left;
}
.howDoesItWorks table.content td{}
.howDoesItWorks table.content td.figure{
	padding-top:10px;
}
.howDoesItWorks table.content td.figureBigger{
	padding-top:10px;
	width:180px;
	text-align:center;
}
.howDoesItWorks table.content td.pc{}
.howDoesItWorks table.content td.world{
	padding-top:10px;
}
.howDoesItWorks table.content td.arrow{
	padding-top:60px;
}
.howDoesItWorks table.content td ol{
	text-align:left;
}
.howDoesItWorks table.content td ol li{
	padding-bottom:3px;
	margin-bottom:0px;
}
.howDoesItWorks table.content td.middle{
	vertical-align:middle;
}