* { margin:0; padding:0; }
option {padding-left: 0.4em}

html {height:100%}
body {
  margin: 20px 0px 20px 0px;
  min-height: 101%;
  background: #F1D4E3 url(/fileadmin/vorlagen/hoefle/body.jpg);
  background-repeat: repeat-x;
  text-align: center;
}



A:link { color: #C63D87;  text-decoration: underline;}
A:hover { color: #C63D87;  text-decoration: underline;}
A:visited { color: #C63D87; text-decoration: underline;} 
A:active { color: #C63D87; text-decoration: underline;} 


p { 
  font-family: Arial,sans-serif; 
  font-size: 13px; 
  color: #000000; 
  line-height: 12pt;
}


#all{
  width: 948px;
  margin: auto;
  border: solid 1px #fff;
  text-align: left;
}


#head{
  height: 120px;
  background: url(/fileadmin/vorlagen/hoefle/head.jpg);
}

#nav1{
  height: 18px;
  Padding: 0px 0px 0px 170px;
  background: url(/fileadmin/vorlagen/hoefle/nav1.jpg);
}

#outer{ 
  border-left: solid 168px #FFF2F9; 
  background-color: #fff;
} 
  
#inner {margin:0 px; width:100%; } /* Die IE PC Schlaufe */ 

#nav2{
  width: 168px; 
  float:left; 
  position:relative; 
  margin-left:-168px; 
  margin-right:1px;
}


#box1{
  margin: 80px 0px 0px 15px;
  font-family: Arial,  sans-serif; 
  font-size: 10px; 
  color: #362303; 
}

#box2{
  width: 124px;
  height: 74px;
  margin: 20px 0px 0px 15px;
  background: url(http://p17344.typo3server.info/fileadmin/vorlagen/hoefle/oeffnungszeiten-hoefle.gif);
}

#seitentitel{
  margin: 0px 0px 10px 0px; 
  font-size: 18px;
  font-family: Arial, sans-serif;
  color: #9F292F;
  font-weight: bold;
}

#content {
  position: relative;
  margin: 0px;
  padding: 20px 0px 20px 0px;
  min-height: 400px;
}

#inhalt{
  margin: 0px 295px 0px 20px!important;
  margin: 0px 295px 0px 20px;
}

#inhaltr{
  float: right;
  width: 240px;
  margin: 0px 35px 0px 0px;
}



.menu1:link, .menu1:visited { 
  margin: 0px 6px 0px 0px;
  padding: 2px 2px 2px 4px;
  font-size: 0.7em; 
  color: #C63D87;
  font-family: Arial, sans-serif;  
  font-weight: none; 
  text-decoration:none;
}

.menu1:hover { 
  margin: 0px 6px 0px 0px;
  padding: 2px 2px 2px 4px;
  font-size: 0.7em; 
  color: #C63D87;
  font-family: Arial, sans-serif;   
  font-weight: none; 
  text-decoration:none;
} 


.menu1act:link, .menu1act:visited, .menu1act:hover { 
  margin: 0px 6px 0px 0px;
  padding: 2px 2px 2px 4px;
  font-size: 0.7em; 
  color:#C63D87;
  font-family: Arial, sans-serif;   
  font-weight: none; 
  text-decoration:none;
} 


.menu2:link, .menu2:visited { 
  display : block;
  color: #9F292F;
  font-size: 11px;
  font-family: Arial, sans-serif;
  font-weight: none;  
  text-decoration : none;
  padding: 5px 0px 5px 15px;
  background-color : #FFF2F9;
  border-bottom : 1px solid #fff;
} 


.menu2:hover { 
  display : block;
  color: #9F292F;
  font-size: 11px;
  font-family: Arial, sans-serif;
  font-weight: none;  
  text-decoration : none;
  padding: 5px 0px 5px 15px;
  border-bottom : 1px solid #fff;
  background: #FFF2F9 url(/fileadmin/vorlagen/hoefle/001.gif);
  background-repeat: no-repeat; 
  background-position:2px 50%;
}

.menu2act:link, .menu2act:visited, .menu2act:hover { 
  display : block;
  color: #fff;
  font-size: 11px;
  font-family: Arial, sans-serif;
  font-weight: none;  
  text-decoration : none;
  padding: 5px 0px 5px 15px;
  background-color : #9F292F;
  border-bottom : 1px solid #FFF;
  background: #9F292F url(/fileadmin/vorlagen/hoefle/002.gif);
  background-repeat: no-repeat; 
  background-position:2px 50%;
}


.menu22:link, .menu22:visited { 
  display : block;
  color: #9F292F;
  font-size: 11px;
  font-family: Arial, sans-serif;
  font-weight: none;  
  text-decoration : none;
  padding: 5px 0px 5px 25px;
  background-color: #C6D6B0;
  border-bottom : 1px solid #848F77;
  border-bottom-style:dashed;
} 


.menu22:hover { 
  display : block;
  color: #9F292F;
  font-size: 11px;
  font-family: Arial, sans-serif;
  font-weight: none;  
  text-decoration : none;
  padding: 5px 0px 5px 25px;
  background-color: #C6D6B0;
  border-bottom : 1px solid #848F77;
  border-bottom-style:dashed;
  background-image: url(http://mother-earth-products.de/fileadmin/vorlagen/mother-earth-products/003.gif);
  background-repeat: no-repeat; 
  background-position:15px 50%;
}


.menu22act:link, .menu22act:visited, .menu22act:hover { 
  display : block;
  color: #fff;
  font-size: 11px;
  font-family: Arial, sans-serif;
  font-weight: none;  
  text-decoration : none;
  padding: 5px 0px 5px 15px;
  background-color : #4D7616;
  border-bottom : 1px solid #848F77;
  border-bottom-style:dashed;
  background-image: url(http://mother-earth-products.de/fileadmin/vorlagen/mother-earth-products/003.gif);
  background-repeat: no-repeat; 
  background-position:15px 50%;
}


/*******************************************/
/* Aufzählung linksbündig                  */
/*******************************************/
/* Bulletlists, general */
UL.csc-bulletlist LI { font-size: 0.7em; }

/* Bulletlists, specifically */
UL.csc-bulletlist-0 { color: #666666; }
UL.csc-bulletlist-1 { color: #666666; list-style-type : decimal; }
UL.csc-bulletlist-2 { color: #666666; list-style-position : inside; }
UL.csc-bulletlist-3 { color: #666666; list-style-image: url(img/red_arrow_bullet.gif); }

UL { 
margin: 0 0 0 0;  
} 

OL { 
margin: 0 0 0 0; 
} 


.bulletlist { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:0.7em; 
color: #666666; 
margin: 0 0 0 0;
} 

li { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size:0.7em; 
  color: #444444; 
  line-height: 12pt;
  margin: 0px 0px 8px 40px;
} 

/*******************************************/
/* Ueberschriften                         */
/*******************************************/
h1 { 
  margin: 0px 0px 10px 0px; 
  font-size: 13px;
  font-family: Arial, sans-serif;
  color: #9F292F;
  font-weight: bold;
} 

h2 { 
  font-family: Arial, sans-serif;
  font-size: 12px; 
  color: #9F292F; 
  font-weight: bold; 
  margin: 0px 0px 5px 0px;
}

h3 { font-family: Arial, sans-serif;
  font-family: Arial, sans-serif;
  font-size: 10px; 
  color: #9F292F; 
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 2px 10px 2px px;
}  

h4 { 
  font-family: Arial, sans-serif; 
  font-size: 11px; 
  color: #FE0C08; 
  font-weight: bold;
  margin: 0px 0px 0px 0px;
} 

/* Headers, with link */
H1 A, H2 A, H3 A, H4 A, H5 A { color: #3839b7; text-decoration: none; }
H2 A { color: #003263; }
H3 A { color: #003263; }
H4 A { color: #003263; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover { text-decoration: underline; }

/* Header date */
P.csc-header-date { font-size:0.9em; color: #3839b7; }

/* Subheader, general */
P.csc-subheader { font-style: italic; background-color: #3839b7; }

/* Subheader, specific */
P.csc-subheader-0 { font-style: normal; }
P.csc-subheader-1 { color: #3839b7; }
P.csc-subheader-2 { color: #3839b7; }
P.csc-subheader-3 { color: #3839b7; }

/*******************************************/
/* Bilder                                                               */
/*******************************************/
#bildtext {
  font-family:Arial, sans-serif; 
  font-size: 0.8em; 
  color: #9F292F; 
  font-weight: none; 
  margin: 0px 0px 0px 0px;
}




/*****************/
/* Formulare     */
/*****************/
.mailform {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: none;
}


.content-element DIV INPUT {
  margin: 0px 0px 5px 0px;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: none;  
  border: solid 1px #75B6F0;
}

#content DIV INPUT {
  margin: 0px 0px 5px 0px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: none;
 background-color: #F2F7FD;  
  border: solid 1px #75B6F0;
}

.content-element TABLE TR TD INPUT {
  margin: 0px 0px 5px 0px;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: none;  
  border: solid 1px #75B6F0;
}




.content-element TABLE TR TD TEXTAREA {
  margin: 0px 0px 5px 0px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: none;
 background-color: #F2F7FD;  
  border: solid 1px #75B6F0;
}