html {height:100%; width:100%; margin:0; padding:0}

body{
    color: black; background: #FF9900;
    font-size: 100.01%;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    margin:0; padding: 0.75em;
   }

a:link {color:#3333CC;}
a:visited {color: #333366;}
a:active, a:hover { color:#FFFFFF;}



#navigation ul a:link, #angebote a:link, #titel a:link {color: white;}
#navigation ul a:visited, #angebote a:visited, #titel a:visited {color:#9999FF;}
#navigation ul a:hover, #navigation ul a:active, #angebote a:hover, #angebote a:active, #titel a:active, #titel ul li a:hover {color: #FF9900;}
#angebote .orangesangebot a:hover, #angebote .orangesangebot a:active {color: #3333CC;}

img {border:none; margin:0; padding:0;}
a {text-decoration:none;}
li {list-style:none;}
.center {text-align:center;}
.right {text-align:right;}
.bold{ font-weight:800;}
.white{ color:#000000;}
.orange{ color:#FF9900;}

h1      {
         font-family: comic sans ms;        
         font-size: 2px;
         text-align: left;
        }


h2      {
         font-weight: 400;
         font-size: 1.8em;
         text-align: left;
        }

h3     {
         font-weight: 100;
         font-size: 9px;
         text-align: center;
         color: white;
        }



a:link {color:#3333CC;}
a:visited {color: #333366;}
a:active, a:hover { color:#FFFFFF;}


/* siehe http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac, beeinhaltet auch Lösung des 3px-Bugs für Fusszeile und der grossen Untermenueabstände \*/
* html .clearfix, * html #Aussenrahmen {height: 1%;}
.clearfix {display: block;}
* html ul .untermenue {display:inline;}
/* End hide from IE-mac */



#titel {
    font-weight: 800;
    font-size: 0.95em;
    margin: 0 0 10.3em; padding: 0.3em 0 0;
    text-align: center;
    background: #FF9900;
  }


div.abstand { margin-top: 80px; }
div.seitenabstand { margin-left: 80px; }

.blautext   {
         color: #3333CC;
         font-size: 18px;
        }


.rahmen   {
         font-weight: 100;
         font-size: 9px;
         border: 1px solid #00008B;
         text-align: center;
         color: white;
         margin-bottom: 1em ;
        }

#navigation{
    font-size: 0.95em;
    float: left; 

    background:url(http://www.apoplexy.de/Eierwaermer_Shop/onlineshop_inhalsangabe.gif) no-repeat;
    margin: 0 0 0.7em;
         padding-top: 2em;

    }

#navihintergrund {
    margin:21px 0 0 0; padding:0 0 1em 0;
    background: #3333CC url("./arroworange2.gif") no-repeat -1000em -1000em; /* Unsichtbares Vorladen des orangenen Hover-Pfeiles */
    border: 1px solid black;
    color: #ffffff;}

#navi {font-weight: 800;}
#navigation ul li {margin:0; padding:0}
#navigation ul li form {margin-top:0.5em;}
#navigation ul li input {margin:0.1em 0;}

#navigation ul li ul {
    margin:0; padding:0.5em 0 0.5em 0.2em;

	}

#navigation  ul li ul li {
    margin: 0; padding: 0.2em;
		 }

#navigation  ul li ul a {
    margin-left:0.2em;
		padding: 0.2em 0.2em 0.2em 18px;
    font-weight: bold;
		background: url("./arrowweiss2.gif") left no-repeat;
  }
#navigation ul a:visited {background: url("./arrowhellblau2.gif") left no-repeat;} /*Ersetzt bei besuchten Links den weissen Pfeil durch einen hellblauen Pfeil*/
#navigation ul a:hover, #navigation ul a:active {background: url("./arroworange2.gif") left no-repeat;} /*Ersetzt beim hovern den weissen Pfeil durch einen orangenen Pfeil*/


#angebote {
    float: right; width: o50px;
    margin: 0 0 0.3em; padding:0 5px 0 5px;
    }

.orangesangebot{background: #FF9900;}


div#Inhalt {
    margin: 0 150px 0em 0;
    padding: 1em;
    color: white;
    margin-left: 80px;
    }

/* Hides from IE-mac \*/
* html div#Inhalt, * html div#ProInhalt, * html div#Fusszeile {height: 1em;}  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
/* End hide from IE-mac */



div#Inhalt h1 {
    font-size: 1em;
    margin: 0.3em 0;
    text-align: left;
    letter-spacing:0.28em;
    font-variant: small-caps;

		}

div#Inhalt h2 {
    font-size: 0.9em;
    margin: 0.2em 0;
    text-align: left;
    font-style:italic;
    font-variant: small-caps;
    }

div#Inhalt h4      {
         font-family: comic sans ms;        
         font-size: 2em;
	font-variant: small-caps;

}



div#Inhalt p {
    font-size: 0.9em;
    margin: 1em 0;

    }

#Aussenrahmen {
    margin: 0 0 0.5em 15.5em;
    padding:0;

		}

#Hauptrahmen {
    margin:0;
    padding:0;
    color:black;
    background: #FF9900;
    height:100%;
    min-width:40em;
    }



.absatz{
         padding-top: 0.3em;
         }