/* CSS Document */

body,h1,h2,h3,h4,h5,h6,ul,li,ol,div,p,a,img ,form,input,select {
	float: left;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
}

h1 {
	font-size:20px;
	color:#008698;
}

a {
	text-decoration: none;
}

a span {
	display: none;
}

a img {
	border: 0px;
}

ul li {
	float: left;
	list-style: none;
}

#page {
	position: relative;
	width: 972px;
}

	#header {
		position: absolute;
		top: 0px;
		width: 972px;
		height: 174px;
	}

		#logo {
			width: 130px;
			height: 100px;
			margin: 0px 0px 0px 23px;
			background: url(/images/logo.jpg) no-repeat;
		}

		#topnavi {
			float: right;
			width: 266px;
		}

			#topnavi li {
				padding: 20px 0px 0px 15px;
				background: url(/images/bg_topnavi_li.gif) no-repeat 7px 21px;
			}

			#topnavi li.first {
				padding: 20px 0px 0px 8px;
				background: none;
			}

				#topnavi li a {
					font-size: 11px;
					color: #333333;
				}
				
				#topnavi li a:hover {
					color: #008698;
					text-decoration: underline;
				}

				#topnavi li.first a {
					padding: 0px 0px 0px 16px;
					background: url(/images/shoppingcart.gif) no-repeat 0px 1px;
				}

				#topnavi li.first a:hover {
					background: url(/images/shoppingcart.gif) no-repeat 0px -108px;
				}

		#header form {
			clear: right;
			float: right;
			width: 286px;
			margin: 22px 0px 0px 0px;
		}

			#header form input#question {
				width: 242px;
				padding: 1px 0px 1px 5px;
				margin: 0px 0px 6px 0px;
				border:1px solid #D2D4D6;
				color: #566171;
			}

			#header form select {
				width: 249px;
				height: 18px;
				margin: 0px 4px 0px 0px;
				border:1px solid #D2D4D6;
				color: #566171;
			}

		#mainnavi {
			position: relative;
			left: 12px;
			width: 954px;
			height: 30px;
			margin: 10px 0px 0px 0px;
			background: #FF0000 url(/images/bg_mainnavi.gif) no-repeat 0px 24px;
		}

				#mainnavi li a {
					padding: 5px 12px 5px 12px;
					color: #FFFFFF;
					font-weight: bold;
					border-right: 1px solid #FFFFFF;
				}

				#mainnavi li a.active {
					background: #CC0202;
				}

				#mainnavi li a:hover {
					background: #CC0202;
				}

		#subnavi {
			float: right;
			width: 959px;
			padding: 7px 0px 0px 13px;
		}

			#subnavi li {
				padding: 0px 0px 0px 15px;
				background: url(/images/bg_topnavi_li.gif) no-repeat 7px 1px;
			}

			#subnavi li.first {
				padding: 0px 0px 0px 11px;
				background: none;
			}

				#subnavi li a {
					font-size: 11px;
					color: #333333;
				}

				#subnavi li a.active {
					font-weight: bold;
				}

				#subnavi li a:hover {
					color: #008698;
					text-decoration: underline;
				}

	#content {
		position: absolute;
		top: 174px;
		width: 961px;
		padding: 0px 2px 0px 9px;
	}

		#text {
			float: right;
			width: 764px;
			position: relative;
			padding: 1130px 0px 0px 5px;
		}
		#text.short {
			padding: 580px 0px 0px 5px;
		}

			#text h1 {
				width: 764px;
				margin: 0px 0px 10px 0px;
				padding: 0px 0px 0px 0px;
			}

			#text h2 {
				width: 764px;
				margin: 0px 0px 10px 0px;
				padding: 0px 0px 0px 0px;
			}

			#text p {
				width: 764px;
				margin: 0px 0px 10px 0px;
				padding: 0px 0px 0px 0px;
			}
			
			#text p a {
				float: none;
				color: #000000;
				display: inline;
				text-decoration: underline;
			}
			
			#breadcrumb {
				width: 764px;
				height: 15px;
				margin: 0px 0px 15px 0px;
			}

				#breadcrumb li {
					position: relative;
					font-weight: bold;
					height: 15px;
					padding: 0px 0px 0px 10px;
					background: url(/images/pfeil_rechts.gif) no-repeat 4px 5px;
				}

				#breadcrumb li.first {
					padding: 0px 0px 0px 0px;
					background: none;
				}
				
				#breadcrumb li.unten {
					background: url(/images/pfeil_unten.gif) no-repeat 3px 6px;
				}
								
					#breadcrumb li a {
						font-weight: normal;
						color: #000000;
					}

					#breadcrumb li a:hover {
						text-decoration: underline;
					}

					#breadcrumb li h2 {
						float: none;
						width: auto;
						display: block;
						color: #000000;
						font-weight: normal;
					}

					#breadcrumb li ul {
						position: absolute;
						top: 15px;
						left: 0px;
						width: 600px;
						display: none;
						background: #FFFFFF;
						padding: 0px 0px 0px 0px;
					}

					#breadcrumb li:hover ul {
						display: block;
					}

						#breadcrumb li ul li {
							padding: 0px 0px 0px 10px;
							background: url(/images/bg_breadcrumb_li.gif) no-repeat 4px 2px;
						}

						#breadcrumb li ul li.first {
							padding: 0px 0px 0px 10px;
							background: none;
						}

						#breadcrumb li ul li a {
							float: none;
							width: auto;
							display: block;
						}

			#wrapper_welt-handy {
				position: absolute;
				top: 356px;
				left: 201px;
				padding: 40px 0px 0px 120px;
				z-index: 150 !important;
				width: 648px;
			}


			#wrapper {
				position: absolute;
				top: 356px;
				left: 201px;
				z-index: 150 !important;
				width: 768px;
			}

				#wrapper .box {
					float: left;
					height: 309px;
					width: 384px;
					margin: 0px 0px 5px 0px;
					background: url(/images/384px.gif) no-repeat bottom;
				}

					#wrapper .box h6 {
						float: left;
						width: 370px;
						height: 27px;
						padding: 16px 0px 0px 14px;
						font-size: 14px;
						background: url(/images/bg_box_h6.gif) no-repeat 4px 0px;
					}

					#wrapper .box .image {
						float: right;
						width: 171px;
						height: 231px;
						margin: 0px 18px 0px 0px;
					}
					
					#wrapper .box ul {
						float: left;
						width: 176px;
						margin: 0px 0px 0px 0px;
						padding: 1px 0px 0px 14px;
					}
					
						#wrapper .box ul li {
							float: left;
							width: 147px;
							padding: 0px 0px 2px 29px;
							background: url(/images/bg_box_li.gif) no-repeat 14px 5px;
						}
						
						#wrapper .box ul li.vorteil, #wrapper .box ul li.kaufen, #wrapper .box ul li.details, #wrapper .box ul li.infos {
							float: left;
							width: 169px;
							padding: 0px 0px 9px 0px;
							background: none;
						}
						
						#wrapper .box ul li.first {
							padding: 0px 0px 9px 29px;
							font-weight: bold;
						}
						
						#wrapper .box ul li.vorteil {
							padding: 2px 0px 9px 0px;	
							line-height: 16px;
						}
						
						#wrapper .box ul li.kaufen, #wrapper .box ul li.infos {
							padding: 4px 0px 4px 0px;
							background: url(/images/dottedLine.gif) repeat-x bottom;
						}
						
							#wrapper .box ul li.kaufen a {
								float: right;
								width: 50px;
								height: 24px;
								background: url(/images/kaufen.gif) no-repeat;
							}
							#wrapper .box ul li.kaufen a:hover {background: url(/images/kaufen.gif) no-repeat 0px -24px;}

							#wrapper .box ul li.infos a {
								float: right;
								width: 86px;
								height: 24px;
								margin: 40px 0px 0px 0px;
								background: url(/images/weitere-informationen.gif) no-repeat;
							}
							#wrapper .box ul li.infos a:hover {background: url(/images/weitere-informationen.gif) no-repeat 0px -24px;}

						#wrapper .box ul li.details {
							padding: 0px 0px 0px 0px;
						}

							#wrapper .box ul li.details a {
								float: left;
								width: 168px;
								color: #000000;
								padding: 5px 0px 5px 1px;
								background: url(/images/details.gif) no-repeat right 3px;
							}
							#wrapper .box ul li.details a:hover {
								color: #008698;
								text-decoration: underline;
								background: url(/images/details.gif) no-repeat right -42px;
							}

					#wrapper .box_small {
						width: 186px;
						height: 289px;
						margin: 0px 0px 0px 0px;
						padding: 0px 3px 0px 3px;
						background: url(/images/192px.gif) no-repeat bottom;
					}

						#wrapper .box_small p {
							width: 174spx;
							padding: 10px 6px 0px 6px;
							font-size: 11px;
						}

						#wrapper .box_small p.title{
							width: 180px;
							height: 19px;
							padding: 5px 0px 0px 6px;
							color: #FFFFFF;
							font-weight: bold;
							background: #008698;
						}

						#wrapper .box_small a {
							float: left;
							width: 174px;
							height: 20px;
							color: #000000;
							padding: 5px 0px 0px 7px;
							background: url(/images/bg_box_small_a.gif) no-repeat 7px 0px;
						}
						#wrapper .box_small a:hover {
							color: #008698;
							text-decoration: underline;
							background: url(/images/bg_box_small_a.gif) no-repeat 7px -25px;
						}
						#wrapper .box_small a.image{
							float: left;
							width: 186px;
							height: 72px;
							padding: 0px 0px 0px 0px;
						}

			#object {
				position: absolute;
				top: 174px;
				left: 201px;
				float: right;
				width: 762px;
				height: 168px;
				margin: 0px 0px 6px 0px;
				padding: 0px 3px 8px 3px;
				background: url(/images/768px.gif) 0px bottom;
			}

				#object object {
					float: left;
					width: 762px;
					height: 168px;
				}

		#sidebar {
			position: relative;
			float: left;
			width: 192px;
		}

			#sidebar ul {
				float: left;
				width: 189px;
				margin: 0px 0px 5px 0px;
				padding: 0px 0px 9px 3px;
				background: url(/images/192px.gif) bottom;
			}

			#sidebar ul.green {
				padding: 0px 0px 18px 3px;
			}
			
			#sidebar ul.cloud {
				padding: 0px 0px 15px 0px;
				text-align: center;
			}

				#sidebar ul li {
					width: 186px;
					padding: 0px 1px 0px 2px;
				}
			
				#sidebar ul.green li {
					width: 182px;
					padding: 0px 1px 0px 6px;
				}
				
				#sidebar ul.cloud li {
					float: none;
					display: inline;
					height: 14px;
					padding: 0px 0px 0px 0px;
				}
		
				#sidebar ul.cloud ul {
					width: 169px;
					margin: 0px 0px 0px 0px;
					padding: 0px 10px 0px 10px;
					background: none;
				}

				#sidebar ul li.first {
					width: 174px;
					height: 19px;
					color: #FFFFFF;
					font-weight: bold;
					background: #008698;
					padding: 5px 0px 0px 12px;
				}
			
				#sidebar ul.green li.first {
					width: 180px;
					background: #5B8424;
					padding: 5px 0px 0px 6px;
				}

				#sidebar ul.cloud li.first {
					float: left;
					width: 180px;
					background: #8BC55A;
					margin: 0px 0px 6px 0px;
					padding: 5px 0px 0px 6px;
				}

					#sidebar ul li a {
						width: 173px;
						w\idth: 173px;
						\width: 173px;
						height: 18px;
						padding: 6px 0px 0px 10px;
						color: #333333;
						background: #FFFFFF url(/images/dottedLine.gif) repeat-x;
					}

					#sidebar ul li a.first {
						background: none;
					}

					#sidebar ul.green li a {
						width: 175px;
						w\idth: 175px;
						\width: 175px;
						padding: 6px 3px 0px 1px;
						background: url(/images/iconPopupGrassGreen.gif) no-repeat 0px 4px !important;
					}

					#sidebar ul.cloud li a {
						float: none;
						display: inline;
						width: auto;
						padding: 0px;
						color: #999999;
						font-size: 10px;
						font-weight: bold;
						border: none;
						background: none;
					}

					#sidebar ul.cloud li a.big {
						font-size: 12px;
					}
					#sidebar ul.green li.last a {
					}

					#sidebar ul.green li a:hover {
						background: url(/images/iconPopupGrassGreen.gif) no-repeat 0px -96px !important;
					}

					#sidebar ul li a:hover {
						color: #008698;
						text-decoration: underline;
					}

			#sidebar .box {
				float: left;
				width: 189px;
				margin: 0px 0px 5px 0px;
				padding: 0px 0px 7px 3px;
				background: url(/images/192px.gif) bottom;
			}

				#sidebar .box span {
					float: left;
					display: block;
					width: 174px;
					height: 19px;
					color: #FFFFFF;
					font-weight: bold;
					background: #008698;
					padding: 5px 0px 0px 12px;
				}
				
				#sidebar a.box img {
					width: 186px;
				}

		#footer {
			width: 737px;
			padding: 0px 0px 41px 224px;
		}		

			#footer li {
				padding: 16px 0px 0px 15px;
				background: url(/images/bg_topnavi_li.gif) no-repeat 7px 18px;
			}

			#footer li.first {
				padding: 16px 0px 0px 0px;
				background: none;
			}

				#footer li a {
					float:left;
					font-size: 11px;
					color: #333333;
				}

				#footer li a:hover {
					color: #008698;
					text-decoration: underline;
				}