@charset "utf-8";
/*CSS-Definitionen f�ür Reformhaus Müller*/
/*erstellt Christian Heimlicher, September 2005*/

/* viollett: #3C237B dunkel 
             #8578AD hell
   orange:   #F9A45E hell
             #F5821F dunkel
   rot:      #BB3430 dunkel
   			 #E23B2D hell
*/

/** 1. Grundeinstellungen***********/


/** 1.1 Bodyeinstellungen */

body {
	color: black; background-color: white;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px ; padding: 10px 0px;
	border:0px solid;
	text-align: center;  /* Zentrierung im Internet Explorer */
	}


/** 2. allgemeine Schriftdefinition*/

td {
	font-size:11px;
	color:#666666;
	}

p {
	font-size:12px;
	color:#666666;
	margin:4px 0px 6px 0px;
	padding:0px;
	}

.dunkelrot {
	color:#BB3430;
	}

.hellrot {
	color:#E23B2D;
	}

.weiss {
	color:#FFFFFF;
	}


/** 2.1 Links ***********************/

a {
	font-style: normal; 
	font-weight: normal; 
	}

a:link {
	color: #3C237B; 
	font-style: normal;
 	font-weight: normal; 
	text-decoration: none;
	}

a:visited {
	color: #3C237B; 
	font-style: normal; 
 	font-weight: normal; 
	text-decoration: none;
	}

a:hover {
	color: #F5821F; 
	font-style: normal; 
	text-decoration: none;
	}

a:active {
	color: #3C237B; 
	font-style: normal; 
	text-decoration: none;
	}
	

/** 2.2 Überschriften  **************/

h1 {
	font-family:Helvetica, sans-serif;
	font-size:18px;
	font-style:normal;
	color:#FA6113;
	margin:25px 20px 0px 20px;
	font-weight: normal;
	letter-spacing:1px;
	}
h1.ohne_einzug {
	margin:25px 0px 0px 0px;
	}

h2 {
	font-size:15px;
	color:#FA6113;
	font-style:normal;
	font-weight:normal;
	letter-spacing:1px;
	margin:25px 0px 10px 0px;
	}

h3 {
	font-size:13px;
	color:#FA6113;
	font-style:normal;
	font-weight:bold;
	margin:25px 0px 6px 0px;
	padding:0px;

	}

h4 {
	font-size:12px;
	color:#FA6113;
	font-style:normal;
	font-weight:bold;
	margin:10px 0px 6px 0px;
	padding:0px;
	}

h6 {
	font-size:13px;
	color:#666666;
	font-style:normal;
	font-weight:normal;
	line-height:15px;
	margin:4px 0px 6px 0px;
	}


/** 2.3 Paragraph  ********************/

p.gross {
	font-size:13px;
	line-height:15px;
	}

p.gelistet {
	padding-left:10px;
	margin-bottom:20px;
	}
p.gelistet_eng {
	padding-left:10px;
	}

p.gestrichelt {
	border-bottom:1px dashed #333333;
	}

p.lead {
	font-size:13px;
	font-style:italic;
	/*line-height:16px;
	margin:20px 0px 20px 0px;*/
	padding:10px 0px 20px 0px;
	}

p.klein {
	font-size:11px;
	}


/** 3. Layout *****************/

/** 3.1 Seite *****************/

div#Seite {
	text-align: left;    /* Seiteninhalt wieder links ausrichten */
	margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
	width: 900px;
	height:auto;
	padding: 0px;
	border: 0px solid silver;
	position:relative; top:auto;
	}

div#Seite_oeffnen {
	text-align: left;
	margin: 0 auto;
	width: 500px;
	height:auto;
	padding: 0px;
	border: 0px solid silver;
	position:relative;
	top:auto;
	visibility: visible;
	}

 
html>body div#Seite {
	border-color: gray;  /* Farbangleichung an den Internet Explorer  */
	}

html>body div#Seite_oeffnen {
	border-color: gray;  /* Farbangleichung an den Internet Explorer  */
	}


/** 3.2 Kopfbereich ************/

td#logo_blau {
	border-top: 1px solid #ffffff;
	border-right:1px solid #ffffff;
	width:220px;
	}

td#kopf_rechts {
	vertical-align:bottom;
	text-align:right;
	padding:5px;
	}
	
td#kopf_rechts a:link {
	color:#999999;
	}

td#kopf_rechts a:visited {
	color:#999999;
	}

td#kopf_rechts a:hover {
	color:#F58220;
	}

td#kopf_rechts a:active {
	color:#999999;
	}
	
td#balken_rechts {
	border-top: 1px solid #ffffff;
	border-left:1px solid #ffffff;
	width:150px;
	height:23px;
	background-color: #8578AD;
	}

td#balken {
	border-top: 1px solid #ffffff;
	height:23px;
	background-color: #8578AD;
	}

td#balken_oeffnen {
	border-top: 1px solid #ffffff;
	height:23px;
	width:280px;
	background-color: #8578AD;
	}


/** 3.2.1 Kopfbereich bei Tour filiale für das gaumenfreude etc ***/

td#kopf_rechts_tour {
	vertical-align:middle;
	text-align:left;
	padding:5px 0px 5px 20px;
	}

td#kopf_rechts_tour p {
	color:#8578AD;
	font-weight:bold;
	}


/** 2.3 Navigation *************/

td#Navigation {
	margin-left: 0px;
	margin-top:0px;
	padding: 0px;
	border-top: 1px solid #ffffff;
	vertical-align:top;
	}
	
ul#Navigation {
	float: left; 
	width: 220px;
	overflow: visible;
	margin: 0px;
	padding-top:10px;
	padding-left:0px;
	padding-bottom:10px;
	background-color:#ffffff;
	
}

ul#Navigation li {
	margin-top:7px;
	margin-bottom:7px;
	margin-left:10px;
	padding-top:4px;
	padding-left:15px;
	padding-bottom:4px;
	width: 190px;
	border: 0px;
	border-color:#FF6633;
	border-style: solid;
	list-style-type:none;
	background-color:#ffffff;
	}

ul#Navigation td {
	
	}

td#navi_links {
	}

td#navi_mitte {
	width:10px;
	}


/** 2.3.1 td#navi_rechts  *****************/

td#navi_rechts {
	width:auto;
	color:#666666;
	font-weight: bold;
	font-size: 12px;
	}

td#navi_rechts a {
	font-weight: bold;
	font-size: 12px;
	}

td#navi_rechts a:link {
	color: #8578AD; 
	}
	
td#navi_rechts a:visited {
	color: #8578AD; 
	}
	
td#navi_rechts a:hover {
	color: #F5821F; 
	}

td#navi_rechts a:active {
	color: #8578AD; 
	}

/** 2.3.2 td#sub-navi_rechts  *****************/

td#sub-navi_rechts {
	padding:2px 0px 2px 0px;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	}

td#sub-navi_rechts a {
	font-weight: bold;
	font-size: 11px;
	}

td#sub-navi_rechts a:link {
	color: #8578AD; 
	}
	
td#sub-navi_rechts a:visited {
	color: #8578AD; 
	}
	
td#sub-navi_rechts a:hover {
	color: #F5821F; 
	}

td#sub-navi_rechts a:active {
	color: #8578AD; 
	}


/** 2.4 Inhalt ***************/

td#Inhalt {
	margin-left: 0px;
	margin-top:0px;
	padding: 0px;
	border-top: 1px solid #ffffff;
	vertical-align:top;
	}


td#inhalt_mitte {
	padding:10px 20px 30px 20px;
	}

td#inhalt_mitte table {
	margin:4px 0px 15px 0px;
	}

td#inhalt_rechts {
	border-top: 1px solid #ffffff;
	border-left:1px solid #ffffff;
	width:150px;
	background-color: #ffffff;
	vertical-align:top;
	}
	
td#inhalt_rechts_top {
	border-top: 0px solid #ffffff;
	border-left:0px solid #ffffff;
	/*background-color: #D0CBC9;*/
	width:150px;
	height:75px;
	}	

td#inhalt_rechts_mitte {
	margin-top:0px;
	border-top: 0px solid #ffffff;
	border-left:0px solid #ffffff;
	padding-top:24px;
	background-color: #E8E7E5;
	width:150px;
	height:47px;
	}

td#inhalt_rechts_mitte p {
	margin-top:0px;
	margin-left:10px;
	margin-right:10px;
	font-size:14px;
	color:#F5821F;
	}

td#inhalt_rechts_unten {
	border-top: 0px solid #ffffff;
	border-left:0px solid #ffffff;
	background-color: #ffffff;
	width:150px;
	}	

td#inhalt_unten {
	padding:5px 20px 20px 20px;
	font-size:15px;
	letter-spacing:1px;
	text-align:center;
	border-bottom:1px solid #ffffff;
	border-top:1px dashed #F5821F;
	}
 
td#tour_filiale_bild {
	text-align:center;
	padding:10px 0px 20px 0px;
	}

/** 2.4.1 Aktuell, so werden aktuelle sachen in den rechten seitenbereich formatiert eingeblendet */

td#inhalt_rechts_unten div {
	border-bottom:1px dashed #999999;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:5px;
	}
	
td#inhalt_rechts_unten p {
	font-size:11px;
	}

td#inhalt_rechts_unten p.gross {
	padding:0px;
	margin:0px 0px 3px 0px;
	font-size:12px;
	color:#F5821F;
	}


/** 3.4.2 Verkaufsstellen, die Tabelle mit öffnungszeiten wird formatiert **/

table#verkaufsstellen {
	}

table#verkaufsstellen td {
	padding:2px 10px 2px 10px;
	margin:1px;
	text-align:left;
	}


/** 3.4.3 Inhalt_mitte bei tour_verkaufsstellen  **/

td#inhalt_mitte_tour {
	padding:10px 20px 30px 20px;
	}

td#inhalt_mitte_tour p {
	color:#8578AD;
	}


 
/** 3.5 fussbereich ********/

td#fuss_links {
	padding-top:8px;
	padding-bottom:4px;
	border-right:1px solid #ffffff;
	background-color:#F58220;
	color:#FFFFFF;
	vertical-align:bottom;
	text-align:center;
	}

td#fuss_links a {
	}

td#fuss_links a:link {
	color:#cccccc;
	}
	
td#fuss_links a:visited {
	color:#cccccc;
	}

td#fuss_links a:hover {
	color:#999999;
	}

td#fuss_links a:active {
	color:#cccccc;
	}


td#fuss_mitte {
	padding:4px;
	background-color:#F58220;
	color:#FFFFFF;
	vertical-align:bottom;
	text-align:center;
	}
	
td#fuss_rechts {
	padding:4px;
	border-left:1px solid #ffffff;
	background-color:#F58220;
	color:#FFFFFF;
	font-size:9px;
	vertical-align:bottom;
	text-align:center;
	}	

td#fuss_unten {
	padding:3px 0px 0px 0px;
	text-align:right;
	font-size:9px;
	color:#666666;
	}


/** 4. Liste ***********/

ul {
	margin:4px 0px 6px 0px;
	padding:0px;
	}
	
	
li {
	list-style-type: square;
	font-size:12px;
	font-style: normal; 
	color: #666666;
	margin: 0px 0px 2px 20px;
	padding:0px;
	}


/** 5. Felder **************/

.Feld {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:1px;
	border:1px solid #F5821F;
	padding: 2px 2px 2px 2px;
	}

	
/** 6. Rä�nder **************/

.rand {
	border: 1px solid #CCCCCC;
	}

.rand_o {
	border-width:1px; 
	border-color:#CCCCCC; 
	border-style: solid none none none;
	}

.rand_or {
	border-width:1px; 
	border-color:#CCCCCC; 
	border-style: solid solid none none;
	}

.rand_ol {
	border-width:1px; 
	border-color:#CCCCCC; 
	border-style: solid none none solid;
	}

.rand_oru {
	border-width:1px; 
	border-color:#CCCCCC; 
	border-style: solid solid solid none;
	}

.rand_orl {
	border-width:1px; 
	border-color:#CCCCCC; 
	border-style: solid solid none solid;
	}

.rand_rl {
	border-width:1px; 
	border-color:#CCCCCC; 
	border-style: none solid none solid;
	}

.rand_ul {
	border-width:1px; 
	border-color:#CCCCCC; 
	border-style: none none solid solid;
	}

.rand_rul {
	border-width:1px; 
	border-color:#CCCCCC; 
	border-style: none solid solid solid;
	}

.rand_oul {
	border-width:1px; 
	border-color:#CCCCCC; 
	border-style: solid none solid solid;
	}

.rand_ou {
	border-width: 1px;
	border-color: #CCCCCC;
	border-style: solid none solid none;
	}

.rand_r {
	border-width:1px; 
	border-color:#ffffff; 
	border-style: none solid none none;
	}

.rand_u {
	border-width: 1px;
	border-style: none none solid none;
	border-color: #CCCCCC;
	}

.rand_l {
	border-width:1px; 
	border-color:#ffff00; 
	border-style: none none none solid;
	}


/* admin-bereich */
.feldname {
	float:left; width:130px;
	text-align:right;
	padding:2px 20px 0px 0px;
	margin:0px;
	}