/* HAUPTKONSTRUKTION*/

html{
	margin:0px;
	padding:0px;
	height: 100%;
}

body{
	margin:0px;
	padding:0px;
	height: 100%;
}

.background{
	width: 920px;
	height:auto;
	display: table;
	margin-left: auto;
	margin-right:auto;
	background-image: url("../pics/shadow.jpg");
	background-repeat:repeat-y;
}

.wrapper_site{
	width:900px;
	position: relative;
	height: auto;
	margin-left: auto;
	margin-right:auto;
	font-family: arial, hevetica, sans-serif;
	color: #000000;		
}
	.blackLine{
		width: 100%;
		height: 2px;
		background-color: #000;
		font-size:1pt;
	}
	.headerLogo{
		width: 900px;
		height: 90px;
		padding: 0px;
		margin: 0px;
		background-image: url("../pics/headline.jpg");
		background-repeat: no-repeat;
	}
	
		.headerLogo .links{
			
			width: 620px;
			height: auto;
			background-color: transparent;
			padding: 60px 0 0 40px;
			margin: 0 0 0 155px;
			color: #58585a;
		}
		
			.headerLogo .links a:link{
				font-size: 11pt;
				color: #58585a;
				text-decoration: none;
				margin-left: 20px;
				padding: 0;
			}
			.headerLogo .links a:visited{
				font-size: 11pt;
				color: #58585a;
				text-decoration: none;
				margin-left: 20px;
				padding: 0;
			}
			.headerLogo .links a:hover{
				font-size: 11pt;
				color: #58585a;
				text-decoration: underline;
				margin-left: 20px;
				padding: 0;
			}
			
	.headerPic{
		width: 900px;
		height: 140px;
		background-image: url("../pics/header.jpg");
		background-repeat: no-repeat;
		
		background-color: #000000;
	}
	
	.headerPic_flash{
		width: 900px;
		height: 140px;
/*		background-color: #d3d3d3; */
		background-color: #000000;
	}
	
		.headerPic_flash img{
			margin: 0;
			padding: 0;

		}

	/*CONTENT*/
	.wrapper_main{
		width: 900px;
		height: 100%;
		text-align: left;
	}
		.barLeft{
			width: 155px;
			float: left;
			background: url("../pics/bar_left.jpg");
			background-repeat: no-repeat;
			height: 550px;
		}

		/*MENU*/
		.wrapper_menu{
			margin-top: 20px;
			width: 155px;
			height: 160px;
			float: left;
			font: 9pt arial, hevetica, sans-serif;
		}
			.wrapper_menu a:link { 
				text-decoration: none;		
				font-weight: normal;
			}
			.wrapper_menu a:visited { 
				text-decoration: none;
				font-weight: normal;
			}
			.wrapper_menu a:hover { 
				text-decoration: none;
				font-weight: bold;
			}
			
			.wrapper_menu ul { 
				margin-bottom: 0px;
				margin-top: 0px;
			}
	
			.item_parent{
				color: #FFF;	
				width: 155px;
				background-color: #974802;
				margin-bottom: 1px;
				padding: 1px 0 1px 0;
			}
				.item_parent b{
					color: #FFF;
					margin-left: 5px;
				}
				.item_parent a:link{
					color: #FFF;
					margin-left: 5px;
				}
				.item_parent a:visited{
					color: #FFF;	
					margin-left: 5px;	
				}
				ul li.level_main {
					color: #974802;
					margin-left: -20px; 
					list-style-type:square;
					list-style-position: outside;
				}
					ul li.level_main_active {
						font-weight: bold;
						color:#000000;
						text-decoration: underline;
						margin-left: -20px;
						list-style-type: square;
					}
				ul li.level_sub {
					color: #000000;				
					margin-left: -20px; 
					list-style-type:square; 
					list-style-position: outside;
					padding: 0;

				}
			
			.item_child{
				width: 155px;
			}
				.item_child a:link{
					color:#000000;
				}
				.item_child a:visited{
					color: #000000;
				}
		
		.content{
			margin: 0px 18px 15px 15px;
			position: relative;
			height: 100%;
			width: 620px;
			float: left;
		}
							
		.headline{
			padding: 20px 5px 5px 5px;
			margin-bottom: 10px;
			background-color: #fbfbfb;
			/*border-top: 1px solid #DDDDDD;	*/
			border: 1px solid #DDDDDD;
			background: url("../pics/bg_headline.jpg");
			background-repeat: repeat-x;
		}
			.content h1{
				font-size: 12pt;
				font-weight: bold;
				text-align: left;
				margin: 0px;
				padding: 0px;
				color: #974802;
			}
			.content h2{
				font-size: 10pt;
				font-weight: bolder;
				text-align: left;
				margin: 0px;
				padding: 0px;
				color: gray;
			}
			.content h3{
				font-size: 11pt;
				font-weight: bolder;
				text-align: center;
				margin-bottom: 10px;
				color: #974802;
				border-top: 1px solid #DDDDDD;
				border-bottom: 1px solid #DDDDDD;
				padding: 2px;
				width: 99%;
				float: none;
				clear: both;
			}
			.content h4{
				font-size: 10pt;
				font-weight: bolder;
				text-align: left;
				margin: 0pt;
				color: #974802;
			}
			.content h5{
				font-size: 11pt;
				font-weight: bolder;
				text-align: left;
				margin: 0pt;
			}
			
			.content h6{
				text-align: center; 
				border: 1px solid #DDDDDD;
				width: 620px;
				margin: 0 auto 0 auto;
				font-size: 10pt;
				color: gray;
				font-weight: normal;
			}
			
				.content p.h6{
					text-align: left; 
					border: 1px solid #DDDDDD;
					width: 200px;
					padding: 2px;
					margin: 0 auto 0 auto;
					font-size: 8pt;
					color: gray;
					font-weight: normal;
					background-color:#FFFFFF;
					float: left;
				}
		
		p {
			text-align: left;
			font-size: 9pt;
			margin: 0px;
			padding: 0px;
		}
			
		a:link{
			color: gray;
	 		text-decoration: underline;
			font-weight: bold;
		}	
			a:visited{
				color: gray;
				 text-decoration: underline;
				 font-weight: bold;
			}	
		
		.content img.standard{
			border: 1px solid #DDDDDD;
			padding: 0px;
				margin: 0px;
		}
		.content img{
			border: 0;
		}


		b.topic{
			color: #974802;

		}


		/*Produkte -> Kassetten*/
		/*table.product_thumbnail{
			font-size: 9pt;
			text-align:justify;
			width: 500px;*/
			/*margin-left: 60px;*/
			/*background-color: #ddb08f /* #974802; */
		/*	margin: 0 auto 0 auto;
		}*/
		
		table.product_thumbnail{
			font-size: 9pt;
			
			width: 620px;
			margin: 0 auto 0 auto;
			padding: 0;
		}
		
		
		
		table.product_thumbnail1{
				font-size: 9pt;
				text-align:justify;
				width: 620px;
				
				margin: 0 auto 0 auto;
				background-color: #ddb08f;
				
			}
			
			table.product_thumbnail tr td{
				width: 10px; 
				padding: 0;
				margin: 0;
				text-align:center;
				vertical-align: top;
			}
			
			table.product_thumbnail tr td.pic{
				text-align: left;
				
			}
				
			table.product_thumbnail tr td.textbackground{
				background-image: url("../pics/textspacer.jpg");
				background-repeat: no-repeat;
				margin: 0;
				height: 59px;
				color: #FFFFFF;
				font-size: 8pt;
				
				padding: 5px 15px 5px 5px;
				width: 160px;
				text-align: justify;
				
			}
			
				
				table.product_thumbnail tr td p{
				width: 196px; 
				text-align: left;
				background-color: #DDDDDD;
				border:1px solid #CCCCCC;
				margin: 0 auto 10px auto;
				padding: 2px;
				
			}
				
				
				table.product_thumbnail tr td.textbackground p{
					
					margin: 0;
					height: 40px;
					color: #FFFFFF;
					font-size: 8pt;
					
					padding: 0;
					width: 180px;
					text-align: justify;
					background-color: transparent;
					border: none;
				}
			
			
			
			
			table.product_thumbnail tr td  ul{
				width: 185px; 
				background-color: #DDDDDD;
				border:1px solid #CCCCCC;
				margin: 0 0 10px 0;
				list-style-position:inside;
				padding: 0 0 0 10px;
				display: block;
				
				text-align: left;
			}
			table.product_thumbnail tr td  img{
				width: 200px;
			}
			
			/*Produkte -> Kassetten*/
			
				table.product_thumbnail1 tr td{
					 width: 50px;
					 
					text-align: center;
					vertical-align: middle;
					border: #FFFFFF 1px solid;
				}
				table.product_thumbnail1 tr.title td{
					/*background-color: #b66832;*/
					background-color: #774420;
					color: #FFFFFF;
					padding: 2px 2px 2px 6px ;
					text-align:left;
					vertical-align: middle;
					font-weight: bold;
					width: 100%;
				}
				
				table.product_thumbnail1 tr td.left{
					text-align: left;
					padding: 2px 2px 2px 10px;
					vertical-align: middle;
					width: 250px;
				}
				
				
				
				table.product_thumbnail1 tr td p{
					width: 250px; 
					text-align: center;
					background-color: #DDDDDD;
					border:1px solid #CCCCCC;
					margin-bottom: 10px;
				}
				
				
				table.articles{
					
					color: #FFFFFF;
					font-size: 9pt;
					padding: 2px 2px 2px 6px ;
					text-align:left;
					vertical-align: middle;
					font-weight: bold;
				}		
				
					table.articles tr.title{
						width: 50px;
						text-align:center;
						vertical-align: middle;
						background-color: #774420;
						
						border: #FFFFFF 1px solid;
					}
						table.articles tr td{
							padding: 2px 2px 2px 6px ;
							border: #FFFFFF 1px solid;
						}
				
					table.articles tr td.description{
						width: 50px;
						text-align:center;
						vertical-align: middle;
						background-color: #b66832;
						
						border: #FFFFFF 1px solid;
					}
				
					table.articles tr td.number{
						width: 50px;
						text-align:center;
						vertical-align: middle;
						/*background-color: #905226;*/
						background-color: #b66832;
						border: #FFFFFF 1px solid;
					}
				
				
		
		table.KassettenEinzelteile{
			font-size: 9pt;
			text-align:justify;
			width: 600px;
			
		}
			table.KassettenEinzelteile tr td{
				text-align:justify;
			}
			table.KassettenEinzelteile tr td.caption{
				font-weight: bold;
				width:150px;
			}

		
		.vorschau img{
			height: 50px;
			border: solid 1px #DDDDDD;
		}
		.vorschau ol li{
			font-size: 9pt;
			margin-top: 5px;
			padding: 0px;
			text-align: left;
			font-weight: bold;
			color: gray;
			
		}

		/*HEIZKASSETTEN - Funktion*/	
		ol.funktion{
			font-size: 9pt;
		}
			ol.funktion li{
				font-weight: bold;
				/* border: 1px solid #DDDDDD; */
				margin-bottom: 10px;
				margin-left: -10px;
				padding: 0 5px 0 5px;
			}
			ol.funktion ul{
				margin-bottom: 10px;
			}
			
				ol.funktion ul li{
					font-weight: normal;
					font-size: 8pt;
					text-align: justify;
					border: 0px;
					margin: 0px;
				}

		/*HEIZKASSETTEN - Schablonen	
		table.Schablonen{
			font-size: 9pt;
			vertical-align:top;
		}
			table.Schablonen ol li{
				margin-top: 5px;
				text-align: left;
				font-weight: bold;
				color: gray;
			}
		*/
		
		/* GALERIE - Kassettenstil */
		table.gallery tr td{
			vertical-align: middle;
			font-size: 10pt;
			color: gray;
			border: 1px solid #DDDDDD;
			text-align: center;

		}
			table.gallery tr td a:link{
				font-weight: bold;
				text-decoration: none;
				color: #974802;
				font-size: 12pt;
			}
			table.gallery tr td a:visited{
				font-weight: bold;
				text-decoration: none;
				color: #974802;
				font-size: 12pt;
			}
		
			td.navigation{
				width: 40px;
				text-align: center;
			}
			td.shadow_left{
				width: 30px;
				background: url("../pics/shadow_left.jpg");
				background-repeat: no-repeat;
				border: solid 1px #FFFFFF;
			}
			td.image{
				 text-align: center; 
				 width: 462px;
				 height: 350px;
				 border: 0;
			}
			td.shadow_right{
				width: 30px;
				background: url("../pics/shadow_right.jpg");
				background-repeat: no-repeat;
				border: 0px;
			}

		/* GALERIE - prduzierte */
		table.gallery_produced{
			margin: 0 auto 0 auto;

			padding: 0;
			
		}
		
		table.gallery_produced tr{
			vertical-align: middle;
			font-size: 10pt;
			color: gray;
			/*border: 1px solid #DDDDDD;*/
			text-align: center;
			/*width: 56px;*/
			/*background-color: #CCCCCC;*/
			width: 500px;
			
		}
		
		table.gallery_produced tr td{
			vertical-align: middle;
			font-size: 10pt;
			color: gray;
			/*border: 1px solid #DDDDDD;*/
			text-align: center;
			
			/*width: 56px;*/
			/*width: 10px;*/
			
		}
		table.gallery_produced tr td.spacer{
			width: auto; 
			
			
		}
		table.gallery_produced tr td.vorschau {
			
			/*width: 54px;*/
			
		}
		
		
			table.gallery_produced tr td.image{
				text-align: center; 
				border: 1px solid #DDDDDD
			}

			table.gallery_produced tr td.header{  /*löschen wenn alle Seiten angeglichen */
				text-align: center; 
				border: 1px solid #DDDDDD;
				width: 500px;
				
			}
			
			
			
		/*EINSÄTZE - Architektur	
		table.architektur{
			width: 530px;
			margin: 0 auto 0 auto;
		}
			table.architektur td.architekturSmall{
				text-align: center;
				padding-top: 4px;
				width: 100px;
				height: 100%;
				border:1px solid #CCCCCC;
			}
				table.architektur td.architekturSmall img{
					margin-bottom: 3px;
				}
			table.architektur td.architekturBig{
				
				vertical-align: middle;
				width: 330px;
				border:1px solid #CCCCCC;
			}
				td.architekturBig p{
					text-align: center;
					padding: 5px;
				}
				td.architekturBig img{
					margin-left: 15px;
				}
		 */
			p.imagetext{
				/*border: 1px solid #DDDDDD; */
				width: 400px;
				padding: 2px;
				margin: 5px auto 0 auto;
				text-align:center;
				font-weight: bold;
				color: #000000;
			}
			
		/*MUSTER*/	
		table.muster{
			width: 600px;
		}
			table.muster tr td.headline{
				text-align:center;
				font-size: 10pt;
				font-weight: bold;
				border:1px solid #CCCCCC;
			}
		
			table.muster td.musterSmall{
				text-align: center;
				padding-top: 4px;
				width: 200px;
				height: 100%;
				border:1px solid #CCCCCC;
			}
				table.muster td.musterSmall img{
					width: 60px;
					height: 60px;
				}
			
			table.muster td.musterBig{
				text-align: center;
				vertical-align: middle;
				width: 340px;
				border:1px solid #CCCCCC;
			}


		/*WISSEN*/		 	
		.wissen{
			float: left;
			width:600px;
		}
			.wissen p{
				text-align: justify;
			}

		.divList{
			float:right;
			text-align: left;
			width: 200px;
				
		}
			table.linkList{
				 width:100%;
				 vertical-align:top;
				 text-align: left;
				 height: 100 %;
				 cellspacing: 0px;
				 cellpadding: 0px;
				 font-size: 9pt;	
			}		
			table.linkList ul li{
				margin-top: 5px;
			}
	


		/*KONTAKT */	
	
		.form{
			text-align: left;
			font-size: 9pt;
		}
		
		.tableFormular{
			font-size: 9pt;
		}
			.tableFormular tr td{
				vertical-align: middle;
				text-align: center:
			}
			.inputKontakt {
			  font-size        : 11px;
			  color            : #333333;
			  border           : 1px solid #999999;
			  margin-bottom    : 2px;
			  background-color : #EDEDED;
			  padding          : 1px;
			}



		/*IMPRESSUM*/		 	
		.impressum{
			width: 280px;
			float:left;
			text-align: left;
			margin-right: 10px;
		}	 		 	
			table.contentImpressum{
				width: 280px;
				text-align: left;
			}
				tr.header{
					font-size: 9pt;
					font-weight: bold;
					text-align: left;
				}
				
				tr.description{
					font-size: 9pt;
					text-align: left;
					border: 1px solid #DDDDDD;
				}
					tr.description td{
						border: solid 1px #DDDDDD;
					}
	 	
	.barRight{
		width: 90px;
		height: 400px;
		float: right;
		background: url("../pics/bar_right.jpg");
		background-repeat: no-repeat;
	}
	.footer{
		width: 100%;
		text-align: center;
		font-weight: bold;
		background-color: gray;
	}	
	
	
	
	
	
	ul.index li {
					font-size: 10pt;
					color: #000000;
					margin-left: -20px; 
					list-style-type:square;
					list-style-position: outside;
				}
				
				
				
				
				
	ul.standard, ol.standard{
		font-size: 9pt;
		padding: 0 0 0 10px;
		margin: 0 0 0 12px;
	
	}