/* ALLGEMEINES -- ANFANG */
* { margin: 0; padding: 0; border-collapse:collapse; border-spacing: 0;}

html, body { height: 100%; }

body {
    width: 100%;
    text-align: left;
    font-size: 11px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
	color:black;
	background: url(img/hintergrund.jpg);
}

input, select, option, textarea 
{
	font-size: 11px;
} 

img { border: none 0 transparent; }

a { text-decoration: none;
	color:black;
 }
a:hover {
	text-decoration:underline;	
}

b { font-weight:bold;}
/* ALLGEMEINES -- ENDE */
/*-----------------------------------------------------------------------------------*/
/* GER†ST -- ANFANG*/
.container {
    width: 940px;
    margin: 0 auto 0 auto;
}

* html .container { 
	height: 100%; 
}

.header {
    width: 940px;    
	height: 199px;    
	background: url(img/header.jpg);
	vertical-align: bottom;
}

.header-unten {
    width: 940px;    
	height: 72px;    
	background: url(img/header-unten.jpg);
}

.mitte {
    width: 940px;    
	background: url(img/mitte.jpg);
}

div.footer {
    width: 940px;    
	height: 30px;    
	background: url(img/footer.jpg);
}

div.footer-unten p {
	margin-bottom:10px;
	text-align:center;
	color:white;
	font-weight:bold;
}

div.footer a, div.footer-unten a {
	color: white;
}

.copyright {
	text-align:center;
}

/* GER†ST -- ENDE*/
/*-----------------------------------------------------------------------------------*/
/* NAVTRAIL -- ANFANG*/

.navigation { 
	height: 20px;
	padding-top: 10px;
	/*margin-left: 50px;*/
	/*background-color:#F8E9EA;*/
	font-weight:bold;
  margin-left: 35px;
}

/* NAVTRAIL -- ENDE*/
/*-----------------------------------------------------------------------------------*/
/*##########################################*/
.reiter_navi {
    top: 155px;
	position: relative;
}

/*Star Hack für IE damit Navigation unten */
* html .reiter_navi {
	top: 155px;
	position:absolute;
}

.reiter_navi li
{
 	float:right;
	list-style:none;
	margin-left:20px;
	font-weight:bold;
}

.reiter_navi ul {
	margin-right:  50px;
}


/*##########################################*/
/*-----------------------------------------------------------------------------------*/
/* SPALTEN -- ANFANG*/
.contentbereich { 
     width: 880px;
     margin-left: 30px;
     margin-top: 20px;
     /*border: 1px solid yellow;*/
}

* html .contentbereich {

}

.menueleft {
    float: left;
    width: 165px;
	/*margin-left: 20px;*/
  border: 0px solid blue;
  /*margin-left: 10px;*/
	
	
	
	
}

* html .menueleft {
	/*margin-left:10px;*/
}

.menueright {
    float: right;
    width: 165px;
	border: 0px solid red;
	/*margin-right: 20px;
  margin-right: 10px;*/
}

* html .menueright {
	/*margin-right:10px;*/

}

div.main {
    float: left;
	/*width: 490px;*/
	height: 100%;
	/*padding: 0 10px 10px 10px;*/
  /*margin-left:50px;*/
	border: 0px solid yellow;
	margin-left: 10px;
	width:530px;
	padding-right:5px;
 
}

* html div.main {
	/*width: 486px;*/
	width: 530px;
}
/* SPALTEN -- ENDE*/
/*-----------------------------------------------------------------------------------*/
/*############################################*/

/* XT-C-SHOP STYLE DEFINITION START*/
#impressum {
	padding-top:5px;
}

#impressum p, #impressum a {
	text-align:center;
	padding-top:8px; 
}

/* Shopmittelteil */
.textbereich {
	padding-bottom:5px;
 	/*width: 480px;*/ /*test ob diese Lösung so geht*/
	width:100%;
	border: 0px solid green;
}

/*Star Hack für IE damit Layout nicht verrutscht bei Startseite */
* html .textbereich {
	width: 100%
}

.textbereich h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:15px;
}

.textbereich h2 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:15px;
}

.textbereich p  {
	line-height:120%;
	padding-bottom: 5px;
}

.textbereich li {
 	margin-left: 20px;
	padding-bottom: 5px;
}

.textbereich #error { color: red; font-weight: bold; margin-bottom:10px; }

.formular_label { 

}

.formular_feld { 
	margin-left:10px;
	padding-bottom: 5px;
	/*border: 1px solid red;*/
}



.formular_feld textarea {
	width: 350px;
}

/*product_listing START*/
.linkespalte { 
	float: left; 
	width: 150px; /*Minimun eingestellte Bildbreite im Adminpanel*/ 
	margin-bottom:10px;
	border: 0px solid blue;
	height:100%;
}

.linkespalte2 { 
	float: left; 
	width: 350px; /*Minimun eingestellte Bildbreite im Adminpanel*/ 
	/*margin-bottom:10px;*/
	border: 0px solid blue;
	height:100%;
}

.rechtespalte {
	margin-bottom:10px;
	border: 0px solid red;
	padding-left: 10px;
	margin-left: 155px; /*Minimun eingestellte Bildbreite im Adminpanel+10px*/
	height:100%;
}

.rechtespalte2 {
	/*margin-bottom:10px;*/
	border: 0px solid red;
	padding-left: 10px;
	margin-left: 355px; /*Minimun eingestellte Bildbreite im Adminpanel+10px*/
	height:100%;
}

.pl_preis{
	margin-top:8px;
}


.pl_preis_rot{
	color:#990000;
}

.pl_preis_fett{
	font-weight:bold;
}

.pl_lieferzeit{
	margin-top:5px;
	color:#990000;	
}

.pl_kaufen{
	text-align:right;
	/*padding-top: 10px;*/
	padding-bottom: 5px;
	border-bottom: 1px solid black;
}


/*product_listing ENDE*/

/*product_info START*/
.pi_linkespalte { 
	float: left; 
	width: 200px; /*Minimun eingestellte Bildbreite im Adminpanel*/ 
	border: 0px solid blue;
	
}

.pi_rechtespalte { 
	margin-left: 205px; /*Minimun eingestellte Bildbreite im Adminpanel+5px*/ 
	padding-left: 10px;
	border-left: 1px solid rgb(204, 204, 204);
	border: 0px solid red;
}

* html .pi_rechtespalte { 
	margin-left: 212px; /*Minimun eingestellte Bildbreite im Adminpanel+12px*/ 

}

/* Abstand der li's bei Produtinfo zum Trennstrich */
.pi_rechtespalte li {
	margin-left: 20px;

}


.pi_produktbild {
	margin-right: 10px;
}

.pi_liste li{
	list-style:none;
	margin:0px;
	padding:0px;
	
}

ul.pi_liste

{
	padding-bottom: 10px;
	border: 0px solid yellow;
}


.pi_preis{
	margin-top:7px;
}

.pi_preis_fett{
	font-weight:bold;
}

.pi_preis_rot{
	color:#990000;
}

.pi_kaufen{
	text-align:right;
}

.pi_lieferzeit{
	color:#990000;	
}

.pl_dropdown{
	text-align:right;
	padding-bottom:15px;
}

p.pl_autor{

	display:none;

}

.pl_autor select {
 width:130px;
}


img.kalendermotive {
	padding-right:5px;
	padding-top:5px;
	vertical-align:top;

}

img.kalendermotive2 {
	padding-right:5px;
	padding-bottom:5px;
	vertical-align:top;
	/*width:65px;*/

}

.monate {
padding-left:0px;
margin-left:0px;
padding-top:2px;
 text-align:center;
}

/*product_info ENDE*/

#abschluss{
  text-align: center;  	
   	padding: 5px;
	clear: both;
}
/*###--BOXEN--###*/
.box {
    /*IE Hack für Boxen links*/
	width:100%;
	height:100%;
	/*text-transform:lowercase;*/
}

.box h6
{
	font-size: 12px;
	color:#990000;
}

.box h3 {
	font-size: 11px;
}

.box ul { 
	list-style: none; 
}

.box_heading {
   height: 20px;
	 color:white;
   padding-left: 5px;
   /*border: 1px solid green;*/
}

.box_content {
	padding-bottom: 10px;
	/*background:#F6F7F9;*/
	background:#EEEEEC;
}


.box_kategorien {
	border-bottom: 1px solid #AC1C11;
	/*background:url(img/menue_right_bg.gif);*/
	/*border-top: 10px solid #AC1C11;*/

}
/*
.box_kategorien .box_content { 
		padding:5px;
}

.box_kategorien h6.box_heading {

	color:black;
}
*/
.box_kategorien .box_content li
{
	padding-bottom: 5px;
	padding-left: 5px;
}
/*
.box_kategorien .kategorie_bild_oben {
	height:0px;
	width: 100%;
	background:url(img/hintergrund.jpg);
	margin-bottom:10px;	
}*/

.box_subkategorien {
    list-style: circle;
	margin-left: 25px;
	
}

.box_contentbox {
	/*padding-top:10px;
	background:url(img/menue_right_bg.gif);
	border-bottom: 10px solid #AC1C11;*/
}

.box_contentbox p {
	font-weight:bold;
	padding-bottom:5px;
	padding-left: 5px;
}


.box_warenkorb ul { 
	list-style:none;
}

.box_warenkorb h6 a { 
	color: white;
}



.box_admin li { 
	list-style:none; 
	padding-bottom:1px;
}

.box_anmeldung input {
	 margin-bottom:3px; font-size:11px;
}

.feld_passwort input {
	max-width:75px; 
	vertical-align:top; 
	margin-right: 5px;
}

.feld_email input {
	max-width:125px; 
	vertical-align:top; 
	margin-right: 5px;
}

.box_infobox .box_content {
	text-align:center;
}

.box_suche, .box_warenkorb, .box_anmeldung, .box_contentbox, .box_kategorien, .box_infobox, .box_admin 
{
	border: 1px solid #AC1C11;
	margin-bottom: 10px;
}

.box_suche .box_heading, .box_warenkorb .box_heading, .box_anmeldung .box_heading, .box_contentbox .box_heading, .box_kategorien .box_heading, .box_infobox .box_heading, .box_admin .box_heading
{
 	background-color: #AC1C11;
	padding-left:5px;
	color:white;
	background:url(img/hintergrund.jpg);

}

.box_suche .box_content, .box_warenkorb .box_content, .box_anmeldung .box_content, .box_kategorien .box_content, .box_contentbox .box_content, .box_admin .box_content
{
	padding:5px;

}

.box_suche input, .box_suche option, .box_suche select  {
	font-size:11px;
}

.box_suche input {
	max-width:110px; 
	vertical-align:top;
}

.box_suche option, .box_suche select  {
	max-width:150px;
}

.box_suche form { 
	padding-bottom:5px;
}


/*START account.html*/
.konto .rahmen {
	border: 1px solid #00457D;
	margin-bottom: 15px;
	/*padding: 5px;*/
}

.konto .rahmen .kopf{
	font-weight:bold;
	margin-bottom: 5px;
	vertical-align:middle;
	line-height:normal;
	background-color: #00457D;
	padding-left:5px;
	
	color:white;
}

.konto .rahmen .link{
	margin-top: 5px;
}

.konto .rahmen a{
	color: #00457D;
}

.konto hr {
	width:99%;
	color:rgb(204, 204, 204);
	margin-bottom: 5px;
}

.konto a {
	font-weight:normal;

}

.konto .rahmen .inhalt{
	padding: 5px;
}

.konto .rahmen .inhalt table {
	width:100%;
}

.konto .rahmen .inhalt .formular_label {
	width:150px;
}

.konto .rahmen .inhalt .button {
	text-align:right;
}

.konto #error { color: red; font-weight: bold; margin-bottom:10px; }



.willkommen_kopf {
	/*margin-top:10px;*/
	font-weight:bold;
	/*font-size:12px;*/
}

.willkommen_text {
	padding-top:8px;
	/*line-height:150%;*/	
}

.willkommen_text li {
	padding-bottom:5px;
	margin-left: 20px;
}

.bestellungen li {
	padding-bottom:3px;
	list-style:none;	
}

ul.bestellungen {
	padding-top:8px;
}



/*END account.html*/

/*START box_search.html*/

.suche_button
{
	text-align:right;
	border-bottom: 1px solid #4F5556;
	padding-bottom:5px;
}
/*END box_search.html*/

/*START box_cart.html*/
.zur_kasse { 
	padding-top:5px;
	padding-bottom:5px;
	border-top:1px solid #4F5556;
	
	/*font-weight:bold;*/
}

.zur_kasse_link {
text-decoration:underline;
}
/*END box_cart.html*/


/*START checkout_shipping.html + weitere*/
.bestellvorgang {
	/*background-color: #f1f1f1; */
	/*border:1px solid #CCCCCC;*/
	/*border: 1px solid #8CADD4;*/
}

.bestellvorgang .rahmen {
	border: 1px solid #00457D;
	/*padding: 5px;*/
	margin-bottom: 15px;
}

.bestellvorgang .rahmen .kopf{
	font-weight:bold;
	/*font-size:13px;*/
	color:white;
	margin-bottom: 5px;
	background-color:#00457D;
	vertical-align:middle;
	line-height:normal;
	padding-left: 5px;
}

.bestellvorgang .rahmen .inhalt{
	padding: 5px;
}

.bestellvorgang .rahmen .inhalt textarea{
	/*font-size:11px;*/
	font-family: Geneva, Arial, Helvetica, sans-serif;
	width:99% /*für IE*/
}

/*
.versandinformationen p { margin: 10px 0 10px 0;}
*/

.bestellvorgang #error { color: red; font-weight: bold; margin:5px; }

/*
.versandinformationen .p_ueberschrift {
	margin-bottom: 15px 0 15px 0;
	font-weight:bold;
	font-size:12px;
	
}
*/

.bestellvorgang .text_must {
  /*font-size: 11px;*/
  font-weight:normal;
  padding-left:5px;
}

.bestellvorgang .input {
	padding-bottom: 10px;
}

.bestellvorgang .bearbeiten a {
    font-style: italic;
    /*color: green;*/
    text-decoration:underline;
	color:#00457D;
}

.bestellschritte {
	background-color:#00457D;
	/*height:20px;*/
	
	/*margin: 0 0 15px 0;*/
    /*border: 1px solid #8CADD4;*/
    /*padding-bottom: 5px;*/
	padding: 5px;
	border: 1px solid #00457D;
	margin-bottom: 15px;
}
/*
.bestellschritte li{
	list-style:none;
	float:left;
	font-weight:bold;

}

*/
.bestellschritte p {
	line-height:normal;
	/*margin-bottom: 5px;*/ 
	/*padding: 0 5px 0 5px;*/
	/*height: 20px;*/
	margin:0px;
	color: white;
	vertical-align:bottom;
	


}

#bestellschritt_aktiv { 
	/*border-bottom:1px solid red;
	background: #CCCCCC;*/
	/*font-size:14px;*/
	/*vertical-align:bottom;
	line-height:normal;
	color:white;*/
	padding-left: 3px;
	padding-right: 3px;
	font-weight:bold;

}
#bestellschritt_inaktiv {
	/*font-size:11px;*/
	padding-right: 3px;
	padding-left: 3px;
	/*padding: 0 5px 0 5px;*/

	/*
	border:1px solid white;
	
	vertical-align:bottom;
	line-height:normal;
	color:white;*/
	
 }



/*END checkout_shipping.html*/

/*START kontakt.html*/
/*----START_NICHT VERWENDET----

DATEN aus festa_xhtml css ziehen wenn nötig

----END NICHT VERWENDET----*/

/*END kontakt.html*/


/*START Index-Site Contentmananger*/

h2.index {
	font-weight:normal;
	/*font-size:11px;*/
 }

.sitemap_sub ul {
	list-style:none;
}



.inputRequirement {
	color: red;
}


/* BEGIN MAILCHIMP NEWSLETTER */
fieldset {margin: 0px 0 20px 0; border: none;}
.indicate-required {width: 306px; text-align: right; margin-bottom: 5px;}
span.label {width: 120px;float: left; padding-top: 4px;}
div.textbereich .mc-field-group input {float: left; width: 180px;}
select {width: 100px;}
.mc-field-group {height: 30px; clear:both;}
#mce-error-response {float: left;}
#mc-embedded-subscribe {margin-left: 120px; width: 80px;}
/* END MAILCHIMP NEWSLETTER */


/* alt BEGIN NEWSLETTER 
.mailForm {
    position:relative;
    top:0px;
    width:350px;
   padding-bottom: 8px;
    /*border: red 1px solid;
}
.zeile {
    position:relative;
    margin-bottom:8px;
}
.letzteZeile {
    position:relative;
    margin-bottom:5px;
}
input#c_email, input#c_email2, input#c_name, input#c_prename, select#c_gender {
    position:absolute;
    right:10px;
    width:250px;
    background: #FFFFFF; 
    border: #8CADD4 1px solid;
}

.mailForm div.gender {
    /*height: 19px;
	margin-bottom:10px;
}

select#c_gender {
    position:absolute;
    right:122px;
    width:140px;
}

input#submit, input#submit2 {
    position:absolute; right:10px;
}
/*END NEWSLETTER*/

/*START popup_content.php*/

.popup {
	padding:10px;
	background:white;
}



/*END*/