@charset "utf-8";

/*

	Reset default CSS 

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	vertical-align: baseline;
}

/* remember to define focus styles! */

:focus { outline: 0; }

html, body {
	height:100%;
	width:100%;
}

body {
	line-height: 1;
	color:#40413e;
	background:#dfdfdf url(../image/hg_body.gif) left top repeat-y;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q {
	padding:0 40px;
	quotes: "" "";
}

/*
	
	General Typography

*/

a {
	color:#7FBB2A;
	text-decoration:underline;
}

a:visited {
	color:#707070;
	text-decoration:underline;
}

strong,th,thead td,dt {
	font-weight:bold;
}

/* Content */

#content h1 {
	color:#222;
	font-size: 18px;
	line-height:1;
	margin:0 0 .435em;
}

#pagetitle {
	background:#CAC9B5;
	border-left:1px solid #f4f5ef;
	color:#222;
	font-size: 28px;
	line-height:43px;
	margin:0 0 .435em;
	padding:0 0 0 40px;
}

#content h2 {
	font-size:16px;
	font-weight:bold;
	line-height:1;
	margin:0 0 .453em;
}

#content h3 {
	font-size:14px;
	font-weight:bold;
	line-height:1;
	margin:0 0 .435em;
}

#content hr {
	display:block;
	background:black;
	color:black;
	width:100%;
	height:1px;
	border:none;
}

#content ul {
	list-style:disc outside;
}

#content ol {
	list-style:decimal outside;
}

#content hr, #content p, #content ul, #content ol, #content dl, #content pre, #content address, #content table, #content form {
	font-size:13px;
	line-height:1.3;
	margin-bottom:1.6em;
}

#content p+p {
	margin-top:-.8em;
}


/*

	Global classes

*/

br.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;
}

span.spacer {
	line-height:14px;
	padding:0 6px; 
}

/*

	TYPO3 specific

*/

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img, 
div.csc-textpic-border div.csc-textpic-single-image img {
	border: 1px solid #adada5;
}

/*

	Container

*/

#container {
	width:1006px;
}

/*

	Header

*/

#header {
	background:#fff url(../image/hg_rand_menue.gif) left bottom repeat-x;
	height:144px;
}

#headerimage {
	margin:0 0 0 100px;
}

/*

	Menubar

*/

#menubar {
	background:#87C82D;
	clear:both;
	height:auto !important;
	height:0;
	min-height:0;
	padding:0 15px;
}

/*

	Mainmenu

*/

#mainmenu {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

	#mainmenu li {
		float:left;
		margin:0;
		position:relative;
		z-index:1000;
	}
	
		#mainmenu li a {
			background:url(../image/spacer.gif) left center no-repeat;
			color:#fff;
			display:block;
			float:left;
			font-size:13px;
			font-weight:700;
			padding:10px 8px 10px 9px;
			text-decoration:none;
		}
		
		#mainmenu li span {
			width:13px;  
			height:33px;  
			float:left;
			margin-right:8px;
			background: url(../image/drop.gif) no-repeat left top; 
		}
		
		#mainmenu li span.subhover {
			background-position:left bottom;
			cursor: pointer;
		}
		
		#mainmenu li ul.subnav {
			list-style: none;  
			position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
			left: 0; top: 32px;  
			background: #333;  
			margin: 0;
			padding: 0;  
			display: none;  
			float: left;  
			width: 190px;  
			border: 1px solid #87C82D;
		}
		
			#mainmenu li ul.subnav li {
				margin: 0;
				padding: 0;  
				border-top: 1px solid #87C82D; /*--Create bevel effect--*/  
				border-bottom: 1px solid #AFDE6E; /*--Create bevel effect--*/  
				clear: both;  
				width: 190px;
				line-height:1.2;
			}
			
				html #mainmenu li ul.subnav li a {
					float: left;  
					line-height:1.2;
					width: 162px;  
					background: #98D544;  
					padding-left: 20px;
				}
				
					html #mainmenu li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
						background: #A8DB61;  
					}
	
	#mainmenu li.no-border a {
		background:none;
		padding:10px 8px 10px 0;
	}
	
	

/*

	Additional Menu

*/

#addmenu {
	float:right;
	list-style:none;
	margin:0;
	padding:0;
}

	#addmenu li {
		float:left;
	}
	
		#addmenu li a {
			background:url(../image/spacer.gif) right center no-repeat;
			color:#fff;
			display:block;
			float:left;
			font-size:13px;
			font-weight:700;
			padding:10px 9px 10px 8px;
			text-decoration:none;
		}
	
	#addmenu li.no-border a {
		background:none;
		padding:10px 0 10px 8px;
	}

/*

	Content

*/

#content {
	background:#fff url(../image/hg_rand_fusszeile.gif) left bottom repeat-x;
	margin:15px 0;
	overflow:hidden;
}

/*

	Content Left

*/

#content_left {
	float:left;
	margin:0 15px 0 0;
	width:190px;
}

	#content_left .csc-default {
		padding:0 15px;
	}
	
	#content_left input[type=text] {
		border: 1px solid #adada5;
		margin:0 0 15px 0;
		width:173px;
	}
	
	#content_left input[type=submit] {
		background:#87C82D;
		border: 1px solid #adada5;
		color:#fff;
	}

/*

	Product Menu

*/

#productmenu {
	border-top:1px solid #adadad;
	float:right;
	margin:0;
	padding:0 0 70px 0;
}

	#productmenu li {
		
		float:left;
		list-style-type:none;
	}
	
		#productmenu li a {
			border-bottom:1px solid #adadad;
			color:#40413e;
			display:block;
			font-size:13px;
			padding:8px 0 8px 15px;
			text-decoration:none;
			width:175px;
		}
		
		#productmenu li a:hover {
			background:#E6F3D3;
		}

/*

	Content Middle

*/

#content_middle {
	margin:0 0 0 0;
	float:left;
}
	
	#content_middle .two-column {
		width:590px;
	}
	
	#content_middle .full {
		width:800px;
	}


	#content_middle .csc-mailform-field {
		margin:3px 0;
	}
	
		#content_middle em.hinweis {
			font-size:11px;
		}
		
		#content_middle label {
			display:block;
			float:left;
			width:140px;
		}
		
		#content_middle textarea {
			width:190px;
		}
		
		#content_middle input[type=text] {
			width:190px;
		}
		
		#content_middle input[type=submit] {
			margin:0 0 0 140px;
		}
	
	#content_middle_top {
		float:left;
		margin:0 0 15px 0;
		width:590px;
	}
	
		#content_middle_top h1 {
			background:#b0b0b0;
			color:#fff;
			height:89px;
			margin:0 5px 0 0;
			padding:15px;
			width:356px;
		}
	
	#add_content {
		float:left;
		margin:0 0 0 22px;
	}
	
	#content_middle_left {
		float:left;
		margin:0 5px 0 0;
		width:390px;
	}
	
	#content_middle_right {
		float:right;
		width:180px;
	}
	
	#content_middle .produktbox {
		border: 1px solid #adada5;
		float:left;
		height:260px;
		margin:0 22px 22px 0;
		width:180px;
	}
	
		#content_middle .produktbox h2 {
			color:#40413e;
			font-size:14px;
			font-weight:700;
			height:40px;
			letter-spacing:0;
			line-height:1.16;
			margin:0 0 .15em;
			padding:10px;
		}
		
			#content_middle .produktbox h2 a {
				color:#40413e;
				font-weight:700;
				text-decoration:none;
			}
			
			#content_middle .produktbox p a {
				background:#87C82D;
				color:#fff;
				line-height:1.2;
				padding:3px 10px;
				text-decoration:none;
			}
			
				#content_middle .produktbox p a:hover {
					text-decoration:underline;
				}
	
	#content_middle .produktbox.last {
		margin:0 0 22px 0;
	}
	
	#content_middle .space {
		margin:0 0 60px;
	}
	
	#content_middle .backlink {
		margin:0 0 20px 0;
	}

/*

	Content Right

*/

#content_right {
	float:right;
	margin:0 15px 0 0;
	width:180px;
}

	#content_right .box {
		border: 1px solid #adada5;
		margin:0 0 15px 0;
	}
		
		#content_right .box p, #content_right .box div.csc-textpic {
			padding:0 4px;
		}
		
		#content_right .box div.csc-textpic p {
			padding:0;
		}
		
		#content_right .box .header {
			background-color: #87c82d;
			color: #fff;
			display:block;
			font-size:13px;
			font-weight:700;
			line-height:1.2;
			margin:0 0 .535em;
			padding: 5px 4px;
		}
	
			#content_right .box .header a {
				color: #fff;
				font-weight:700;
			}
/*

	Footer

*/

#footer {
	clear:both;
	color:#707070;
	font-size:13px;
	line-height:1.2;
	margin:0 0 0 210px;
}

	#footer a {
		color:#707070;
	}

/*

	Copyright

*/

#copyright {
	float:left;
}

/*

	Footermenu

*/

#footermenu {
	text-align:right;
	margin:0 15px;
}

	#footermenu li {
		list-style-type:none;
	}

/*

	Landingpage

*/

#landingpage {
	float:right;
	margin:15px;
}

	#landingpage li {
		float:left;
		list-style-type:none;
	}


/*

	Infotext

*/

#infotext {
	color:#a2a2a2;
	font-size:11px;
	line-height:1.2;
	margin:250px 0 0 210px;
	width:580px;
}

	#infotext p {
		margin-bottom:1.6em;
	}

/*

	ImageCycle

*/

div.tx-imagecycle-pi1 ul li span {
	background:#fff;
	color:#40413E;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-style:italic;
	font-weight:700;
	padding:2px 10px 2px 5px;
	text-align:right;
	width:563px;
}