html, body, ul, li { padding: 0; margin: 0; }

.nav {
	position: relative;
	background: url(../bilder/bg_menu.jpg);
	border: 0px solid #888; /* borders the bottom of the top nav */
	border-width: 0px 0;
	width: 100%;
	height:32px;
	
	border: 0px #ff0000 dashed;
}

.nav ul {
	list-style: none;
	margin: 0px 0px 0px 0px; /* das is das margin ding(12px) damit der rechts nicht anliegt */
/*	height: 31px; */
	border: 0px #00ff00 dashed;
}

.button {
	/*width: 190px; */ /* wenn nicht angegeben kagged der ie6 ab und menus sind übereinander */
	float: right;
}

.parent {position: relative;}

.floatfix {margin-right: -3px;}

.dropdown { /* rules for dropdown div */
	width: 250px;
	position: absolute;
	left: -3000px;
	top: auto; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */
	background: url(../bilder/spacey.gif);
}

.dropdown div {
	width: 220px;
	position: absolute;
	left: -3000px;
	top: 0;
	background: url(../bilder/spacey.gif);
	text-align: left; /* needed because IE misapplies text centering to boxes */
}

/* The margins on the UL's replace the div paddings to create "sticky hovering"
zones,  and the margins should "fill" the divs, making the IE BG fix unnecessary.
Unfortunately the BG fix is still needed, altho this method does eliminate
possible box model problems */

.dropdown ul { 
	width: 189px; /* tweaked so that dropdowns appear to "line up" with top links */
	margin: -4px 30px 30px 30px; /* creates "sticky hovering" zones for dropdowns */ /*ABSTAND DES DROPDOWNS IM FIREFOX*/
	
	padding: 0px;
	border: 0px solid #00FFf0;    /*EIN BORDER*/
   /* border: 0 none; */
	/* border-width: 1px 1px 0; */
} /* borders sides and top of the dropdowns and flyouts; links provide the bottom border */

.dropdown div ul {margin: 30px 30px 30px 0;} /* creates "sticky hovering" zones for flyouts */

.four .dropdown ul {width: 190px;} /* modifies width for rightmost "visible" dropdown (tweak) */

.four .dropdown div ul {margin: 30px 0 30px 30px; position: relative;} /* rule reversal for "visible" right drop flyouts */

.nav li {text-align: left;}   /*TEXT AUSRICHTUNG IM DROPDOWN*/

.nav a {
	display: block;
	color: #800;
	font-weight: bold;
	font-size: .9em;
	text-decoration: none;
	padding: 0px 0px 0px 0px; /* 6 0 5 Kp was für eine padding das is ;)*/ 
	border-right: 0px solid #888;  /* makes the dividers between the top nav links */
	}

.four a {border-right: 0;} /* kills right border on last top link */

.nav ul ul a {
	color: #fff;
	/*border-right: 0; /* negates right border for dropdowns and flyouts */
/*	border-bottom: 1px dashed #ffffff;  /* borders the bottoms of the dropdown and flyout links */  /*TRENNSTRICHE!!!*/
/*	border-right: 1px dashed #ffffff;
	border-left: 1px dashed #ffffff; */
}

.dropdown li {
	position: relative;
	vertical-align: bottom; /* IE5/win bugfix war bottom*/
	padding-left: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
	
	border-bottom: 1px solid #102951;  /* borders the bottoms of the dropdown and flyout links */  /*TRENNSTRICHE!!!*/
	border-right: 1px solid #102951;
	border-left: 1px solid #204e99;
	border-top: 1px solid #204e99;
	
	background: #15366b;
}

.parent:hover {background-image: url(../bilder/spacey.gif);}

.parent:hover div.dropdown {left: -31px;} /* hover rule for dropdowns */ 

.dropdown li:hover div { /* hover rule for flyouts */
	left: 180px; /* this value controls the amount of flyout "overlap" */
	top: -26px; /* this value controls the amount of flyout vertical offset */
}
	
.four li:hover div { /* reversed flyout rules for rightmost drop flyouts */
	left: -210px;
	top: -26px;
}

.nav div.mini-zone { /* special hover zone that covers the "danger corner" */
	padding: 0;
	width: 15px;
	height: 15px;  
	font-size: 1px;
	left: -3000px;
	bottom: -15px;
	top: auto;	
	background: url(../bilder/spacey.gif);
}

.nav .dropdown li:hover div.mini-zone { /* hover rule for mini-zones */
	left: auto;
	right: 8px;
	top: auto;
}

.nav .four li:hover div.mini-zone { /* reversed hover rule for rightmost drop mini-zones */
	left: 8px;
}

.dropdown li:hover {background: #9a0703;} /* hover color effect on dropdown links */  /*HIER DROPDOWN HOVER FARBE*/

/* .dropdown div li:hover {background: #ff7;} /* hover color effect on flyout links */


/*XXXXXXXXXXX Primary dropdown backgrounds XXXXXXXXXX*/

/* skycomment .D	
.one ul {background: #d79b00;}
.two ul {background: #459;}
.three ul {background: #4a3;}
.four ul {background: #790000;} */

/*.subitem ul {background: #d79bff;}      /* HIER DWOPDOWNFARBE*/
.subitem ul {
	position:relative; 
/*	background: #15366b;  */       /* HIER DWOPDOWNFARBE r*/
	
}
	
/* .dropdown div ul {background: #eda;} /* colors BG of flyouts */
/* .dropdown div ul a {color: #400;} /* colors text of  flyouts */


/*XXXXXXXXXX z-index rules for top nav XXXXXXXXXXX*/

.one {z-index: 10;}
.two {z-index: 20;}
.three {z-index: 30;}
.four {z-index: 40;}
.four:hover {z-index: 20;}

/*XXXXXXXXXXX Special fixes XXXXXXXXXXX*/

/* This is to hide the following from IE/Mac. \*/
* html .button .dropdown li {
	height: 1%;
	margin-left: -16px;
	mar\gin-left: 0;
}
/* */

* html .nav a {
 	height: 1%;
}

.brclear { /* Use a break with this class to clear float containers */
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}

/*\*/ /*/
.nav .dropdown, .nav .dropdown div {width: 189px;}
.nav .button .dropdown ul {margin: 0px;}
.nav .dropdown, .nav .dropdown div {position: static;}
.nav .dropdown ul {border: 0;}
.mini-zone {display: none;}
/* this rule block "dumbs down" the nav for IEmac */


/* ########## die button-grafiken  ####### */
/* die margin gibt hier die position an, so is rechnerisch mitte */
/* also halbwegs,, button=25px hoch, hintergrund=32px,,, => 7px */
/* mitte wäre also 3.5 - momentan 3 oben, 4 unten platz */


#btn_home a {
	height: 25px;
	width: 69px;
	display: block;
	margin: 3px 0px 4px 0px; /* oben, rechts,unten,links */
	background: url(../bilder/btn_home.jpg) 0px 0px no-repeat;
}
#btn_home a:hover {	
	background-position: 0px -25px;
}

#btn_home a:active {
	background-position: 0px -25px;
}

#btn_firmenprofil a {
	height: 25px;
	width: 112px;
	display: block;
	margin: 3px 0px 4px 0px; /* oben, rechts,unten,links */
	background: url(../bilder/btn_firmenprofil.jpg) 0px 0px no-repeat;
}
#btn_firmenprofil a:hover {	
	background-position: 0px -25px;
}

#btn_firmenprofil a:active {
	background-position: 0px -25px;
}

#btn_leistungen a {
	height: 25px;
	width: 104px;
	display: block;
	margin: 3px 0px 4px 0px; /* oben, rechts,unten,links */
	background: url(../bilder/btn_leistungen.jpg) 0px 0px no-repeat;
}
#btn_leistungen a:hover {	
	background-position: 0px -25px;
}

#btn_leistungen a:active {
	background-position: 0px -25px;
}

#btn_karriere a {
	height: 25px;
	width: 137px;
	display: block;
	margin: 3px 0px 4px 0px; /* oben, rechts,unten,links */
	background: url(../bilder/btn_karriere.jpg) 0px 0px no-repeat;
}
#btn_karriere a:hover {	
	background-position: 0px -25px;
}

#btn_karriere a:active {
	background-position: 0px -25px;
}

#btn_auftragsformular a {
	height: 25px;
	width: 154px;
	display: block;
	margin: 3px 0px 4px 0px; /* oben, rechts,unten,links */
	background: url(../bilder/btn_auftragsformular.jpg) 0px 0px no-repeat;
}
#btn_auftragsformular a:hover {	
	background-position: 0px -25px;
}

#btn_auftragsformular a:active {
	background-position: 0px -25px;
}

#btn_partner a {
	height: 25px;
	width: 77px;
	display: block;
	margin: 3px 0px 4px 0px; /* oben, rechts,unten,links */
	background: url(../bilder/btn_partner.jpg) 0px 0px no-repeat;
}
#btn_partner a:hover {	
	background-position: 0px -25px;
}

#btn_partner a:active {
	background-position: 0px -25px;
}

#btn_objekte a {
	height: 25px;
	width: 78px;
	display: block;
	margin: 3px 0px 4px 0px; /* oben, rechts,unten,links */
	background: url(../bilder/btn_objekte.jpg) 0px 0px no-repeat;
}
#btn_objekte a:hover {	
	background-position: 0px -25px;
}

#btn_objekte a:active {
	background-position: 0px -25px;
}