/* GENERAL LAYOUT COMPONENTS */

html{
min-height:				100%;
height:					100%;
padding:				5px 5px 0px 5px;
}

*{
margin:					0px;
padding:				0px;
}

body{
height:					99%;
font-family:			Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:				12px;
color:					rgb(0, 0, 0);
background:				rgb(255, 255, 255) url(/layout/body.gif);
}	

#container{
position:				relative;
width:					760px;
padding:				0px 0px 0px 0px;
text-align:				center;
margin: 				0 auto;
min-height:				100%;
height:					100%;
}


#container table{
padding:				0px 0px 0px 0px;
margin:					0px 0px 0px 0px;
width:					760px;
}

#container table.wrapper{
height: 				100%;
border-collapse:		collapse;
border:					0px;
}

#container table td#left, #container table td#right, #container table td#produkte{
vertical-align:			top;
padding:				0px 0px 0px 0px;
margin:					0px 0px 0px 0px;
}

#container table td#left{
width:					170px;
background-color: 		rgb(255, 247, 208);
background-image:  		url(/layout/halbkreis.gif);
background-position:	0px bottom;
background-repeat: 		no-repeat;
}

#container table td#right, #container table td#produkte, #container table td#kontakt{
text-align:				left;
width:					585px;
background-color: 		rgb(255, 247, 208);
}

#logo-i{
padding:				0px 0px 0px 0px;
margin:					0px 0px 0px 0px;
text-decoration:		none;
border:					0px solid rgb(255, 255, 255);
}

#logo-i img.logo{
width:					170px;
margin:					0px;
padding:				0px;
border:					none;
}

td#left a.page_item:link, td#left a.page_item:visited{
width:					150px;
height: 				18px;
display:				block;
font-size: 				13px;
text-decoration: 		none;
text-align:				left;
color: 					rgb(255, 255, 255);
background-color: 		rgb(154,178,157);
border-bottom: 			5px solid rgb(255, 255, 255);
padding: 				2px 0px 0px 20px;
}

td#left a.page_item:hover, td#left a.page_item:active{
width:					150px;
height: 				20px;
display:				block;
font-size: 			13px;
text-decoration: 		none;
text-align:			left;
line-height: 			20px;
color: 				rgb(255, 255, 255);
background-color: 		rgb(28, 58, 34);
border-bottom: 		5px solid rgb(255, 255, 255);
padding: 				0px 0px 0px 20px;
}

td#left a.page_item2{
width:				150px;
height: 				20px;
display:				block;
font-size: 			13px;
line-height: 			20px;
text-decoration: 		none;
text-align:			left;
color: 				rgb(255, 255, 255);
background-color: 		rgb(28, 58, 34);
border-bottom: 		5px solid rgb(255, 255, 255);
padding: 				0px 0px 0px 20px;
}

/*Bereich rechts*/


#right img.im, #produkte img.im{
margin:					0px 0px 0px 0px;
padding:					0px 0px 0px 0px;
border:					none;
}

#sub{
width:					585px;
background-color: 			rgb(255, 247, 208);
height:					20px;
border-bottom: 			5px solid rgb(255, 255, 255);
text-align:				left;
}


#right a.page_item:link, #right a.page_item:visited {
height: 				17px;
font-size:			11px;
color:				rgb(255, 255, 255);
text-decoration: 		none;
background-color: 		rgb(154, 178, 157);
border-right: 			5px solid rgb(255, 255, 255);
padding:				3px 10px 0px 10px;
display:				block;	
float:				left;
}

#right a.page_item:hover, #right a.page_item:active {
background-color: 		rgb(28, 58, 34);
}

#right a.page_item2:link, #right a.page_item2:visited, #right a.page_item2:hover, #right a.page_item2:active{
height: 				17px;
font-size:			11px;
color:				rgb(255, 255, 255);
text-decoration: 		none;
background-color: 		rgb(28, 58, 34);
border-right: 			5px solid rgb(255, 255, 255);
padding:				3px 10px 0px 10px;
display:				block;	
float:				left;
}


#right h1, #rightP h1{
font-family:			Copperplate Gothic Bold, Copperplate Gothic, Verdana, Arial, Helvetica, sans-serif;
font-size:			21px;
line-height: 			21px;
font-weight:			900;
font-variant:			small-caps;
color:				rgb(154, 178, 157);
margin:				15px 0px 10px 20px;
padding:				0px;
}

h2{
font-size:			14px;
margin:				0px 0px 3px 20px;
padding:				0px;
color:				rgb(28, 58, 34);
}

img{
margin:				0px;
padding:				0px;
border:				none;
}

#rightP h2{
margin:				0px 0px 5px 20px;
padding:				0px;
}

p{
margin:				0px 15px 10px 20px;
padding:				0px;
}

#rightP h3{
font-size:			12px;
margin:				7px 0px 0px 20px;
padding:				0px;
}

h3{
font-size:			12px;
margin:				7px 10px 5px 20px;
padding:				0px;
font-weight:			900;
}

ul{
list-style:			square;
padding:				0px 0px 0px 0px; 
margin:				0px 0px 10px 20px;
font-weight:			300;
}

li{
padding:				0px 0px 0px 5px; 
margin:				0px 0px 0px 20px;
}


ol{
padding:				0px 0px 0px 0px; 
margin:					0px 20px 10px 20px;
font-weight:			300;
}

ol li{
padding:				0px 0px 10px 5px; 
margin:					0px 0px 0px 20px;
}

p br{
line-height:			5px;
}

a:link, a:visited{
padding:				0px 5px 0px 0px;
color:				rgb(0, 0, 0);
}
a:hover, a:active{
padding:				0px 5px 0px 0px;
color:				rgb(154, 178, 157);
}




/*TEMPLATE PRODUKTE HOME*/

/*Einstiegseite*/
#right #naturfarben-uebersicht{
width:					477px;
margin:					0px 54px 15px 54px;
}


#naturfarben-uebersicht td.a img, #naturfarben-uebersicht td.b img, #naturfarben-uebersicht td.c img, #naturfarben-uebersicht td.d img{
margin:					0px;
padding:				3px 0px 0px 0px;
border:					none;
}

#naturfarben-uebersicht a:link, #naturfarben-uebersicht a:visited{
font-weight: 			900;
color:					rgb(0, 0, 0);
text-decoration:		none;
}
#naturfarben-uebersicht a:hover, #naturfarben-uebersicht a:active{
font-size:				11px;
color:					rgb(28, 58, 34);
text-decoration:		underline;
}

#naturfarben-uebersicht td.a p, #naturfarben-uebersicht td.b p, #naturfarben-uebersicht td.c p, #naturfarben-uebersicht td.d p{
font-size:				11px;
padding:				0px 0px 2px 5px;
margin:					0px;
}

#naturfarben-uebersicht td.m{
width:					42px;
height: 				15px;
padding:				0px;
}

#naturfarben-uebersicht td.a, #naturfarben-uebersicht td.b, #naturfarben-uebersicht td.c, #naturfarben-uebersicht td.d{
vertical-align:					top;
width:							212px;
height: 						165px;
padding:						0px;
margin:						0px;
background-color: 				rgb(255, 255, 255);
}

#naturfarben-uebersicht td.a{
border:						1px rgb(167, 20, 57) solid;
}

#naturfarben-uebersicht  td.a h2{
color:						rgb(255, 255, 255);
height:						22px;
line-height: 				21px;
padding-left:				10px; 
background-color:			rgb(167, 20, 57); 
margin:						0px;
}

#naturfarben-uebersicht td.b{
border:						1px rgb(216, 173, 83) solid;
}

#naturfarben-uebersicht  td.b h2{
color:						rgb(255, 255, 255);
height:						22px;
line-height: 				21px;
padding-left:				10px; 
background-color:			rgb(216, 173, 83); 
margin:						0px;
}

#naturfarben-uebersicht td.c{
border:						1px rgb(78, 140, 56) solid;
}

#naturfarben-uebersicht  td.c h2{
color:						rgb(255, 255, 255);
height:						22px;
line-height: 				21px;
padding-left:				10px; 
background-color:			rgb(78, 140, 56); 
margin:						0px;
}

#naturfarben-uebersicht td.d{
border:						1px rgb(0, 112, 182) solid;
}

#naturfarben-uebersicht  td.d h2{
color:						rgb(255, 255, 255);
height:						22px;
line-height: 				21px;
padding-left:				10px; 
background-color:			rgb(0, 112, 182); 
margin:						0px;
}


/*Navigation rechts bunt*/

a.subnavi:link, a.subnavi:visited {
height: 				17px;
font-size:			11px;
color:				rgb(255, 255, 255);
text-decoration: 		none;
background-color: 		rgb(154, 178, 157);
border-right: 			5px solid rgb(255, 255, 255);
padding:				3px 10px 0px 10px;
display:				block;	
float:				left;
}

a.subnavi:hover, a.subnavi:active {
background-color: 		rgb(28, 58, 34);
}

a.subnaviakt:link, a.subnaviakt:visited, a.subnaviakt:hover, a.subnaviakt:active{
height: 				17px;
font-size:			11px;
color:				rgb(255, 255, 255);
text-decoration: 		none;
background-color: 		rgb(28, 58, 34);
border-right: 			5px solid rgb(255, 255, 255);
padding:				2px 10px 0px 10px;
display:				block;	
float:				left;
}

a.oele:link, a.oele:visited{
background-color:		rgb(167, 20, 57);
}
a.oele:hover, a.oele:active{
background-color:		rgb(89, 11, 30);
}
a.wachse:link, a.wachse:visited{
background-color:		rgb(216, 173, 83);
}
a.wachse:hover, a.wachse:active{
background-color:		rgb(140, 113, 53);
}
a.lasuren:link, a.lasuren:visited{
background-color:		rgb(78, 140, 56);
}
a.lasuren:hover, a.lasuren:active{
background-color:		rgb(36, 34, 26);
}
a.reinigung:link, a.reinigung:visited{
background-color:		rgb(0, 112, 182);
}
a.reinigung:hover, a.reinigung:active{
background-color:		rgb(0, 64, 105);
}


/*Flag*/

div#flagD{
text-align:			right;
height: 				13px;
padding:				4px 10px 0px 0px;
}

div#flagD a.flag:link, div#flagD a.flag:visited, div#flagD a.flaghover, div#flagD a.flagactive{
height: 				13px;
width:				19px;
padding:				0px 0px 0px 10px;
display:				block;	
float:				right;
text-align:			right;
}


/*Pflegeservice*/

#container table td#rightP{
vertical-align:			top;
text-align:				left;
width:					585px;
background-color: 		rgb(255, 247, 208);
background-image:  		url(/layout/skater.jpg);
background-position:	right bottom;
background-repeat: 		no-repeat;
}

#rightP a.page_item:hover, #rightP a.page_item:active {
background-color: 		rgb(28, 58, 34);
}

#rightP a.page_item2:link, #rightP a.page_item2:visited, #rightP a.page_item2:hover, #rightP a.page_item2:active{
height: 				17px;
font-size:				11px;
color:					rgb(255, 255, 255);
text-decoration: 		none;
background-color: 		rgb(28, 58, 34);
border-right: 			5px solid rgb(255, 255, 255);
padding:				3px 10px 0px 10px;
display:				block;	
float:					left;
}

/*Partner*/

#right table.partner{
width:					545px;
border-collapse:		collapse;
border:					0px;
margin:					0px 0px 5px 20px;
padding:				0px;
}

#right table.partner td{
vertical-align:			top;
text-align:				left;
border-top:				1px solid rgb(28, 58, 34);
padding:				0px 0px 0px 0px;
margin:					0px 0px 0px 0px;
}

#right table.partner td.left1{
font-family:			Verdana, Arial, Helvetica, sans-serif;
font-size:				21px;
line-height: 			21px;
font-weight:			900;
font-variant:			small-caps;
width:					35px;
color:					rgb(154, 178, 157);
vertical-align:			top;
text-align:				left;
border-top:				1px solid rgb(28, 58, 34);
padding:				3px 0px 3px 4px;
margin:					0px 0px 0px 0px;
}


#right table.partner td.right1{
vertical-align:			top;
text-align:				center;
border-top:				1px solid rgb(28, 58, 34);
background-color: 		rgb(255, 255, 255);
padding:				3px 0px 3px 4px;
margin:					0px 0px 0px 0px;
}

#right img.floatImage{
float:					left;
padding:				3px 20px 20px 0px;
margin: 				0px;
}

#right p.clearImage{
padding:				0px 0px 0px 20px;
margin: 				0px;
float:					right;
padding-right:			20px;
}

#right img.floatIm{
vertical-align:			top;
float:					left;
padding:				3px 10px 20px 0px;
margin: 				0px;
}



/*Rohstoffe*/

hr{
height:					1px;
text-align:				center;
margin:					0px 20px 0px 20px;
width:					545px;
}

p.rohstoff1{
text-align:				center;
margin:					0px 15px 5px 20px;
padding-bottom:			0px;
}

#right h3 a:link,#right h3 a:visited{
padding:				0px 0px 0px 0px;
color:					rgb(0, 0, 0);
}
#right h3 a:hover,#right  h3 a:active{
padding:				0px 0px 0px 0px;
color:					rgb(0, 0, 0);
}


div.rechtRohstoff{
float:				right;
}

/*link ohne bild im div*/
div.rechtRohstoff a:link,div.rechtRohstoff a:visited{
font-weight:			900;
padding:				0px 20px 0px 0px;
color:					rgb(0, 0, 0);
text-decoration:		underline;
}

div.rechtRohstoff a:hover,div.rechtRohstoff a:active{
font-weight:			900;
padding:				0px 20px 0px 0px;
color:					rgb(154, 178, 157);
text-decoration:		underline;
}

/*link bild im div*/
div.rechtRohstoff a:link.bilder,div.rechtRohstoff a:visited.bilder{
padding:				0px 5px 0px 0px;
color:					rgb(0, 0, 0);
text-decoration:		none;
}

div.rechtRohstoff a:hover.bilder,div.rechtRohstoff a:active.bilder{
padding:				0px 5px 0px 0px;
color:					rgb(154, 178, 157);
text-decoration:		nine;
}
/*image im div*/
div.rechtRohstoff img.pfeilRohstoff{
vertical-align:			middle;
padding:				1px 0px 0px 0px;
margin: 				0px;
}



/*Tabellen*/
#right  p{
font-family:			Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:				12px;
color:					rgb(0, 0, 0);
margin:					0px 15px 10px 20px;
padding:				0px;
}

#right table.c240, #right table td.c240{
font-family:			Verdana, Arial, Helvetica, sans-serif;
font-size:				12px;
color:					rgb(0, 0, 0);
}

#right table.haendler{
width:					577px;
margin:					15px 0px 10px 5px;
}


#right table.c240, #right table td.c240{
width:					240px;
}

#right table td.c125{
width:					125px;
}


#right table td.c125 p{
font-family:			Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:				12px;
color:					rgb(0, 0, 0);
margin:					0px 0px 5px 0px;
padding:				0px;
}

#right table td.c213{
width:					213px;
margin:					0px;
padding:				0px;
}


td.c213 #result{
width:					195px;
background-color:		#FFF;
padding:				10px 0px 0px 10px;
visibility:				hidden;
font-family:			Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:				9px;
color:					rgb(0, 0, 0);
}

td.c213 #result a{
padding:				0px 0px 0px 0px;
}

/*POSTS*/


hr.cat{
height:					1px;
text-align:				center;
margin:					5px 20px 5px 20px;
width:					545px;
color:					#000000;
}

/*Download*/


span.dir{
	background-image: url(/sys/folder_icon.gif);
	background-repeat: no-repeat;
	padding-left: 22px;
	padding-bottom: 10px;
	line-height: 1.5em;
	font-weight: bold;
	margin: 10px 20px 0px 10px;
}


.dir0{
	background-image: url(/sys/folder_icon.gif);
	background-repeat: no-repeat;
	padding-left: 22px;
	padding-bottom: 10px;
	line-height: 1.5em;
	font-weight: bold;
	margin: 10px 20px 0px 20px;
}


a.pdffile{
	background-image: url(/sys/pdf_icon.gif);
	background-repeat: no-repeat;
}

a.pdffile:link, a.pdffile:visited{
	padding-left: 22px;
	padding-bottom: 10px;
	line-height: 1.5em;	
	text-decoration: none;
}

a.pdffile:hover, a.pdffile:active{
	padding-left: 22px;
	padding-bottom: 10px;
	line-height: 1.5em;	
	text-decoration: underline;
	color: #1C3A22;
}


#right table#download{
width:					545px;
border-collapse:		collapse;
border:					0px;
margin:					0px 0px 5px 20px;
padding:				0px;
}

#right table#downl{
width:					545px;
border-collapse:		collapse;
border:					0px;
margin:					0px;
padding:				0px;
}

#right form#down{
width:					545px;
margin:					0px 0px 5px 20px;
padding:				0px;
}

.logout{
font-family:			Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:				12px;
font-weight:			900;
color:					rgb(255, 255, 255);
background-color: 		rgb(154, 178, 157);
width:					112px;
height:					21px;
padding:    			0px; 
margin:					0px;
border: 				1px solid rgb(0, 0, 0);
cursor:					pointer;
}