/* V I N I   F I N I  -  G A N Z E   S I T E */

html	{
	height:100%;  
	/* Die html- und die body-Hoehe zusammen erzwingen einen Rollbalken rechts, damit das eingemittete Bild nicht hin- und her springt. */
	}

body {
	margin-top:10px;
	margin-right: auto;
	margin-left: auto;
	border:0px;
	padding:0px;
	width:860px;
	min-height: 101%;
	color:#6d0a01;
	background-color: #fff;
	font: 1em/115% Arial, Helvetica, Verdana, sans-serif;
    }
    
h1  {
    font-size: 130%;
    line-height:100%;
    margin-top:0;
    color:inherit;
    background-color:inherit;
	}
	
h2  {
    font-size: 115%;
    line-height:120%;
    color:inherit;
    background-color:inherit;
	}

form {
    padding: 0;
    margin: 0;
	}

p {
    padding: 0;
    margin: 0;
	}

img {
    border:0;
    margin:0;
	}

a	{
	color:#6d0a01;
	background-color:inherit;
	text-decoration:none;
	}
	
fieldset {
  border:1px solid ;
  border-bottom-color:#330000;
  font-size:14px;
  padding: 10px;
  }
legend {
	color:#6d0a01;
	font-stretch:extra-condensed;
	font-style:italic;
	}

#skipnav {
    position:absolute; 
    width:100em;
    overflow:hidden;
    top:-100px;
    left:-300px;
}
    
#skip1 a, #skip2 a {
    position:absolute; 
    top:-100px;
    left:-500px;
    width:20em;
    overflow:hidden;
}
    
#skip1 a:focus, #skip2 a:focus, #skip1 a:active, #skip2 a:active {
    position:absolute;
    width:20em;
    top:-100px;
    left:-500px;
    overflow:hidden;
} 


/* alle container ****** */


#swisshop_2sp	{
    margin:0px;
    width:860px;
    
    color:inherit;
    background: #f8f2f3 url(../bilder/swisshop_bg_860x2.gif) repeat-y;
}


/*  H E A D E R  S T U F F  */

#headercontainer {
    margin:0px;
    padding:0px;
    width:100%;
    height: 135px;
}

#logo_screen	{
    float:left;
    width: 135px;
    height: 135px;
    margin: 0px;
    padding: 0px;
    background-color: #d83636;  /* bzw ein bg-image ? */
    color: inherit;
    text-decoration:none;
}

#logo_print		{
    display:none;
}

#header {
    float:right;
    margin:0px;
    width: 725px;
    height:85px;
    background: url(../bilder/panorama.png) no-repeat 0px 0px;
}

#adresszeile {
	float:right;
	width: 725px;
    height: 50px;
    color:inherit;
    background-color: #df6058;
    font-size:85%;
	font-weight:500;
}
    
#adresszeile .address {
    float:left;
    margin: 15px 0px 0px 51px; /* 50px Astand vom Logo */
    text-decoration:none;
    background-color: inherit;
}

#adresszeile .rechts {
    float:right;
    margin: 15px 20px 0 0 ;
	font-weight:normal;
}

#adresszeile .rechts a {
    background-color: inherit;
    text-decoration:none;
}

#adresszeile .rechts a:link    { color: #6d0a01; }
#adresszeile .rechts a:visited { color: #6d0a01; }
#adresszeile .rechts a:hover   { color: #fcf9df; }
#adresszeile .rechts a:active  { color: #fcf9df; }

#adresszeile .active	{color: #fff;}
	

/* H A U P T - N A V I G A T I O N */

	#navicontainer {      /* vgl #rechts */
    float: left;
    margin:0 51px 0 0;
    padding:0px;
    width: 135px;
    min-height:430px;
    background-image: url(../bilder/verlauf-navi.gif) ;
    background-repeat: no-repeat;
    background-position: top;
}

#navi {
    margin: 30px 8px 20px 8px; /* vgl margin-top bei #inhalt und #weinbeschrieb     */
    font-size: 100%;
    line-height: 120%;
    text-align:right;
}

#navi p.navititel {
    padding-bottom:0.2em;
    line-height: 100%;
	margin-bottom: 2px;
	border-bottom:1px solid #330000;
}

#navi p.navitems {
    margin: 0px;
    font-size: 85%;
    line-height:150%;
}

#navi p a {
    display: block;
    color:#6d0a01;
    background-color:inherit;
    margin: 0px;
}

#navi p a:link    { color: #6d0a01; }
#navi p a:visited { color: #6d0a01; }
#navi p a:hover   { color: #fcf9df; }
#navi p a:active  { color: #fcf9df; }


.aktiv	{
	color: #fff;
	}

/* H A U P T - I N H A L T S S P A L T E */
/* auf gleiche Hoehe wie navi-Oberrand  */

#inhalt {
    float:left;
    margin-top:30px;   /* vgl margin-top bei #navi und #weinbeschrieb */
    margin-left:0px;  /* Abstand zur navi  */
    height: 100%;
        
}

#inhalt img { 
    border-width:0px;
    margin-right:30px;
    padding-bottom: 5px;
	}

#inhalt p   {
    font-size:100%;
    line-height:125%;
    margin:0;
    text-decoration:none;
	
}


#inhalt p.klein {
	font-size: 85%;
	font-style: italic;
}


/* G A L E R I E */

.galerie {
    vertical-align: top;
    padding: 4px 14px 4px 0px;
    font-size: 95%;
}
   
#tabelle	{
	float:left;
	left:120px;
	margin:0px;
	padding:0px;}

.thumb {
	  margin: 4px;
	  border: 6px solid white;
	}
.bildgalerie {
    float: left;
  	padding: 0px 20px 20px 0;
	}

	
/* other stuff */

.clearleft { clear:left; }
.clearright { clear:right; }
.clearboth { clear:both; }
.logo {
	border: thin solid #FFFFFF;
}