/* kul_stylez.css  (c) by Stefan Lenz/ K&L GbR  */

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:smaller;
  margin: 20px;
  color: #996600;
  font-weight: bold;
  background-color: #FFFFD9;
  text-align: center;
}

a {
	color: maroon;
	font-weight: bold;
	text-decoration: none;
	}
	
a:hover {
	color: #FEF500;
	}

h1 {
	font-size: large;
	font-weight: bold;
	color: maroon;
}

h2 {
	font-size:small;
	font-weight: bold;
	color: maroon;
}

.wichtig {
 	font-weight: bold;
	color: maroon;
}

p {
}

/* Außencontainer, enthält logo, navi, content und footer */
#mother {
	text-align: left;
	margin: auto;
	width: 780px;
	background-image: url(nussVD.jpg);
	background-repeat: no-repeat;
	background-position: 0px 81px; /* läßt 3px abstand zur nuss-hg-grafik */
	height: 545px;
}

#search {
 visibility: hidden;
  float: right;
  color: black;
  width: 150px;
}

#logo {
	text-align: left;
	height: 94px;
	width: 100%;
	background-image: url(banner.gif);
	background-repeat: no-repeat;
	z-index: 0;
	/* banner verschieben von links, von oben: */
	background-position: 0px 0px;
 }

ul#bilderlink_liste {
	list-style-type: disc;
	padding-left: 10px;
	list-style-position: inside;
        }

ul#bilderlink_liste li {
	line-height: 30px;
}

ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 135px;
        }

/* =-=-=-=-=-=-=-[Menu Eight]-=-=-=-=-=-=-=- */

#menu8 {
	float: left;
	width: 19%;
	position: relative;
	/* Menü-abstand von oben: */
	top: 40px;
	font-weight: bold;
        }

#menu8 li a {
  /*abstand zwischen schaltern: */
	height: 30px;
	voice-family: "\"}\"";
	voice-family: inherit;
	text-decoration: none;
        }

#menu8 li a:link, #menu8 li a:visited, #menu8 li a:active{
	color: maroon;
	display: block;
	background: url(nuss_normal.gif);
	/*background: url(menu8.gif);*/
	background-repeat: no-repeat;
    /* padding [positionierung text auf schalter, 0,0, abstand von links]*/
	padding: 9px 0px 0px 20px;
        }

#menu8 li #current {
        color: #FEF500;
        background: url(nuss_aktivDunkel.gif) -5px 0;
		/*background: url(menu8.gif) 0 -34px;*/
		background-repeat: no-repeat;
        padding: 9px 0px 0px 20px;
        }

#menu8 li a:hover {
        color: #FEF500;
        background: url(nuss_aktivDunkel.gif);
		/*background: url(menu8.gif) 0 -34px;*/
		background-repeat: no-repeat;
        padding: 9px 0px 0px 25px;
        }

#trenneroben {
	width: 10px;
	height: 14px;
	float: left;
}

#content {
	float: right;
	width: 278px;
	height: 415px;
}

#zwischenbox {
	width: 34px;
	height: 430px; /* hält den footer nach unten auf abstand! */
	float: right;
}

#randbox {
	width: 10px;
	background-color: #;
	height: 10px;
	float: right;
}

#footer {
  	clear: both;
  	width: 100%; 
 	color: #996600;
  	text-align: center;
}

#bildbox {
	float: right;
	height: 415px;
	width: 278px;
	position: relative;
}

/* nur für die bilder-seite: */
#lokal_unten, #bar_unten, #lokal_oben, #bar_oben, #team {
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
	height: 410px;
	width: 278px;
	visibility: hidden;
	position: absolute; /* erfordert relativ-eigenschaft bei drumliegender bildbox */
}

#lokal_unten{visibility: visible;
	background-image: url(lokal_unten.gif);}
#bar_unten{background-image: url(bar_unten.gif);}
#lokal_oben{background-image: url(lokal_oben.gif);}
#bar_oben{background-image: url(bar_oben.gif);}
#team{background-image: url(team.gif);}

