/* LAYOUT */

html
{
    margin: 		0px;
    padding: 		0px;
    /*font-size: 		62.5%;*/ /* 100% = 16px --> 62,5 % = 10px */
}


body
{
    margin: 		0px;
    padding: 		0px;
    font-family:	verdana,arial,helvetica, sans-serif;
    font-size: 		12px;
    text-align: 	left;
    background:     #fff url(../images/strich.gif) repeat-x;
    border:         solid 0px red;
}

h1, h2, h3, h4, h5, h6
{
    margin:  	 	0px;
    padding:		0px;
    margin-bottom:  1em;
}

h1
{
    font-size: 		1.4em;
    color:          #BF0400;
}

h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

a {color: #BF0400;}

table
{
    margin:         0px;
    padding:        0px;
    border-collapse:collapsed;
    border:         none;
}

td, th
{
    margin:         0px;
    padding:        0px;
    border:         none;
}

/* ID und CLASS-Elemente */

#seite
{
    position:       relative;
    margin-bottom:  0px;
    padding: 		0px;
    padding-top:    370px;
    width:          916px;
    background:     url(../images/hg.gif) repeat-y;
}

#austausch_links
{
    position:       absolute;
    top:            0px;
    left:           0px;
    margin:         0px;
    padding:        0px;
    width:          98px;
    height:         223px;
    background:     url(../images/head_start_links.jpg) no-repeat;
    
}

#austausch_rechts
{
    position:		absolute;
    top:			0px;
    left:			98px;
    margin:         0px;
    padding:        0px;
    width:          818px;
    height:         205px;
    background:     url(../images/suppe.jpg) no-repeat;
}


/* Menues und Navigationen */



#bestellen     
{
    position:       absolute;
    left:           59px;
    top:            210px;
    width:          199px;
    height:         85px;
    border:         0px solid red;
}

#bestellen a
{
    background:     url(../images/bestellung.jpg) 0px 0px no-repeat;
    display:        block;
    text-indent:    -9999px;
    height:         85px;
    color:          #f00;
    font-weight:    bold;
    text-decoration:none;
    border:         solid 0px blue;
    font-size:      5px;
}

.bestelltext
{
    
    position:       absolute;
    left:           59px;
    top:            90px;
    color:			red;
    border:         solid 0px blue;


}


#bestellen a:hover 
{
    background: url(../images/bestellung.jpg) no-repeat 0px -126px; 
}



ul.home
{
    position:       absolute;
    top:            0px;
    left:           100px;
    margin:         0px;
    padding:        0px;
    width:          320px;
    height:         80px;
}



ul.home li a
{
    display:        block;
    width:          320px;
    height:         80px;
    text-indent:    -9999px;
    color:          #f00;
    font-weight:    bold;
    text-decoration:none;
    font-size:      5px;
	border: 0px solid red;
}


ul.start
{
    position:       absolute;
    top:            415px;
    left:           75px;
    margin:         0px;
    padding:        0px;
    width:          20px;
    height:         80px;
    list-style:     none;
    border:         solid 0px red;
}

ul.start li
{
    position:       absolute;
    top:            0px;
    margin:         0px;
    padding:        0px;
    height:         80px;
    list-style:     none;
    border:         solid 1px red;

}

ul.start li, ul.start li a
{
    display:        block;
    text-indent:    -9999px;
    height:         80px;
    color:          #f00;
    font-weight:    bold;
    text-decoration:none;
    border:         solid 0px blue;
    font-size:      5px;
}

ul.start li#startseite
{
    left: 0px;
    top: 0px;
    width: 40px;
}

ul.navi2
{
    position:       absolute;
    top:            5px;
    left:           720px;
    margin:         0px;
    padding:        0px;
    width:          160px;
    height:         20px;
    list-style:     none;
    border:         solid 0px red;

}

ul.navi2 li
{
    position:       absolute;
    top:            0px;
    margin:         0px;
    padding:        0px;
    height:         10px;
    list-style:     none;
    border:         solid 0px red;
}

ul.navi2 li, ul.navi2 li a
{
    display:        block;
    text-indent:    -9999px;
    height:         20px;
    color:          #f00;
    font-weight:    bold;
    text-decoration:none;
    border:         solid 0px blue;
    font-size:      5px;
}


ul.navi2 li#agb        { left: 0px;   top: 0px;  width: 40px; }
ul.navi2 li#impressum  { left: 40px;  top: 0px;  width: 65px; }
ul.navi2 li#kontakt   { left: 105px; top: 0px;  width: 60px; }


ul.navi1
{
    position:       absolute;
    top:            195px;
    left:           0px;
    margin:         0px;
    padding:        0px;
    width:          915px;
    height:         158px;
    list-style:     none;
    background:     none;
}

ul.navi1 li
{
    position:       absolute;
    top:            0px;
    margin:         0px;
    padding:        0px;
    height:         158px;
    list-style:     none;
    border:         solid 1px red;
}

ul.navi1 li,
ul.navi1 li a
{
    display:        block;
    text-indent:    -9999px;
    height:         158px;
    color:          #f00;
    font-weight:    bold;
    text-decoration:none;
    border:         solid 0px blue;
    font-size:      5px;
}



ul.navi1 li#essen
{
    background: url(../images/button_essen.jpg) no-repeat;
    left: 0px;
    top: 10px;
    width: 480px;
    border: 0px solid red;
}

ul.navi1 li#speiseplan
{
    background: url(../images/button_speiseplan.jpg) no-repeat;
    left: 480px;
    top: 10px;
    width: 210px;

}

ul.navi1 li#zertifikat
{
    background: url(../images/button_zertifikat.jpg) no-repeat;
    left: 690px;
    top: 10px;
    width: 226px;
}


#menu
{
    margin:			0px;
    padding:		0px;
    padding-bottom:	310px;
    width: 			277px;
    background:		none;
    background:     url(../images/button_navi.jpg) no-repeat;
    border-right:   dotted 1px black;
    float: 			left;
}

ul.menu-1
{
    position: 		relative;
    top: 			0px;
    left:			116px;
    margin: 		0px;
    padding: 		0px;
    padding-top:	35px;
    width:          150px;
    list-style:		none;
    border:         dotted 0px green;
}



ul.menu-1 li
{
    margin:         0px;
    padding:        2px;
    border:         solid 0px blue;
    list-style:     none;
    background:     url(../images/pfeil.jpg) 0px 3px no-repeat;
}


ul.menu-1 li a
{
    margin:         0px;
    padding:        3px 5px 5px 15px;
    font-size:		11px;
    color:          #000;
    text-decoration:none;
}









/* Inhalt */

#inhalt
{
    margin:         0px 20px 0px 300px;
    padding:		0px;
    width:          590px;
    min-height:     450px;
    line-height:    140%;
    color:          #000;
    border:         solid 0px gray;
}

* html #inhalt
{
    height:         450px; /* nur für IE 5.5 - 6.x */
}

html + body #inhalt
{
    height:         450px; /* nur vom IE 5.0 */
}

#fuss
{
    position:		relative;
    width:          916px;
    height:         44px;
    background: 	url(../images/fuss.gif) no-repeat;
}

#vitamin
{
    position:       absolute;
    top:            -271px;
    left:           0px;
    margin:         0px;
    padding:        0px;
    width:          294px;
    height:         271px;
    background: 	url(../images/button_vitamin.jpg) no-repeat;
}


#vitamin p
{
    position:       relative;
    top:            25px;
    left:           110px;
    margin:         0px;
    padding:        0px;
    width:          140px;
    height:         130px;
    color:          #fff;
    font-weight:    bold;
    font-size:      11px;
    border: 		0px solid red;
}



#herzhaft
{
    position:       absolute;
    top:            -271px;
    left:           0px;
    margin:         0px;
    padding:        0px;
    width:          294px;
    height:         271px;
    background: 	url(../images/button_herzhaft.jpg) no-repeat;
}


#herzhaft p
{
    position:       relative;
    top:            25px;
    left:           110px;
    margin:         0px;
    padding:        0px;
    width:          140px;
    height:         130px;
    color:          #fff;
    font-weight:    bold;
    font-size:      11px;
    border: 		0px solid red;
}


.zurueck
{
    display:        block;
    margin:         0px;
    padding:        0px;
    padding-left:   10px;
    width:          70px;
    font-size: 		0.9em;
    font-weight:    bold; 
    text-align:     center;
    text-decoration:none;
    color: 			#000;    
    background: 	url(../images/pfeile_links.gif) no-repeat;
    border: 0px solid red;
    vertical-align:top;

}

/*
.zurueck
{
    display:        block;
    margin:         0px;
    padding:        3px;
    width:          70px;
    font-size: 		0.9em;
    font-weight:    bold; 
    text-align:     center;
    text-decoration:none;
    color: 			#FFF;    
    background:     #7F7F7F;	
    border:         2px solid #454545;
}
*/

.ok
{
    text-decoration:none;
    color: 			#FFF;
    font-size: 		0.9em;
    font-weight:    bold;
    background:     #7F7F7F;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
    border: 2px solid #454545;
 	vertical-align:top; 
}

fieldset 
{ 
    margin:  	 	0px;
    margin-bottom: 	10px; 
    padding: 		10px; 
    border: 		solid 1px #cdcdcd; 
}


form#email-form span 
{ 
    width: 	8.0em; 
    float:	left; 
}

form#email-form input 
{ 
	width: 	250px; 
	border: 1px solid #4c7100;
}

form#email-form  input.zip 
{ 
	margin-right: 	5px; 
	width: 			50px; 
	float: 			left; 
}

form#email-form  input.town 
{ 
	width: 	190px; 
}

form#email-form  input.submit 
{ 
	width: 	120px; 
}

form#email-form  select 
{ 
	width: 	250px; 
}

form#email-form  textarea 
{ 
	width:	400px; 
	height: 100px; 
	border: 1px solid #4c7100;
}