/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $   

   XT-Commerce - community made shopping
   http://www.xt-commerce.com

   Copyright (c) 2004 XT-Commerce 
   -----------------------------------------------------------------------------------------
   based on: 
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com 
   (c) 2003	 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org

   Released under the GNU General Public License 
   ---------------------------------------------------------------------------------------*/
   
   
   #tasche{
   
   position:relative;
left:10px;
top:5px;
   width:124px;
   height:147px;
   background-image:url(images/tasche.jpg);
   background-repeat:no-repeat;}
   
   
   
   a.ovalbutton{
background: transparent url('images/bg_button_div.jpg') no-repeat top left;
display: block;
float: left;
font: bold 12px Arial ; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 37px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('images/bg_button_a.jpg') no-repeat top right;
display: block;
padding: 11px 11px 16px 0; /*Set 11px below to match value of 'padding-left' value above*/
}



#buttonwrapper{
position:relative; /* Container you can use to surround a CSS button to clear float */
/*overflow: hidden;*/ /*See: http://www.quirksmode.org/css/clearing.html */
top:135px;
margin:0px;

left:264px;
width:740px;

}
   
   
   
   
   
   
   
  

   .boxTextBG,.boxTextBGII,.main, body{
  
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color: #333333;
  
  
   }
   
   
   
   
   
   
  .copyright{
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#666666;
  margin-left:7px;
  display:inline;} 
   
   #conti2{
   position:relative;
   top:30px;
   width:200px;
   left:10px;
   
   -moz-opacity: 0.4;filter: alpha(opacity=40);
  }
  
  #conti2 a:link{
  color:#999999;}
   
   

#teil{
position:absolute;
left:260px;
top:56px;

width:386px;
height:37px;

background-image: url(images/teil_des_ganzen.gif);
background-repeat:no-repeat;
}

#also_purchased{
position:relative;
left:-10px;
width:460px;
}

#warenkorb_header{
position:relative;
top:0px;
left:0px;
width:516px;
height:58px;
background-image:url(images/warenkorb_header.gif);
background-repeat:no-repeat;
}

#warenkorb_content{
position:relative;
top:0px;
left:0px;

width:516px;
height:auto;
background-image: url(images/warenkorb_content.gif);
background-repeat:repeat-y;
}

#warenkorb_unten{
position:relative;
top:-4px;
left:0px;
width:516px;
height:52px;
background-image:url(images/warenkorb_unten.gif);
background-repeat:no-repeat;
}





#test{
position:relative;}

#container{
position:absolute;

width:auto;
height:auto;
padding-bottom:100px;

}

body{
background-color:#4c4c4c;
background-image:url(images/haupt_hintergrund.gif);
background-repeat:repeat-y;
background-color:#4c4c4c;
}


#logo{
position:relative;
top:0px;
left:72px;
width:110px;
height:141px;
background-image:url(images/logo.gif);
background-repeat:no-repeat;}


#spalte_rechts{
position:absolute;
top:191px;
left:813px;}




/*-------------------------------------------MAINCONTENT----------------------------------------------*/
#main_content{
position:absolute;
top:191px;
left:288px;
width:516px;
height:auto;
}

#breadcrumb{
position:relative;
top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #999999;
}

#breadcrumb a:visited{
color: #666666;
}

#breadcrumb a:hover{
color: #000000;

}

#titel_kategorie{
position:relative;
top:4px;
width:514px;
height:25px;
background-color:#4b4b4b;
color:#FFFFFF;
}

#seiten_navi_unten{
position:relative;
top:20px;
color:#999999;
float:left;
width:300px;}


/*-------------------------------------------MAINCONTENT----------------------------------------------*/


/*-------------------------------------------ARTIKELVORSCHAU----------------------------------------------*/


#acount_navi{
position:absolute;
left:666px;
top:170px;
width:300px;
text-align:right;																		
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#6e6e6e;
}

#acount_navi2{
position:absolute;
left:470px;
top:10px;
width:500px;
text-align:right;																		
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#6e6e6e;
}


#kategorie_name{
position:relative;
top:-51px;
left:5px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#FFFFFF;}

#artikel_vorschau_header{
position:relative;
width:212px;
height:22px;
background-image:url(images/artikel_vorschau_header.gif);
background-repeat:no-repeat;
}

#artikel_vorschau_unten{
position:relative;
bottom:0px;
width:212px;
height:22px;
background-image:url(images/artikel_vorschau_unten.gif);
background-repeat:no-repeat;}

#artikel_container{
position:relative;
float:left;


width:212px;

background-image:url(images/artikel_vorschau_hintergrun.gif);
background-repeat:repeat-y;
}

#artikel_rahmen{
position:relative;
float:left;

height:280px;
width:212px;
margin-bottom:30px;
margin-right:30px;
}

#artikel_rahmen_vorschau{
position:relative;
float:left;

height:280px;
width:212px;
margin-bottom:10px;
margin-right:30px;
}

#produktname{
position:relative;
top:-10px;
left:10px;
width:188px;
height:40px;






font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#565555;
}



#artikel_bild{
position:relative;
left:40px;
top:0px;
width:125px;
height:125px;
}


#preis{
position:absolute;
bottom:0px;

right:0px;
float:none;


background-color:#f9f9f9;

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;}

#kaufen{
position:relative;
top:0px;
left:39px;
}

#information{
position:relative;
width:126px;
height:19px;
top:0px;
left:39px;

background-image:url(buttons/german/informationen.gif);
background-repeat:no-repeat;}

#information a:link,
#information a:visited{
position:relative;
width:126px;
height:19px;
left:23px;
top:3px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:10px;
color:#656565;

}




/*-------------------------------------------ARTIKELVORSCHAU----------------------------------------------*/



/*-------------------------------------------ARTIKELINFORMATION----------------------------------------------*/

#artikel_info_container{
position:relative;
height:auto;
top:10px;
left:10px;
}

#artikel_header{
position:relative;
top:0px;
left:0px;
width:482px;
height:59px;
background-image:url(images/header_artikel_info.gif);
background-repeat:no-repeat;
}

#artikel_content{
position:relative;
top:0px;
left:0px;

width:482px;
height:auto;
background-image: url(images/header_artikel_info_mittels.gif);
background-repeat:repeat-y;
}

#artikel_unten{
position:relative;
top:0px;
left:0px;
width:482px;
height:38px;
background-image:url(images/header_artikel_info_unten.gif);
background-repeat:no-repeat;
}

#artikel_info_bild{
position:relative;
top:-15px;
left:15px;
width:150px;
}

#artikel_info_titel{
position:relative;
top:-35px;
left:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#565555;}

#artikel_info_beschreibung{
position:relative;
top:-15px;
right:30px;
float:right;
overflow:auto;
padding-right:5px;
width:270px;
height:390px;
text-align:justify;

font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:19px;
color:#656565;
}

#artikel_infos{
position:relative;

left:15px;

width:150px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#656565;

}

#info {
position:relative;
top:40px;
left:15px;

font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#656565;

}

/*-------------------------------------------ARTIKELINFORMATION----------------------------------------------*/






/*-------------------------------------------MENU_OBEN----------------------------------------------*/




.text_geschenke{
position:absolute;
top:15px;
left:22px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
color:#615e5e;}

.text_kerzen{
position:absolute;
top:15px;
left:225px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
color:#615e5e;}

.text_papeterie{
position:absolute;
top:15px;
left:310px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
color:#615e5e;}

.text_karten{
position:absolute;
top:15px;
left:405px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
color:#615e5e;}

.text_spiele{
position:absolute;
top:15px;
left:502px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
color:#615e5e;}

 

/*-------------------------------------------MENU_OBEN----------------------------------------------*/



/*-------------------------------------------SUCHE----------------------------------------------*/

#suche{
position:relative;
top:54px;
left:71px;
width:190px;
}

#header_suche{
position:relative;
width:190px;
height:25px;
background-image:url(images/header_suche.gif);
background-repeat:no-repeat;}

#suche_header_text{
position:relative;

left:14px;
top:3px;

font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#FFFFFF;
font-weight:bold;}

#klein_header_text{
position:relative;

left:7px;
top:2px;

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;

color:#FFFFFF;

}

#content_background{
position:relative;
top:-1px;
width:190px;
background-image:url(images/content_background.gif);
background-repeat:repeat-y;}

#suchmaske{
position:relative;
top:10px;
left:5px;}

#suche_submit{
position:relative;
top:-9px;
left:145px;}

#content_ende{
position:relative;
width:199px;
height:11px;
background-image: url(images/box_ende.gif);
background-repeat:no-repeat;}



#erweiterte, 
#erweiterte a:hover{
position:relative;
left:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #333333;
text-decoration:none;}



/*-------------------------------------------SUCHE----------------------------------------------*/



/*-------------------------------------------KATEGORIEN----------------------------------------------*/

#kategorien{
position:relative;
top:70px;
left:71px;
width:190px;
}

#kategorien a:link{
color: #000000;}

#kategorien a:hover{
color: #000000;
font-weight:bold;}

#kategorien a:visited{
color: #000000;}



#header_kategorien{
position:relative;
width:190px;
height:25px;
background-image:url(images/header_kategorien.gif);
background-repeat:no-repeat;}

#kategorie_text{
position:relative;
top:20px;
left:5px;

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#kategorie_text a:link,
#kategorie_text a:visited{
text-decoration:none;
line-height:20px;
}

a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color: #666666;
}

a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color: #333333;
}

#content_background{
position:relative;
top:-1px;
width:190px;
background-image:url(images/content_background.gif);
background-repeat:repeat-y;
}



/*-------------------------------------------KATEGORIEN----------------------------------------------*/






/*-------------------------------------------ANMELDUNG----------------------------------------------*/

#header_anmeldung{
position:relative;
top:-1px;
background-image:url(images/header_anmeldung.gif);
width:190px;
height:24px;}

#adminbereich{
position:relative;
top:-3px;

background-image:url(images/content_background.gif);
background-repeat:repeat-y;}

#admintext{
position:relative;
left:20px;
top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5;

}

#anmeldung_text{
position:relative;
left:10px;
top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5;

}



#anmelde_button{
position:relative;
top:20px;}


/*-------------------------------------------ANMELDUNG----------------------------------------------*/











/*-------------------------------------------WARENKORB----------------------------------------------*/


#warenkorb_container_innen{
position:relative;
left:5px;
width:485px;}


#warenkorb{
position:relative;
top:4px;
left:14px;
width:145px;

background-image:url(images/content_background_small.gif);
background-repeat:repeat-y;
}


#header_warenkorb{
position:relative;
width:190px;
height:25px;
background-image:url(images/header_warenkorb.gif);
background-repeat:no-repeat;
}

#warenkorb_text{
position:relative;
width:130px;
left:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;

}


#content_ende_small{
position:relative;
width:144px;
height:10px;
background-image: url(images/box_ende_small.gif);
background-repeat:no-repeat;}

/*-------------------------------------------WARENKORB----------------------------------------------*/



/*-------------------------------------------BESTSELLER----------------------------------------------*/





#bestseller{
position:relative;
top:20px;
left:14px;
width:145px;

background-image:url(images/content_background_small.gif);
background-repeat:repeat-y;
}

#header_bestseller{
position:relative;
width:145px;
height:25px;
background-image:url(images/header_bestseller.gif);
background-repeat:no-repeat;

}

#bestseller_container{
position:relative;
width:140px;
margin-bottom:10px;
}

#bestseller_text{
position:relative;
float:right;
width:80px;
right:2px;
text-align:right;}

#bestseller_bild{
position:relative;
width:50px;
height:50px;
background-color:#FFFFFF;
}




#link_bestseller{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
color:#666666;
}

#link_bestseller a:link{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
color:#666666;
}


#link_bestseller a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
color:#000000;
}

#link_bestseller a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
color:#666666;
}




/*-------------------------------------------BESTSELLER----------------------------------------------*/





#verschieb_container{
position:absolute;
top:1200px;}






















/* -----------------------------------------------------------------------------------------







   ---------------------------------------------------------------------------------------*/


img,
img a:link{
border:0;
}




.vorteil-button a{
	display:block;
	width:185px;
	height:22px;
	background: url(images/button-vorteil-unternehmer_hover.gif) no-repeat;
	background-position:0px -22px;
	}

	.vorteil-button a:hover, .vorteil-button#current a{
	background-position:0px 0px;
	}
	
a.box1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color: #f0f0f0;
	padding: 3px 7px 3px 7px;
	border: 1px solid #999999;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	behavior: url(border-radius.htc);
	text-decoration:none;
	color:#333;
	margin-right:2px;
}

a.box1:hover {
	background-color:#00CCFF;
	text-decoration:underline;
}