body, a {
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #000000;
}
body {
    background-color: #000000;/*170801;B4B66C*/
    height:100%;
}

table div { 
    text-align: left;
}
a img {
    border: none;
}

p {
    margin-top: 0px;
}

.smalltext {
    font-size: 10px;
}

.white,
p.white a {
    color: #FFFFFF;
}

#pagecontainer {
    background-color: #FFFFFF;
    margin: auto;
    /*
width: 900px;
    height: 675px;
    overflow: auto;
*/
width: 800px;
    height: 600px;

}


#logo {
    position: relative;
    left: 36px;
    text-align:left;
    top:157px;    

}

#navigation {
    position: relative;
    top: 0px;
    left: 663px;
    height: 194px;
    vertical-align: bottom;
    float: left;
}

#subnavigation {
    position: relative;
    /*
    */
    top: 20px;
    left: 663px;
    width: 120px;
    height: 240px; 
    /* 
    was 300 
    float: left;
    */
    vertical-align: bottom;
}

#subnavigation p {
    height: 275px; 
    bottom: auto;
    position: relative;
}

#subnavigation_sortiment {
    position: relative;
    top: 309px;
    left: 663px;
    height: 270px;
    vertical-align: bottom;
    float: left;
}

#blaettern {
    position: relative;
    /*
    */
    top: 40px;
    left: 683px;  /* + 20px because of navi bullet */
    height: 30px;
    width: 80px;
    vertical-align: middle;
    float: left;
}

div.navpunkt {
    position: relative;
    bottom: 0px;
}

#main {
    /*
    position: relative;
    top: 242px;
    left: 0px;
    width: 800px;
    height: 358px;
    */
    float:left;
    height:358px;
    overflow:auto;
    width:800px;
    position:relative;
    /*
    left:0px;
    top:242px;
    */
    
}

/* flaschen... */

#flaschencontainer {
    position: absolute;
    left: 69px;
    top: 117px; /*37px*/
}

#flaschencat_mild,
#flaschencat_mittel-fruchtig,
#flaschencat_intensiv-fruchtig,
#flaschencat_aroma
 {
    height: 170px; /*249px*/
    float: left;
}
/* upload/hintergruende/sortimentkategorien */
#flaschencat_mild
{
    background-image: url(upload/hintergruende/sortimentkategorien/mild_170.gif);
}
#flaschencat_mittel-fruchtig
{
    background-image: url(upload/hintergruende/sortimentkategorien/mittel-fruchtig_170.gif);
}
#flaschencat_intensiv-fruchtig
{
    background-image: url(upload/hintergruende/sortimentkategorien/intensiv_fruchtig_170.gif);
}
#flaschencat_aroma
{
    background-image: url(upload/hintergruende/sortimentkategorien/aroma_170.gif);
}



.flaschenliste {
    margin-right: 15px;
    float: left;
}

#flasche_gross, #flasche_txt1, #flasche_txt2 {
    position: absolute;
    height: 300px;
    top: 37px;
}

#flasche_gross
{
    left: 69px;
    width: 100px;
}

#flasche_txt1
{
    left: 178px;
    width: 235px;
}

#flasche_txt2
{
    left: 424px;
    width: 235px;
}

/* textbloecke fuer 4,2 und 3 spaltiges layout */ 

#sp4_1, #sp4_2, #sp4_3, #sp4_4, 
#sp3_1, #sp3_2, #sp3_3, 
#sp21_1, #sp21_2, 
#sp2_1, #sp2_2 {
    position: absolute;
    height: 300px;
    top: 37px;
}

#sp4_1
{
    left: 69px;
    width: 142px;
}
#sp4_2
{
    left: 222px;
    width: 142px;
}
#sp4_3
{
    left: 372px;
    width: 142px;
}
#sp4_4
{
    left: 525px;
    width: 142px;
}

#sp3_1
{
    left: 69px;
    width: 192px;
}
#sp3_2
{
    left: 272px;
    width: 192px;
}
#sp3_3
{
    left: 474px;
    width: 177px; /* was 192... changed because of subnav */
}
 
#sp21_1 /* extra */
{
    left: 69px;
    width: 390px;
}
#sp21_2 /* extra */
{
    left: 474px;
    width: 192px;
}
 
#sp2_1 
{
    left: 69px;
    width: 293px;
}
#sp2_2
{
    left: 372px;
    width: 293px;
}

#newsletter
{
    position: absolute;
    height: 76px;
    top: 255px;
    left: 69px;
    width: 500px;
    font-size: 10px;
}

input#email {
    width: 350px;
}


/* rezept textbloecke */

#rezept_sp1, #rezept_sp2, #rezept_sp3, #rezept_sp4 {
    position: absolute;
    height: 330px;
    width: 180px;
    top: 28px;
}

#rezept_sp1 {
    left: 12px;
}

#rezept_sp2 {
    left: 202px;
}

#rezept_sp3 {
    left: 404px;
}

#rezept_sp4 {
    left: 606px;
}

/* splash screen */

body#splashbody {
    background-color: #B4B66C;
    margin: 0px;
}

#splashinfo1 {
    position: absolute;
    top: 490px;
    left: 69px;
}

#splashinfo2 {
    position: absolute;
    top: 490px;
    left: 279px;
}

#splashinfo3 {
    position: absolute;
    top: 279px;
    left: 69px;
}

.debug {
    border: solid 1px #FF0000;
    background-color: #00FF00;
}

table#wrapper {
    /*
    border: solid green 1px;
    */
    text-align: center;
    vertical-align: middle;
    width:100%;
    height:100%;
    position: fixed; 
    top: 0px; 
    left: 0px; 

}