/* ===== Struktur ==============================================  */

BODY {
    
    font-size: 100.1%;

	/*font-size:11px;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333; /* #4F4F4F */
	background-image:url("/images/bg1.jpg");
}


#seite{ /* mittig ausgerichtet */

  position:absolute;
  top:32px;
  left:50%;
  margin-left:-440px;
  font-size:0.7em;
}


h3 {

	text-decoration:underline; 
}





/* ===== Header ==============================================  */


.header_platzhalter {

	height:150px;

}


.surfer {

	position:absolute;
	top:-195px;
	left:730px;
	width:209px;
	height:223px;
	z-index:6;
	
}

* html .surfer {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/surferneu.png', sizingMethod='crop');}
html > body .surfer {	background:transparent url("/images/surferneu.png") center bottom no-repeat;}




.palmen {

	position:absolute;
	top:-85px;
	left:-24px;
	width:87px;
	height:91px;
	z-index:6;
	
}

* html .palmen {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/palmen.png', sizingMethod='crop');}
html > body .palmen {	background:transparent url("/images/palmen.png") center bottom no-repeat;}


.schrift {

	position:absolute;
	top:0px;
	left:140px;
	width:600px;
	height:100px;
	z-index:2;
	
}

* html .schrift {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/schriftneu.gif', sizingMethod='crop');}
html > body .schrift {	background:transparent url("/images/schriftneu.gif") center bottom no-repeat;}





.blumenlinks {

	position:absolute;
	top:-38px;
	left:110px;
	width:95px;
	height:80px;
	z-index:3;
}

* html .blumenlinks {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/blumen1neu.png', sizingMethod='crop');}
html > body .blumenlinks {	background:transparent url("/images/blumen1neu.png") center bottom no-repeat;}


.blumenrechts {

	position:absolute;
	top:80px;
	left:545px;
	width:55px;
	height:40px;
	z-index:3;
}

* html .blumenrechts {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/blumen2neu.png', sizingMethod='crop');}
html > body .blumenrechts {	background:transparent url("/images/blumen2neu.png") center bottom no-repeat;}


.moeven {

	position:absolute;
	top:-55px;
	left:390px;
	width:201px;
	height:77px;
	z-index:3;
}

* html .moeven {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/moevenneu.png', sizingMethod='crop');}
html > body .moeven {	background:transparent url("/images/moevenneu.png") center bottom no-repeat;}


/* ===== sonstiges ==============================================  */


#main {

	width:880px;
  height:200px;
	margin:-27px 0 0 0;
}


#main_oben {

	position:relative;
	top:0px;
	left:0px;
	width:880px;
	height:8px;
	z-index:2;
	background-image:url("/images/main_obenneu.gif");
	background-repeat:no-repeat;
}

*html #main_oben  { margin:0px 0px -5px 0px; } /* nur IE 6.0 */


#main_mitte {

	position:relative;
	top:0px;
	left:0px;
	width:880px;
	z-index:2;
	background-image:url("/images/main_mitteneu.gif");
}

#main_unten {

	position:relative;
	top:0px;
	left:0px;
	width:880px;
	height:8px;
	z-index:2;
	background-image:url("/images/main_untenneu.gif");
	background-repeat:no-repeat;
}


#footer {

	clear:both;
	text-align:center;
	width:600px;
	border-top:1px dotted gray;
	padding:5px 0 5px 0;
	margin:5px 5px 0 100px;
	color:#0000a3;

}


#inhalt {
  float:left;
	width:705px;
	margin:0 0 0 0;
	padding:0;

}




#navi {
  float:left;
	width:130px;
	height:300px;
	margin:0 20px 0 -32px;
	padding:25px 0 0 0;
	}


* html #navi {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/struktur.png', sizingMethod='crop');}
html > body #navi {	background:transparent url("/images/struktur.png") 2px -5px no-repeat;}


#navi .container {

	margin:0 0 0 20px;

}


#navi .dropcap {

	margin:-5px 0 0 0;
	width:130px;
	height:35px;

  background-repeat:no-repeat;

}

#navi .dropcap:hover {
	cursor:hand;
}


#navi .dropcap span {

	display:none;

}


#navi .shopKategorie {

	height:73px;
	width:129px;
	margin:-5px 0 0 0px;
	background-image:url("/images/kategorie2.png");
}


#navi .shopKategorie a{

	text-align:right;
}

/*
#navi .home {   background-image:url("/images/home2.png"); }
#navi .home:hover {   background-image:url("/images/home2hover.png"); }

#navi .aboutme {   background-image:url("/images/aboutme2.png"); }
#navi .aboutme:hover {   background-image:url("/images/aboutme2hover.png"); }

#navi .shop {   background-image:url("/images/shop2.png"); }
#navi .shop:hover {   background-image:url("/images/shop2hover.png"); }

#navi .contact {   background-image:url("/images/contact2.png"); }
#navi .contact:hover {   background-image:url("/images/contact2hover.png"); }

#navi .disclaimer {  background-image:url("/images/disclaimer2.png");}
#navi .disclaimer:hover {   background-image:url("/images/disclaimer2hover.png");}
*/

#content {

	padding:20px 30px 30px 30px;
		
}


#einkaufstuete {

	position:absolute;
	top:60px;
	left:750px;
	width:187px;
	height:140px;
	z-index:3;
}
* html #einkaufstuete {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/einkaufstueteneu.png', sizingMethod='crop');}
html > body #einkaufstuete  {	background:transparent url("/images/einkaufstueteneu.png") 0px 0px no-repeat;}

#einkaufstuetetext {

	position:absolute;
	top:107px;
	left:765px;
	width:187px;
	height:140px;
	z-index:4;
}

* html #einkaufstuete { top:70px; }
* html #einkaufstuetetext { top:117px; }

#menu {

    list-style: none;	
    padding: 0; 	
    margin: 0;	
    width: 131px;
    position: relative;
}

#menu li {
    height:29px;
}

* html #menu li {
    height:28px;
}


#menu span {
	display: none;
	position: absolute;
    
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
	width: 131px;
	height: 36px;}

#menu a:hover {
	background-position: left top;
}
#menu a:hover span{
	display: block;
}



html #navi .home {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home2.png', sizingMethod='crop');}
html #navi .home:hover  {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home2hover.png', sizingMethod='crop');}

html > body #navi .home {   background: url(images/home2.png) no-repeat; }
html > body #navi .home:hover {   background: url(images/home2hover.png) no-repeat; }

html #navi .aboutme {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/aboutme2.png', sizingMethod='crop');}
html #navi .aboutme:hover  {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/aboutme2hover.png', sizingMethod='crop');}

html > body #navi .aboutme {   background: url(images/aboutme2.png) no-repeat; }
html > body #navi .aboutme:hover {   background: url(images/aboutme2hover.png) no-repeat; }

html #navi .shop {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/shop2.png', sizingMethod='crop');}
html #navi .shop:hover  {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/shop2hover.png', sizingMethod='crop');}

html > body #navi .shop {   background: url(images/shop2.png) no-repeat; }
html > body #navi .shop:hover {   background: url(images/shop2hover.png) no-repeat; }

html #navi .contact {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/contact2.png', sizingMethod='crop');}
html #navi .contact:hover  {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/contact2hover.png', sizingMethod='crop');}

html > body #navi .contact {   background: url(images/contact2.png) no-repeat; }
html > body #navi .contact:hover {   background: url(images/contact2hover.png) no-repeat; }

html #navi .credits {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/credits2.png', sizingMethod='crop');}
html #navi .credits:hover  {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/credits2hover.png', sizingMethod='crop');}

html > body #navi .credits {   background: url(images/credits2.png) no-repeat; }
html > body #navi .credits:hover {   background: url(images/credits2hover.png) no-repeat; }