@import "shared/css/reset.css";


html, body {
/*background-image:url(../images/bgTile.jpg);
background-repeat:repeat;*/
background:url(../images/bgTile.jpg) 0 0 repeat;
/*  	background: #FFFFFF;*/
	font-size: 1.0em;
	font-family:  'Lucida Grande', Verdana, Arial, sans-serif;
  	color:#000000;
	width: 100%;
	height: 100%;
  	padding: 0;
  	margin: 0;
/*	border: solid 2px #880000;*/
  	}

@font-face {
    font-family: 'DesyrelRegular';
    src: url('desyrel-webfont.eot');
    src: url('desyrel-webfont.eot?#iefix') format('embedded-opentype'),
         url('desyrel-webfont.woff') format('woff'),
         url('desyrel-webfont.ttf') format('truetype'),
         url('desyrel-webfont.svg#DesyrelRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*
#hintergrund {

width: 100%;
height: 100%;
position: relativ;
z-index: 1;
}*/

#info{
	width: 150px;
	height: 80px;
/*	background-color: #FFFFFF;
/*	background-image: url(../images/punkte_TEXTUR.jpg);*/
	position: relative;
	margin: 60px auto;
	z-index:2;
/*	border: solid 2px #123456;*/
}

#banner{
	position:absolute;
	top:-15px;
	left: 0px;
/*	border: solid 2px #123456;*/
	-sand-transform: rotate(0deg);
	z-index: 5;
}
/*
#fixed {
        top:0;
        left:0;
        position:fixed;
        height:100px;
        width:100%;
/*        background-color:navy;
        color:white;*/
/*
z-index: 1;
}*/
#o1 {
	position: absolute;
	top: 80px;
	left: 80px;
/*	border: solid 2px #123456;*/
/*	border: solid 1px black;
	width: 100px;
	height: 100px;
	padding: 10px;
	background-color: white;*/
	-sand-transform: rotate(-27deg);
		z-index:4;}

#o2 {
	background-image:url(../images/stoff_menue_small.png);
	background-repeat:no-repeat;
	position: absolute;
	top: 120px;
	left: -60px;
	width: 800px;
	height: 100px;
/*	border: solid 2px #123456;*/
/*	background-color: white;*/
	-sand-transform: rotate(-27deg);
		z-index:4;
}

a.schoenes  {
	display:block;
	background-image:url(../images/buttonSchoenes.jpg);
    width:200px;
    height:40px;
   	margin-top: 150px;
   	margin-left:-120px; }
a.schoenes:hover {background-image:url(../images/buttonSchoenesOver.jpg);
-sand-transform: rotate(-25deg); }

a.machen  {
	display:block;
	background-image:url(../images/buttonSchoenes.jpg);
    width:200px;
    height:40px;
   	margin-top: 20px;
   	margin-left:-120px; }
a.machen:hover {background-image:url(../images/buttonSchoenesOver.jpg); }

a.deins  {
	display:block;
	background-image:url(../images/buttonSchoenes.jpg);
    width:200px;
    height:40px;
   	margin-top: 20px;
   	margin-left:-120px; }
a.deins:hover {background-image:url(../images/buttonSchoenesOver.jpg); }

/*#bild {
      display:block;
border-style:dotted;
border-color:#0C0D0C;
border-width:1px;
      }
*/

#wrapper {
	width: 800px;
	height: 800px;
/*	background-color: #FFFFFF;
/*	background-image: url(../images/punkte_TEXTUR.jpg);*/
	position: relative;
	margin: 60px auto;
	z-index:2;
/*	border: solid 2px #123456;*/
/*
	position: absolute;
	left: 250px;
	top: 80px;
*/
}
#navigation{
	position: absolute;
	top:220px;
	left:150px;
/*	z-index:4;*/
}

#bildRechts{
	position:absolute;
	/*left:500px;*/
	right:0px;
	top:40px;
	border: 0px;
	z-index:2;
	/*top:-50px;*/
}


#piratBoot{
	position:fixed;
	/*left:500px;*/
	right:0px;
	bottom:0px;
	z-index:2;
	/*top:130px;*/
}

#bgtext{
/*	position:absolute;
	margin-left:0px;
	margin-bottom:0px;
*/position:absolute;
left:0px;
top:40px;
	z-index:3;
}
/*
#textfeld{
	color:#FFFFFF;
	position:absolute;
	margin-top:500px;
	margin-left:50px;
	z-index:4;
}*/

#footer{
height: 100px;
}

a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:300px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}

/* ************************************************************************************************
		FOOTER
************************************************************************************************ */
#leo-footer {
	color:#fff;
	background: url('../img/bg.jpg') repeat-x #291616;
/*background: #651423;*/
/*	border: 5px solid #ff0000;*/
}
#leo-footer .leo-wrapper {
/*  background: url("../img/bg_footr_center.png") no-repeat scroll center 98px transparent;*/
background: #291616;
/*  border: 5px solid #ff00ff;*/
}
#leo-footer .leo-inner {
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #e8e8e8;
}
	.blockcategories_footer,
	#leo-footer .myaccount ,
	#block_various_links_footer,
	#social_block,
	#block_contact_infos {
		float:left;
		width:175px
	}
	.blockcategories_footer {margin-left:0}
#leo-footer h4 {
	padding-bottom: 10px;
	text-transform:uppercase
}
#leo-footer h4,
#leo-footer h4 a {
	font-weight:normal;
	font-size:14px;
	color:#fff
}
#leo-footer a {color:#fff}
#leo-footer a:hover {text-decoration:none; color: #fff;}
#leo-footer ul {list-style-type:none}
#leo-footer li {padding:7px 0;font-size: 12px;}
#leo-footer li a {color: #90968e;}
#lofjcarousel li a span {
  display: none;
}
#leo-footer .myaccount {padding: 15px 10px}
#leo-footer .myaccount h4 {
	padding:0 0 10px 0;
	background:none;
	text-shadow:none
}
#leo-footer .myaccount .favoriteproducts img,
#leo-footer .myaccount .lnk_wishlist img {display:none}