/* general HTML Elements --------------------------------------------------------------------------------------- */
html {
	height:100%;
}
body, #fakebody{
	background-color:#ffff94; 	/* bodys backgound is set to black for IE (overlay needs black background in IE) so an additional element "fakebody" is needed for the backgroundcolor */
	height:100%;				/* fakebody needs 100% height to cover the whole viewport */
	margin:0px; 				/* reset default margin of body */
}
#fakebody, #page{
	background-image:url(../images/euflor/css/background.gif);
	background-repeat:repeat-y;
}
body, td, th{ 					/* general font settings */
	font-family:Arial;
	font-size:11px;
	line-height:18px;
	color:#333333;
}
a{
	/* text-decoration:none; */
	color:#333333;
}


/* commons */
img			{border-style:none;}
p, form		{margin:0px; padding:0px;}
.error		{color:#ff0000;}
.noerror	{color:#009900;}

.closefloatcontainer{
	clear:both;
	width:1px;
	height:1px;
	font-size:1px;
	line-height:1px;
}

/* background trick */
#page, #page #content{
	width:990px;
	padding-bottom:20px;
}
	#page #content .kopf{
		width:980px;
		height:88px;
		background-image:url(../images/euflor/css/euflor.gif);
		background-repeat:no-repeat;
	}
		#page #content .kopf #headernav{
			padding-top:20px;
			padding-right:20px;
			text-align:right;
		}
			#page #content .kopf #headernav a{
				text-decoration:none;
				color:#5a5a5a;
				padding-left:8px;
				padding-right:5px;
				border-style:none solid none none;
				border-color:#5a5a5a;
				border-width:1px;
			}
		
	/* mainnav -------------------------------- */
	#page #content .mainnav{
		background-color:#ffffff;
		width:980px;
	}
		#page #content .mainnav a{
			margin-left:12px;
			margin-right:75px;
			text-decoration:none;
			color:#000000;
		}
		#page #content .mainnav a.inside{
			font-weight:bold;
		}
		#page #content .mainnav .last a{
			margin-right:0px;
		}
	
	/* headline ------------------------------- */
	#page #content .headline{
		width:980px;
		height:52px;
		overflow:hidden;
		background-image:url(../images/euflor/css/navshade.gif);
		background-repeat:repeat-x;
	}
	#page #content .headline h2{
		font-size:17px;
		color:#ffffff;
		padding:26px 0px 0px 10px;
		margin:0px;
	}
	
	/* nav ------------------------------------- */
	#page #content .nav{
		float:left;
		width:165px;
		margin-right:15px;
		line-height:18px;
		font-size:11px;
		overflow:hidden;
	}
		#page #content .nav a{
			text-decoration:none;
			color:#333333;
			display:block;
			padding-left:12px;
			padding-top:5px;
			padding-bottom:5px;
		}
		#page #content .nav a.current, #page #content .nav a:hover{
			background-image:url(../images/euflor/css/navpoint.gif);
			background-repeat:no-repeat;
			background-position:1px 10px;
		}
		#page #content .nav a.current{
			font-weight:bold;
		}
		
		#page #content .nav .open{
			font-weight:bold;
		}
		
		/* second level and lower */
		#page #content .nav .inside{
			margin-left:10px; /* Versatz nach rechts */
			
			
			/* linien vor und hinter geschachtelten elementen */
			border-style:solid none solid none;
			border-width:1px;
			margin-top:2px;
			margin-bottom:10px;
			padding-top:4px;
			padding-bottom:4px;
		}
			#page #content .nav .inside a{
				padding-top:2px;
				padding-bottom:2px;
				/*
				background-image:url(../images/euflor/css/navpoint_low.gif);
				background-repeat:no-repeat;
				background-position:1px 6px;
				*/
			}
			#page #content .nav .inside a.current, #page #content .nav .inside a:hover{
				background-image:url(../images/euflor/css/navpoint.gif);
				background-position:1px 7px;
			}
			
		
				/* third level and lower */
				#page #content .nav .inside .inside{
					line-height:14px;
				}
					#page #content .nav .inside .inside a{
						padding-top:2px;
						padding-bottom:2px;
						background-image:url(../images/euflor/css/navpoint_low2.gif);
						background-repeat:no-repeat;
						background-position:1px 5px;
					}
					#page #content .nav .inside .inside a.current, #page #content .nav .inside .inside a:hover{
						background-image:url(../images/euflor/css/navpoint.gif);
						background-repeat:no-repeat;
						background-position:1px 5px;
					}
		
		#page #content .nav .kundenlinks{
			margin-top:100px;
		}
		#page #content .nav .kundenlinks a,
		#page #content .nav .kundenlinks a:hover{
			background-image:none;
		}
		
		
			
		
		
	/* Seiteninhalt ------------------------------------- */
	#page #content .inhalt{
		float:left;
		width:800px;
		overflow:hidden; 
	}
		/* Spaltenaufteilung */
		#page #content .inhalt .spalten3span1{float:left;	width:250px; margin-right:15px;}
		#page #content .inhalt .spalten3span2{float:left;	width:515px; margin-right:15px;}
		#page #content .inhalt .spalten3span3{float:left;	width:780px; margin-right:15px; }

		#page #content .inhalt .spalten2span1{float:left;	width:380px; margin-right:20px;}
		#page #content .inhalt .spalten2span2{float:left;	width:780px; margin-right:15px; }
		
		
		/* Hauptgruppenseiten -------------------------------------------- */
		#page #content .inhalt .spalten3span1 .preview{
			margin-bottom:50px;
		}
		
		/* Gruppenseiten ------------------------------------------------- */
		#page #content .inhalt .gruppenlink{
			clear:both; 
		}
		#page #content .inhalt .gruppenlink .preview{
			float:left;
			width:125px;
			margin-right:15px;
			padding-bottom:15px;
		}
		#page #content .inhalt .gruppenlink .preview .img{
			display:block;
		}
		#page #content .inhalt .gruppenlink .description{
			float:left;
			width:240px;
			padding-bottom:15px;
		}
		#page #content .inhalt .gruppenlink .description a{
			text-decoration:none; 
		}
		#page #content .inhalt .gruppenlink .description .download a{
			text-decoration:underline; 
		}
		/* Produktübersichtsseiten --------------------------------------- */
		#page #content .inhalt .gruppenheader{
			float:left;
			margin-right:20px;
			margin-bottom:20px;
		}
		#page #content .inhalt .produktlink{
			clear:both; 
		}
		#page #content .inhalt .produktlink .preview{
			float:left;
			width:125px;
			margin-right:15px;
			padding-bottom:15px;
			
		}
		#page #content .inhalt .produktlink .description{
			float:left;
			width:240px;
			padding-bottom:15px;
		}
		#page #content .inhalt .produktlink .description a{
			text-decoration:none;
		}
		
		/* Produktseiten ------------------------------------------------  */
		#page #content .inhalt #produktbeschreibung{}
		#page #content .inhalt #produktzusatz{
			clear:both;
		}
			#page #content .inhalt #produktzusatz .linkliste{
				margin-left:530px;
				width:250px;
			}
		
		
		#page #content .inhalt h1{
			font-size:20px;
			font-weight:bold;
			line-height:26px;
			margin:0px 0px 14px 0px;
		}
		#page #content .inhalt h2{
			font-size:16px;
			font-weight:bold;
			line-height:20px;
			margin:0px 0px 4px 0px;
		}
		#page #content .inhalt h3{
			font-size:12px;
			font-weight:bold;
			line-height:17px;
			margin:0px 0px 4px 0px;
		}
		#page #content .inhalt ul{
			padding:0px;
			margin:0px;
			margin-left:16px;
		}
		#page #content .inhalt .image{
			padding-bottom:15px;
		}
		#page #content .inhalt .image .description{
			font-size:10px;
			padding-left:2px;
			line-height:16px;
			/* background-color:#ffffff; */
		}
		
		
		
		
		#page #content .inhalt .icon{
			margin-bottom:8px;
		}
		#page #content .inhalt .gebinde{
			margin-bottom:6px;
		}
		#page #content .inhalt .marginaltext{
			margin-bottom:6px;
		}
		#page #content .inhalt .downloads{
			margin-bottom:6px;
		}
	

		
		
	/*************************************/
	/* Anmeldung                         */
	/*************************************/
		#page #content .inhalt .anmeldung{
			
		}
		#page #content .inhalt .anmeldung .box{
			font-size:20px;
			font-weight:bold;
			line-height:26px;
			padding:6px;
			text-align:center;
			background-color:#f9f6b3;
		}
		#page #content .inhalt .anmeldung table{
			background-color:#f5ef7f;
		}
		#page #content .inhalt .anmeldung form th{
			text-align:right;
			vertical-align:bottom;
			padding-right:4px;
		}
		#page #content .inhalt .anmeldung form td,
		#page #content .inhalt .anmeldung form .formfield{
			background-color:#ffffff;
		}
		
		
		#page #content .inhalt .anmeldung form td input,
		#page #content .inhalt .anmeldung form .formfield input{
			display:block;
			height:16px;
			overflow:hidden;
			width:100%;
			border-style:none;
			margin:0px;
			padding:0px;
			padding-left:4px;
		}
		#page #content .inhalt .anmeldung form .submit input{
			width:100%;
			font-size:20px;
			font-weight:bold;
			line-height:26px;
			border-style:none;
			text-align:center;
			background-color:#f9f6b3;
		}	
		#page #content .inhalt .anmeldung form td .error{
			font-size:11px;
			line-height:13px;
			padding-left:4px;
		}
		#page #content .inhalt .anmeldung form .description{
			font-size:11px;
			line-height:13px;
			padding-left:4px;
			color:#666666;
		}
		



/* ADMIN Databrowser / nav ----------------------------------------------------------------------------------------------------------------------- */
	#admin{
		background-color:#ffffff;
		height:100%;
		width:100%;
	}
	#admin, #admin td, #admin th{
		color:#000000;
	}
	
	#admin #nav{
		background-color:#eeeeee;
		border-style:none none solid none;
		border-color:#aaaaaa;
		border-width:1px;
		padding-top:10px;
	}
		#admin #nav .navline{
			border-style:none none solid none;
			border-color:#333333;
			border-width:1px;
			margin-bottom:10px;
			height:22px;
			line-height:21px; /* eins weniger als height wegen border */
			background-image:url(../images/tic2/admin/navi_verlauf.gif);
			background-repeat:repeat-x;
			padding-left:10px;
			padding-right:10px;
		}
		
		/* IE only hack */
		* html #admin #nav .navline{ 
			background-position: 0px 2px;
		}
		* html #admin #nav .navline a{ 
			position:relative;
			top:1px;
			left:0px;
		}
		* html #admin #nav .navline .current{ 
			position:relative;
			top:2px;
			left:0px;
		}
		
		#admin #nav .navline .inside a, #admin #nav .navline .inside .current, #admin #nav .navline .outside a {
			display:block;
			float:left;
			text-decoration:none;
			border-style:solid;
			border-color:#333333;
			border-width:1px;
			background-color:#dddddd;
			padding-left:8px;
			padding-right:8px;
			margin-left:4px;
			margin-right:4px;
			color:#333333;
		}
		#admin #nav .navline .inside .current{
			border-color:#333333 #333333 #eeeeee #333333;
			background-color:#eeeeee;
			color:#de7000;
		}
		#admin #nav .navline .inside a{
			border-color:#333333 #333333 #eeeeee #333333;
			background-color:#eeeeee;
			color:#de7000;
		}
	
	
	
	#admin #inhalt{
		margin:20px;
	}
	*html #admin #inhalt{ /* IE Bugfix */
		width:100%;
	}	

		
		#admin #inhalt table{
			
		}
		
		#admin #inhalt td{
			padding:2px 4px 2px 4px;
		}
		#admin #inhalt table ul{
			float:left;
			padding-left:16px; 
			margin:0px;
		}
		
		#admin #inhalt table td select{
			font-size:11px;
			float:right;
		}
		#admin #inhalt table td.searchable select{
			font-size:12px;
			float:left;
		}