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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	/* vertical-align: baseline; */
	}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
	}

/*	BODY MIT HINTERGRUND-FOTO */
	
body {
	background-color: #eee;
	background: linear-gradient(top, #ffffff 0%, #eeeeee 100%);  
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); 
	background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); 
	background-attachment: fixed;
	
	/*
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	*/
	
	

	line-height: 1;
	font-family: Helvetica, sans-serif;
	font-size: 62.5%; /* BASIS-GRÖSSE (62,5% = 10PX) */
	}

a {
	color: #FFA32F;
	text-decoration: none;
	font-weight: 600px;
	}
	
/*	ÜBERSCHRIFTEN: NAME / KURZBESCHR. */
	
h1, h2 {
	font-weight: 500;
	padding: 0;
	margin: 0 0 18px 0;
	line-height: 1em;
	/* text-shadow: 1px 1px 0 #fff; */
	}
	
h1 {
	color: #000130;
	font-size: 200%;
	font-weight: 650;
	letter-spacing: -1px;
	}	
	
h2 {
	padding: 0 0 3px 0;
	
	border-bottom: 1px solid #050505;
	
	background: none; 
	color: #050505;
	
	vertical-align: middle;
	
	font-size: 130%; /* IN BEZUG AUF BASIS-GRÖSSE (700% = 70PX) */
	letter-spacing: 0.5px;
	

	word-wrap: break-word;
	}

h3  {
	padding: 0;
	margin: 0 0 10px 0;
	font-weight: 700;
}

	
/*	Mittig-Positionierungs-Rahmen */	
#frame  {
	position: absolute;
	width: 1000px;
	height: 100%;
	left: 50%;
	margin-left: -500px;
	background-color: #000;
	padding: 0px;
	}
	
	
/*	Linke-Abstandsspalte */
#left {
	position: absolute;
	width: 50px;
	height: 100%;
	left: 0px;
	
	margin: 0px;
	padding: 0 0 500% 0;
	
	background-color: #cccccc; /* #efefef*/
	background: linear-gradient(top, #f0f0f0 0%, #ffffff 100%);  
	background: -moz-linear-gradient(top, #f0f0f0 0%, #ffffff 100%); 
	background: -webkit-linear-gradient(top, #f0f0f0 0%, #ffffff 100%); 
	background-attachment: fixed;
	
	
	}
	
	

/*	Navigation */

#menu {
	position: absolute;
	width: 225px;
	height: 100%;
	top: 0px;
	left: 50px;
	margin: 0px;
	background-color: #eeeeee;
	
	padding: 140px 0 500% 0;
	
	color: #050505;
	text-shadow: 1px 1px 0px #fff;
	font-size: 165%;
	}
	
#menu nav {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	


nav ul ul {
	display: none;
	}

nav ul li:hover > ul {
		display: block;
	}
	
nav ul {
	background: #efefef; 
	background: linear-gradient(left, #efefef 0%, #dadada 100%);  
	background: -moz-linear-gradient(left, #efefef 0%, #dadada 100%); 
	background: -webkit-linear-gradient(left, #efefef 0%,#dadada 100%); 
	/* box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15); */ 
	padding: 0px;
	border: 0px;
	border-radius: 0px;  
	list-style: none;
	position: absolute;
	width: 100%;
	
	/* display: inline-table; */
	}
	
	
nav ul:after {
		content: ""; clear: both; display: block;
	}
	
nav ul li {
	background: #efefef; 
	background: linear-gradient(top, #f5f5f5 0%, #e9e9e9 60%);  
	background: -moz-linear-gradient(top, #f5f5f5 0%, #e9e9e9 60%); 
	background: -webkit-linear-gradient(top, #f5f5f5 0%,#e9e9e9 60%); 
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15); 
	
	position: relative;
	top: 0;
	
	display: block; 
		padding: 22px 20px;
		color: #050505; 
		text-decoration: none;
	
	/* float: left; */
}
	nav ul li:hover {
		/* Blau
		background: #4b545f; 
		background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
		*/
		
		background: #E49252;
		background: linear-gradient(top, #E49252 0%, #C97204 30%);
		background: -moz-linear-gradient(top, #E49252 0%, #C97204 30%);
		background: -webkit-linear-gradient(top, #E49252 0%,#C97204 30%);
		
		color: #fff;
		text-shadow: 1px 1px 0px #000;
		
		
	}
		nav ul li:hover a {
		
			color: #fff;
			text-shadow: 1px 1px 0px #000;
			
		}
	
	nav ul li a {
		
		display: block; 
		color: #050505; 
		text-decoration: none;
		
	}

	nav ul ul { 
	padding: 0px;
	position: absolute; 
	left: 100%;
	top: 0;
	z-index: 20;
	color: #050505; 
}
	nav ul ul li {
		float: none; 
		/* border-top: 1px solid #6b727c; */
		border-bottom: 1px solid  #E49252;
		color: #050505;
		padding: 0px;
	}
		nav ul ul li a {
			/* Blau
			background:  #7F8697;
			*/
			background: #FFA32F;
			padding: 15px;
		}	
			nav ul ul li a:hover {
				/* Blau
				background: #4b545f;
				*/
				background: #E49252;
			}

nav ul ul ul {
	position: absolute; left: 100%; top: 0;
}
			


/* Aktuelle Seite im Menue markieren */	

/* 1. Menüebene */
		
#home #navhome,
#pipe #navprodukte, #kleber #navprodukte, #nova #navprodukte, #romex #navprodukte,
#prospekte #navdownload,#einbau #navdownload, #pruef #navdownload, #daten #navdownload,
#vertreter #navvertreter,
#kontakt #navkontakt
 {
	/* text-decoration: underline; */
	color: #050505;
	
	border: 1px solid #fff;
	
	background: #c9c9c9 ; 
	background: linear-gradient(top, #d5d5d5 0%, #c9c9c9 60%);  
	background: -moz-linear-gradient(top, #d5d5d5 0%, #c9c9c9 60%); 
	background: -webkit-linear-gradient(top, #d5d5d5 0%, #c9c9c9 60%); 	
	
}

#home #navhome:hover,
#pipe #navprodukte:hover, #kleber #navprodukte:hover, #nova #navprodukte:hover, #romex #navprodukte:hover,
#prospekte #navdownload:hover, #pruef #navdownload:hover,#einbau #navdownload:hover, #daten #navdownload:hover,
#vertreter #navvertreter:hover,
#kontakt #navkontakt:Hover
	{
	color: #fff;
	text-shadow: 1px px 0px #000;
	
	background: #E49252;
	background: linear-gradient(top, #E49252 0%, #C97204 30%);
	background: -moz-linear-gradient(top, #E49252 0%, #C97204 30%);
	background: -webkit-linear-gradient(top, #E49252 0%,#C97204 30%);
	}


/* 2. Menueebene */	
	
 /* #pipe #navpipe, #kleber #navkleber, #orbit #navorbit, #romex #navromex, 
 #download #navprospekte, #download #navpruef, #download #navdaten
	{
	border: 2px solid #fff;
	
	}
 */	

#pipe #navpipe a, #kleber #navkleber a, #nova #navnova a, #romex #navromex a, #nova #navnova a,
#prospekte #navprospekte a, #pruef #navpruef a, #einbau #naveinbau a, #daten #navdaten a
	{
	border: 2px solid #fff;
	background: #c9c9c9;
	}
 
 
 
 
			
/* Inhalts-Text-Spalte */	
#text {
	position: absolute;
	width: 655px; /* 675 - 2*15 Padding */
	height: 100%;
	left: 275px;
	margin: 0px;
	background-color: rgb(255, 255, 255);
	/* background-color: #0f0; */
	
	color: #000;
	font-family: Helvetica, sans-serif;
	font-size: 140%;
	letter-spacing: 0.8px;
	line-height: 1.5em;
	
	/* text-shadow: 1px 1px 0 #333; */
	/* padding: 50px 20px 0px 20px; Positionierung Haupttext */
	padding: 140px 8px 500% 15px;
	/*z-index: 1; */
	}
	
#text p {
	margin: 0px 0px 18px 0px;
	}
	
#text a {
	/* color: #109050; */
	font-size: 120%;
	font-weight: 500;
	/* text-shadow: 1px 2px 2px #c0c0c0; */
	transition: color .2s ease;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-o-transition: color .2s ease;
	}
	
#text a:hover {
	color: #909090;
	}

#text img {
	float: right;
	position: relative;
	width: 250px;
	height: auto;

	
	margin: 0 8px 10px 18px; 
	
	background:#FFFFFF;
	border:1px solid #FFA32F;
	padding: 7px;
	-moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, .5);
	-goog-ms-box-shadow: 1px 1px 8px rgba(0, 0, 0, .5);
	box-shadow: 1px 1px 8px rgba(0, 0, 0, .5);
	}

#text ul {
	margin: 0;
	padding: 0 0 0 15px;;
	display: block;
}


#text #multiimage {
	float: right;
	width: 295px;
	height: auto;
	}

	
#text #vcard {
	height: 260px;
}	

	
#text #vcard img {
	width: 200px;
}
	
	
/*	Rechte-Abstandsspalte */
#right {
	position: absolute;
	width: 50px;
	height: 100%;
	right: 0px;
	
	margin: 0px;
	padding: 0 0 500% 0;
	
	background-color: #cccccc;;
	background: linear-gradient(top, #eeeeee 0%, #ffffff 100%);  
	background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%); 
	background: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 100%); 
	background-attachment: fixed;
	}
	
	

	
#headerlogo{
	position: absolute;
	top: 20px;
	left: 0px;
	height: auto;
	
	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .5);
	-goog-ms-box-shadow: 1px 1px 4px rgba(0, 0, 0, .5);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .5);
	
	white-space: nowrap;
	}

#text #headerimage{
	position: absolute;
	top: 20px;
	left: 0px;
	height: auto;
	width: 675px;
	
	border: none;
	margin: 0;
	padding: 0;
	
	white-space: nowrap;
	}



	
/*	Footer-Kontakt */
#footer {
	/* Fallback for web browsers that don't support RGBa */
    background-color: rgb(130, 130, 130);
    /* RGBa with 0.6 opacity */
    background-color: rgba(130, 130, 130, 0.8);
	 /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	
	width: 100%;
	height: 40px;
	position: fixed;
	bottom: 5%;
	z-index: 9;
	
	letter-spacing: 0.3px;
	font-size: 17px;
	font-weight: 500;
	}
	
		

	
#footer a {
	margin: 0 0 0 0;
	text-shadow: 1px 1px 0px #222;
	}
	
#footer a:hover {
	font-weight: 800;
	transition: font-weight 1s ease;
	-webkit-transition: font-weight 1s ease;
	-moz-transition: font-weight 1s ease;
	-ms-transition: font-weight 1s ease;
	-o-transition: font-weight 1s ease;
	}
	
#footer_link {
	position: relative;
	top: 10px;
	left: 50%;
	margin: 0 0 0 -450px;
	width: 225px;
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	
	font-weight: 600;
	
	}
	
#footer_text {
	position: absolute;
	top: 10px;
	left: 50%;
	margin: 0 0 0 -225px;
	width: 675px;
	
	text-align: left;
	padding: 0px 0px 0px 10px;
	
	color: #fff;
	}