/* ---------------- */
/* -----Import----- */
/* ---------------- */

@import url(link2map24.css);

/* -----Import ENDE----- */

/* 1.basics*/
* {
	margin: 0;
	padding: 0;
	outline:none;
}

body {
	background:url(../images/layout/body_kachel.gif) 0 0 #004772 repeat-x;
	margin:0;
	font:62.5% Arial, Helvetica, sans-serif;
	color:#fff;
}

h1{
	text-indent:-5000px;
	width:auto;
	height:40px;
	margin:0 0 15px 0;
}	

	h1.start{
		background:url(../images/layout/h1/start.gif) 0 0 no-repeat;
	}
	
	h1.uns{
		background:url(../images/layout/h1/uns.gif) 0 0 no-repeat;
	}
	
	h1.aktuelles{
		background:url(../images/layout/h1/aktuelles.gif) 0 0 no-repeat;
	}
	
	h1.service{
		background:url(../images/layout/h1/service.gif) 0 0 no-repeat;
	}
	
	h1.rezepte{
		background:url(../images/layout/h1/rezepte.gif) 0 0 no-repeat;
		height:50px;
	}
	
	h1.agb{
		background:url(../images/layout/h1/agb.gif) 0 0 no-repeat;
	}
	
	h1.exoten{
		background:url(../images/layout/h1/exoten.gif) 0 0 no-repeat;
	}
	
	h1.frischfisch{
		background:url(../images/layout/h1/frischfisch.gif) 0 0 no-repeat;
	}
	
	h1.rware{
		background:url(../images/layout/h1/rware.gif) 0 0 no-repeat;
	}
	
	h1.marinaden{
		background:url(../images/layout/h1/marinaden.gif) 0 0 no-repeat;
	}
	
	h1.schalen{
		background:url(../images/layout/h1/schalen.gif) 0 0 no-repeat;
	}
	
	h1.weichtiere{
		background:url(../images/layout/h1/weichtiere.gif) 0 0 no-repeat;
	}
	
	h1.sonstiges{
		background:url(../images/layout/h1/sonstiges.gif) 0 0 no-repeat;
		height:49px;
	}
	
	h1.sortiment{
		background:url(../images/layout/h1/sortiment.gif) 0 0 no-repeat;
	}
	
	h1.tk{
		background:url(../images/layout/h1/tk.gif) 0 0 no-repeat;
	}
	
	h1.kontakt{
		background:url(../images/layout/h1/kontakt.gif) 0 0 no-repeat;
	}
	
	h1.anfahrt{
		background:url(../images/layout/h1/anfahrt.gif) 0 0 no-repeat;
	}
	
	h1.impressum{
		background:url(../images/layout/h1/impressum.gif) 0 0 no-repeat;
		height:52px;
	}
	
	h1.danke{
		background:url(../images/layout/h1/danke.gif) 0 0 no-repeat;
		height:52px;
	}
	

h2{
		font:1.8em "Times New Roman", Times, serif;
		margin:0 0 15px 0;
}

h3{
		font:1.6em "Times New Roman", Times, serif;
		font-weight:bold;
		margin:0 0 15px 0;
}

h4{
		font:1.5em Georgia, "Times New Roman", Times, serif;
		color:#FB8689;
		font-weight:bold;
}

h5{
		font:1.5em Georgia, "Times New Roman", Times, serif;
		color:#FB8689;
		font-weight:bold;
		margin:0 0 15px 0;
}

h6{
		font:1.6em Arial, Helvetica, sans-serif;
		color:#ffbb0f;
		font-weight:bold;
		margin:0;
}

img {
	border:0;
}

.imp img{
	margin:0 16px 0 0;
}

.logo {
	border:1px solid #9D1716;
	margin:0 25px 15px 0;
}

.req{
	float:none;
	margin:0;
}

a:link, a:visited{
	color:#ffeeca;
	text-decoration:underline;
}

a:hover, a:active{
	color:#fff;
	text-decoration:none;
}

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

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

#euroweb{
	width:250px;
	margin:0 0 15px 9px;
	}

p{
	font:1.3em Arial, Helvetica, sans-serif;
	line-height:1.8em;
	margin:0 0 15px 0;
}

p.linie{
	background:url(../images/layout/linie.gif) 0 0 repeat-x;
	height:1px;
	margin:0 0 15px 0;
	width:470px;
	clear:both;
	float:none;
}

.rechtsbund{
	margin:0 0 15px 162px;
}

.picfloat img{
	float:left;
	margin:0 15px 15px 0;
}

img.cmsbild{
	border:1px solid #D8C8AE;
}

.breite{
	width:158px;
	float:left;
	margin:0 0 15px 0;
}

.breite01{
	width:230px;
	float:left;
	margin:0 0 15px 0;
}

.breitebild{
	width:160px;
	float:left;
	margin:0 0 15px 0;
	padding:5px 0 0 0;
}


.center{
	text-align:center;
	width:436px;
}

.oben{
	background:url(../images/layout/oben.gif) 0 0px no-repeat;
	padding:0 0 0 15px;
	height:20px;
}

.infogross{
	font:1.6em "Arial Black", Arial;
}

.keinabstand{
	margin:0;
}

.hellblau{
	color:#8bf9fd;
}

.dunkelblau{
	color:#00466c;
}

.blau{
	color:#13C8F1;
}

.beige{
	color:#ffeeca;
}

.weiss{
	color:#fff;
}

.schwarz{
	color:#000;
}

.rot{
	color:#770001;
}

.weiss{
	color:#fff;
}

.gross{
	font:1.4em Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.mittel{
	font:1.3em Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.klein{
	font:1.2em Arial, Helvetica, sans-serif;
}

ul{
	list-style-type:none;
}

li{
	font:1.1em Arial, Helvetica, sans-serif;
}

/* --- DIV ANFANG ---*/
/* ------------------*/

#wrapper{
	width:100%;
	background:url(../images/layout/wrapper_kachel.gif) top center repeat-y;
	float:left;
}

#wrapper01{
	width:100%;
	background:url(../images/layout/wrapper_bg.jpg) top center no-repeat;
	float:left;
}

#master{
	width:960px;
	margin:0 auto;
}

#top{
	width:960px;
	height:284px;
}

#top_left{
	background:url(../images/layout/top_left.jpg) 0 0 no-repeat;
	width:856px;
	height:284px;
	float:left;
}

#top_navi{
	background:url(../images/layout/top_navi.jpg) 0 0 no-repeat;
	width:104px;
	height:155px;
	float:left;
	padding:129px 0 0 0;
}

	#top_navi span {
			position:relative;
			left:-5000px;
		}
		
		#top_navi ul{
			list-style-type:none;
		}
		
		#top_navi li{
			float:left;
		}
		
		#top_navi li a:link, #top_navi li a:visited {
			width:104px;
			text-decoration:none;
			display:block;
		}

		#top_navi li a:hover, #top_navi li a:active  {
			background-position: -104px 0;
		}
		
		#top_navi li.kontakt a:link, #top_navi li.kontakt a:visited{
			height:31px;
			background-image:url(../images/layout/navi/kontakt.gif);	
		}
		
		#top_navi li.anfahrt a:link, #top_navi li.anfahrt a:visited{
			height:27px;
			background-image:url(../images/layout/navi/anfahrt.gif);	
		}
		
		#top_navi li.impressum a:link, #top_navi li.impressum a:visited{
			height:27px;
			background-image:url(../images/layout/navi/impressum.gif);	
		}

#slideshow{
	width:364px;
	height:284px;
	float:right;
}

#main{
	background:url(../images/layout/main_kachel.gif) 0 0 repeat-y;
	width:960px;
	float:left;
}

#navi{
	background:url(../images/layout/navi.jpg) 0 0 no-repeat;
	width:234px;
	height:427px;
	float:left;
	padding:0 0 0 100px;
}

	#navi span {
			position:relative;
			left:-5000px;
		}
		
		#navi ul{
			list-style-type:none;
		}
		
		
		#navi li a:link, #navi li a:visited {
			width:234px;
			text-decoration:none;
			display:block;
		}

		#navi li a:hover, #navi li a:active  {
			background-position: -234px 0;
		}
		
		#navi li.start a:link, #navi li.start a:visited{
			height:32px;
			width:97px;
			background-image:url(../images/layout/navi/start.gif);	
		}
		
		#navi li.uns a:link, #navi li.uns a:visited{
			height:34px;
			width:139px;
			background-image:url(../images/layout/navi/uns.gif);	
		}
		
		#navi li.aktuelles a:link, #navi li.aktuelles a:visited{
			height:34px;
			width:105px;
			background-image:url(../images/layout/navi/aktuelles.gif);	
		}
		
		#navi li.service a:link, #navi li.service a:visited{
			height:33px;
			width:109px;
			background-image:url(../images/layout/navi/service.gif);	
		}
		
		#navi li.sortiment a:link, #navi li.sortiment a:visited{
			height:32px;
			width:100px;
			background-image:url(../images/layout/navi/sortiment.gif);	
		}
		
		#navi li.service a:link, #navi li.service a:visited{
			height:33px;
			width:108px;
			background-image:url(../images/layout/navi/service.gif);	
		}
		
		#navi li.rezept a:link, #navi li.rezept a:visited{
			height:34px;
			width:143px;
			background-image:url(../images/layout/navi/rezepte.gif);	
		}
		
		#navi li.agb a:link, #navi li.agb a:visited{
			height:30px;
			width:78px;
			background-image:url(../images/layout/navi/agb.gif);	
		}
		
		/* -- DropDownmenü -- */
	/* ---Einstellungen-- */

	#navi table {
		position: relative;
		border-collapse:collapse;
		z-index:80;
		left:0px;
		top:0px;
	}
	
	#navi ul ul.untermenu a:link, #navi ul ul.untermenu a:visited {
		background:none;
		background-color:#0B5185;
		display:block;
		font:1.1em Arial, Helvetica, sans-serif;
		color: #fff;
		border:1px solid #3AABD5;
		border-left:2px solid #3AABD5;
		border-right:2px solid #3AABD5;
		padding:3px;
		text-decoration:none;
		line-height:1.6em;
		width:180px;
		}
		
	#navi ul ul.untermenu a:hover, #navi ul ul.untermenu a:active{
		background-color:#063E63;
		color: #8BF9FD;
		border:1px solid #fff;
		border-left:2px solid #fff;
		border-right:2px solid #fff;
		margin:0;
		text-decoration:none;
		}
	
	#navi ul ul.untermenu {
		display:none;
		position:absolute;
		padding:0;
		margin:0 0 0 80px;
		width:auto;
		list-style: none;
		z-index: 100;
		text-align:left;
	}
	
	#navi ul ul.untermenu li{
		border:0;
		height:auto;
	}
	
	#navi ul :hover ul.untermenu{
		display:block;
		position:absolute;
	}
	
	#navi ul :hover ul.untermenu {
	 -moz-opacity: 0.90; opacity:0.90;
	 filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 90);
	}


	/*  NAVI ENDE  */
	/*-------------*/

#inhalt{
	background:url(../images/layout/inhalt.jpg) 0 0 no-repeat;
	width:474px;
	min-height:427px;
	float:left;
	padding:0 140px 0 12px;
}

	#inhalt ul{
		margin:0 0 15px 0;
	}

	#inhalt li{
		background:url(../images/layout/li_style.gif) 0 7px no-repeat;
		font:1.3em Arial, Helvetica, sans-serif;
		padding:0 0 0 15px;
		line-height:1.4em;
		margin:0 0 5px 5px;
	}

#bottom_gesamt{
	background:url(../images/layout/bottom_gesamt.jpg) top center no-repeat;
	width:100%;
	height:346px;
	clear:both;
	float:none;
}

#bottom{
	width:850px;
	margin:0 auto;
	padding:80px 0 0 110px;
}

	#bottom ul{
		float:left;
	}
	
	#bottom ul.telefon{
		margin:16px 0 0 123px;
	}
	
	#bottom ul.telefax{
		margin:16px 0 0 58px;
	}
	
	#bottom ul.email{
		margin:16px 0 0 58px;
	}
	
	#bottom li{
		font:1.4em "Times New Roman", Times, serif;
		/*font-style:italic;*/
		line-height:1.15em;
	}
	
	#bottom a:link, #bottom a:visited{
		color:#ffeeca;
		text-decoration:none;
	}
	
	#bottom a:visited, #bottom a:hover{
		color:#fff;
	}