@charset "utf-8";
/* www.baby-basar-haspe.de */

/* Body */

* {
margin: 0;
padding: 0;
}

body {
background: #bfe6f5 url(../images/layout/background.jpg) repeat-x;
font: 0.8em Arial, Helvetica, sans-serif;
color: #255461;
line-height: 1.6em;
}

/* Tags */

p {
margin: 0 0 1.4em 0;
}

/* Class */

a {
color: #72a100;
text-decoration: none;
outline: none;
}

a:hover {
color: #990033;
}

ul.liste {
list-style-type: none;
}
					
ul.liste li {
background: url(../images/layout/buttons/blume_01.png) 0 5px no-repeat;
padding-left: 20px;
margin-bottom: 5px;
}
					
ul.liste li:hover {
background: url(../images/layout/buttons/blume_02.png) 0 5px no-repeat;
}

.clear {
float: none;
clear: both;
}

.headline {
margin: 50px 0 20px 136px;
}

.headline_sortiment {
margin: 0 0 20px 136px;
}

head:first-child+body  .trenner {
background: url(../images/layout/trenner.png) 0 0 no-repeat;
width: 348px;
height: 29px;
display:block;
padding-bottom: 10px;
}

.img {
border: none;
margin-bottom: 20px;
}

.pink {
color: #CC0099;
}

.img_emotionworld {
padding-left: 50px;
}

.logos {
border: 1px solid #ccc;
margin: 0 10px 10px 0;
}

.cms_logos_div {
	width:162px;
	height:150px;
	margin:0 10px 10px 0;
	float:left;
}

.cms_img {
	border:1px solid #ccc;
}


/* Headline */

h1 {
text-indent: -5000px;
}

h2 {
font-size: 1.0em;
color: #255461;
font-weight: normal;
padding: 0 0 10px 0;
}

h3 {
color: #990033;
font-weight: normal;
}

h4 {
background-color: #def2fa;
border: 1px solid #b0de7d;
padding: 3px;
}

/* Container */

#container {
background: url(../images/layout/container.jpg) repeat-y;
width: 964px;
margin: 0 auto;
}

/* Header */

#header {
background: url(../images/layout/header.jpg) no-repeat;
width: 964px;
height: 298px;
}

	.shop {
	background: url(../images/layout/buttons/shop_01.jpg) no-repeat;
	width: 171px;
	height: 94px;
	display: block;
	outline: none;
	border: none;
	margin: 19px 0 0 252px;
	float: left;
	text-decoration: none;
	cursor:pointer;
	}
	
	* html .shop {
	background: url(../images/layout/buttons/shop_01.jpg) no-repeat;
	width: 171px;
	height: 94px;
	display: block;
	outline: none;
	border: none;
	margin: 19px 0 0 126px;
	float: left;
	text-decoration: none;
	cursor:pointer;
	}
			
		.shop:hover {
		background: url(../images/layout/buttons/shop_02.jpg) no-repeat;
		}
		
	.gaestebuch {
	background: url(../images/layout/buttons/gaestebuch_01.jpg) no-repeat;
	width: 161px;
	height: 122px;
	display: block;
	outline: none;
	border: none;
	margin: -65px 0 0 795px;
	float: left;
	text-decoration: none;
	cursor:pointer;
	}
	
	* html .gaestebuch {
	background: url(../images/layout/buttons/gaestebuch_01.jpg) no-repeat;
	width: 161px;
	height: 122px;
	display: block;
	outline: none;
	border: none;
	margin: 45px 0 0 365px;
	float: left;
	text-decoration: none;
	cursor:pointer;
	}

/*	.gaestebuch {
	background: url(../images/layout/buttons/gaestebuch_01.jpg) no-repeat;
	width: 161px;
	height: 122px;
	display: block;
	outline: none;
	border: none;
	margin: 45px 0 0 367px;
	float: left;
	text-decoration: none;
	}*/
			
		.gaestebuch:hover {
		background: url(../images/layout/buttons/gaestebuch_02.jpg) no-repeat;
		}
		
/* Navi */

#navi_background {
background: url(../images/layout/navi.jpg) no-repeat;
width: 964px;
height: 139px;
}

	#navi {
	height: 36px;
	}

		#navi ul {
		margin: 0 0 0 48px;
		list-style-type: none;
		}
	
		#navi ul li {
		float: left;
		}
	
		#navi a {
		display: block;
		text-indent: -1000px;
		outline: none;
		overflow: hidden;
		height: 36px;
		float: left;
		}
		
			a.home {
			background: url(../images/layout/navi/home.jpg) 0 0 no-repeat;
			width: 60px;
			}
				a.home:hover, .active a.home {
				background: url(../images/layout/navi/home.jpg) 0 -36px no-repeat;
				}
				
			a.wir {
			background: url(../images/layout/navi/wir.jpg) 0 0 no-repeat;
			width: 113px;
			}
				a.wir:hover, .active a.wir {
				background: url(../images/layout/navi/wir.jpg) 0 -36px no-repeat;
				}
				
			a.aktuelles {
			background: url(../images/layout/navi/aktuelles.jpg) 0 0 no-repeat;
			width: 76px;
			}
				a.aktuelles:hover, .active a.aktuelles {
				background: url(../images/layout/navi/aktuelles.jpg) 0 -36px no-repeat;
				}
				
			a.sortiment {
			background: url(../images/layout/navi/sortiment.jpg) 0 0 no-repeat;
			width: 104px;
			}
				a.sortiment:hover, .active a.sortiment {
				background: url(../images/layout/navi/sortiment.jpg) 0 -36px no-repeat;
				}
				
			a.baby_mobil {
			background: url(../images/layout/navi/baby_mobil.jpg) 0 0 no-repeat;
			width: 100px;
			}
				a.baby_mobil:hover, .active a.baby_mobil {
				background: url(../images/layout/navi/baby_mobil.jpg) 0 -36px no-repeat;
				}
				
			a.baby_zuhause {
			background: url(../images/layout/navi/baby_zuhause.jpg) 0 0 no-repeat;
			width: 119px;
			}
				a.baby_zuhause:hover, .active a.baby_zuhause {
				background: url(../images/layout/navi/baby_zuhause.jpg) 0 -36px no-repeat;
				}
				
			a.comfort_card {
			background: url(../images/layout/navi/comfort_card.jpg) 0 0 no-repeat;
			width: 124px;
			}
				a.comfort_card:hover, .active a.comfort_card {
				background: url(../images/layout/navi/comfort_card.jpg) 0 -36px no-repeat;
				}
				
	#subnavi {
	height: 52px;
	}

		#subnavi ul {
		margin: 0 0 0 297px;
		list-style-type: none;
		}
	
		#subnavi ul li {
		float: left;
		}
	
		#subnavi a {
		display: block;
		text-indent: -1000px;
		outline: none;
		overflow: hidden;
		height: 52px;
		float: left;
		}
		
			a.unterwegs {
			background: url(../images/layout/navi/unterwegs.jpg) 0 0 no-repeat;
			width: 96px;
			}
			
				a.unterwegs:hover, a.active a.unterwegs {
				background: url(../images/layout/navi/unterwegs.jpg) 0 -52px;
				}
				
			a.essen {
			background: url(../images/layout/navi/essen.jpg) 0 0 no-repeat;
			width: 43px;
			}
			
				a.essen:hover, a.active a.essen {
				background: url(../images/layout/navi/essen.jpg) 0 -52px;
				}
				
			a.pflegen {
			background: url(../images/layout/navi/pflegen.jpg) 0 0 no-repeat;
			width: 59px;
			}
			
				a.pflegen:hover, a.active a.pflegen {
				background: url(../images/layout/navi/pflegen.jpg) 0 52px;
				}
				
			a.spielen {
			background: url(../images/layout/navi/spielen.jpg) 0 0 no-repeat;
			width: 48px;
			}
			
				a.spielen:hover, a.active a.spielen {
				background: url(../images/layout/navi/spielen.jpg) 0 52px;
				}
				
			a.anziehen {
			background: url(../images/layout/navi/anziehen.jpg) 0 0 no-repeat;
			width: 63px;
			}
			
				a.anziehen:hover, a.active a.anziehen {
				background: url(../images/layout/navi/anziehen.jpg) 0 52px;
				}
				
			a.zuhause {
			background: url(../images/layout/navi/zuhause.jpg) 0 0 no-repeat;
			width: 61px;
			}
			
				a.zuhause:hover, a.active a.zuhause {
				background: url(../images/layout/navi/zuhause.jpg) 0 52px;
				}
				
/* Content */

#content {
background: url(../images/layout/content.jpg) no-repeat;
width: 964px;
}

#content:after {
clear:both;
content:'.';
display:block;
height:0;
visibility:hidden;
}

	#left {
	width: 350px;
	float: left;
	margin: 20px 40px 0 136px;
	display:inline;
	}
	
	#right {
	width: 350px;
	float: left;
	margin: 20px 0 0 0;
	}
	
	#inhalt_wide {
	width: 700px;
	float: left;
	margin: 20px 40px 0 136px;
	}
	
/* Footer */

#footer_background {
background: url(../images/layout/footer_background.jpg) no-repeat;
height: 215px;
margin: 0 auto;
}

#footer {
background: url(../images/layout/footer.jpg) no-repeat;
width: 964px;
height: 215px;
margin: 0 auto;
}

	.impressum {
	background: url(../images/layout/buttons/impressum_01.jpg) no-repeat;
	width: 103px;
	height: 33px;
	display: block;
	outline: none;
	border: none;
	margin: 54px 0 0 180px;
	float: left;
	text-decoration: none;
	}
	
	* html .impressum {
	background: url(../images/layout/buttons/impressum_01.jpg) no-repeat;
	width: 103px;
	height: 33px;
	display: block;
	outline: none;
	border: none;
	margin: 54px 0 0 90px;
	float: left;
	text-decoration: none;
	cursor:pointer;
	}
			
		.impressum:hover {
		background: url(../images/layout/buttons/impressum_02.jpg) no-repeat;
		}
		
	.anfahrt {
	background: url(../images/layout/buttons/anfahrt_01.jpg) no-repeat;
	width: 85px;
	height: 39px;
	display: block;
	outline: none;
	border: none;
	margin: 111px 0 0 169px;
	float: left;
	text-decoration: none;
	cursor:pointer;
	}
			
		.anfahrt:hover {
		background: url(../images/layout/buttons/anfahrt_02.jpg) no-repeat;
		}
		
	.kontakt {
	background: url(../images/layout/buttons/kontakt_01.jpg) no-repeat;
	width: 227px;
	height: 47px;
	display: block;
	outline: none;
	border: none;
	margin: 35px 0 0 199px;
	float: left;
	text-decoration: none;
	cursor:pointer;
	}
			
		.kontakt:hover {
		background: url(../images/layout/buttons/kontakt_02.jpg) no-repeat;
		}
		
/* Routenplaner */
	
#berechnen input {
border: none;
border: 1px solid #85B748;
color: #255461;
background-color: #EEF9FF;
margin: 3px;
}

#berechnen input.hidden {
border: none;
}

input#submitRoute {
width:152px;
padding:1px;
background:#EEF9FF;
color:#255461;
font-size:0.9em;
cursor:pointer;
border:none;
margin: 10px 0 0 5px;
}

#berechnen input, #link2map24 label {
display: block;
float: left;
width: 150px;
}
	
#link2map24 label {							
text-align: left;		
width: 60px;						
}

fieldset {						
border: none;
padding: 0;
}

#ziel {
padding: 0 0 0 58px;
}

input.wech  {
display: none!important;
}
	
#berechnen br {
clear: both;
}	

.img_galerie {
	width:197px;
	height:144px;
	position:relative;
} 

.img_galerie img {
	width:197px;
	height:144px;
} 

.img_galerie span {
	width:197px;
	height:144px;
	background:transparent url(../images/overlay.gif) 0 0 no-repeat scroll;
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index:5;
}