/* ------------------------------------------------------------------------------------------- */
/* Spezielle Styles für die Handy Kampagne */

.clearfix {display: none;}
#text {
	padding: 1150px 0px 40px 0px;
}

	#wrapper {
		position: absolute;
		top: 315px;
		left: 194px;
		width: 764px;
	}

		#wrapper div {
			float: left;
			width: 356px;
			w\idth: 356px;
			\width: 356px;
			height: 292px;
			margin: 0px 0px 10px 0px;
			padding: 11px;
			background: #FFF;
			border-right: 2px solid #E0E0E0;
			border-bottom: 2px solid #E0E0E0;
		}
		
			h6 {
				width: 350px;
				padding: 4px 0px 7px 6px;
			}
			
				h6 a {
					font-size: 14px;
					color: #000;
				}

			a.image {
				float: right;
				width: 170px;
				height: 221px;
			}

			#wrapper ul {
				float: left;
				width: 186px;
				padding: 5px 0px 0px 0px;
			}

				#wrapper ul li {
					width: 160px;
					padding: 0px 0px 3px 26px;
					background: url(base/images/bg_box_li.gif) no-repeat 14px 5px;
				}
				#wrapper ul li.vorteil {padding: 2px 0px 3px 0px;background: none;}

				#wrapper ul li.infos {
					width: 169px;
					padding: 4px 0px 7px 0px;
					background: none;
				}

					#wrapper ul li.infos a {
						float: left;
						width: 169px;
						font-size: 23px;
						font-weight: bold;
						color: #000;
						background: url(images/bg_kaufen.gif) no-repeat right 6px;
					}
					#wrapper ul li.infos a:hover {background: url(images/bg_kaufen.gif) no-repeat right -44px;}
					#wrapper ul li.infos a small {
						position: relative;
						top: -12px;
						font-size: 9px;
					}

				#wrapper ul li.details {
					width: 169px;
					padding: 0px 0px 0px 0px;
					background: none;
					border-top: 1px solid #EDEDED;
					border-bottom: 1px solid #EDEDED;
				}

					#wrapper ul li.details a {
						float: left;
						width: 169px;
						height: 19px;
						padding: 4px 0px 0px 0px;
						color: #000;
						background: url(images/bg_details.gif) no-repeat right -2px;
					}
					#wrapper ul li.details a:hover {
						color: #C80000;
						text-decoration: underline;
						background: url(images/bg_details.gif) no-repeat right -27px;
					}

		#wrapper div.left, #wrapper #boxes-small div.left {
			margin: 0px 4px 10px 0px;
		}

		#wrapper #boxes-small {
			width: 764px;
			border: none;
			padding: 0px;
			background: none;
		}

			#boxes-small div {
				width: 186px;
				w\idth: 186px;
				\width: 186px;
				height: 282px;
				padding: 0px;
				margin: 0px 0px 10px 0px;
			}

				#boxes-small p {
					float: left;
					width: 178px;
					height: 120px;
					line-height: 16px;
					padding: 0px 4px 0px 4px;
				}
				
				#boxes-small p.title {
					height: auto;
					color: #C80000;
					font-weight: bold;
					padding: 4px 4px 4px 4px;
				}

				#boxes-small a.image {
					float: left;
					width: 186px;
					height: auto;
					margin: 0px 0px 15px 0px;
				}

				#boxes-small a.details {
					clear: both;
					float: left;
					width: 174px;
					height: 19px;
					overflow: hidden;
					margin: 0px 0px 0px 4px;
					padding: 4px 0px 0px 0px;
					color: #000;
					background: url(images/bg_details.gif) no-repeat right -2px;
					border-top: 1px solid #EDEDED;
					border-bottom: 1px solid #EDEDED;
				}
				#boxes-small a.details:hover {
					color: #C80000;
					text-decoration: underline;
					background: url(images/bg_details.gif) no-repeat right -27px;
				}