/* CSS Stylez All Browser  */
/*    Villa BossaNova    */
/* (c) 2005 by Daniel König */


html, body {
margin:  0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
border:  0px 0px 0px 0px;
font-family: verdana,helvetica,arial,sans-serif; 
font-size: 10px;
color: #000000;
}

body {
text-align:left;	/*** zentriert die Box horizontal für den IE ***/
margin-top: 0px;	/*** gibt der Box Luft nach oben ***/
margin-left: 0px; 	/*** zentriert zusammen mit marginright die Box horizontal ***/
margin-right: auto;	/*** zentriert zusammen mit marginleft die Box horizontal ***/
margin-bottom: 0px;	/*** gibt der Box Luft nach unten, wenn die Box höhen ist als der Screen ***/
font-size: 10px;
}

/********************************************************************************************************/ 
/*** Header ***/
/********************************************************************************************************/ 





.warenkorb	{
width:812px;
height:88px;
background: url(0/images/villa/back_header.jpg) repeat-y;
font-size: 10px;
}

.homelink1	{
margin-top:0px;
margin-left:0px;
width: 200px;
height: 80px;
}

.homelink2	{
position: relative;
margin-top:0px;
left:20px;
width: 260px;
height: 80px;
}

.warenkorb_text	{
margin-top:40px;
margin-left:130px;			/*** 632 ***/
font-size: 10px;
color: #ffffff;
width: 158px;
}

.suche	{
width:348px;
height:31px;
}

.suche_button	{
position:absolute;
top:90px;
left:310px;
width:22px;
height:31px;
}

.headersearch	{
margin-top: 3px;
margin-left: 192px;
width:115px; 
height:20px; 
background:#ECEAE3; 
color:#000000; 
border-width:0px; 
border-style:solid;
}

/********************************************************************************************************/ 
/*** Tree ***/
/********************************************************************************************************/ 

.tree	{
position:relatve;
top: 0px;
left: 0px;
margin-top: 11px;
width: 700px;
margin-left:0px;
font-size: 10px;
color: #5A7EA1;
font-weight: bold;
}

/********************************************************************************************************/ 
/*** Navigation ***/
/********************************************************************************************************/ 

.main_navi_head {
list-style-type: none;
background-color: transparent;
margin:  0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height:20px;
font-size: 11px;
color: #ffffff;
}

.head_navi_li{
height: 20px;
background: url(0/images/villa/back_li_nav.gif); background-repeat:no-repeat;
padding: 0px 0px 0px 0px;
margin-left: 6px;
}


.main_navi {
list-style-type: none;
background-color: transparent;
margin:  0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height:26px;
font-size: 11px;
color: #ffffff;
}

.main_navi_li{
height: 26px;
background: url(0/images/villa/back_li_nav.gif); background-repeat:no-repeat;
padding: 0px 0px 0px 0px;
margin-left: 6px;
}

.main_navi_li_akt{
height: 26px;
background: url(0/images/villa/back_li_nav_akt.gif); background-repeat:no-repeat;
padding: 0px 0px 0px 0px;
margin-left: 6px;
}

.sub_navi {
list-style-type: none;
background-color: transparent;
margin:  0px 0px 0px 6px;
padding: 0px 0px 0px 0px;
line-height:16px;
font-size: 10px;
color: #ffffff;
}

.sub_navi_li{
width: 178px;
background: url(0/images/villa/back_li_sub_nav.gif) #8FABC6; background-repeat:no-repeat;
padding: 0px 0px 0px 0px;
margin-left: 0px;
}

.sub_navi_li_blank{
width: 178px;
background: #8FABC6;
padding: 0px 0px 0px 0px;
margin-left: 0px;
}

.text_padding	{
margin-left: 20px;
text-indent: -6px;
}


.main_navi_service {
list-style-type: none;
background-color: transparent;
margin:  0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height:26px;
font-size: 11px;
color: #ffffff;
}

.service_navi_li{
height: 26px;
background: url(0/images/villa/nav_dummy.gif); background-repeat:no-repeat;
padding: 0px 0px 0px 0px;
margin-left: 6px;
}

.main_navi_footer {
list-style-type: none;
background-color: tranparent;
margin:  0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height:11px;
font-size: 11px;
color: #ffffff;
}

.footer_navi_li{
height: 11px;
padding: 0px 0px 0px 0px;
margin-left: 6px;
}

.li_artikelbox	{
width:184;
left:10px;
background: #BAD0E3;
font-size: 10px;
}

.li_artikelbox_text	{
padding: 10px 0px 0px 10px;
}

/********************************************************************************************************/ 
/*** Content ***/
/********************************************************************************************************/

.artikelbox	{
width:181;
height:185px;
background: url(0/images/villa/artikelbox_back.jpg) repeat-y;
font-size: 10px;
}

.artikelbox_text	{
padding: 0px 0px 0px 8px;
}

.artikelbox_background	{
background: url(0/images/villa/artikelbox_back.jpg);
}


.re_artikelbox	{
width:183;
background: #BAD0E3;
font-size: 10px;
}

.re_artikelbox_text	{
padding: 10px 0px 0px 14px;
}

.re_artikelbox_background	{
background: #BAD0E3;
}

.re_partnerbox	{
width:183;
height: 163px;
font-size: 20px;
background: url(0/images/villa/back_partner.jpg); background-repeat:no-repeat; #BAD0E3;
}

.button	{
margin-left:10px;
margin-top:130px;
}

.newsletter	{
width:160px; 
height:20px; 
background:#ECEAE3; 
color:#000000; 
border-width:0px; 
border-style:solid;
}


/********************************************************************************************************/ 
/*** Footer ***/
/********************************************************************************************************/

.footer	{
background: url(0/images/villa/back_footer.jpg); background-repeat:no-repeat;
}



/********************************************************************************************************/ 
/*** Liste ***/
/********************************************************************************************************/

.listing_header	{
width: 400px;
height: 33px;
background: url(0/images/villa/back_listing_header.gif); background-repeat:no-repeat;
}

.listing_header_text	{
padding: 10px 0px 0px 13px;
font-size: 12px;
color: #5A7EA1;
font-weight: bold;
}

.listing_nav_top	{
width: 400px;
height: 33px;
background: url(0/images/villa/back_listing_nav_top.gif);
}

.listing_sort_top_text	{
text-align: center;
width: 394px;
padding: 0x 0px 0px 0px;
font-size: 10px;
color: #5A7EA1;
font-weight: normal;
margin-bottom: 5px;
}

.listing_nav_top_text	{
text-align: center;
width: 255px;
padding: 0x 0px 0px 0px;
font-size: 10px;
color: #5A7EA1;
font-weight: bold;
}

.border_stuff	{
border-left: 1px solid #8DAAC8;
}

.artikelbox_listing	{
width:172;
height:185px;
font-size: 10px;
}

.artikelbox_auswahl_listing	{
width:100;
font-size: 10px;
margin-top: 30px;
}

.artikelbox_listing_text	{
height: 200px;


}


/********************************************************************************************************/ 
/*** Detailseite Buch ***/
/********************************************************************************************************/

.detail_buch_header_text1	{
float: left;
padding: 10px 0px 0px 13px;
font-size: 10px;
color: #5A7EA1;
font-weight: bold;
}

.detail_buch_header_text2	{
float: right;
padding: 10px 20px 0px 0px;
font-size: 10px;
color: #5A7EA1;
font-weight: bold;
}

.detail_buch	{
margin-left: 7px;
width: 375px;
padding: 0x 0px 0px 0px;
font-size: 10px;
color: #5A7EA1;
font-weight: bold;
}

.autorenbox	{
width:305px;
background: url(0/images/villa/back_autorenbox.gif);
padding: 0px 10px 0px 20px;
}


/********************************************************************************************************/ 
/*** Themen ***/ 
/********************************************************************************************************/


.themen_header	{
width: 400px;
height: 45px;
background: url(0/images/villa/back_themen_header.gif); background-repeat:no-repeat;
}



.themen_content_text	{
padding: 10px 35px 10px 25px;
font-size: 10px;
line-height: 16px;
color: #000000;
}


.back_content_themen	{
background: url(0/images/villa/back_content_themen.gif);
}

.themen_footer	{
width: 366px;
margin-left: 12px;
border-bottom: 1px solid #587EA2;
}

.themen_rechts	{
text-align: center;
/** background: url(0/images/villa/back_themen_rechts.gif); **/
}

/********************************************************************************************************/ 
/*** Gruppen ***/ 
/********************************************************************************************************/


.gruppen_header	{
width: 400px;
height: 45px;
background: url(0/images/villa/back_gruppen_header.gif); background-repeat:no-repeat;
}



.gruppen_content_text	{
padding: 10px 35px 10px 25px;
font-size: 10px;
color: #000000;
}


.back_content_gruppen	{
background: url(0/images/villa/back_content_gruppen.gif);
}

.gruppen_footer	{
width: 366px;
margin-left: 12px;
border-bottom: 1px solid #EDBB42;
}



/********************************************************************************************************/ 
/*** Tipp ***/ 
/********************************************************************************************************/


.tipp_header	{
width: 400px;
height: 53px;
background: url(0/images/villa/back_tipp_header.gif); background-repeat:no-repeat;
}

.back_content_tipp	{
background: url(0/images/villa/back_content_tipp.gif);
}

.tipp_footer	{
width: 366px;
margin-left: 12px;
border-bottom: 1px solid #9FBA0B;
}

.tipp_gif	{
position: absolute;
width: 37px;
height: 37px;
margin-left: 320px;
margin-top: 40px;
}


/********************************************************************************************************/ 
/*** Static ***/ 
/********************************************************************************************************/


.static_header	{
width: 400px;
height: 30px;
background: url(0/images/villa/back_static_header.gif); background-repeat:no-repeat;
}


.static_content_text	{
padding: 0px 10px 0px 10px;
font-size: 10px;
line-height: 16px;
color: #000000;
}

.back_content_static	{
background: url(0/images/villa/back_content_static.gif);
}

/********************************************************************************************************/ 
/*** Textformate ***/
/********************************************************************************************************/

h1	{font-size: 12px; line-height: 20px; font-weight: bold;}

.text_blau	{font-size: 10px; font-weight: normal; color: #5A7EA1;}

.text_weiss	{font-size: 10px;}

.text	{font-size: 10px; color: #000000; line-height: 18px;}

.text_main	{font-size: 12px; line-height: 18px;}

.fett_main	{font-size: 12px; font-weight: bold;}

.rot	{font-size: 10px; color: #e60000;}

.rot2	{font-size: 12px; color: #e60000; font-weight: bold; line-height: 24px;}

.rot_big	{font-size: 23px; color: #e60000; font-weight: bold; line-height: 28px;}

.fett_listing	{font-size: 10px; line-height: 18px; font-weight: bold; color: #5A7EA1;}

.fett	{font-size: 10px; font-weight: bold; color: #000000;}

.fett_warenkorb	{font-size: 12px; font-weight: bold; color: #5A7EA1;}

.fontitalic {font-size: 10px; font-weight: italic; color: #5A7EA1;}

.erfolg_text {font-size: 12px; font-weight: bold; color: #5A7EA1;}

.fontgreen {font-size: 10px; color: #028F1C;}

a.navi { color: #ffffff; font-weight: bold; text-decoration: none; padding-left: 15px;} 
a.navi:link { color: #ffffff; font-weight: bold; text-decoration: none; padding-left: 15px;} 
a.navi:visited { color: #ffffff; font-weight: bold; text-decoration: none; padding-left: 15px;} 
a.navi:hover { color: #e60000; font-weight: bold; text-decoration: none; padding-left: 15px;} 

a.sub_navi { color: #ffffff; font-size: 10px; font-weight: normal; text-decoration: none; } 

a.box { color: #597EA1; font-size: 10px; font-weight: bold; text-decoration: none; }

a { color: #597EA1; text-decoration: none; } 
a:hover { color: #e60000; text-decoration: none; } 

a.liste{
background: url(0/images/villa/back_liste.gif); background-repeat:no-repeat;
line-height: 14px;
padding: 0px 0px 0px 8px;
margin-left: 0px;
font-weight: bold; 
}

a.hinweis{
background: url(0/images/villa/back_hinweis.gif); background-repeat:no-repeat;
line-height: 14px;
padding: 2px 0px 2px 15px;
margin-left: 0px;
font-weight: bold; 

}

a.frage{
background: url(0/images/villa/back_frage.gif); background-repeat:no-repeat;
line-height: 14px;
padding: 2px 0px 2px 15px;
margin-left: 0px;
font-weight: bold;
color: #e60000; 
text-decoration: none;
}

a.pdf{
background: url(0/images/villa/back_pdf.gif); background-repeat:no-repeat;
line-height: 14px;
padding: 2px 0px 2px 15px;
margin-left: 0px;
font-weight: bold; 
}

.dotted {
width: 393px;
border-left: 1px solid #8FABC6;
border-right: 1px solid #8FABC6;
background: #F8F6EA;
margin-left: 0px;
margin-bottom: 0px;
margin-top: -3px;
}





dl.meImgLeft { float: left; margin-right: 20px;}
dl.meImgLeft dt { margin-bottom: 0; }
dl.meImgLeft dd { margin: 0; font-size: 10px; font-weight: normal; color: #5A7EA1;}


/********************************************************************************************************/ 
/*** Warenkorb ***/
/********************************************************************************************************/

.containerquarterrow	{
width:142px;
float: left;
}

.clear { clear: both; }


/********************************************************************************************************/ 
/*** ERROR ***/
/********************************************************************************************************/

.error	{
font-size: 10px; 
color: #000000; 
padding: 10px 10px 10px 10px;
}

.errorbox	{
	width: 350px;
  background: #FFB99E;
	padding: 15px 7px 15px 7px;
	margin-bottom: 15px;
	margin-left: 5px;
  border: 1px solid #890000;
  font-size: 12px;
  font-weight:bold;
	color:#890000;
	text-align:left;
}

.erfolgbox	{
	/** width:490px; **/
  background: #CCE9D2;
	padding: 15px 7px 15px 7px;
	margin-bottom: 15px;
  border: 1px solid #028F1C;
  font-size: 12px;
  font-weight:bold;
	color:#028F1C;
	text-align:left;
}

.versenden{
	
	width: 570px;
	left: 0px;
 	padding: 0px 0px 0px 0px;
 	margin-left:4px;
}

.ordercontentdata2{
	
	width: 570px;
	left: 0px;
 	padding: 0px 0px 0px 0px;
 	margin-left:0px;
 	
 	
}


.contentbox{
	width: 568px;
  margin-left:0px;
  margin-right:0px;
	padding: 15px 0px 0px 0px;	/** 15px 7px 15px 7px; **/
  /** border: 1px solid #8FABC6; **/
  border-left: 1px solid #8FABC6;
  border-right: 1px solid #8FABC6;
  border-bottom: 1px solid #8FABC6;
	text-align:left;

}

.contentbox2{
	width: 568px;
	padding: 0px 0px 0px 5px;	/** 15px 7px 15px 7px; **/
	text-align:left;
}


/********************************************************************************************************/ 
/*** LogIn ***/
/********************************************************************************************************/



.contextboxfont11	{
width: 400px;
font-size: 10px; 
color: #000000; 
line-height: 18px;
}






.ordercontentdata {	
background-image: url(0/images/warenkorb_back.gif);
	background-repeat: no-repeat;
	height: 26px;	
 	padding: 4px 0px 1px 28px;
 	margin: 0px 0px 0px 0px;	
	border-left:1px solid #8FABC6;
	border-top:1px solid #8FABC6;
	border-right:1px solid #8FABC6;
	border-bottom: 1px solid #FDFDF3;
	color: #8FABC6;	
	vertical-align: bottom;	
	background-color: #F8F6EA;
}



.dottedline {
	height:1px;
	border:0px;
	background-repeat: repeat-x;
	margin-top: 10px;
	margin-bottom: 0px;
	padding:0px;
	background-image: url(0/images/linedot.gif);
}




.form_input_kontakt	{
width:280px;
}




.bt_lieferadresse	{
text-align: left;
font-size: 0%;
padding-top: 30px;
width: 300px;
height: 26px;
background: url(0/images/villa/basket_liefern.gif);
background-repeat: no-repeat;
border: 0px solid red;
cursor: pointer;
}


.index_bild	{
background: url(0/images/villa/index_dummy.gif);
/** height: 199px; **
padding: 0px 0px 0px 50px;
}