html {
   overflow        : hidden;
   }

body {
   color              : #000; 
   background-color   : #fff9e1;
   font-size          : 100.01%;
   font-family        : Times, Serif;
   margin             : 0;
   height             : 100%;
   width              : 100%;
   }
  
h1 {
   font-family : Helvetica, Arial, sans-serif;
   font-weight : normal;
   font-style  : normal;
   font-size   : 120%;
   color       : #A3A3A7;
   margin-top  : 10px;
   }

h2 {
   font-family   : Times, Serif;
   font-weight   : normal;
   font-variant  : small-caps;
   font-style    : normal;
   font-size     : 22px;
   color         : #000;
   }

h3 {
   font-family   : Stencil, Times, Serif;
   font-weight   : normal;
   font-style    : normal;
   font-size     : 17px;
   color         : #6e0505;
   }


h3 em {
   font-family : Helvetica, Arial, sans-serif;
   font-weight : bold;
   font-style  : normal;
   font-variant: normal;
   font-size   : 120%;
   color       : #4f4f4f;
   clear       : both;
   float       : none;
   }

em {
   font-weight : bold;
   font-style  : normal;
   font-variant: normal;

   }

b  {
   font-weight : bold;
   }

#Fond {
   position           : absolute;
   z-index            : 1; 
   background-image   : url(/fond.jpg);
   background-repeat  : no-repeat;
   background-position: bottom left;
   height             : 100%;
   width              : 100%;
   left               : 0;
   bottom             : 0;
   overflow           : hidden;
   }
 
#Imagebild  {
   position           : absolute;
   z-index            : 2; 
   /*background-image   : url(imagebild.jpg);
   background-repeat  : no-repeat;
   background-position: bottom left;
   background-color   : none;*/
   border             : none;
   bottom             : 0; 
   left               : 0;
   width              : 477px; 
   height             : 588px; 
   overflow           : hidden;
   }
 
#Banner {  
   z-index            : 4; 
   position           : absolute;
   top                : 20px; 
   left               : 45px;
   width              : 160px;  
   height             : 40px;
   } 

 
#Logo  {  
   z-index            : 4; 
   position           : absolute;
   background-image   : url(/portwein-logo.jpg);
   background-repeat  : no-repeat;
   background-position: right -5px;
   background-color   : none;
   top                : 0; 
   left               : 355px;
   width              : 535px;  
   height             : 100%;
   border-right       : 1px solid #fff;
   border-left        : 1px solid #fff;
   } 
  
#Fond-Inhalt {  
   z-index            : 3; 
   position           : absolute;
   background-color   : #fff;
   background-image   : url(/fond-inhalt.jpg);
   background-repeat  : no-repeat;
   background-position: top right;
   filter             : Alpha(opacity=65);
   opacity            : 0.65;
   top                : 0; 
   left               : 355px;
   width              : 536px; 
   height             : 100%; 
   overflow           : hidden;
   } 

#Inhalt {  
   z-index         : 5; 
   position        : absolute;
   background-color: none;
   top             : 95px; 
   left            : 370px;
   width           : 510px; 
   padding-right   : 10px;
   height          : 80%; 
   overflow        : auto; 
   text-align      : left;
   font-size       : 14px;
   } 
   
#Inhalt p {  
   padding-top     : 2px;
   padding-bottom  : 2px;
   margin          : 0;
   } 
   
#Inhalt img {
   border             : 1px solid #6e0505;
   float              : left;
   margin-right       : 10px;
   }
   
#Inhalt h3 img {
   border             : 1px solid #6e0505;
   float              : left;
   margin-right       : 10px;
   clear              : right;
   }
   
#Inhalt a:link,
#Inhalt a:active,
#Inhalt a:visited {
   color          : #6e0505;
   text-decoration: none;
   } 
   
#Inhalt a:hover  {
   color          : #fff;
   font-weight    : bold;
   word-spacing   : -1px;
   } 
   
#Inhalt ul li img {
   border             : 1px solid #6e0505;
   float              : left;
   margin-right       : 10px;
   margin-bottom      : 10px;
   clear              : left;
   width              : 100px;
   }
   
#Inhalt ul li {
   padding-left       : 0;
   margin-left        : 0;
   margin-bottom      : 10px;
   clear              : both;
  }
  
#Inhalt ul {
   padding-left       : 0;
   margin-left        : 0;
   clear              : both;
  }

#Inhalt table {
  	background-image   : url(/fond-tabelle.gif);
	background-repeat  : no-repeat;
	background-position: top left;
        clear              : both;
        width              : 490px;
        height             : 237px;
        font-size          : 15px;
        vertical-align     : top;
        text-align         : left;
   }

#Inhalt th {
  	font-family        : Times, Serif;
   	font-weight        : normal;
   	font-variant       : normal;
   	font-size          : 16px;
	color              : #fff;
	/*vertical-align     : middle;*/
	/*padding-top        : 3px;*/
	padding-bottom     : 0;
	padding-left       : 0;
	width              : 120px;
}


#Inhalt tr td {
        font-family      : Arial;
   	font-weight      : bold;
   	font-variant     : normal;
   	color            : #fff;
	text-align       : left;
	vertical-align   : top;
      	font-size        : 13px;
	padding-top      : 0;
  	padding-left     : 0;
	margin           : 0;
}

#Inhalt table img {
   	border             : none;
  	margin             : 0;
  	padding-top        : 3px;
  	padding-left       : 31px;
  	padding-right      : 30px;
  	width              : 99px;
  	vertical-align     : top;
   }
} 
.submit {
   border        : 1px solid #6e0505;
   width         : 200px;
   font-family   : Times, Serif;
   font-weight   : normal;
   font-variant  : small-caps;
   font-style    : normal;
   font-size     : 15px;
   color         : #6e0505;
  }


/* Formatierung Navigation */

#Navigation  { 
   background-image   : url(/fond-navigation.gif);
   background-repeat  : no-repeat;
   background-position: top left; 
   background-color   : none;
   z-index            : 6; 
   position           : absolute;
   top                : 80px; 
   left               : 0;
   width              : 260px; 
   height             : 445px;  
   text-align         : left;
   font-size          : 14px;
   padding-top        : 10px;
   } 
 
#Navigation ul li a img {  
	border: none;
	float : left;
	margin-right: 5px;
   } 

   
#Navigation ul {  
   padding-top    : 60px;
   padding-left   : 40px;
   margin         : 0;
   list-style-type: none;
   } 
   
#Navigation ul li {  
   list-style-type: none;
   margin         : 0;
   padding-top    : 5px;
   }
    
#Navigation ul li p {  
   padding        : 0;
   margin         : 0;
   } 
   
#Navigation  a:link,
#Navigation  a:active,
#Navigation a:visited { 
   margin-left    : 2px;
   color          : #4a2f15;
   font-family    : Times, Serif;
   font-weight    : normal;
   text-decoration: none;
   } 
#Navigation ul li em a:hover {  
   margin-left    : 2px;
   color          : #4a2f15;
   font-family    : Times, Serif;
   font-weight    : bold;
   text-decoration: none;
   } 
#Navigation ul li em  { 
   margin-left    : 2px;
   color          : #4a2f15;
   font-family    : Times, Serif;
   font-weight    : bold;
   text-decoration: none;
   } 

.warenkorb a {  
	border: none;
	margin-top: 55px;
	padding-top:20px;
   }
   
/* Editor login */

    
#Funktionen  { 
   z-index            : 10; 
   position           : absolute;
   background         : transparent;
   bottom             : 0; 
   left               : 0;
   width              : 60px; 
   height             : 30px; 
   text-align         : center;
   }  

#Funktionen form.default input{
   background         : transparent;
   width              : 60px;
   height             : 30px;
   border             : none;
   color              : #bda17d;
   font-size          : 1px;
      text-align         : center;
}

#Funktionen form.default input.submit{
    background-image   : url(/blank.gif);
   background-repeat  : no-repeat;
   background-position: left; 
   width             : 30px;
   height            : 30px; 
}