/* ######################################################################################################
** # www.kuehl-beschallung.de ###########################################################################
** ######################################################################################################
** 
**  Dateiversion: 07.05.06 
**  letztes Update: 08.05.06  
**  Datei       : nav.css
**  Funktion    : Definitionen aller Navigationen innerhalb der Seite
**
*/



/* verlinktes Logo */
a#logo, a#logo:visited {
	height: 84px; width: 267px;
	float: left;
	margin: 12px 0 0 24px;
	text-decoration: none;
	background: url("../../gfx/design/logo.gif") 0px 0px no-repeat;
}

a#logo:active, a#logo:hover, a#logo:focus {
	background: url("../../gfx/design/logo.gif") 0px -84px no-repeat;
}

/* verlinkte E-Mail-Adresse im Header */
a#e-mail, a#e-mail:visited {
	height: 20px; width: 180px;
	float: right; 
	margin: 3px 290px 0 0;
	text-decoration: none;
	background: none;
}
  
/* ######################################################################################################
** ### Navi Links: Hauptnavigation ######################################################################
** ######################################################################################################
*/

#col3 ul {
	display: block; 
	margin: 8px 0 0 27px; padding: 0;
	background: url("../../gfx/design/n-bg-ul.gif") left top repeat-y;
	border-top: 1px solid #FE902A;
	border-bottom: 1px solid #FE902A;
}

#col3 ul li {
	width: 144px; overflow: hidden;
	padding: 0 0 1px 0; margin: 0;
	list-style: none;
	white-space: nowrap;	
}

#col3 a, #col3 a:visited 	{
	display: block; width: 144px;
	padding: 1px 0 1px 0;
	color: #0B348C; font-weight: normal; text-indent: 6px; font-size: 83%; line-height: 173%; text-decoration: none;
	background: url("../../gfx/design/n-inactive.gif") right center no-repeat;
	border-bottom: 1px solid #FE902A;
	
}

#col3 a:hover, #col3 a:active, #col3 a:focus {
	background: url("../../gfx/design/n-active.gif") right center no-repeat;
}

/* Navigation (styling the level) */

#col3 a.current, #col3 a.current:visited	{
	background: url("../../gfx/design/n-active.gif") right center no-repeat;
	font-weight: bold;
}
			
a:hover.current, a:active.current, a:focus.current {background: url("../../gfx/design/n-active.gif") right center no-repeat; font-weight: bold;}


/* Menü (LEVEL 1 [sub]) */

#col3 ul ul {
	margin: -1px 0 0 0; 
	border-top: none; border-bottom: none;
	background: none;
}

#col3 ul ul li	{
	white-space: nowrap;
	background: none;
	padding: 0; margin: 0;
}
	
#col3 ul ul li a, #col3 ul ul li a:visited	{	
	margin-top: 0;
	background: url("../../gfx/design/n-sub-inactive.gif") left center no-repeat #FEA757;; 
	border-top: 1px solid #FE902A;
	border-bottom: none;
	font-size: 83%; line-height: 163%; 
}

#col3 ul ul li a:hover, #col3 ul ul li a:active, #col3 ul ul li a:focus, #col3 ul ul li a:focus .sffocus {background: url("../../gfx/design/n-sub-active.gif") right center repeat-y;}

#col3 ul ul li a.current, #col3 ul ul li a:visited.current  {
	background: url("../../gfx/design/n-sub-active.gif") left center no-repeat; 
}
							
#col3 ul ul li a.current, #col3 ul ul li a:active.current, #col3 ul ul li a:focus.current{background: url("../../gfx/design/n-sub-active.gif") right center no-repeat; }


/* Endstück der Navigation links */

#nav-end {
	height: 52px; width: 179px;
	margin: -2px 0 0 0;
	background: url("../../gfx/design/bg-nav-end.gif") no-repeat;
}

/* ######################################################################################################
** ### Footer Navigation ################################################################################
** ######################################################################################################
*/

#bottom-nav {
	margin: 20px 240px -30px 0;
	float: left; display: inline;
}

/* Navigation im Footer */
#bottom-nav li {display: inline; float: right;}
#bottom-nav li a, #bottom-nav li a:visited {
				display: block; float: left; 
				line-height: 1.4em; color: #003F8E; font-size: 75%;
				text-decoration: none;
} 
		
#bottom-nav li a:active, #bottom-nav li a:hover, #bottom-nav li a:focus {color: #000; text-decoration: underline;}
		
#bottom-nav li#printlink {width: 9em; float: right; text-align: left;}
#bottom-nav li#toplink {width: 10em;}
li#printlink a, li#printlink a:visited {float: right; background: url("../../gfx/design/icons/icon-print.gif") 1px 1px no-repeat; padding-left: 18px;}
li#toplink a, li#toplink a:visited {background: url("../../gfx/design/icons/icon-top.gif") right center no-repeat; padding-right: 18px;}

.imprint {display: none;}

#footer form {margin: 0; padding: 0;}
#footer input {
	margin: 0; padding: 0; 
	width: 9em; 
	color: #393939; background: #FFF; line-height: 1.2em; font-family: Verdana, Arial, Helvetica, Sans-Serif;
	background: transparent; 
	border: none; border: 0; 
	cursor: pointer;
}

#footer p a, #footer p a:visited  {text-decoration: none; background: none; color: #003F8E; }
#footer p a:active,  #footer p a:hover, #footer p a:focus {color: #000; text-decoration: underline;}

#footer p {
	font-size: 75%; line-height: 1.2em; color: #7A7772; padding-top: 16px;
}

#footer p.design {
	width: 250px;
	float: right;
	text-align: right;
	margin: 0 11px 0 0;
	display: inline; /* IE */
}

#footer p.copyright {
	float: left;
	text-align: left;
	padding-left: 17px;
	margin: 0 15px 0 0;
}


/* ######################################################################################################
** ### Font-Size         ################################################################################
** ######################################################################################################
*/

#fontsize {
font-size: 80%;
margin: 10px 10px 0 10px;
float: left;
z-index: 100;
display: inline;
}

#col3 #fontsize a, #col3 #fontsize a:visited {
	padding: 1px;
	display: inline;
	text-decoration: none;	
	font-family: arial;
}

#col3 #fontsize a:active, #col3 #fontsize a:hover, #col3 #fontsize a:focus  {
	color: #000;
}

#col3 #fontsize #plus-it {
	font-size: 150%;
}

#col3 #fontsize #reset-it {
	font-size: 130%;
}

#col3 #fontsize #minus-it  {
	font-size: 110%;
}