@charset "utf-8";
/* CSS Document */


/* 	Farbcodes:
	Hellgrau - body background = #f1f2ed
	Grau - metanavigation border hell = #d5d5d5
	Grau - metanavigation border dunkel = #525252
	Hellrot - navigation links = #f43222
	Grün - navigation links:current = #009966

/*LAYOUT*/

body	{
	background-color:#f1f2ed;	
	font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	}

#rahmen-aussen	{
	margin:0 auto 0 auto;
	padding:0;
	width:988px;
	background-image:url(hg-rahmen.gif);
	background-repeat:repeat-y;
	}
#rahmen	{
	float:left;
	padding:0 4px 0 4px;
	width:980px;
}

#metanavigation	{
	background-image:url(hg-navi.gif);
	background-repeat:repeat-x;
	width:980px;
	height:26px;
	float:left;
	text-align:right;
	}

#kopf	{
	width:947px;
	height:195px;
	float:left;
	text-align:center;
	padding:10px 16px 10px 17px;
}

#navigation	{
	width:248px;
	float:left;
	padding:0 0 20px 22px;	
	font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
}

	
#inhalt	{
	float:left;
	padding:2px 0 30px 37px;
	width:655px;	
	font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
}
#fuss {
	width:988px;
	height:55px;
	float:left;
	background-image:url(hg-fuss.jpg);
	background-repeat:no-repeat;
}

	
/* INHALT */

#nudeln	{
	width:220px;
	float:left;
	padding:20px 0 20px 0;
}

#inhalt img	{
	border:none;
	padding:10px 10px 0 10px;
}

#sortiment	{
	background-image:url(pasta_sortiment.gif);
	background-repeat:no-repeat;
	width:317px;
	height:163px;
	float:left;
	padding:0 20px 5px 0;
	}

#sortiment p	{
	width:200px;
	}

#geschenkkorb	{
	background-image:url(geschenkkorb.gif);
	background-repeat:no-repeat;
	width:317px;
	height:163px;
	float:left;
	padding:0 0 5px 0;
	}

#geschenkkorb p	{
	width:200px;
	}

#news	{
	background-image:url(news.gif);
	background-repeat:no-repeat;
	width:317px;
	height:163px;
	float:left;
	padding:0 20px 5px 0;
	}

p.news	{
	width:300px;
	}

a.news	{
	font-size:12px;
	padding-left:10px;
	}

#gb	{
	background-image:url(gaestebuch.gif);
	background-repeat:no-repeat;
	width:317px;
	height:163px;
	float:left;
	padding:0 0 5px 0;
	}

#gb p	{
	width:300px;
	}

#footer a	{
	text-decoration:none;
	color:#888888;
	}

a	{
	color:#f43222;
	text-decoration:none;
	font-size:12px;
	}

h1	{
	font-size:20px;
	line-height:24px;
	color:#009966;
	font-weight:normal;
	padding:0 0 15px 10px;
	margin:0;	
	font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	}

h2	{
	font-size:14px;
	padding:5px 0 10px 10px;
	margin:0;
	line-height:18px;
	color:#009966;
	}	

h3	{
	padding:0 0 15px 10px;
	margin-top:10px;
	color:#f43222;
	font-size:12px;	
	font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	}

h4	{
	padding-left:10px;
	margin-top:10px;
	color:#ffffff;
	font-size:12px;	
	font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	}

p	{
	padding:0 19px 10px 10px;
	margin:0;
	font-size:12px;
	line-height:20px;
	color:#333333;	
	font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	}

hr	{
	color:#009966;
	}

#inhalt ul {
	padding:0 0 10px 35px;
	margin:0;
}

#inhalt li	{
	color:#333333;
	font-size:12px;
	line-height:20px;
	padding:0;
	margin:0;	
	font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	}

th	{
	font-size:12px;
	line-height:20px;	
	font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	}

tr	{
	padding-left:10px;
	}

td	{
	font-size:12px;	
	font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	}

table input	{
	width:20px;
	}	
	
/* NAVIGATION */

#navigation a	{
	display:block;
	height:24px;
	width:233px;
	padding-left:15px;
	height:24px;
	font-size:12px;
	font-weight:bold;
	line-height:24px;
	border-bottom:1px solid #d5d5d5;
	color:#f43222;	font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	}

#navigation a.rex-current, #navigation a.rex-active	{
	color:#009966;
	}	

#navigation ul	{
	padding:0;
	margin:0;
	}

#navigation li	{
	list-style:none;
	}

#navigation ul.rex-navi2 {
	border-bottom:1px solid #d5d5d5;
}

#navigation ul.rex-navi2 li a	{
	font-weight:normal;
	width:213px;
	height:24px;
	font-size:11px;
	line-height:24px;
	display:block;
	background-image:url(subnavi-0.gif);
	background-repeat:no-repeat;
	padding-left:35px;
	border:none;
	}

#navigation ul.rex-navi2 li a.rex-current	{
	color:#009966;
	background-image:url(subnavi-1.gif);
	background-repeat:no-repeat;
	}	

#navigation ul.rex-navi2	{
	}

#navigation ul.rex-navi2 li	{
	padding-left:0;
	list-style:none;
	}
#navigation ul.rex-navi3 li {
	padding:0 0 0 20px;
}
#navigation ul.rex-navi3 li a	{
	width:193px;
}

/* METANAVIGATION */

#metanavigation a	{
	text-decoration:none;
	color:#ffffff;
	font-size:10px;
	height:24px;
	display:block;
	padding:4px 10px 0 10px;
	background-image:url(trennlinie.gif);
	background-repeat:no-repeat;
	}
#metanavigation a:hover	{
	text-decoration:none;
	color:#ffffff;
	font-size:10px;
	height:24px;
	display:block;
	padding:4px 10px 0 10px;
	background-image:url(hg-navi-aktiv.gif);
	background-repeat:repeat-x;
	}
#metanavigation a.rex-current	{
	text-decoration:none;
	color:#ffffff;
	font-size:10px;
	height:24px;
	display:block;
	padding:4px 10px 0 10px;
	background-image:url(hg-navi-aktiv.gif);
	background-repeat:repeat-x;	}

#metanavigation ul	{
	margin:0;
	padding-left:750px;
	text-align:right;
	}

#metanavigation li	{
	float:left;
	text-align:right;
	list-style:none;
	}
	
/* FORMULAR
***********************************************************************************************************************/
label { 
float: left; 
width: 216px; 
text-align:left; 
font-size: 12px;  
line-height: 18px; 
margin: 5px 0 0 0; 
color:#333333; 
padding-left:10px; 
}

#rex_formgen_from {
margin:20px 0 20px 0;
}

input.formgen_submit {
margin: 20px 0 40px 234px;	
font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#333333;
width:232px;
border: 1px solid #d5d5d5;
}
input, select, input.formgen_required {
width: 232px;
font-size: 12px;
line-height: 18px;
border: 1px solid #d5d5d5;
background: #eeeeee;
margin: 5px 0 0 8px; /* Textausrichtung gegenueber "label" */
padding: 2px;	
font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
}
textarea {
width: 232px;
height:100px;
font-size: 12px;
line-height: 18px;
border: 1px solid #d5d5d5;
background: #eeeeee;
margin: 5px 0 0 8px; /* Textausrichtung gegenueber "label" */
padding: 2px;	
font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
}

input.checkbox {

}

legend { 
font-size:10px; 
font-weight:bold; 
color:#222222; 
padding: 0 5px 0 5px; 
}

	
/* GALLERIA */

/**
 * ---------------------------------------------------------------------------------
 * Modul: 3-01 - Bild & Galerie (jscript)
 * Stand: 05-2009
 * ---------------------------------------------------------------------------------
 */

#ul.gallery	{
	list-style:none;
	width:200px
}
ul.gallery li	{
	display:block;
	width:80px;
	height:80px;
	overflow:hidden;
	list-style:none;
	float:left;
	margin:0 10px 10px 0
}
ul.gallery li a	{
	display:none
}
ul.gallery li div	{
	position:absolute;
	display:none;
	top:0;
	left:180px
}
ul.gallery li div img	{
	cursor:pointer
}
ul.gallery li.active div img,.galleria li.active div	{
	display:block
}
ul.gallery li img.thumb	{
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto
}
ul.gallery li .caption	{
	display:block;
	padding-top:.5em
}
* html .gallery li div span	{
	width:400px
} /* MSIE bug */


/* GUESTBOOK */

/*
 Guestbook Addon
 @author staab[at]public-4u[dot]de Markus Staab
 @author <a href="http://www.public-4u.de">www.public-4u.de</a>
 @package redaxo3
 @version $Id: guestbook.css,v 1.9 2006/10/08 18:53:24 koala_s Exp $
 */

/*
  Formular Styles
*/

/* Formular */
.a63-form {
  width: 400px;
}

.a63-form fieldset	{
	margin:0;
	}

/* Eingabefelder */
.a63-form input, .a63-form textarea {
  border: 1px solid #f43222;
  margin: 1px 2px 1px 2px;
  width: 250px;
  background-color: #ffffff;
}

.a63-form input:focus, .a63-form textarea:focus {
}

/* Text-Eingabefeld*/
.a63-form textarea {
  height: 100px;
}

/* Beschriftungen der Eingabefelder */
.a63-form label {
  width: 100px;
  float: left;
  padding-left: 5px;
}


/* Buttons */
.a63-form .a63-fsubmit {
  width: 100px;
  margin-left:12px;
  margin-top: 5px;
  background-color: #ffffff;
}

/* Buttons-Layer*/
.a63-form .a63-buttons {
  padding-left: 105px;
}

/* Zusatztext-Layer*/
.a63-form .a63-info {
  text-align: right;
  padding: 0px 5px 5px 4px;
}

/* Fehlermeldungs-Layer*/
.a63-form div.error {
  font-weight: bold;
  padding-top: 0px;
  padding-bottom: 10px;
}



/*
  Listen Styles
*/


/* Einträge-Layer */
.a63-entries .a63-entry {
	padding-left:50px;
	padding-bottom: 10px;
  	border-bottom: 1px dotted #859885;
}

/* Pagination-Layer */
.a63-entries .a63-pagination {
  text-align: left;
  padding:0 0 0 12px;
}

/* Pagination-Links */
.a63-entries .a63-pagination a {
  padding:0;
}

/* hervorheben des Aktuelle-Seite-Links */
.a63-pagination_aktuell a {
  font-weight: bold;
}


.a63-entries ul li {
  list-style: none;
  margin:0;
  padding:0;
  display: inline;
}

/*
  Allgemeine Formatierungen
*/

/* Beschriftungen */
.a63-entries .a63-label {
  float: left;
  width: 30px;
}

/* Werte */
.a63-entries .a63-value {
  padding-left: 30px;
}

/* Mozilla */
li.a63-pagination {
  list-style: none;
  padding:0;
}

/* Ausgabe der Dateiversion
  möglichst unauffällig und klein */
.Modulversion {
  font-size: 0.5em;
  color: #aaaaaa;
/*  color: #dddddd; */ /* (fast) unsichtbar*/
}