/* #FILE - mod-client */



/* mod-client.css - GMX */



/* #MOD ----- Content Header ----- */


#product #content-header {
	background-image: url(../images/bg/content-header-product.gif);
}

#topic #content-header {
	background-image: url(../images/bg/content-header-topic.gif);
}

#shopping #content-header {
	background-image: url(../images/bg/content-header-shopping.gif);
}

#service #content-header {
	background-image: url(../images/bg/content-header-service.gif);
}

#entertainment #content-header {
	background-image: url(../images/bg/content-header-entertainment.gif);
}

#trusted-dialog #content-header {
	background-image: url(../images/bg/content-header-trusted-dialog.gif);
}

#product #content-header.ch-2 {
	background-image: url(../images/bg/content-header-product-2.gif);
}

#topic #content-header.ch-2 {
	background-image: url(../images/bg/content-header-topic-2.gif);
}

#shopping #content-header.ch-2 {
	background-image: url(../images/bg/content-header-shopping-2.gif);
}

#service #content-header.ch-2 {
	background-image: url(../images/bg/content-header-service-2.gif);
}

#entertainment #content-header.ch-2 {
	background-image: url(../images/bg/content-header-entertainment-2.gif);
}

#trusted-dialog #content-header.ch-2 {
	background-image: url(../images/bg/content-header-trusted-dialog-2.gif);
}

#product #content-header #head, #product #content-header #head a {
	color: #2269C3;
}

#topic #content-header #head, #topic #content-header #head a {
	color: #F78600;
}

#shopping #content-header #head, #shopping #content-header #head a {
	color: #7FA63B;
}

#service #content-header #head, #service #content-header #head a {
	color: #1C449B;
}

#entertainment #content-header #head, #entertainment #content-header #head a {
	color: #F7B800;
}

#trusted-dialog #content-header #head, #trusted-dialog #content-header #head a {
	color: #0B2F6E;
}



/* #MOD ----- Index ----- */


#grid .product .index, #grid .product-2 .index, #grid .product .index a, #grid .product-2 .index a, #article .product #alt, #grid .product #time {
	color: #2269C3;
}

#grid .product .image {
	background: #F2F8FD;
}

#grid .topic .index, #grid .topic-2 .index, #grid .clickout .index, #grid .topic .index a, #grid .topic-2 .index a, #grid .clickout .index a, #article .topic #alt, #grid .topic #time {
	color: #F78600;
}

#grid .topic .image {
	background: #FFF9F3;
}

#grid .shopping .index, #grid .shopping-2 .index, #grid .shopping .index a, #grid .shopping-2 .index a, #article .shopping #alt, #grid .shopping #time {
	color: #7FA63B;
}

#grid .shopping .image {
	background: #F6FCEB;
}

#grid .shopping p span {
	color: #999;
}

#grid .shopping .tip { /* #DOC - Works only properly with "type-a" and "type-d" teasers! */
	color: #C00;
	font-size: 13px;
	font-weight: 700;
}

#grid .shopping img.label {
	position: absolute;
}

#grid .type-a.shopping .tip {
	margin: 6px 0 3px;
}

#grid .type-d.shopping .tip {
	margin: 7px 0 -2px;
}

#grid .service .index, #grid .service-2 .index, #grid .service .index a, #grid .service-2 .index a, #article .service #alt, #grid .service #time {
	color: #1C449B;
}

#grid .service .image {
	background: #F6F8FE;
}

#grid .entertainment .index, #grid .entertainment-2 .index, #grid .entertainment .index a, #grid .entertainment-2 .index a, #article .entertainment #alt, #grid .entertainment #time {
	color: #F7B800;
}

#grid .entertainment .image {
	background: #FEFAEC;
}

#grid .trusted-dialog .index, #grid .trusted-dialog-2 .index, #grid .trusted-dialog .index a, #grid .trusted-dialog-2 .index a, #article .trusted-dialog #alt, #grid .trusted-dialog #time {
	color: #0B2F6E;
}

#grid .trusted-dialog .image {
	background: #F4F9FF;
}



/* #MOD ----- Tables ----- */


#grid .table .x1 h1, #grid .table .x1 h2, #grid .table .x1 h3 {
	background: url(../images/common/bg-headb-x1.gif) no-repeat left top;
}

#grid .table .x2 h1, #grid .table .x2 h2, #grid .table .x2 h3 {
	background: url(../images/common/bg-headb-x2.gif) no-repeat left top;
}

#grid .table .x3 h1, #grid .table .x3 h2, #grid .table .x3 h3 {
	background: url(../images/common/bg-headb-x3.gif) no-repeat left top;
}

#grid .table .x4 h1, #grid .table .x4 h2, #grid .table .x4 h3 {
	background: url(../images/common/bg-headb-x4.gif) no-repeat left top;
}

#grid .table .x5 h1, #grid .table .x5 h2, #grid .table .x5 h3 {
	background: url(../images/common/bg-headb-x5.gif) no-repeat left top;
}

#grid .table .x6 h1, #grid .table .x6 h2, #grid .table .x6 h3 {
	background: url(../images/common/bg-headb-x6.gif) no-repeat left top;
}

#grid .table .x7 h1, #grid .table .x7 h2, #grid .table .x7 h3 {
	background: url(../images/common/bg-headb-x7.gif) no-repeat left top;
}

#grid .table .x8 h1, #grid .table .x8 h2, #grid .table .x8 h3 {
	background: url(../images/common/bg-headb-x8.gif) no-repeat left top;
}

/* #DOC - Corp Archive */
#grid .table.archive h3 {
	background: none;
	height: auto;
	line-height: 15px;
	overflow: visible;
	padding: 0;
}

.table.archive p {
	font-size: 11px;
	line-height: 14px;
	margin: 5px 0 0;
}

.table.archive table {
	margin: 10px 0 0;
}

.table.archive tr {
	background: #FFF;
}

.table.archive th, .table.archive td {
	padding-bottom: 15px;
	vertical-align: top;
}



/* #MOD ----- Forms ----- */


/* #DOC - Section-ids must be set in div class="content" */

#topic .x8 h2.form, .x8 h2.form {
	background: url(../images/common/bg-head2-x8-topic.gif) no-repeat top left;
}

#topic .x7 h2.form, .x7 h2.form {
	background: url(../images/common/bg-head2-x7-topic.gif) no-repeat top left;
}

#topic .x6 h2.form, .x6 h2.form {
	background: url(../images/common/bg-head2-x6-topic.gif) no-repeat top left;
}

#topic .x5 h2.form, .x5 h2.form {
	background: url(../images/common/bg-head2-x5-topic.gif) no-repeat top left;
}

#topic .x4 h2.form, .x4 h2.form {
	background: url(../images/common/bg-head2-x4-topic.gif) no-repeat top left;
}

#topic .x3 h2.form, .x3 h2.form {
	background: url(../images/common/bg-head2-x3-topic.gif) no-repeat top left;
}

#topic .x2 h2.form, .x2 h2.form {
	background: url(../images/common/bg-head2-x2-topic.gif) no-repeat top left;
}

#topic .x1 h2.form, .x1 h2.form {
	background: url(../images/common/bg-head2-x1-topic.gif) no-repeat top left;
}

#topic div.form, #topic form .nohead, div.form, form .nohead {
	background-color: #FFF9F3 !important;
}

#shopping .x8 h2.form {
	background: url(../images/common/bg-head2-x8-shopping.gif) no-repeat top left;
}

#shopping .x7 h2.form {
	background: url(../images/common/bg-head2-x7-shopping.gif) no-repeat top left;
}

#shopping .x6 h2.form {
	background: url(../images/common/bg-head2-x6-shopping.gif) no-repeat top left;
}

#shopping .x5 h2.form {
	background: url(../images/common/bg-head2-x5-shopping.gif) no-repeat top left;
}

#shopping .x4 h2.form {
	background: url(../images/common/bg-head2-x4-shopping.gif) no-repeat top left;
}

#shopping .x3 h2.form {
	background: url(../images/common/bg-head2-x3-shopping.gif) no-repeat top left;
}

#shopping .x2 h2.form {
	background: url(../images/common/bg-head2-x2-shopping.gif) no-repeat top left;
}

#shopping .x1 h2.form {
	background: url(../images/common/bg-head2-x1-shopping.gif) no-repeat top left;
}

#shopping div.form, #shopping form .nohead {
	background-color: #F6FCEB !important;
}

#product .x8 h2.form {
	background: url(../images/common/bg-head2-x8-product.gif) no-repeat top left;
}

#product .x7 h2.form {
	background: url(../images/common/bg-head2-x7-product.gif) no-repeat top left;
}

#product .x6 h2.form {
	background: url(../images/common/bg-head2-x6-product.gif) no-repeat top left;
}

#product .x5 h2.form {
	background: url(../images/common/bg-head2-x5-product.gif) no-repeat top left;
}

#product .x4 h2.form {
	background: url(../images/common/bg-head2-x4-product.gif) no-repeat top left;
}

#product .x3 h2.form {
	background: url(../images/common/bg-head2-x3-product.gif) no-repeat top left;
}

#product .x2 h2.form {
	background: url(../images/common/bg-head2-x2-product.gif) no-repeat top left;
}

#product .x1 h2.form {
	background: url(../images/common/bg-head2-x1-product.gif) no-repeat top left;
}

#product div.form, #product form .nohead {
	background-color: #F2F8FD !important;
}

#entertainment .x8 h2.form {
	background: url(../images/common/bg-head2-x8-entertainment.gif) no-repeat top left;
}

#entertainment .x7 h2.form {
	background: url(../images/common/bg-head2-x7-entertainment.gif) no-repeat top left;
}

#entertainment .x6 h2.form {
	background: url(../images/common/bg-head2-x6-entertainment.gif) no-repeat top left;
}

#entertainment .x5 h2.form {
	background: url(../images/common/bg-head2-x5-entertainment.gif) no-repeat top left;
}

#entertainment .x4 h2.form {
	background: url(../images/common/bg-head2-x4-entertainment.gif) no-repeat top left;
}

#entertainment .x3 h2.form {
	background: url(../images/common/bg-head2-x3-entertainment.gif) no-repeat top left;
}

#entertainment .x2 h2.form {
	background: url(../images/common/bg-head2-x2-entertainment.gif) no-repeat top left;
}

#entertainment .x1 h2.form {
	background: url(../images/common/bg-head2-x1-entertainment.gif) no-repeat top left;
}

#entertainment div.form, #entertainment form .nohead {
	background-color: #FEFAEC !important;
}



/* #MOD ----- Grid F (Binaries, e.g. tools, options, related) ----- */


#grid .tool, #grid .tool .index {
	background-color: #FFF !important;
}

#grid .topic-2, #grid .topic-2 .index {
	background-color: #FFF9F3 !important;
}

#grid .clickout, #grid .clickout .index { /* #DOC - Partner-Teaser/Klickout-Teaser */
	background-color: #FAF0E4 !important;
}

#grid .product-2, #grid .product-2 .index {
	background-color: #F2F8FD !important;
}

#grid .shopping-2, #grid .shopping-2 .index {
	background-color: #F6FCEB !important;
}

#grid .service-2, #grid .service-2 .index {
	background-color: #F6F8FE !important;
}

#grid .entertainment-2, #grid .entertainment-2 .index {
	background-color: #FEFAEC !important;
}

#grid .trusted-dialog, #grid .trusted-dialog .index {
	background-color: #FFF !important;
}

#grid .trusted-dialog-2, #grid .trusted-dialog-2 .index {
	background-color: #F4F9FF !important;
}



/* #MOD ----- Tabs ----- */


/* #DOC - "Sliding Doors" */
#grid ul.tab-flex {
	background: url(../images/common/tab-flex-aux.gif) 0 27px repeat-x;
	height: 28px;
	list-style: none;
	margin: 20px 0 0;
	padding: 0 0 0 10px;
}

#grid .tab-flex li {
	background: url(../images/common/tab-flex-1.gif) left top no-repeat;
	border-bottom: 1px solid #CED4DA;
	float: left;
	font-size: 11px;
	line-height: 13px;
	margin-right: 1px;
	margin-bottom: 0;
	padding: 0 0 0 7px;
}

#grid .tab-flex a {
	background: url(../images/common/tab-flex-2.gif) right top no-repeat;
	color: #000;
	display: block;
	padding: 7px 8px 2px 0;
	text-decoration: none;
}

#grid .tab-flex li.on {
	background-position: 0 -72px;
	border: 0;
	font-weight: 700;
}

#grid .tab-flex li.on a {
	background-position: 100% -72px;
	padding-top: 6px;
	padding-bottom: 4px;
}

#grid ul.tab-flex#tf-slider { /* #DOC - Special for tab-flex-slider-Module */
	background-position: 0 28px;
	height: 29px;
}

#grid ul.tab-flex.tab-flex-box { /* #DOC - Special for tab-flex-box-Module */
	background-position: 0 25px;
	height: 26px;
	margin: 0;
}

/* #DOC - fixed width-style */
#grid .tab {
	background: url(../images/bg/data-top.gif) top left no-repeat;
	height: 29px;
	list-style: none;
	margin: 20px 0 0 !important;
	padding: 0 0 0 20px;
}

#grid .tab li {
	background: url(../images/common/tab-default.gif) top left no-repeat;
	font-size: 11px !important;
	float: left;
	height: 22px;
	margin: 0 3px 0 0 !important;
	text-align: center;
	width: 112px;
}

#grid .tab li a {
	display: block;
	overflow: hidden;
	padding: 5px 0 0;
	text-decoration: none;
	width: 100%;
	height: 16px;
}

#grid .tab .on {
	border-bottom: 7px solid #FFF;
	font-weight: 700;
}

#grid .tab .on a {
	padding: 6px 0 0;
}



/* #MOD ----- SI (Mentasys): Search tool and associated promotions ----- */


.unit #st {
	background: url(../images/whitelabel/mentasys/bg-st.gif) no-repeat;
	padding: 3px 0 0 10px;
	height: 48px;
}

#grid #st-aux {
	position: relative !important; /* #DOC: overwrites #grid-aux .unit, .grid-x .unit */
}

.unit #st-start {
	background: url(../images/whitelabel/mentasys/bg-st-start.gif) no-repeat;
	height: 30px;
}

.unit #st-start h1, .unit #st-start h2, .unit #st-start a {
	color: #FFF;
	text-indent: 10px;
}

.unit #st-start a {
	clear: right;
	float: right;
	font-size: 10px;
	margin-right: 249px;
	padding-top: 9px;
}

.unit #st-start label {
	display: block;
	padding-top: 8px;
}

.unit #st form {
	margin-bottom: 7px;
	margin-top: 2px;
}

.unit #st #st-input {
	margin-right: 5px;
	width: 200px;
}

.unit #st select {
	width: 147px;
}

.unit #st a {
	color: #FFF;
	padding: 0 0 0 15px;
}

.unit #st a#hide {
	background: url(../images/whitelabel/mentasys/plus-1.gif) 0 2px no-repeat;
}

.unit #st a#show {
	background: url(../images/whitelabel/mentasys/minus-1.gif) 0 2px no-repeat;
}

.unit #st-img {
	position: absolute;
	left: 480px;
	top: -7px;
}

#st-cat {
	background: #F1F6EB url(../images/whitelabel/mentasys/bg-st-cat.gif) bottom no-repeat;
	left: 0;
	position: absolute;
	top: 81px;
	width: 630px;
	z-index: 1;
}

#st-cat * {
	font-size: 11px !important;
	line-height: 13px !important;
}

#st-cat .cat {
	margin: 0 25px;
	width: 568px;
}

#st-cat .cat div {
	float: left;
	margin: 20px 0;
	width: 50%;
}

#st-cat .cat h1, #st-cat .cat p {
	line-height: 15px !important;
	margin: 0;
	padding: 0;
}

#st-cat .cat h1 {
	margin: 0 10px 3px 0;
}

#st-cat .cat p {
	margin: 0 10px 10px 0;
}

#st-cat #st-promo {
	padding: 10px 25px 0;
	width: 538px;
}

#st-cat #st-promo span {
	color: #D60000;
	font-weight: 700 !important;
	padding-right: 5px;
	text-transform: uppercase;
}

#st-cat #st-promo a {
	font-weight: 400;
}

#st-cat #st-promo p {
	margin-bottom: 5px;
}

.unit #sttoplist .tab-flex {
	background-position: 0 25px;
	height: 26px;
	margin: 0;
	padding: 0;
}

.unit #sttoplist #stspace {
	background: #FFF;
	border: 1px solid #CED4DA;
	border-bottom: 0;
	border-top: 0;
	height: 5px;
}

.unit #sttoplist #stpreview {
	border: 0 solid #CED4DA;
	position: absolute;
}

.unit #sttoplist .table {
	margin-top: 0;
}

#grid .unit #sttoplist table {
	border: solid #CED4DA;
	border-width: 0 1px 1px;
}



/* #MOD ----- SI (Mentasys): Catalog ----- */


#grid .unit #catalog {
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 7px 10px 0;
}

#grid .unit .x6 #catalog {
	background-image: url(../images/whitelabel/mentasys/bg-bottom-x6-gradient.gif);
}

#grid .unit .x8 #catalog {
	background-image: url(../images/whitelabel/mentasys/bg-bottom-x8-gradient.gif);
}

#grid .unit #catalog h1 {
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 12px;
	line-height: 14px;
	margin: -7px -10px 14px;
	padding: 7px 10px 0;
}

#grid .unit .x6 #catalog h1 {
	background-image: url(../images/common/bg-top-x6.gif);
}

#grid .unit .x8 #catalog h1 {
	background-image: url(../images/common/bg-top-x8.gif);
}

#grid .unit #catalog h2 {
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 1px;
	margin-top: 5px;
	padding: 0;
}

#grid .unit #catalog p {
	margin: 0;
}

#grid .unit #catalog div, #grid .unit #catalog-index p {
	float: left;
	font-weight: 700;
	padding: 0 2% 6px 0;
	width: 31%;
}

#grid .unit #catalog-index {
	clear: left;
	width: 100% !important;
}



/* #MOD ----- Shopping ----- */


.price {
	margin: 3px 0 0;
}

.price div {
	float: left;
	width: auto;
}

.price.large-a, .price.large-b {
	height: 35px;
}

.price.small-a, .price.small-b {
	height: 27px;
}

.price.neutral div {
	float: none;
	text-align: right;
}

.price.neutral div .banner {
	line-height: normal;
}

.price .label {
	background: #E8EFDC;
	color: #52731A;
	font-size: 10px;
	line-height: 11px;
	text-align: right;
	width: auto;
}

.price.large-a .label, .price.large-b .label {
	margin: 3px 0;
	padding: 8px 5px 8px 0;
}

.price.small-a .label, .price.small-b .label {
	margin: 4px 0;
	padding: 4px 5px 5px 0;
}

.price .banner {
	color: #D30000;
	font-family: arial, helvetica, sans-serif;
	font-weight: 700;
	text-align: center;
}

.price .banner a {
	color: #D30000;
	text-decoration: none;
}

.price.large-a .banner, .price.large-b .banner {
	font-size: 24px;
	height: 35px;
	line-height: 27px;
	padding: 5px 0 0;
}

.price.small-a .banner, .price.small-b .banner, .price.neutral .banner {
	font-size: 18px;
	height: 27px;
	line-height: 20px;
	padding: 4px 0 0;
}

.price.large-a .banner {
	background: url(../images/common/price-large-a.gif) no-repeat;
	width: 73px;
}

.price.large-b .banner {
	background: url(../images/common/price-large-b.gif) no-repeat;
	width: 107px;
}

.price.small-a .banner {
	background: url(../images/common/price-small-a.gif) no-repeat;
	height: 27px;
	width: 58px;
}

.price.small-b .banner {
	background: url(../images/common/price-small-b.gif) no-repeat;
	height: 27px;
	width: 87px;
}

.price .banner span {
	font-weight: 400;
}

.price .banner a sup, .price .banner sup {
	font-weight: 700 !important;
}

.price.large-a .banner span, .price.large-b .banner span {
	font-size: 17px;
	line-height: 17px;
}

.price.small-a .banner span, .price.small-b .banner span, .price.neutral .banner span {
	font-size: 14px;
	line-height: 14px;
}

.price.large-a .banner sup, .price.large-b .banner sup {
	font-size: 15px;
	font-weight: 400;
	line-height: 15px;
	vertical-align: 45%;
}

.price.small-a .banner sup, .price.small-b .banner sup, .price.neutral .banner sup {
	font-size: 13px;
	font-weight: 400;
	line-height: 13px;
	vertical-align: 35%;
}

.topic .price .label {
	background: #FDE7D2;
	color: #F78600;
}

.topic .price.large-a .banner {
	background: url(../images/common/price-large-a-topic.gif) no-repeat;
}

.topic .price.large-b .banner {
	background: url(../images/common/price-large-b-topic.gif) no-repeat;
}

.topic .price.small-a .banner {
	background: url(../images/common/price-small-a-topic.gif) no-repeat;
}

.topic .price.small-b .banner {
	background: url(../images/common/price-small-b-topic.gif) no-repeat;
}

.entertainment .price .label {
	background: #FDEEC4;
	color: #E5A50B;
}

.entertainment .price.large-a .banner {
	background: url(../images/common/price-large-a-entertainment.gif) no-repeat;
}

.entertainment .price.large-b .banner {
	background: url(../images/common/price-large-b-entertainment.gif) no-repeat;
}

.entertainment .price.small-a .banner {
	background: url(../images/common/price-small-a-entertainment.gif) no-repeat;
}

.entertainment .price.small-b .banner {
	background: url(../images/common/price-small-b-entertainment.gif) no-repeat;
}

#grid .x2 .large-a .label {
	width: 67px !important;
}

#grid .x2 .large-b .label {
	width: 33px !important;
}

#grid .x2 .small-a .label {
	width: 82px !important;
}

#grid .x2 .small-b .label {
	width: 53px !important;
}

#grid .x4 .large-a .label {
	width: 225px;
}

#grid .x4 .large-b .label {
	width: 191px;
}

#grid .type-c .price {
	margin: 3px 0 0;
}

p.st-refer {
	line-height: 11px !important;
	position: relative;
	top: -1px;
}

/* #DOC - offer-detail, order */
.offer-detail {
	background: url(../images/shopping/box-gradient-x6-y2.gif) left top no-repeat;
	padding: 8px;
	width: 455px;
}

.offer-detail .left {
	clear: left;
	float: left;
	margin: 0 10px 10px 0;
}

#grid .offer-detail .image { /* #DOC - take care of specifity */
	background-color: transparent;
}

.offer-detail .image div {
	font-size: 11px;
	line-height: 14px;
	padding: 5px;
}

.offer-detail .image .source {
	color: #888;
	display: block;
	font-size: 11px;
	margin-top: 5px;
}

.order {
	float: left;
	width: 227px;
}

.order .cnt {
	height: 174px;
	overflow: hidden;
}

#grid .order .cnt * { /* #DOC - take care of specifity */
	font-size: 11px;
	line-height: 14px;
}

.order .cnt h2 {
	margin-top: 6px;
}

.order .cnt .eyecatcher {
	float: right;
	margin-top: -2px;
	margin-right: -3px;
}

#grid .order .cnt .price-info { /* #DOC - take care of specifity */
	color: #52731A;
	font-weight: 700;
}

#grid .order .cnt .price-info strong { /* #DOC - take care of specifity */
	line-height: 18px;
	white-space: nowrap;
}

#grid .order .cnt ul { /* #DOC - take care of specifity */
	margin: 10px 0;
}

.order .cnt ul li {
	background: url(../images/common/bullet-point.gif) no-repeat scroll 0 7px;
	list-style: none;
	margin: 5px 0 5px 2px;
	padding-left: 12px;
}

#grid .order .cnt .price-info strong { /* #DOC - take care of specifity */
	color: #D30000;
	font-size: 18px;
}

#grid .order .cnt .price-info strong span { /* #DOC - take care of specifity */
	color: #D30000;
	font-size: 14px;
	font-weight: 400;
}

#grid .order .cnt .price-info strong sup { /* #DOC - take care of specifity */
	font-size: 8px;
	font-weight: 400;
	line-height: 10px;
}

/* #DOC - Bonusselection */
.offer-detail-2 {
	background-image: url(../images/shopping/bg-bonus.gif);
	padding-bottom: 7px;
}

.offer-detail-2-end {
	background: url(../images/shopping/bg-bonus.gif) left bottom no-repeat;
	clear: both;
	height: 5px;
}

.offer-detail-2 .offer-detail-2-divider {
	border-top: solid 1px #CED4DA;
}

.offer-detail-2 .offer-detail-2-submit {
	margin-top: 10px;
}

.offer-detail-2 .offer-bonus {
	border-top: solid 1px #CED4DA;
	margin-top: 10px;
	padding-top: 10px;
}

.offer-detail-2 .offer-bonus h3 {
	margin-top: 0;
	margin-bottom: 0;
}

.offer-detail-2 .offer-bonus p {
	margin-top: 0;
	margin-bottom: 7px !important; /* #DOC - overwriting #grid .unit p {} */
	min-height: 32px;
}

.offer-detail-2 .offer-bonus .offer-bonus-selection {
	background-color: #E5EDD7;
	color: #52731A;
	height: 20px;
	margin-left: 160px;
	padding: 5px;
	text-align: right;
}

#grid .offer-detail-2 .left {
	margin-bottom: 0 !important;
}

#grid .offer-detail-2 p.decorate {
	clear: none;
	margin-top: 0;
	margin-bottom: 0 !important;
}

/* #DOC - bestprice premium offertype gets special treatment, infact it's rubbish */
.order-alt {
	clear: both;
	color: #52731A;
	margin: 20px 0;
	padding: 0;
	position: relative;
}

div.x6 .order-alt { /* #DOC - For use in x6 */
	width: 470px;
}

.order-alt div {
	text-align: left;
}

.order-alt .col-info {
	clear: both;
}

.order-alt .col-info p {
	background: #E8EFDC;
	float: left;
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	overflow: hidden;
	padding: 0 10px 3px;
	width: 130px;
	white-space: nowrap;
}

.order-alt .col-price {
	background: #E8EFDC;
	float: left;
	height: 14px;
	padding: 0 0 3px 10px;
	width: 208px;
}

.order-alt .col-price .price .banner a {
	color: #FFF;
}

.order-alt .col-price .price.large-a {
	left: 320px;
	position: absolute;
	top: 8px;
}

.order-alt .col-price .price.large-a .banner {
	background: url(../images/common/price-large-a-bpp.gif) no-repeat;
	height: 43px;
	padding: 14px 0 0;
	width: 113px;
}

.order-alt .col-price .price.large-b {
	left: 240px;
	position: absolute;
	top: 8px;
}

.order-alt .col-price .price.large-b .banner {
	background: url(../images/common/price-large-b-bpp.gif) no-repeat;
	height: 43px;
	padding: 14px 0 0;
	width: 151px;
}

.order-alt .col-price .price.small-a {
	left: 360px;
	position: absolute;
	top:8px;
}

.order-alt .col-price .price.small-a .banner {
	background: url(../images/common/price-small-a-bpp.gif) no-repeat;
	height: 38px;
	padding: 19px 0 0;
	width: 112px;
}

.order-alt .col-price .price.small-b {
	left: 322px;
	position: absolute;
	top: 8px;
}

.order-alt .col-price .price.small-b .banner {
	background: url(../images/common/price-small-b-bpp.gif) no-repeat;
	height: 38px;
	padding: 19px 0 0;
	width: 151px;
}

.order-alt .bg-1 {
	float: left;
	height: 36px;
	width: 368px;
}

.order-alt .bg-2 {
	background: url(../images/common/bg-order-bpp.gif) no-repeat;
	left: 400px;
	height: 68px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 4px;
	width: 10px;
}

.order-alt .decorate {
	margin-bottom: 10px !important;
}

div.x6 .order-alt .decorate { /* #DOC - For use in x6 */
	margin-top: 40px;
}

.order-alt .pos {
	left: 421px;
	position: absolute;
	top: 27px;
}

.order-alt .order-btn {
	background: url(../images/shopping/bg-orderalt-btn.gif) top left no-repeat;
	color: #000;
	display: block;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	text-align: center;
	width: 197px;
}
/* */

/* #DOC - Bestprice Offer-Info */
.offer-info {
	background: url(../images/shopping/bg-offer-info-left.gif) left 5px no-repeat !important;
	height: 50px;
	margin-top: 3px;
	padding-left: 6px;
	overflow: hidden;
}

.offer-info.oi-x4 {
	width: 304px;
}

.offer-info.oi-x2 {
	width: 144px;
}

.offer-info .eyecatcher {
	float: left;
	margin-right: 4px;
}

.offer-info .txt {
	float: left;
	height: 40px;
	margin-top: 5px;
	overflow: hidden;
}

.offer-info.oi-x4 .txt {
	width: 170px;
}

.offer-info.oi-x4 .txt.ec { /* #DOC - with eyecatcher */
	width: 120px;
}

.offer-info.oi-x2 .txt.ec {
	width: 77px;
}

.offer-info .txt strong {
	color: #D30000;
}

.offer-info .txt sup {
	font-size: 10px;
	font-weight: 400;
	line-height: 10px;
}

.offer-info .txt a {
	color: #52731A;
	display: table-cell;
	height: 40px;
	text-decoration: none;
	vertical-align: middle;
}

.offer-info .decorate {
	margin: 15px 1px 0 7px;
}

.offer-info .offer-end {
	background: url(../images/shopping/bg-offer-info-right.gif) right top no-repeat;
	float: right;
	margin-top: 5px;
	height: 40px;
	width: 7px;
}

#grid .offer-info img { /* #DOC - please take care of specifity */
	display: inline;
}

/* #DOC - Bestprice Coupon */
#coupon {
	background: url(../images/shopping/bg-coupon.gif) left top no-repeat;
	height: 235px;
	padding: 10px;
	width: 610px
}

#coupon .cnt {
	float: left;
	margin-top: 63px;
	width: 380px;
}

#coupon .cnt p {
	margin-top: 13px;
}

#coupon .aux {
	float: right;
	margin-top: 29px;
	margin-right: 3px;
	width: 217px;
}

#coupon .right {
	height: 159px;
	margin-left: 0 !important; /* #DOC - overwriting #article .right */
	text-align: center;
	width: 217px;
}

#coupon .aux .image { /* #DOC - take care of specifity */
	background-color: transparent;
	margin-top: 0;
}

#coupon .deco-link {
	float: left;
	left: 108px;
	margin-top: 10px;
	position: relative;
}

#coupon .deco-link .decorate {
	left: -50%;
	position: relative;
}

/* #DOC - Best Price Auction Ticker Teaser */
#bp-ticker {
	position: relative;
}

#bp-ticker .headline {
	margin-left: 13px;
	margin-top: 30px;
}

#bp-ticker .subline {
	margin-left: 13px;
	margin-top: 10px;
}

#bp-ticker .oi-x4 {
	margin-left: 13px;
	margin-top: 10px;
}

#bp-ticker .clock {
	float: left;
	height: 40px;
}

#bp-ticker .clock img {
	margin: 14px 7px 0 5px;
}

#bp-ticker .txt.ec {
	color: #52731A;
	/*padding: 13px 0 0;*/
	vertical-align: top;
	width: 130px;
}

#bp-ticker #countdown {
	color: #D40000;
	font-weight: 700;
}

#bp-ticker .product-img {
	position: absolute;
	right: 8px;
	top: 1px;
}

/* #DOC - Shopping "Small Mama" */
.smallmama {
	overflow: hidden;
}

.smallmama .list {
	list-style-type: none;
	margin: 0 5px 0 0 !important;
	width: 299px;
}

.smallmama .list li {
	clear: both;
	margin: 0 !important;
}

.smallmama .list a {
	background: url(../images/shopping/bg-smallmama-li.gif) right top no-repeat;
	display: block;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	height: 44px;
	padding: 8px 19px 8px 10px;
	width: 270px;
}

.smallmama .list a:hover, .smallmama .list a.focus {
	background-position: right bottom;
	text-decoration: none;
}

.smallmama .list span {
	cursor: pointer;
	display: block;
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	width: 177px;
}

.smallmama .list img {
	display: inline;
	height: 43px;
	width: 80px;
}

.smallmama .cnt {
	margin-bottom: 50px;
}



/* #MOD ----- Premium Advertorial ----- */


#product #advertorial-footer {
	background-image: url(../images/bg/advertorial-footer-product.gif);
}

#topic #advertorial-footer {
	background-image: url(../images/bg/advertorial-footer-topic.gif);
}

#shopping #advertorial-footer {
	background-image: url(../images/bg/advertorial-footer-shopping.gif);
}

#service #advertorial-footer {
	background-image: url(../images/bg/advertorial-footer-service.gif);
}

#entertainment #advertorial-footer {
	background-image: url(../images/bg/advertorial-footer-entertainment.gif);
}

#trusted-dialog #advertorial-footer {
	background-image: url(../images/bg/advertorial-footer-trusted-dialog.gif);
}

#grid .unit .x6 .topic .box-decorate h2 {
	color: #F78600;
}

#grid .unit .x6 .topic .box-decorate, #grid .unit .x6 .topic .box-decorate .cnt {
	background-color: #FFF9F3;
}

#grid .unit .x6 .shopping .box-decorate h2 {
	color: #7FA63B;
}

#grid .unit .x6 .shopping .box-decorate, #grid .unit .x6 .shopping .box-decorate .cnt {
	background-color: #F6FCEB;
}

#grid .unit .x6 .service .box-decorate h2 {
	color: #1C449B;
}

#grid .unit .x6 .service .box-decorate, #grid .unit .x6 .service .box-decorate .cnt {
	background-color: #F6F8FE;
}

#grid .unit .x6 .product .box-decorate h2 {
	color: #2269C3;
}

#grid .unit .x6 .product .box-decorate, #grid .unit .x6 .product .box-decorate .cnt {
	background-color: #F2F8FD;
}

#grid .unit .x6 .entertainment .box-decorate h2 {
	color: #F7B800;
}

#grid .unit .x6 .entertainment .box-decorate, #grid .unit .x6 .entertainment .box-decorate .cnt {
	background-color: #FEFAEC;
}

#grid .topic .decorate span, #grid .topic-2 .decorate span {
	background: url(../images/common/bg-btn-topic-left.gif) top left no-repeat;
}

#grid .topic .decorate span a, #grid .topic-2 .decorate span a {
	background: url(../images/common/bg-btn-topic-right.gif) top right no-repeat;
}

#grid .shopping .decorate span, #grid .shopping-2 .decorate span {
	background: url(../images/common/bg-btn-shopping-left.gif) top left no-repeat;
}

#grid .shopping .decorate span a, #grid .shopping-2 .decorate span a {
	background: url(../images/common/bg-btn-shopping-right.gif) top right no-repeat;
}

#grid .service .decorate span, #grid .service-2 .decorate span {
	background: url(../images/common/bg-btn-service-left.gif) top left no-repeat;
}

#grid .service .decorate span a, #grid .service-2 .decorate span a {
	background: url(../images/common/bg-btn-service-right.gif) top right no-repeat;
}

#grid .product .decorate span, #grid .product-2 .decorate span {
	background: url(../images/common/bg-btn-product-left.gif) top left no-repeat;
}

#grid .product .decorate span a, #grid .product-2 .decorate span a {
	background: url(../images/common/bg-btn-product-right.gif) top right no-repeat;
}

#grid .entertainment .decorate span, #grid .entertainment-2 .decorate span {
	background: url(../images/common/bg-btn-entertainment-left.gif) top left no-repeat;
}

#grid .entertainment .decorate span a, #grid .entertainment-2 .decorate span a {
	background: url(../images/common/bg-btn-entertainment-right.gif) top right no-repeat;
}

#grid .decorate span a {
	padding-left: 10px;
	padding-right: 10px;
}



/* #MOD ----- Shopping Product Catalog (Tool) ----- */


#grid #toolProdCatOuterContents .bgcontainer {
	background: url(../images/shopping/mentasyscatalog/bg-module-bottom-verlauf-m4.gif) left bottom no-repeat;
	float: left;
}

#grid #toolProdCatOuterContents #catalog {
	width: 610px;
}

#grid #toolProdCatOuterContents .x8 #catalog {
	background: url(../images/shopping/mentasyscatalog/bg-module-top-transparent-m4.gif) 0 0 no-repeat;
	height: auto;
}

#grid #toolProdCatOuterContents #catalog h1 {
	color: #2269C3;
	margin-bottom: 10px;
}

#grid #toolProdCatOuterContents #catalog .area {
	margin-right: 10px;
	overflow: hidden;
	padding: 0 0 6px 0;
	width: 193px;
}

#grid #toolProdCatOuterContents #catalog .area h2 {
	font-size: 11px;
	padding-bottom: 2px;
}

#grid #toolProdCatOuterContents #catalog .area div {
	clear: both;
	padding-bottom: 15px;
	width: 100%;
}

/* #DOC - Style for the small shopping search*/
.unit #st-start-alt {
	background: none;
	height: 30px;
	margin: 0 !important;
}

.unit #st-start-alt label {
	display: block;
	font-size: 13px;
	padding-top: 8px;
}

.unit #st-start-alt h1, .unit #st-start-alt h2 {
	color: #FFF;
	margin: 0;
	position: relative;
	text-indent: 10px;
	top: 0;
}

.unit #st-alt {
	background: none;
	height: auto;
	padding: 3px 0 0 10px;
}

#grid #toolProdCatOuterTabs {
	margin-bottom: 15px;
	margin-top: 0;
}

#grid #toolProdCatOuterTabs li {
	margin-top: 5px;
	margin-right: 3px;
}

.unit #st-aux-alt {
	background: transparent url(../images/whitelabel/mentasys/bg-smartsearch.gif) no-repeat 0 0;
	margin: 10px 0 5px;
	position: relative;
}

.unit #st-alt form {
	left: 0;
	margin-bottom: 7px;
	margin-top: 2px;
	position: absolute;
	top: 3px;
	width: 629px;
}

.unit #st-alt form #st-input {
	margin-left: 350px;
	margin-right: 5px;
	width: 180px;
}



/* #MOD ----- Advisor ----- */



/* #MOD ----- Advisor Tool in Article ----- */


#grid #advisor-tool .index span {
	color: #F57900;
}

#grid #advisor-tool ul li a.decorate-light {
	background: url(../images/advisor/arrow-fwd-orange.gif) 2px 6px no-repeat;
}



/* #MOD ----- Advisor Generic ----- */


.advisor h1, .advisor h2 {
	color: #F57900;
}

.advisor h1 {
	font-size: 25px !important;
	font-weight: 400 !important; /* overwrite #grid .unit h2 rule */
	margin: 10px 0 20px !important; /* overwrite #grid .unit h2 rule */
}

.advisor h2 {
	font-size: 14px !important; /* overwrite #grid .unit h2 rule */
}

a.decorate-light.green {
	background: url(../images/advisor/arrow-green.gif) 0 5px no-repeat;
	color: #14C;
	display: inline;
	font-size: 12px;
	margin: 6px 0 6px 1px;
	padding-left: 8px;
}

a#advisor-jewel-lnk1, a#advisor-jewel-lnk2, a#advisor-jewel-lnk3 {
	background: url(../images/advisor/shim.gif) 0 0 repeat;
	height: 60px;
	left: 352px;
	overflow: hidden;
	position: absolute;
	text-indent: -5000px;
	top: 0;
	width: 80px;
}

a#advisor-jewel-lnk2 {
	left: 445px;
}

a#advisor-jewel-lnk3 {
	left: 539px;
}



/* ----- #MOD - Eyecatcher Teaser ----- */


#advisor-teaser {
	background: url(../images/advisor/bg-advisorheader.gif) top left no-repeat !important; /* #DOC - For IE6 */
	height: 168px;
	width: 630px;
}

#advisor-teaser .info {
	float: left;
	padding: 44px 0 0 20px;
	width: 271px;
}

#advisor-teaser .info p, #advisor-teaser .info a {
	color: #666;
	font-size: 12px;
	font-weight: 700;
	line-height: 20px;
}

#advisor-teaser .form-aux {
	padding: 11px 5px 15px 10px;
}

#advisor-teaser .form-aux input.searchfield {
	border: 1px solid #CED4DA;
	color: #888;
	font-size: 14px;
	height: 18px;
	line-height: 16px;
	padding: 4px 8px;
	width: 478px;
}

#advisor-teaser .btn-aux {
	float: right;
	margin-top: -33px;
}



/* ----- #MOD - Make Question Tool ----- */


.advisor #make-question, #find-answer {
	background: url(../images/advisor/bg-search.gif) top left repeat-x;
	min-height: 60px;
	height: 60px;
	padding-left: 10px;
}

#questiontool.advisor {
	margin: 10px 0 15px;
}

#questiontool ul.tab-flex {
	background: url(../images/common/tab-flex-aux.gif) 0 25px repeat-x;
	margin: 0;
}

#questiontool.advisor div.search-aux {
	float: left;
	margin-right: 4px;
}

#questiontool.advisor #make-question input.searchfield {
	width: 478px;
}

#questiontool.advisor #find-answer input.searchfield {
	width: 466px;
}

#questiontool.advisor div.btn-aux {
	padding-top: 10px;
}

#questiontool.advisor input.searchfield {
	background: #FFF;
	border: 1px solid #CED4DA;
	color: #888;
	font-size: 14px;
	height: 18px;
	line-height: 16px;
	margin: 15px 0 14px;
	padding: 4px 8px 4px;
}

#questiontool.advisor input.button {
	border: none;
	margin: 2px 0 2px 2px;
	padding: 0;
}



/* #MOD ----- Specific Styles for Advisor ----- */


h1.adivsor, h1.adivsor a {
	color: #F57900;
	font-size: 25px;
	font-weight: 400;
	line-height: 32px;
	margin-bottom: 10px;
	text-decoration: none;
}

#eyecatcher-div.advisor img {
	margin: 2px 0;
}

.advisor .big-teaser-div, .advisor .small-teaser-div, #currentquestions.advisor, #questionofday.advisor {
	border-bottom: 2px solid #ECEFF2;
	margin-bottom: 14px;
}

.advisor .gradient-bg {
	background: url(../images/advisor/bg-gradient.gif) top left repeat-x;
	margin-top: 1px;
}

.advisor .gradient-bg.border {
	border-bottom: 2px solid #ECEFF2;
}

.advisor .big-teaser-div .gradient-bg, .advisor .small-teaser-div .gradient-bg {
	padding: 5px 10px 10px;
}

.advisor .big-teaser-div h2, .advisor .small-teaser-div h2, #questionofday h2, #eyecatcher-div h2, #currentquestions h2 {
	margin: 5px 0 5px !important; /* #DOC - overwrite '#grid .unit h1, #grid .unit h2' */
}

.advisor .small-teaser-div div.unit {
	float: left;
	margin-right: 10px;
	padding: 0;
	width: 300px;
}

.advisor .small-teaser-div div.unit.g-last {
	margin: 0;
}

.advisor p.big-teaser, .advisor p.small-teaser {
	float: none;
	padding: 5px 0 7px;
}

.advisor p.small-teaser {
	height: 55px;
	overflow: hidden;
}

.advisor p.small-teaser img {
	float: left;
	margin-right: 10px;
	margin-top: 3px;
}

.advisor p.big-teaser a.teaser-head {
	display: block;
	font-size: 12px;
	margin-bottom: 3px;
	margin-top: 10px;
}

.advisor p.small-teaser a.teaser-head {
	display: block;
	font-size: 12px;
	margin-bottom: 3px;
}



/* #MOD ----- Forms ----- */

.advisor select {
	border: 1px solid #CED4DA;
	color: #888;
	font-size: 14px;
	height: 20px;
	width: 150px;
}



/* #MOD ----- Glider for "Question of the Day" ----- */


.advisor div#qscroll {
	padding: 11px 10px 0;
}

.advisor div.qcontent {
	overflow: hidden;
	height: 106px;
	width: 610px;
}

.advisor div.qwrapper {
	float: left;
	height: 87px;
	overflow: hidden;
	width: 610px;
}

.advisor div.qwrapper div.image {
	float: left;
	margin-right: 10px;
}

.advisor div.qwrapper .teaser-wrapper {
	height: 59px;
	overflow: hidden;
}

.advisor div.qwrapper h3 {
	margin: 0 0 5px 0;
	overflow: hidden;
}

.advisor div.qwrapper p {
	font-size: 13px;
	font-weight: 700;
	height: 61px;
	line-height: 16px;
	overflow: hidden;
}

.advisor div.qwrapper img.answer-img {
	margin-bottom: 14px;
	margin-left: -3px;
}

.advisor div#qscroll .float-l, .advisor div#qscroll .float-r {
	margin-top: -33px;
	position: relative;
}

.advisor div#qscroll .float-l img {
	display: inline !important; /* #DOC - overwrite '#grid .unit img' from mod-content */
	margin: 0 2px -2px 0;
}

.advisor div#qscroll .float-r img {
	display: inline !important; /* #DOC - overwrite '#grid .unit img' from mod-content */
	margin: 0 0 -2px 2px;
}

#glider-pause img, #glider-play img {
	margin: 0 4px -2px 6px !important; /* #DOC - overwrite '.advisor div#qscroll .float-r img' */
}



/* #MOD ----- Thread List ----- */


#grid .advisor .thread-list {
	border-top: 1px solid #CED4DA;
}

#grid .advisor .thread-list ul {
	margin: 0;
}

#grid .advisor .thread-list ul li {
	border-bottom: 1px solid #ECEFF2;
	list-style: none;
	margin: 0;
	padding: 13px 10px;
}

#grid .advisor .thread-list ul li.alt {
	background-color: #F6F8FA;
}

#grid .advisor .thread-list ul li span.note {
	line-height: 18px;
}

#grid .advisor .thread-list ul li a.threadname {
	display: block;
	font-size: 12px;
	line-height: 16px;
	overflow: hidden;
}

#grid .advisor .questions-overview {
	padding: 16px 10px 20px;
}



/* #MOD ----- Linkbox ----- */


#advisor-linkbox {
	background: #FFF url(../images/bg/linkbox.gif) bottom left repeat-x;
	clear: both;
	padding-top: 26px;
}

#advisor-linkbox .spacer {
	background: #FFF;
	height: 20px;
}

#advisor-linkbox #lb-main {
	float: left;
	margin-bottom: 20px;
	padding-left: 15px;
	width: 600px;
}

#advisor-linkbox ul {
	clear: both;
	width: 600px;
}


#advisor-linkbox ul ul {
	padding: 0;
	width: auto;
}

#advisor-linkbox ul li {
	float: left;
	font-size: 10px !important; /* #DOC - overwrite #grid ul li */
	list-style: none;
	line-height: 16px;
}

#advisor-linkbox li {
	color: #666;
	float: left;
	font-size: 10px;
	list-style: none;
	line-height: 16px;
	margin: 15px 0 0 0;
	width: 120px;
}

#advisor-linkbox li.clear-b {
	clear: both;
	height: auto;
	overflow: auto;
	visibility: visible;
}


#advisor-linkbox li a {
	color: #777;
	display: block;
}

#advisor-linkbox li a:hover {
	color: #777;
}

#advisor-linkbox li li {
	float: none;
	margin: 0;
}

#advisor-linkbox .headline {
	font-weight: 700;
	color: #666;
}

#advisor-linkbox .breadcrumb {
	width: 600px;
	border-top: solid 1px #DEE3E7;
	border-bottom: solid 1px #DEE3E7;
	float: none; /* #DOC - overwriting the value in .content */
	margin: 0;
	padding: 4px 15px;
}



/* #MOD ----- Travelsearch ----- */


div.suggest-box li.suggest-over, div.suggest-box li.country.suggest-over, div.suggest-box li.locac_country.suggest-over {
	background-color: #F7AD55;
}



/* #MOD ----- Datepicker ----- */

table.ui-dp td.selected {
	border: 1px solid #F78600;
}

table.ui-dp td.selected.dp-hover {
	background: #F8D3A9;
}

table.ui-dp td.dp-hover, table.ui-dp tr.activeWeekHover td {
	background: #F8D3A9;
}




/* Suchformular */
#mainSearch fieldset {
    border: 0 solid;
    margin: 0;
    padding: 2px 0 0 0;
}
* html #mainSearch .form-select {
    position: relative;
    top: -1px;
}

#mainSearch {
    background: url(//img.ui-portal.de/preisvergleich/gmx/img/bg/bg-pageheadline.gif) left bottom repeat-x;
    padding-bottom: 20px;
    font-size: 11px;
}
#mainSearch .modulecontent {
    padding: 10px 0 10px;
}
#mainSearch input,
#mainSearch select {
    float: left;
}
#mainSearch .form-text {
    background: transparent url(//img.ui-portal.de/preisvergleich/gmx/img/mod/bg-searchinput.gif) left top repeat-x;
    border: 1px solid;
    border-color: #b3b3b3  #c5c5c5  #d1d1d1 #959595;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    margin-right: 10px;
    padding: 2px;
    width: 264px;
}
* html #mainSearch .form-text {
    width: 248px;
}
@media all and (min-width:0px) {
    :root body:not(:root:root) #mainSearch .form-text { width: 252px; }
}
body:nth-of-type(1) #mainSearch .form-text { width: 252px; }
x:-moz-any-link, html body:root #mainSearch .form-text { width: 264px; }

#mainSearch .form-select {
    background: transparent url(//img.ui-portal.de/preisvergleich/gmx/img/mod/bg-searchinput.gif) left top repeat-x;
    border: 1px solid;
    border-color: #b3b3b3  #c5c5c5  #d1d1d1 #959595;
    font-size: 13px;
    line-height: 18px;
    height: 24px;
    padding: 2px;
    margin-right: 10px;
}
* html #mainSearch .form-select {
    font-size: 14px;
}
#mainSearch .form-submit {
    background: url(//img.ui-portal.de/preisvergleich/gmx/img/btn/btn-mainsearch-suchen.gif) left top no-repeat;
    height: 24px;
    width: 79px;
}
.unit .product .productdetailSearch {
   padding-top: 10px;
   margin-top: 0;
}
.productdetailSearch form {
    bottom: 10px;
    position: relative;
}
.productdetailSearch form,
.productdetailSearch form fieldset {
    display: inline;
}
.productdetailSearch form ,
.productdetailSearch form fieldset,
.productdetailSearch form input {
    float: left;
}
.productdetailSearch form .form-text {
    background: transparent url(//img.ui-portal.de/preisvergleich/gmx/img/mod/bg-searchinput.gif) left top repeat-x;
    border: 1px solid;
    border-color: #b3b3b3  #c5c5c5  #d1d1d1 #959595;
    font-size: 11px;
    line-height: 13px;
    padding: 3px 2px 2px;
    width: 250px;
}
.productdetailSearch form .form-text,
.productdetailSearch form .form-submit {
    margin-right: 10px;
}
.productdetailSearch form .form-submit {
    background: url(//img.ui-portal.de/preisvergleich/gmx/img/btn/btn-suchen.gif) left top no-repeat;
    height: 20px;
    width: 58px;
}
.productdetailSearch form .form-reset {
    background: url(//img.ui-portal.de/preisvergleich/gmx/img/icons/icon-searchreset-16x16.gif) left top no-repeat;
    height: 16px;
    margin: 4px 5px 0 0;
    width: 16px;
}
.productdetailSearch form .form-reset-label {
    cursor: pointer;
    color: #1144CC;
    font-size: 11px;
    float: left;
    position: relative;
    top: 5px;
}
.productdetailSearch form .form-reset-label:hover {
    text-decoration: underline;
    color: #1144CC;
}
