/*XXXXXXXXXX Generic page styling rules XXXXXXXXXX*/
		
html, body, ul, li { padding: 0; margin: 0; list-style: none;}

body {
  margin: 0px 0 20px;
  text-align: center;
}

/* Box model hack \*/
* html #wrapper {
  width: 762px;
  w\idth: 760px;
  }
/* */

.textbox {
padding: 1px 1em;
}

.textbox a {color: #000;}

.back {text-align: right; padding: 10px 10px 0 0;}

.alignright {margin: 0 30px 20px 0; text-align: right;}

.small {font-size: .8em;}

h5 {position: absolute; left: -3000px;}

h6 {font-size: 1em;}

/*p {margin: .8em 1em .8em 1.6em;}*/


/*XXXXXXXXXXXX Primary top nav rules XXXXXXXXXXX*/
.sperrflaeche {
	float: left;
	position: relative;
	background: #999999;
	width: 180px;
	height: 24px;
}
.nav {
	position: relative;
	background: #cdcdcd;
	width: 800px;	/*display: inline; /* doubled margin bug fix for IE/win */
	height: 25px;
}

.button {
	width: 100px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	}

.parent {position: relative;}
	
.floatfix {margin-right: -3px;}
/* this fixes the IE 3px bug that is common in this type of float arrangement */ 

/*XXXXXXXXXXXX Primary dropdown/flyout rules XXXXXXXXXXX*/

.dropdown { /* rules for dropdown div */
	width: 180px;
	position: absolute;		
	left: -3000px;
	top: auto; /* puts dropdowns directly under top nav */
	text-align: center; /* needed because IE misapplies text centering to boxes */	
	background: url(../images/bgfix.gif);
	}
	
/*.dropdown div {
	width: 180px;
	position: absolute;		
	left: -3000px;
	top: 0;  
	background: url(images/bgfix.gif);
	text-align: left; /* needed because IE misapplies text centering to boxes 
	}
	*/
.dropdown ul { 
  width: 189px; /* tweaked so that dropdowns appear to "line up" with top links */
  margin: 0 30px 30px 30px; /* creates "sticky hovering" zones for dropdowns */
  border: 1px solid #888888; 
  border-width: 1px 1px 0px; 
  } /* 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 */
	
.dropdown ul {width: 150px;} /* modifies width for rightmost "visible" dropdown (tweak) */
		
.dropdown div ul {margin: 30px 0 30px 30px; position: relative;} /* rule reversal for "visible" right drop flyouts */

.nav li {
	text-align: center;
	list-style-type: none;
}

.nav a {                /* Definition fuer die oberste Schrift Art*/
  display: block;
  color: #333333;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	padding: 6px 0 5px; 
	border-right: 1px solid #737373;  /* makes the dividers between the top nav links */
	}

.nav a:hover {
	display: block;
	color: #cdcdcd;
	background-color: #081053;
	font-weight: bold;
	text-align: center;
}

/*aufgeklappte menues*/
	
.nav ul ul a:hover {
  text-align: left;
  padding-left: 5px;	
  }

.nav ul ul a {
  text-align: left;
  padding-left: 5px;	
  color: #333;
  border-right: 0; /* negates right border for dropdowns and flyouts */
  border-bottom: 1px solid #888;  /* borders the bottoms of the dropdown and flyout links */
  }

	
.dropdown li {
  position: relative; 
  vertical-align: bottom; /* IE5/win bugfix */
  }
				
.button:hover div.dropdown {left: -31px;} /* hover rule for dropdowns */ 
/* extra pixel makes dropdowns "line up" with top links */ 

.dropdown li:hover div { /* hover rule for flyouts */
	left: 100px; /* 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(../images/bgfix.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: #235;} /* hover color effect on dropdown links */

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


/*XXXXXXXXXXX Primary dropdown backgrounds XXXXXXXXXX*/
	
.one ul {background: #cdcdcd;}
.two ul {background: #cdcdcd;}
.three ul {background: #cdcdcd;}
.four ul {background: #cdcdcd;}
.dropdown div ul {background: #666666;} /* 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%;
	font-weight: bold;
}

/* The first 2 rules above fix "bullet region" problems in IE5.x/win, 
and the 2nd is to make all links fully clickable. */    

.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 */