/*www.pd-b.de - navigation oben und menu links*/
/*autorin: claudia simon*/

/*MENU links*/

/*beinhaltet die Liste mit dem ProduktmenŸ links. Float: left, damit die Inhaltscontainer rechts daneben stehen*/
#menu {
	display: block;
	width: 140px;
	height: 300px;
	min-width: 140px;
	margin-top: 23px;
	padding-left: 22px;
	float: left;
	}

/*lŠdt die MenŸgrafiken im Grundzustand - s= schwarze Schrift, w=weisse Schrift*/
#menu ul li.babyq {
	background: transparent url(../images/menu/babys.jpg) no-repeat;
	}
#menu ul li.babyq2 {
	background: transparent url(../images/menu/babyw.jpg) no-repeat;
	}
#menu ul li.stekka {
	background: transparent url(../images/menu/stekkas.jpg) no-repeat;
	}
#menu ul li.stekka2 {
	background: transparent url(../images/menu/stekkaw.jpg) no-repeat;
	}
#menu ul li.light {
	background: transparent url(../images/menu/lights.jpg) no-repeat;
	}
#menu ul li.light2 {
	background: transparent url(../images/menu/lightw.jpg) no-repeat;
	}
#menu ul li.aufbau {
	background: transparent url(../images/menu/aufbaus.jpg) no-repeat;
	}
#menu ul li.film {
	background: transparent url(../images/menu/films.jpg) no-repeat;
	}

/*Abstand der UntermenŸs vom linken MenŸrand (nicht Seitenrand)*/
#menu ul li.aufbau, #menu ul li.film {
	margin-left: 12px;
	}

/*definiert Grš§e und Position des Linkfensters*/
#menu a {
	display: block;
	width: 99px; 
	height: 24px; 
	padding-top: 24px; 
	text-decoration: none; 
	overflow: hidden;  
	}

/*fŸr den IE*/
* html #menu a:link {
	height: 24px; 
	he\ight:0;
	}

/*lŠdt die Grafiken fŸr die Links*/
#menu a#bab {
	background: transparent url(../images/menu/babyw.jpg) -99px -24px no-repeat;
	}
#menu a#ste {
	background: transparent url(../images/menu/stekkaw.jpg) -99px -24px no-repeat;
	}
#menu a#lig {
	background: transparent url(../images/menu/lightw.jpg) -99px -24px no-repeat;
	}
#menu a#auf {
	background: transparent url(../images/menu/aufbauw.jpg) -99px -18px no-repeat;
	}
#menu a#fil {
	background: transparent url(../images/menu/filmw.jpg) -99px -18px no-repeat;
	}

/*zieht die Grafiken beim Mouseover rein*/
#menu a#bab:hover {
	background-position: top left; 
	}
#menu a#ste:hover {
	background-position: top left; 
	}
#menu a#lig:hover {
	background-position: top left; 
	}
#menu a#auf:hover {
	background-position: top left; 
	}
#menu a#fil:hover {
	background-position: top left; 
	}

/*unterer Abstand fŸr Buttons, wenn kein Link sonder Image*/
.babyq img, .stekka img, .light img {
	margin-bottom: 20px;
	}

.aufbau img, .film img {
	margin-bottom: 26px;
	}

/* FUSSZEILE */

#simpel {
	float: left;
	margin-top: 7px;
	}

#imp {
	margin-top: 15px;
	width: 90%;
	text-align: right;	
}

/*SAFARI HACK fŸr MENU*/

#menu a{
	height: 24px;#
	height: 0;
	}