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

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

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

/* ### Logo ################################################################# */
#logo {
	position:absolute;
	top:10px;
	right:10px;
	border: 1px solid #37444f;
	background-image: url(redaxo_logo_klein.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

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

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

#header {
	background:#37444f url(bg_header.gif) 210px 0 no-repeat;
	color: #c4c4c4;
}

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

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

#main-teaser {
	background:url(main_teaser.jpg) no-repeat;
}

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

#main-block {
	background-image: url(linie_main_block.gif);
	background-position: 627px 0;
	background-repeat: repeat-y;
	background-color: #465762;
	padding-bottom: 40px;
}

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

#donate {
	display:block;
	clear:left;
	width:208px;
	height: 300px;
	background: #37444f url(bg_unav.gif) no-repeat;
	color: #c4c4c4;
	text-align:right;
}

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

/*
// JavaScript Document

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }
   }
  }
 }
}
window.onload=startList;
*/


/*	Navigation dropdown
------------------------------------------------------------------------------*/

#dropdown-navigation {
	float:left;
	width:200px;
	padding:14px 0;
	}

#dropdown-navigation ul.nav1st {
	list-style: none;
	width: 170px; /* Width of Menu Items */
	margin: 0;
	padding: 0;
	color:#606060;
	background: #fff;
	}
#dropdown-navigation ul.nav1st li {
	position: relative;
	padding: 8px 0 8px 14px;
	}
#dropdown-navigation ul.nav1st li.active {
	background: #f7f7f7; 
	}
#dropdown-navigation ul.nav1st li a,
#dropdown-navigation ul.nav1st li a:link {
	color:#606060;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	position: static;
	z-index: 10;
	}
#dropdown-navigation ul.nav1st li a.current,
#dropdown-navigation ul.nav1st li a.current:link,
#dropdown-navigation ul.nav1st li a:hover {
	color: #090; 
	text-decoration: none;
	}
#dropdown-navigation ul.nav1st li a.folder {
	background-image: url(sub.gif);
	background-position: 93%;
    background-repeat: no-repeat; 
	}

/* Fix IE. Hide from IE Mac \*/
* html #dropdown-navigation ul li { float: left; height: 1%; }
* html #dropdown-navigation ul li a { height: 1%; }
/* End */

		

/* Sub Menu Styles */

#dropdown-navigation ul.nav1st li ul.nav2nd {
/*	Anzeigeoption/Position der dropdown-submenüs */
	position: absolute;
/*	left: 85%; */
	left: 159px;
	top: 0;
	display: none;
	}
#dropdown-navigation ul.nav1st li ul.nav2nd {
/*	Stil der dropdown-submenüs */
	width: 180px; /* Width of Menu Items */
	margin: 0;
	padding: 10px 0;
	color:#606060;
	background: #f7f7f7;
	list-style: none;
	border: 2px solid #fff;
/*	border-bottom: 1px solid #fff; */
} 
#dropdown-navigation ul.nav1st li ul.nav2nd li {
/*	zusammen mit dem border-bottom (siehe oben) 
	entsteht eine komplett geschlossene borderline 
	um jeden submenüpunkt	*/
/*	border: 1px solid #fff;
	border-bottom: 0; */
	display: block;
	padding: 0;
	text-decoration: none;
	color:#606060;
	background: #fff; 
} 
#dropdown-navigation ul.nav1st li ul.nav2nd li a,
#dropdown-navigation ul.nav1st li ul.nav2nd li a:link {
	font-size: 1.2em;
	font-weight: normal;
	padding: 5px 10px; 
	color:#606060;
	background: #f7f7f7; 
} 
#dropdown-navigation ul.nav1st li ul.nav2nd li a.current,
#dropdown-navigation ul.nav1st li ul.nav2nd li a.current:link,
#dropdown-navigation ul.nav1st li ul.nav2nd li a:hover {
	display: block;
	text-decoration: none;
	color: #090; 
	background: #fff; 
	}

		
/* The magic ^^ */
#dropdown-navigation ul.nav1st li.over { 
	z-index: 10;
} 
#dropdown-navigation ul.nav1st li:hover ul.nav2nd, #dropdown-navigation ul.nav1st li.over ul.nav2nd { 
	display: block; 
	z-index: 20;
} 

/*******************************************************************************
        
        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: verdana, sans-serif; 
  width:750px;                    /*  (1)  */
  position:relative; 
  font-size:1.0em;
  padding-bottom:50px;
  z-index:100;
}
.menu ul {                        /* UL Ebene 1 */
  padding:0; 
  margin:0;
  list-style-type: none;
}
.menu ul li {                     /* Listenelemente der Ebene 1 */
  float:left;
  position:relative;
}
.menu ul li a, 
.menu ul li a:visited {           /* Links der Listenelemente der Ebene 1 */
  display:block; 
  text-decoration:none; 
  color:#fff; 
  width:139px;                    /* Breite von (.menu)/(Anzahl der Punkte)-(1Px)  --> (1) */
  height:25px;                    /*  (2)  */
  border:1px solid #000;          /* Border-color am besten = Hintergrundfarbe der Seite */
  border-width:1px 1px 0 0; 
  background:#aaa; 
  padding-left:10px; 
  line-height:25px;               /*  --> (2)  */
}
* html .menu ul li a, .menu ul li a:visited {
  width:149px;                    /* für 'normale' Browser */
  w\idth:139px;                   /* für IE */
}
.menu ul li ul {
  display: none;
}

table {
  margin:-1px; 
  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:#555; 
  background:#ddd;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
  display:block; 
  position:absolute; 
  top:25px;                          /*  --> (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; 
  background:#ddd; 
  color:#555; 
  height:auto; 
  line-height:1.2em; 
  padding:5px 10px; 
  width:129px
}
* 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 {
  background:#aaa url(../../graphics/drop.gif) bottom right no-repeat;
}

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

.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:150px; 
  top:0;
  width:150px;
}

.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;
}