/************************************************************
*** CSS-Template: drei.at (Selektionsprozess)
*** Copyright: Planetactive GmbH
*** Author: Stephan Belitz
*** Date: 2006-09-21
************************************************************/

/************************************************************
* main column 
************************************************************/

/* handy uebersicht */
.cntHandyWahl * {
	color:#1A1818;
}
.cntHandyWahl{
	background:#F8F8F9;
	padding:15px 10px 10px 10px;
	width:530px;
	margin:0 0 20px 0;
}
.cntHandyWahl input,select {
	width:185px;
	float:left;
	margin:0 15px 0 0;
}
.cntHandyWahl div.text {
	font-size:10px;
	width:120px;
	float:left;
}
.cntHandyWahl .features {
	width:105px;
	float:left;
	padding:0 0 10px 5px;
	font-size:9px;
}
.cntHandyWahl .features input {
	width:auto;
	margin:0 5px 0 10px;
}
.cntHandyUebersicht {
	margin:0 0 20px 0;
}
.cntHandyUebersichtElement {
	padding:10px 0 0 10px;
	width:172px;
	border-right:1px #b4b4b4 solid;
	display:inline;
	float:left;
	margin:0 0 20px 0;
}
p.description {
	clear:both;
	font-size:10px;
	padding:10px 10px 10px 0;
}
.cntHandyUebersichtElement .lbl {
	color:#AC8B05;
	font-size:10px;
	font-weight:bold;
	padding:0 0 0 5px;
}
.cntHandyUebersichtElement ul {
	padding:0 0 12px 12px;
}
.cntHandyUebersichtElement .left {
	line-height:5px;
}

/* handy details */
.cntMiddle .header {
	padding:20px 0 7px 14px;
}
.cntMiddle .details {
	background:#F3F3F3;
	color:#1A1818;
}
.cntMiddle .details .text {
	float:left;
	padding:10px
}
.cntMiddle .detailsOdd .left, .cntMiddle .detailsOdd .right, .cntMiddle .detailsEven .left, .cntMiddle .detailsEven .right {
	color:#1A1818;
}
.cntMiddle .detailsOdd {
	padding:12px 12px 22px 12px;
	background:#fff;
	
}
.cntMiddle .detailsEven {
	padding:12px 12px 22px 12px;
	background:#F3F3F3;
}

/* tarif detail */
.tarifReiter {
	width:100px;
	height:33px;
	float:left;
}
html>body .tarifReiter {
	background:url("../../media/images/img_tarif-bg.png");
}
.tarifReiter img {
	margin:8px 0 0 7px;
}
.cntElementNoPad .einleitung {
	background:#F8F8F1;
	padding:20px 10px 20px 10px;
	width:530px;
}
.cntElement thead th {
	background:#666;
	color:#fff;
	padding:1px 10px 2px 10px;
	font-weight:normal;
	text-align:left;
}
.cntElementNoPad thead th {
	background:#666;
	color:#fff;
	padding:2px;
	font-weight:normal;
}
.cntElement tbody td, .cntElementNoPad tbody td {
	background:#F8F8F1;
	padding:2px 10px 2px 10px;
}
.cntElementNoPad tbody td.zusatzpakete, .cntElementNoPad tbody.zusatzpakete td {
	border-bottom:1px solid #b4b4b4;
}

/* warenkorb gross */
thead.warenkorb th {
	background:#D5E6EE;
	color:#1A1818;
	font-size:10px;
	text-align:left;
	padding:3px 5px 3px 10px;
}
tbody.detail td, tbody.zusatzpaket td, tbody.kosten td {
	background:#FBFBF8;
	color:#1A1818;
	font-size:10px;
	text-align:left;
	padding:5px 5px 2px 10px;
}
tbody.detail td div.handyElementWk {
	padding:10px 0 10px 0;
}
tbody.detail td div.image, tbody.zusatzpaket td div.image {
	width:95px;
	text-align:left;
	float:left;
	clear:left;
}
tbody.detail td div.text, tbody.zusatzpaket td div.text  {
	float:left;
}
tbody.rabatt td {
	background:#F8F8F1;
	color:#F07D00;
	font-size:10px;
	text-align:left;
	padding:8px 5px 8px 10px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
tbody.kosten td {
	background:#fff;
	font-size:11px;
}
tbody.kosten td div {
	padding-bottom:10px;
	padding-top:10px;
}
/* empfehlen */
.textboxBgNoPad * input, .textboxNoBgNoPadBorder * input, .textboxNoBgNoPadBorderBottom * input, .textboxNoBgPadBorder * input, .textboxNoBgPadBorderBottom * input {
	float:left;
	width:163px;
	margin:0 0 10px 0;
}
.textboxBgNoPad * .inputTiny input, .textboxNoBgNoPadBorder * .inputTiny input, .textboxNoBgNoPadBorderBottom * .inputTiny input, .textboxNoBgPadBorder * .inputTiny input, .textboxNoBgPadBorderBottom * .inputTiny input {
	width:47px;
	margin:0 5px 10px 0;
}
.textboxNoBgNoPadBorder * .inputShort input, .textboxNoBgNoPadBorderBottom * .inputShort input, .textboxNoBgPadBorder * .inputShort input, .textboxNoBgPadBorderBottom * .inputShort input {
	float:left;
	width:110px;
	margin:0 5px 10px 0;
}
.textboxBgPad * input {
	float:left;
	width:180px;
	margin:0 0 10px 0;
}
.frmSpLoginHint {
	float:right;
	width:170px;
	color:#A5ABAE;
	padding:0 10px 0 10px;
}
.textboxBgNoPad * select, .textboxNoBgNoPadBorder * select, .textboxNoBgNoPadBorderBottom * select, .textboxNoBgPadBorder * select, .textboxNoBgPadBorderBottom * select {
	float:left;
	width:75px;
	margin:0 0 10px 0;
}
.textboxNoBgNoPadBorder * select.long, .textboxNoBgNoPadBorderBottom * select.long, .textboxNoBgNoPadBorderBottom * .long select {
	float:left;
	width:163px;
	margin:0 0 10px 0;
}
.textboxBgNoPad * textarea, .textboxNoBgPadBorderBottom * textarea {
	float:left;
	width:440px;
	height:100px;
	margin:0 0 10px 0;
}
.textboxNoBgNoPadBorder * textarea, .textboxNoBgNoPadBorderBottom * textarea, .textboxNoBgPadBorderBottom * textarea {
	float:left;
	width:430px;
	height:100px;
	margin:0 0 10px 0;
}
.frmSpInputLeft br, .frmSpInputRight br, .frmSpInputLong br, .frmSpInputLeftLong br {
	clear:left;
}
.frmSpInputLeft, .frmSpInputLong, .frmSpInputLeftLong {
	float:left;
}
.frmSpInputLeft .lbl {
	float:left;
	width:85px;
	text-align:right;
	padding:0 5px 0 5px;
}
.frmSpInputLong .lbl {
	float:left;
	width:150px;
	text-align:right;
	padding:0 5px 0 0;
}
.frmSpInputLeftLong .lbl {
	float:left;
	width:95px;
	text-align:right;
	padding:0 5px 0 5px;
}
.frmSpInputLong input.checkbox, .textboxNoBgNoPadBorder input.checkbox, .textboxNoBgNoPadBorderBottom input.checkbox  {
	width:auto;
}
.textboxNoBgNoPadBorder input.file, .textboxNoBgNoPadBorderBottom input.file {
	width:430px;
}
.frmSpInputRight {
	float:right;
}
.frmSpInputRight .lbl {
	float:left;
	width:85px;
	text-align:right;
	padding:0 5px 0 0;
}
.errorText {
	padding:10px 10px 0 10px;
	color:#ff0000;
}
.errorField, .red, input.red, select.red, textarea.red {
	background:#F9CBCB;
}
.listItem {
	margin:0 60px 0 0;
	float:left;
}
.listItem br {
	clear:both;
}
.listItem .lbl {
	width:100px;
	float:left;
	margin:0 0 5px 0;
}
.listItem .text {
	margin:0 0 5px 0;
	color:#1A1818;
	float:left;
	font-size:11px;
}
.listItem .select {
	width:120px;
}
/* preistabelle */
.preistbl {
	width:554px;
	border:1px solid #b4b4b4;
}
.preistblLeft, .preistblLeftBlank {
	width:79px;
	height:85px;
	margin:0 1px 1px 0;
	background:#F8F8F1;
	float:left;
}
.preistblLeftBlank  {
	background:#fff;
}
.preistblLeftImg  {
	padding:5px 0 0 0;
	height:55px;
}
.preistblRightLight, .preistblRightDark, .preistblHeaderLight, .preistblHeaderDark {
	width:78px;
	height:50px;
	margin:0 1px 1px 0;
	padding:35px 0 0 0;
	background:#F8F8F1;
	float:left;
	color:#1A1818;
	text-align:center;
}
.preistblRightLight, .preistblRightDark  {
	height:70px;
	margin:0 1px 1px 0;
	padding:15px 0 0 0;
	background:#F2F2F2;
}
.preistblRightDark  {
	background:#dbdbdb;
}
.preistblHeaderLight {
	background:#fff;
}
.preistblHeaderDark {
	background:#F8F8F1;
}
.preisMitZusatz {
	color:#F07D00;
	font-size:16px;
	font-weight:bold;
}
.preisOhneZusatz {
	font-size:12px;
	color:#666;
}
.preisGross {
	font-size:16px;
	color:#1A1818;
	padding-top:20px;
	font-weight:bold;
}

/* handyvergleich */
.handyvergleichTbl {
	border-collapse:collapse;
	margin:0 28px 0 0;
}
.handyvergleichTbl td {
	border-left:1px solid #b4b4b4;
	border-right:1px solid #b4b4b4;
}
.handyvergleichFirstCol {
	width:195px;
}
.handyvergleichTbl .thead td {
	border-top:0;
	border-bottom:0;
	background:#B4D4E4;
	color:#1A1818;
	padding:2px 0 2px 10px;
}
.handyvergleichTbl .tbody td {
	background:#FBFBF8;
	padding:10px;
}
.handyvergleichTbl .tbodyHighlight td {
	background:#fff;
	padding:10px;
}
.handyvergleichTbl .tbodyButtons td {
	background:#fff;
	padding:0;
	border-bottom:1px solid #b4b4b4;
}
.handyvergleichTbl .tbody td ul, .handyvergleichTbl .tbodyHighlight td ul.highlights  {
	padding:0 0 0 15px;
}
.handyvergleichTbl .tbodyHighlight td, .handyvergleichTbl .tbodyHighlight td ul.highlights li {
	color:#1A1818;
}
.handyvergleichIco {
	width:120px;
	margin:25px 0 0 0;
}
.handyvergleichIco a {
	float:left;
	padding:3px 0 0 0;
}