html {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	scrollbar-face-color: rgb(244,245,246);
	scrollbar-arrow-color: rgb(220,219,216); 
	scrollbar-shadow-color: rgb(207,207,206);
	scrollbar-highlight-color: rgb(229,229,229);
	scrollbar-3d-light-color: rgb(229,229,229);
}

	body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	background-color: #d5d6d8;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	}

		p, div, table, tr, td, ul, li, dl, dt, dd {
		margin: 0px;
		padding: 0px;
		border: 0px;
		font-size: 10pt;
		}

		table {
		margin: 0px;
		padding: 0px;
		border-collapse: collapse;
		border-spacing: 0px;
		}
		
			td {
			vertical-align: top;
			}

		p { margin-bottom: 1.1em; }
		p.bold, span.bold { font-weight: bold; }

		fieldset.csc-mailform {
		border: 0px;
		}
		
			div.csc-mailform-field {
			margin-bottom: 5px;
			}

				div.csc-mailform-field label {
				display: block;
				float: left;
				width: 90px;
				}
		
				div.csc-mailform-field input, div.csc-mailform-field textarea, div.csc-mailform-field select {
				border: 1px solid #d9d9db;
				font-size: 8pt;
				}
				
				div.csc-mailform-field input, div.csc-mailform-field select { width: 150px; }
				div.csc-mailform-field textarea { width: 200px; height: 100px; }
		
				div.csc-mailform-field input.csc-mailform-submit {
				width: 80px;
				margin: 20px 0px 0px 190px;
				padding: 2px 4px 2px 4px;
				border: 1px solid #c0c0c0;
				background-color: #d9d9db;
				}
				
		h1 {
		margin: 0px;
		padding: 0px 0px 30px 0px;
		font-size: 25pt;
		color: #d10019;
		font-weight: normal;
		}
		
		h2 {
		font-size: 14pt;
		color: #d10019;
		font-weight: normal;
		}

		h3 {
		font-weight: bold;
		font-size: 1em;
		}
		
		.graphical-hr {
		margin: 0px;
		padding: 0px;
		width: 100%;
		height: 1px;
		background: url(../img/hr-background.jpg) no-repeat center center;
		}
		
		a { color:rgb(0,0,0); text-decoration:underline; font-size:10pt;}
		a:visited { color:rgb(0,0,0); text-decoration:underline; }
		a:active { color:rgb(0,0,0); text-decoration:underline; }
		a:hover { color:rgb(200,199,198); text-decoration:underline; }

		a.subnav { color:rgb(179,178,180); text-decoration:none; font-size:9pt; }
		a.subnav:visited { color:rgb(179,178,180); text-decoration:none; }
		a.subnav:active { color:rgb(0,0,0); text-decoration:none; }
		a.subnav:hover { color:rgb(0,0,0); text-decoration:none; }
		#submenu ul li.active a.subnav { color: #d10019; }
		#submenu ul li.active a.subnav:hover { color: #000000; }
		
		a.produkte { color:rgb(0,0,0); text-decoration:underline;  font-size:10pt;}
		a.produkte:visited { color:rgb(0,0,0); text-decoration:underline; }
		a.produkte:active { color:rgb(179,178,180); text-decoration:none; }
		a.produkte:hover{color:rgb(179,178,180); text-decoration:none; }

		a.redarrow-link, a.redarrow-text-link {
		margin: 0px;
		padding: 0px 37px 0px 0px;
		background: url(../img/redarrow-small.gif) no-repeat right center;
		}
		
		a.redarrow-link {
		width: 36px;
		height: 18px;
		text-decoration: none;
		}

		a.redarrow-link:hover, a.redarrow-text-link:hover {
		background-image: url(../img/redarrow-bold.gif);
		}
		
		div.redTitelContent{font-size:25pt; color:rgb(209,0,25); font-style:bold;}
		div.boldTitelContent{font-size:16pt; font-style:bold; }
		div.thinTitelContent{font-size:16pt;font-style:BOLD; font-weight: lighter;}
		div.titelContent{font-size:10pt;}

		span.redTitelContent{font-size:25pt; color:rgb(209,0,25); font-style:bold;}
		span.redHeader{font-size:14pt; color:rgb(209,0,25); font-style:bold;}
		span.boldTitelContent{font-size:16pt; font-style:bold; }
		span.thinTitelContent{font-size:16pt;font-style:BOLD; font-weight: lighter;}
		span.titelContent{font-size:10pt;}


/********************************
 *** Layout *********************
 ********************************/
#container {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -270px;
	margin-left: -450px;
	width: 900px;
	height: 540px;
}

	#header {
	position: relative;
	width: 100%;
	height: 56px;
	background: #f5f5f5 url(../img/header-bg.gif) repeat-x top left;
	}

		/* MAIN MENU */
		#mainmenu {
		position: absolute;
		top: 25px;
		}
		
			#mainmenu ul {
			margin: 0px;
			padding: 0px;
			list-style-type: none;
			}
			
				#mainmenu ul li {
				float: left;
				margin: 0px;
				padding: 0px;
				}
				
					#mainmenu ul li a {
					display: block;
					margin: 0px 10px 0px 5px;
					padding: 5px 0px;
					font-size: 14px;
					font-weight: bold;
					color: #1a1a1a;
					text-decoration: none;
					}

					#mainmenu ul li a:hover, #mainmenu ul li.active a {
					color: #d10019;
					}
					
		/* LOGO */
		#logo {
		position: absolute;
		top: 16px;
		right: 36px;
		width: 140px;
		height: 40px;
		background: url(../img/logo.gif) no-repeat top right;
		}

		#logo a {
		display: block;
		margin: 0px;
		padding: 0px;
		width: 100%;
		height: 100%;
		}

	/* SUB MENU */
	#submenu {
	position: relative;
	width: 100%;
	height: 27px;
	background: #f5f5f5 url(../img/submenu-bg.gif) repeat-x bottom left;
	}

		#submenu ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		}
		
			#submenu ul li {
			float: left;
			padding: 0px 3px;
			}
				#submenu ul li a {
				display: blcok;
				padding: 0px 0px 0px 17px;
				background: url(../img/red-bullet.gif) no-repeat top left;
				}


	/* CONTENT */
	#content-container {
	overflow: auto;
	position: relative;
	width: 100%;
	height: 427px;
	background: #dfdfe1 url(../img/main-bg.jpg) no-repeat top left;
	background-attachment: scroll;
	}

		#content-container a img {
		border: 1px solid #000000;
		}
	
	#content-container.subsite-template {
	overflow: visible;
	background: #dfdfe1 url(../img/subsite-bg.gif) repeat-x top left;
	background-attachment: scroll;
	}

	#content-container.news-detail-template {
	overflow: auto;
	background: #dfdfe1 url(../img/subsite-bg.gif) repeat-x top left;
	background-attachment: scroll;
	}

	#content-container.products-template {
	background: #dfdfe1 url(../img/products-bg.gif) repeat-x top left;
	background-attachment: scroll;
	}

		
		#content {
		margin: 0px;
		padding: 0px;
		width: 100%;
		height: 100%;
		}
		
		#content ul {
		margin: 0.5em 0em 1em 3em;
		}
		
		#content-normal, #content-wide, #content-subsite, #content-products {
		position: absolute;
		top: 65px;
		left: 200px;
		width: 355px;
		}
		
		#content-wide {
		width: 680px;
		}
		
		#content-subsite {
		top: 6px;
		left: 12px;
		width: 680px;
		}
			#content-subsite h1 {
			margin: 0px 0px 20px 0px;
			padding: 0px;
			}
			
			#content-subsite p {
			width: 500px;
			}

		#content-subsite.news-detail {
		width: 850px;
		}
			
		#content-products {
		top: 6px;
		left: 12px;
		width: 550px;
		}
		
			#content-products h1 {
			margin: 0px 0px 40px 0px;
			padding: 0px;
			}
		
			#content-products ul {
			list-style-type: none;
			margin-left: 0px;
			}
			
			#content-products ul li {
			padding-left: 17px;
			background: url(../img/red-bullet.gif) no-repeat 0px 1px;
			}
			
			#content-products .products-article {
			margin-left: 160px;
			}
			
		#content-right, #content-right-products {
		position: absolute;
		right: 0px;
		bottom: 0px;
		}

		#content-right dl, #content-right dt {
		margin: 0px;
		padding: 0px;
		}
		
		#content-right a, #content-right-products a {
		display: none;
		}
		
		#content-right.subsite {
		top: 50px;
		}

		#content-right-products {
		top: 80px;
		left: 560px;
		}
			img#picture-box {
			border: 1px solid #000000;
			}

		
	/* FOOTER */
	#footer {
	position: relative;
	width: 100%;
	height: 30px;
	background-color: #f5f5f5;
	}

		#imprint-link {
		position: absolute;
		top: 6px;
		left: 27px;
		}
		
		#language-selector {
		position: absolute;
		top: 6px;
		right: 27px;
		}



/* NEWS ARTICLES */
.csc-textpic-intext-right {
width: 450px;
}

	.news-article {
	padding-top: 20px;
	margin-bottom: 40px;
	}

.news-article-detail {
width: 450px;
}