/*******************************************************************************

	Project		:	Redaxo Demo
	Copyright	:	Design - hundertmorgen - www.hundertmorgen.de

*******************************************************************************/

/* ### Logo ################################################################# */
#logo {
	background-image: url(../../bilder/logo_original.gif);
	background-position: 10px center;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

#logo a {
	display:block;
	height:80px;
	width:186px;
	text-indent:-700em;
}

/* ### Header ############################################################### */

#header {
	color: #000000;
	background-color: #959686;
	background-position: 0;
	height: 100px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
}

#nav-header {
	position:absolute;
	left:210px;
	bottom:18px;
}

/* ### Teaser ############################################################### */

#main-teaser {
	background-image: url(../../bilder/produkt_teaser.jpg);
	background-repeat: no-repeat;
	height: 298px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}

/* ### Main-block Background ################################################# */

#main-block {
	background-position: 627px 0;
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	padding-bottom: 40px;
}

/* ### Donate ###################################################################### */

#donate {
	display:block;
	clear:left;
	width:208px;
	height: 300px;
	color: #c4c4c4;
	text-align:right;
}

#donate input {
	margin-top: 200px;
	margin-right: 20px;
}

/*IA redaxo modul Textile: feste breite in der Darstellung*/
div.team {
	width:auto;
	float: left;
	/* width: 573px; */
}

/*******************************************************************************
        
        Horizontales Dropdown-Menu, CSS
        
        CSS-Grundlage:  Copyright by Stu Nicholls @ www.cssplay.co.uk
        Please see Copyright Notice @
        http://www.cssplay.co.uk/menus/final_drop.html
        
*******************************************************************************/

.menu {
	font-family: Arial, Helvetica, sans-serif;                /*  (1)  */
	position:relative;
	font-size:10pt;
	padding-bottom:px;
	z-index:100;
	font-weight: bold;
	height: 15px;
	list-style-type: square;
	list-style-position: inside;
}
.menu ul {                        /* UL Ebene 1 */
	padding:0;
	margin:0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-indent: 8px;
	letter-spacing: 0px;
}
.menu ul li {                     /* Listenelemente der Ebene 1 */
  float:left;
  position:relative;
   background:#353535;
}
.menu ul li a, 
.menu ul li a:visited {           /* Links der Listenelemente der Ebene 1 */
	display:table-row;
	text-decoration:none;
	color:#fff;
	width:100%;                    /* Breite von (.menu)/(Anzahl der Punkte)-(1Px)  --> (1) */
	height:29px;                    /*  (2)  */
	padding-left:2px;
	line-height:25px;               /*  --> (2)  */
	padding-top: 0px;
	
	
}
* html .menu ul li a, .menu ul li a:visited {
  width:149px;                    /* für 'normale' Browser */
  w\idth:149px;                   /* für IE */
}
.menu ul li ul {
  display: none;
}

table {
  border-collapse:collapse;
  font-size:0.8em;
}

/* li:hover  für non-IE-Browser  ---  a:hover  für IE */
  .menu ul li:hover a,
  .menu ul li a:hover {
  color:#ff6501; 
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
  display:block; 
  position:absolute;                         /*  --> (2)  */
  margin-top:-1px;
  left:0; 
  width:150px;
}
* html .menu ul li a:hover ul {
  margin-top:0;
  marg\in-top:1px;
  
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
  visibility:hidden; 
  position:absolute; 
  height:0; 
  width:0;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
	display:block;
	color:#ffffff;
	height:auto;
	line-height:12px;
	width:149px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom: 1px solid white;
}
* html .menu ul li a:hover ul li a {
  width:150px;
  w\idth:129px;
}

.menu ul li:hover ul li a.drop,       /* Ebene 2 mit  Subpunkten */
.menu ul li a:hover ul li a.drop {
  
}

.menu ul li:hover ul li a:hover,      /* Ebene 2 hover */
.menu ul li a:hover ul li a:hover {
  color:#ff6501;
}

.menu ul li:hover ul li:hover ul,     /* Ebene 3 */
.menu ul li a:hover ul li a:hover ul {
  visibility:visible; 
  position:absolute; 
  left:165px; 
  width:150px;
  margin-top:-23px;
}

.menu ul li:hover ul li:hover ul.left,  /* Ebene 3  letztes Element */
.menu ul li a:hover ul li a:hover ul.left {
  left:-150px;
}