body{
font-family: "Times New Roman";
color:#000000;
line-height: 1.4em;
font-size:100%;
}

p{
margin:0.3em 0 0 0;
padding:0;
}

/* Klassen */

.hidden {
display:none;
background:pink;
}

/* fuer index.html */

#indexpage{
background-image: url(../img/bg_index.jpg); 
background-repeat: no-repeat; 
background-attachment: scroll;
background-color: #cac8d3;
}

#shopslink{
position:absolute;
left: 137px;
top: 317px;
width: 75px;
height: 49px;
}

#orderlink{
position:absolute;
left: 137px;
top: 381px;
width: 75px;
height: 49px;
}

#contactlink{
position:absolute;
left: 137px;
top: 442px;
width: 85px;
height: 49px;
}

#indexnext{
position:absolute;
left: 820px;
top: 151px;
width:44px;
height:55px;
}

/* fuer shops.html */

#shopspage p{
font-size: 0.8em;
line-height: 1.3em;
color: #88622E;
padding: 0;
}

#shopspage a{color: #88622E; text-decoration:none}
#shopspage a:hover{color: #88622E; text-decoration:underline}


.first{
margin: 18px 0 0 12px;
padding:0;
}

.second{
margin: 18px 0 0 12px;
padding: 0;
}

#shopspage{
background-image: url(../img/bg_shops.jpg); 
background-repeat: no-repeat; 
background-attachment: scroll;
background-color: #fed8e5;
}

#ethirtyfive{
position:absolute;
left: 41px;
top: 131px;
width: 144px;
min-height: 136px;
margin:0;
padding:0;
background: #ffffff;
}

#serafini{
position:absolute;
left: 219px;
top: 341px;
width:199px;
min-height:84px;
background: #ffffff;
}

#sausundbraus{
position:absolute;
left: 473px;
top: 150px;
width: 139px;
min-height:139px;
background: #ffffff;
}

#almaonline{
position:absolute;
left: 648px;
top: 384px;
width:158px;
min-height:92px;
background: #ffffff;
}
#almaonline p{
margin-left: 4px;
font-size: 0.85em;
line-height: 1.2em
}

#onlineshopbutton{
position: absolute;
top: 485px;
left: 818px;
width: 62px;
height: 57px;
background: none;
}

/* fuer order.html */

#orderpage{
background-image: url(../img/bg_order.jpg); 
background-repeat: no-repeat; 
background-attachment: scroll;
background-color: #ffffff;
}

table{margin:0;padding:0; border:none; border-collapse: collapse}
td{vertical-align:top; margin:0;padding:0; font-size:0.75em}

#orderform{
position: absolute;
top: 281px;
left: 75px;
}

.left{
line-height: 1.75em;
height:25px;
margin: 0px;
background: #ffffff;
text-indent: 5px;
width:595px;}

.transpcol{
width: 24px;
background:none;
}

.right{
line-height: 1.75em;
height:24px;
margin: 0px;
background: #ffffff;
text-indent: 5px;
width:225px;}

.transprow{
height: 8px;
background:none;}

.textput{
color: #666666; 
border:none; 
font-family: Monaco, "Andale Mono"; 
font-Size: 0.75em;
}

.numput{
color: #666666; 
border:1px solid #bbbbbb; 
font-family: Monaco, "Andale Mono"; 
font-Size: 0.75em; 
text-align:right
}

#submit{
font-family: Monaco, "andale mono";
font-size: 0.6em;
margin:8px 0 8px 0;
}

#ordernext{
position:absolute;
left: 4px;
top: 30px;
width: 30px;
height: 29px;
}

#orderprev{
position:absolute;
left: 37px;
top: 30px;
width: 30px;
height: 29px;
}

#confirmtext{
width: 1402px;
height: 68px;
background-image: url(../img/confirm.jpg);
margin: 0 0 0 -61px;
}

/* fuer contact.html  */

#contactpage{
background-image: url(../img/bg_contact.jpg); 
background-repeat: no-repeat; 
background-attachment: scroll;
background-color: #831c73;
}

#contactadress{
position:absolute;
top: 245px;
left: 157px;
}

#contactadress p{
font-size: 0.8em;
line-height: 1.4em;
color: #ffffff;
margin-bottom:1.3em;
}

#contactadress a{
margin:0.3em 0 0 0;
padding:0;
color: #ffffff; 
text-decoration:none
}
#contactadress a:hover{
text-decoration:none
}

#contactnext{
position: absolute;
left:811px;
top:227px;
width:49px;
height:57px;}

#impressum{
position:absolute;
left:157px;
top:530px;
font-size: 0.75em;
}

#impressum p{color: #831c73;}