* {
	margin: 0;
	padding: 0;
}

/* CSS BY TAG */
body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	color: #000000;
	font: 76% Arial, Helvetica, sans-serif;
}
* html body {
	margin: 0;
	padding: 0;
	width: 98%;
}

/* alphabetic order */
a {
	color: #656565;
	font-weight: bold;
}
	active a {
		color: #3AAB39;
	}
	
	a.textLink {
		color: #3AAB39;
		background-color: inherit;
		font-weight: bold;
		text-decoration: underline;
	}

h1 {
	margin: 26px 0 16px;
	font-size: 1.5em;
}
h2 {
	font-size: 1em;
	font-weight: bold;
}
h3 {
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 0.3em;
}
img {
	display: block;
	border: none;
}

	img.spaceright {
		display: inline;
		margin-right: 5px;
	}
	img.spaceleft {
		display: inline;
		margin-left: 5px;
	}
	img.imgpointer {
		cursor: pointer;
	}
	
p {
	margin-bottom: 1em;
}
ul, ol {
	padding-bottom: 1em;
}

/* BASIC CSS BY CLASS */
.arrow {
	display: block;
	margin-bottom: 4px;
	padding-left: 11px;
	background: url(../img/pfeil.gif) no-repeat 0 0.35em;
	color: #656565;
	text-decoration: none;
}
	.arrow a, a.arrow {
		color: #656565;
		text-decoration: none;
		font-weight: bold;
	}
	.arrow a:hover, a.arrow:hover {
		color: #3AAB39;
	}

.arrowBack {
	display: block;
	margin-bottom: 4px;
	padding-left: 11px;
	background: url(../img/pfeil_zurueck.gif) no-repeat 0 0.35em;
	color: #656565;
	text-decoration: none;
}
	.arrowBack a, a.arrowBack {
		color: #656565;
		text-decoration: none;
		font-weight: bold;
	}
	.arrowBack a:hover, a.arrowBack:hover {
		color: #3AAB39;
	}	
	
	

p.video {
/*	margin: 5px 0 0 0; */
 	padding-left: 22px;
 	background: url(/global/img/icon_video.gif) no-repeat 0 0.15em;
}
	p.video a {
	 	color: #656565;
 		text-decoration: none;
	}
	p.video a:hover {
 		color: #3AAB39;
	}

.clear {
	clear: both;
}
.grafikList {
	margin: 0 0 15px 0;
	padding: 0;
	list-style-image: url(/global/img/general/haken.gif);
}
	.grafikList li {
		margin: 0.5em 0 0.2em 16px;
/*		list-style-type: disc; */
		list-style-type: none;

	}
	.grafikList ul li ul li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

/* MAIN: DOWNLOADLINKS md */
/* http://com.viking.stofi.net/deutsch/unterhaltung/screensaver/default.htm */
.downloadLinks {
	font-size: 1em;
	margin-bottom: 12px;
}
.downloadLinks ul {
	list-style: none;
}
.downloadLinks li {
	clear: left;
}
.downloadLinks div, .downloadLinks ul li {
	padding-left: 11px;
	background: url(/global/img/pfeil.gif) no-repeat 0 0.4em;
}
.downloadLinks h4 {
	font-size: 1em;
}
.downloadLinks p {
	margin-bottom: 6px;
	height: 18px;
	margin-bottom: 4px;
	margin-left: 0;
	color: #000000;
	font-size: 1em;
	text-decoration: none;
	padding-left: 20px;
	display: block;
}
.downloadLinks img {
	float: left;
	margin: 0 4px 6px 0;
	border: 2px solid #FFFFFF;
}
.downloadLinks a {
	color: #656565;
	text-decoration: none;
}
.downloadLinks a:hover {
	color: #3AAB39;
}
.pdf {
	background: url(/global/img/icons/pdf_icon.gif) no-repeat 0 0.1em;
}
.exe {
	background: url(/global/img/icons/exe_icon.jpg) no-repeat 0 0.1em;
}
.zip {
	background: url(/global/img/icons/zip_icon.gif) no-repeat 0 0.1em;
}
.xls {
	background: url(/global/img/icons/exl_icon.gif) no-repeat 0 0.1em;
}
.jpg {
	background: url(/global/img/icons/jpg_icon.gif) no-repeat 0 0.1em;
}
.spacetop {
	margin-top: 12px;
}

/* Adobe Reader (Software) Download */
/* http://com.viking.stofi.net/deutsch/unterhaltung/screensaver/default.htm */
.downloadSoftware {
	padding-top: 30px;
	clear: both; /*md*/
}
.downloadSoftware .image {
	width: 88px;
}
.downloadSoftware div {
	width: 241px;
}
.downloadSoftware p {
	margin-bottom: 2px;
}
.downloadSoftware p a {
	color: #3AAB39;
}
.downloadSoftware.small {
	font-size: 0.9em;
}


/* MAINCONTAINER */
/* PAGE */
#page {
/*	width: 622px; */
	width: 624px;	
	float: left;
}
/* MAINCONTAINER */
/* SIDEBAR */
#sidebar {
	float: left;
	width: 206px;
}

/* -- SIDEBAR: CHAPTER -- */
	#chapter {
/*		width:206px; */
		font-size: 0.9em;
		color: #656565;
	}
		#chapter h2 {
			/*margin-bottom: 6px;*/
			padding-left: 5px;
			background: #e2e2e2;
			font-size: 1em;
			font-weight: normal;
			margin: 0px 0px 0.25em 0px;
			line-height: 1.7em;
		}
		#chapter h3 {
			margin-bottom: 0;
			font-size: 1em;
			font-weight: normal;
		}
		#chapter img {
			margin-bottom: 20px;
		}
		
		#chapter .tools {
		/*	margin-left: 16px; */
			margin: 0;
			padding: 0;
		}
		/*
			#chapter .tools p {
				margin-left: 5px;
			}
			#chapter .tools p a {
				font-weight: normal;
			}
		*/
		
		#chapter ul {
		/*	float: left; */
			font-size: 11px;
			list-style: none;
			margin: 0 0 10px 0;
			padding: 0;
		}
		#chapter ul li {
			margin: 0;
			padding: 3px 0 0 0;
			font-weight: normal;
		}
		#chapter ul li a, #chapter ul li span {
			margin: 0;
			padding: 0 0 0 11px;
			width:195px;
			font-weight: normal;
			color: #656565;
			display: block;
			background: url(../img/pfeil.gif) no-repeat 0px 0.3em;
			text-decoration: none;
		}
		#chapter ul li a:hover, #chapter ul a.active, #chapter ul li span {
			color: #3AAB39;
		}
		#chapter .listIcon li {
			padding-left: 30px;
			padding-top: 4px;
			height: 23px;
			display: block;
		}
			.iconbenzin {
				background: url(../img/icon-benzin.gif) no-repeat 0 0;
			}
			.iconakku {
				background: url(../img/icon-akku.gif) no-repeat 0 0;
			}
			.iconelektro {
				background: url(../img/icon-elektro.gif) no-repeat 0 0;
			}
			.iconschnittbreite {
				background: url(../img/icon-schnittbreite.gif) no-repeat 0 0;
			}
			.iconflaeche {
				background: url(../img/icon-flaeche.gif) no-repeat 0 0;
			}
			
			#chapter .listIconHorizontal {
				float: left;
				padding-top: 10px;
				padding-bottom: 7px;
			}
				#chapter .listIconHorizontal li {
					display: inline;
					float: left;
					height: 22px;
					padding-left: 23px;
				}

		/* Neuer Subcontent Garten-Häcksler seit Nov. 2009, Roman */
		/* /deutsch/produkte/haecksler/kombi-haecksler/default.htm	*/	
		#chapter .listIcon_big li {
			padding: 1px 0 0 0;
			height: 30px;
			float: left;
		}
			.iconelektro_benzin_big {
				background-image: url(../produkte/haecksler/img/icon-elektro-benzin.gif);
				background-repeat: no-repeat;
				width: 65px;
				height: 30px;
				float: left;
			}
			.iconbenzin_big {
				background-image: url(../produkte/haecksler/img/icon-benzin.gif);
				background-repeat: no-repeat;
				width: 30px;
				height: 30px;
				float: left;
			}
			.iconelektro_big {
				background-image: url(../produkte/haecksler/img/icon-elektro.gif);
				background-repeat: no-repeat;
				width: 30px;
				height: 30px;
				float: left;	
			}
			.icondaumen_big {
				background-image: url(../produkte/haecksler/img/icon-daumen.gif);
				background-repeat: no-repeat;
				width: 30px;
				height: 30px;
				float: left;	
			}

			.iconauswahl_big {
				background-image: url(../produkte/haecksler/img/icon-auswahlhilfe.gif);
				background-repeat: no-repeat;
				background-color: #E2E2E2;
				width: 206px;
				height: 30px;
				float: left; 
			}
			#chapter .iconauswahl_big a {
				margin-left: 60px;
				width: 134px;
				font-weight: bold;
			}
		/* /ENDE Neuer Subcontent Garten-Häcksler */
			
/* MAINCONTAINER */		
/* -- CONTENT -- */
#main, #content {
	margin-left: 52px;
	padding-bottom: 2em;
	width: 364px;
	float: left;
}
#morecontent {
	float: left;
	width: 100%;
	padding-bottom: 20px;
}

/* Content Container, Contentnavio standard */
	
.imageLinks {
	font-size: 0.9em;
	margin-bottom: 1em;
	float: left;
	width: 100%;
}
	.imageLinks ul {
		list-style: none;
	}
	
/*
	.imageLinks div {
		overflow: auto;
	}
	* html .imageLinks div {
		height: 1%;
		overflow: visible;
	}
*/
	.imageLinks li {
		clear: left;
	}
	.imageLinks ul div {
		float: left;
		width: 279px;
		padding-left: 11px;
		background: url(../img/pfeil.gif) no-repeat 0 0.4em;
	}
	.imageLinks h3 {
		font-size: 1em;
	}
	.imageLinks p {
		margin-bottom: 6px;
		color: #656565;
	}
	.imageLinks img {
		float: left;
		margin: 0 4px 6px 0;
		border: 2px solid #FFFFFF;
	}
	.imageLinks a {
		color: #656565;
		text-decoration: none;
	}
	.imageLinks .over, .imageLinks li a:hover {
		color: #3AAB39;
	}
	.imageLinks .over img {
		border-color: #3AAB39;
	}

	

/* in Verbindung mit controller? */
	.listContainer {
		margin-bottom: 15px;
		padding-left: 0;
		margin-left: 0;
		list-style-type: none;
	}
	.listContainer li {	
		display: inline;
		height: 1%;
	}
	.listContainer li a {
		padding: 5px 0 5px 10px;
		margin: 0 0 1px;
		display: block;
		height: 1%;
		background: #F2F2F2;
		font-size: 0.90em;
		text-decoration: none;
	}
	

/* Content Container Controller */
	.controller {
		float: left;
		width: 100%;
		padding-bottom: 1em;
	}
	/* Variante 2-spaltig */
	.controller.twocolums ul {
		float: left;
		width: 182px;
	}
	
	/* Variante 3-spaltig */
	.controller.threecolums ul {
		float: left;
		width: 120px;
	}
	.controller.threecolums li {
		width: 120px;
		float: left;
		margin-left: 1px;
	}
	.controller.threecolums .first li {
		width: 122px;
		margin-left: 0;
	}
	
		.controller ul {
			margin: 0;
			padding: 0;
			background: #FFFFFF;
			list-style: none;
		}
		.controller ul.insertLeft {
			float: left;
			width: 247px;
		}
		.controller li {
			display: inline;
		}

		.controller ul li span, .controller ul li a {
			margin-bottom: 1px;
			padding: 3px 5px 3px 16px;
			font-size: 0.9em;
			font-weight: bold;
			color: #656565;
			display: block;
			background: #F2F2F2 url(../img/pfeil.gif) no-repeat 5px 0.6em;
			text-decoration: none;
		}
		
		.controller ul.threeQuarter {
			width: 240px;
			margin-right: 8px;
		}
		
		.controller a:active, .controller a:hover, .controller a.active, .controller ul li span {
			color: #3AAB39;
		/*	background: #F2F2F2 url(../img/pfeil_weiss.gif) no-repeat 5px 0.6em; */
		}
			.controller .controllerImage {
				float: left;
				width: 114px;
				background: #FFFFFF;
				margin-left: 2px;
			}
			.controller .controllerImage p {
				margin-bottom: 0;
				margin-top: 3px;
			}
			
	.swapContent {
		margin-top: 0;
		padding: 0;
		float:left;
		display: none;		
	}
	
/* Content Container  */
.contentmodulline {
	margin-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	float: left;
	border-top: solid 1px #cccccc;
}
	.contentmodulline h2 {
		margin-top: 5px;
		margin-bottom: 5px;
		font-size: 1em;
	}
	.image {
		padding-right: 10px;
		width: 103px;
		float: left;

	}
	.text {
		float: left;
		width: 251px;
		width: 249px;
	}

	
	
.iconmodullinie {
	float: left;
	margin: 0;
}
	.iconmodullinie p {
		float: left;
		margin-bottom: 0;
		padding-top: 5px;
		padding-bottom: 20px;
	}	
		.iconmodul {
			padding-bottom: 0;
			float: left;
			border-bottom: solid 1px #3aab39;
			width: 360px;
		}	
			.iconmodul h2 {
				margin-top: 10px;
				margin-bottom: 0;
				float: left;
				font-size: 1em;
			}
			.iconmodul .image {
				border: none;
				padding-right: 5px;
				width: 30px;
				float: left;
			}
			.iconmodul .image img {
				border: none;	
			}
	
/* Content Container  */
.contentContainer {
	padding-bottom: 1em;
}

/* Content Container  */
.flashContainer {
	padding-bottom: 1em;
	width: 100%;
	float: left;
}

/* Content Module 2. Ordnung */
/* Tabelle */	
	table {
		width: 100%;
		margin-bottom: 1em;
		float: left;
		border-spacing: 0px 0px;
		/*table-layout: fixed;*/
	}
	table img {
		display: inline;
	}
	
		tr.alternateRow {
			background: #e2e2e2;
		}
		
		td, th {
			text-align: left;
			vertical-align: top;
			padding: 3px 4px 3px 4px;
			font-size: 12px;			
		}
			th {
				background: #e2e2e2;
			}
	
	table.techdata {
		
	}
	
	.legende {
		font-size: 0.9em;
		padding: 0 0 1em 0;
		float: left;
		width: 100%;
	}
		.legende p {
	
		}
		.legende img {
			display: inline;
		}

	.linklist {
		width: 100%;
		float: left;
	}
	
	#copyright {
		margin: 20px 0 0 25px;
		visibility: hidden;
		display: none;
	}

	/* Header unter Kapitelbild mit Icon links */
	/* IE 7 Hack*/
		*+html #chapter h2#SpecialWithIcon {
			background: url(/global/img/produkte/daumen-balken.gif) no-repeat 0 0.35em;
			float: left;
			margin-top: 30px;
			padding-left: 25px;
			padding-top: 3px;
			width: 180px;
		}
	/* MOZILLA Hack*/
		*:not(hr) #chapter h2#SpecialWithIcon {
			background: url(/global/img/produkte/daumen-balken.gif) no-repeat 0 0.35em;
			float: left;
			margin-top: 30px;
			padding-left: 25px;
			padding-top: 4px;
			width: 180px;
		}