@charset "utf-8";

/*
-------------------------------------------------------------------
	Body
-------------------------------------------------------------------
*/

body {
	margin:0;
	padding:0;
	font:12px/17px Arial, Helvetica, sans-serif;
	color:#333;
}


/*
-------------------------------------------------------------------
	General
-------------------------------------------------------------------
*/

a img, img {
	border:none;
}

form {
	margin:0;
	padding:0;
}


/*
-------------------------------------------------------------------
	Container
-------------------------------------------------------------------
*/

#container {
	position:relative;
	width:924px;
	margin:15px auto;
	padding:0;
}


/*
-------------------------------------------------------------------
	Container - Top
-------------------------------------------------------------------
*/

	#container #top {
		position:relative;
		height:75px;
		margin:0 0 10px;
		background:url(header-bg.jpg) no-repeat;
		overflow:hidden;
	}
	
		#top_logo {
			position:absolute;
			left:0;
			top:0;
			width:244px;
			height:75px;
		}
		
		#top_menu, #lang_menu {
			list-style:none;
			position:absolute;
			margin:0;
			padding:0;
			font-size:13px;
			line-height:24px;
		}
		
		#top_menu {
			left:265px;
			top:41px;
		}
		
		#lang_menu {
			right:27px;
			top:48px;
		}
		
			#top_menu li, #lang_menu li {
				float:left;
			}
			
				#top_menu li a, #lang_menu li a {
					float:left;
					padding:0 7px;
					color:#6D6E71;
					font-weight:bold;
					text-decoration:none;
				}
				
				#top_menu li a:hover, #top_menu li.act a {
					color:#007AC3;
				}
				
				#top_menu li a.flag {
					padding:6px 7px 0;
				}
				

/*
-------------------------------------------------------------------
	Container - Left
-------------------------------------------------------------------
*/

	#container #left {
		float:left;
		position:relative;
		width:225px;
		height:480px;
		margin:0;
		padding:0 0 0 19px;
		color:#202020;
		font-size:11px;
		line-height:15px;
		background:#c7d9ef;
		overflow:hidden;
	}
	
		#address {
			margin:15px 0 0;
			padding:0;
		}
		
			#address h3, #address p, #imprint p {
				margin:0 0 3px;
				padding:0;
				font-size:11px;
				line-height:15px;
			}
			
			#address a {
				color:#333;
				text-decoration:none;
			}
			
			#address a:hover {
				color:#007AC3;
			}
		
		#news {
			margin:18px 20px 0 0;
			padding:12px 9px;
			color:#FCFCFC;
			background:#9cbbe0;
		}
		
			#news p {
				margin:0 0 8px;
				padding:0;
				font-size:12px;
				line-height:16px;
			}
			
			#news a {
				color:#007AC3;
				text-decoration:none;
			}
		
		#left_menu {
			list-style:none;
			width:225px;
			margin:20px 0 0 0;
			padding:0;
			font-size:12px;
			line-height:22px;
		}

			#left_menu li {
				padding:0 0 3px;
			}
		
			#left_menu li a {
				display:block;
				margin:0 0 1px;
				padding:0 0 0 15px;
				color:#333;
				text-decoration:none;
				background:url(arrow.gif) no-repeat left 8px;
				border-bottom:1px solid #e6eef0;
			}
			
			#left_menu li a:hover, #left_menu li.act a {
				color:#007AC3;
			}
		
		ul.products {
			margin-top:40px !important;
			}
		
			ul.products li ul {
				list-style:none;
				margin:0 0 0 15px;
				padding:0;
				}
			
				ul.products li ul li a {
					background:none !important;
					padding:0 !important;
					color:#333 !important;
				}
				
				ul.products li ul li a:hover, ul.products li ul li.act a {
					color:#007AC3 !important;
				}
		
		#imprint {
			position:absolute;
			left:19px;
			bottom:10px;
		}
			
			#imprint a {
				color:#333;
				text-decoration:none;
			}
			
			#imprint a:hover, #imprint a.act {
				color:#007AC3;
			}
		
			#imprint span {
				color:#707070;
			}





/*
-------------------------------------------------------------------
	Container - Content
-------------------------------------------------------------------
*/

	#container #content_frame {
		float:right;
		position:relative;
		width:551px;
		height:455px;
		margin:0;
		padding:25px 100px 0 19px;
		color:#202020;
		font-size:12px;
		line-height:17px;
		background:#e6eef0 url(content-dots.gif) right 0 repeat-y;
		overflow:auto;
	}
	
	#container #content {
		margin:0;
		padding:0;
	}
	
	#container .content_home {
		background:#e6eef0 url(home-bg.jpg) no-repeat !important;
		overflow:hidden !important;
	}
	
	#container .content_downloads {
		background:#e6eef0 url(downloads-bg.jpg) no-repeat !important;
	}
	
	#container .content_products {
		background:#e6eef0 !important;
		width:613px !important;
		padding:25px 38px 0 19px !important;
	}
		
		#content h2 {
			margin:0 0 18px 0;
			padding:0;
			color:#333;
			font-size:15px;
			line-height:22px;
		}
		
		#content h3 {
			margin:0 0 12px 0;
			padding:0;
			color:#333;
			font-size:13px;
			line-height:20px;
		}
		
		.content_home .home {
			position:absolute;
			left:30px;
			top:25px;
			margin:0;
			padding:0;
			font-size:12px;
			line-height:18px;
		}
		
			.content_home .home h2 {
				margin:0 0 12px !important;
				padding:0;
				font-size:18px !important;
				line-height:24px !important;
			}
			
			.content_home .home p {
				width:460px;
				margin:0 0 12px;
				padding:0;
			}
		
		#col_a {
			float:left;
			width:254px;
			margin:0;
			padding:0;
		}
		
			#col_a p, #col_b p {
				margin:0 0 10px 0;
				padding:0;
			}
		
		#col_b {
			float:left;
			width:254px;
			margin:0 0 0 19px;
			padding:0;
		}


/*
-------------------------------------------------------------------
	Content - Products
-------------------------------------------------------------------
*/

.cols {
	margin:0;
	padding:0;
	clear:left;
}

	.cols .col_a {
		float:left;
		margin:0;
		padding:0;
	}
	
		.cols .col_a h2 a {
			color:#333;
		}
	
		ul.product {
			list-style:none;
			margin:0;
			padding:0 0 15px 0;
		}
		
			ul.product a, .col_b p a {
				text-decoration:none;
				color:#007AC3;
			}
		
		ul.details {
			float:right;
			list-style:none;
			margin:12px 0 0 0;
			padding:0 0 15px 0;
		}
		
			ul.details a {
				list-style:none;
			/*display:block;*/
			/*line-height:17px;*/
				margin:0;
				padding:0 0 0 15px;
				color:#333;
				text-decoration:none;
				background:url(arrow.gif) no-repeat left 3px;
			}
			
				ul.details a span {
					color:#999;
					font-size:11px;
					/*background:url(arrow.gif) no-repeat left 3px;*/
				}
			
			ul.details a:hover {
				color:#007AC3;
			}
	
	.cols .col_b {
		float:right;
		width:375px;
		margin:0;
		padding:0;
	}
	
		.cols .col_b .sub_col_b p {
			float:left;
			width:200px;
			margin:12px 0 0;
			padding:0 0 40px;
		}


/*
-------------------------------------------------------------------
	Content - Product
-------------------------------------------------------------------
*/

.content_product p {
	margin:0 0 12px;
}

	.content_product p a {
		color:#007AC3;
		text-decoration:none;
	}

p.product_img {
	display:inline;
	float:right;
	margin:0 0 15px 19px;
	padding:0;
}

.content_product ul {
	margin:0 0 12px 0 !important;
	padding:0 0 0 15px;
}

p.col_a {
	float:left;
	margin:0 16px 0 0;
	padding:0;
}

p.col_b {
	float:left;
	margin:0 0 0 19px;
	padding:0;
}

span.legend, a.arrow span {
	color:#999;
	font-size:11px;
}

a.arrow {
	margin:0;
	padding:0 0 0 15px;
	color:#333 !important;
	text-decoration:none;
	background:url(arrow.gif) no-repeat left 3px;
}

a.arrow:hover {
	color:#007AC3 !important;
}

table.filter_frames {
	border-collapse:collapse;
}

	table.filter_frames th {
		border:1px solid #999;
		color:#FFF;
		background:#666;
	}
	
		table.filter_frames th span {
			font-weight:normal;
		}
	
	table.filter_frames td {
		text-align:center;
		border:1px solid #999;
		background:#FFF;
	}
	
	table.filter_frames .left {
		text-align:left;
		padding:0 0 0 4px;
	}

	p.toplink a {
		color:#999;
		text-decoration:none;
	}

	p.toplink a:hover {
		color:#333;
	}


/*
-------------------------------------------------------------------
	Content - FAQ
-------------------------------------------------------------------
*/

	.content_faq a {
		color:#999;
		text-decoration:none;
		margin:0 0 0 0;
	}
	
	.content_faq a:hover {
		color:#333;
	}
	
	.content_faq h3 {
		margin-top:27px !important;
	}

	.content_faq p {
		width:490px;
		margin:0 0 12px 16px;
	}
	
	.content_faq table.mengen_container {
		margin:0 0 12px 16px;
	}
	
	.content_faq table.mengen {
		border:1px solid #999;
		border-collapse:collapse;
	}
	
		.content_faq table.mengen th {
			border:1px solid #999;
			color:#FFF;
			background:#666;
		}
	
		.content_faq table.mengen td {
			text-align:center;
			border:1px solid #999;
			background:#FFF;
		}

ol.faq {

}

	ol.faq li {
		margin:0 0 3px;
	}
	
		ol.faq li a {
			margin:0;
			color:#333;
			text-decoration:none;
		}
		
		ol.faq li a:hover {
			color:#007AC3;
		}


/*
-------------------------------------------------------------------
	Content - Wegbeschreibung
-------------------------------------------------------------------
*/

#directions {
	float:left;
	margin:0 10px 0 0;
}

#description {
	float:left;
}

	#description p {
		margin:12px 0;
		padding:0;
	}

#direct_link {
	clear:left;
	margin:0;
	line-height:24px;
}

	#direct_link a {
		display:block;
		margin:0;
		padding:0 0 0 15px;
		color:#007AC3;
		font-size:13px;
		font-weight:bold;
		text-decoration:none;
		background:url(arrow.gif) no-repeat left 7px;
	}


/*
-------------------------------------------------------------------
	Content - Vertrieb
-------------------------------------------------------------------
*/

.sales {
	margin:0 0 19px 19px;
	padding:0;
}

	.sales a {
		color:#007AC3;
		text-decoration:none;
	}



/*
-------------------------------------------------------------------
	Content - Downloads
-------------------------------------------------------------------
*/

#downloads {
	margin:0;
	padding:0;
	list-style:none;
}	

	#downloads li {
		display:block;
		width:520px;
		padding:0 0 5px;
	}

	#downloads a {
		display:block;
		margin:0;
		padding:0 0 0 15px;
		color:#333;
		text-decoration:none;
		background:url(arrow.gif) no-repeat left 3px;
	}
	
	#downloads a:hover, #downloads a:visited {
		color:#007AC3;
		background:url(arrow.gif) no-repeat left 3px;
	}
	
		#downloads a span {
			color:#999;
			font-size:11px;
		}


/*
-------------------------------------------------------------------
	Content - Impressum
-------------------------------------------------------------------
*/

.content_impressum p {
	margin:0 0 12px;
	padding:0 0 0 0;
	width:540px;
}


/*
-------------------------------------------------------------------
	Misc
-------------------------------------------------------------------
*/

.bottom_spacer { 
	height:50px;
	clear:both;
}

.cb { clear:both; }
.mb0 { margin-bottom:0 !important; }
.pb50 { padding-bottom:50 !important; }