/* ------------------ Sonnenhofwein2 CSS ------------------ */



html {
margin: 0px 0px 0px 0px;
}


body { 
font: 12px/18px verdana;
text-align: center;
color: #000; 
background: #FEF8F1 url(images/bg-site-weinberg.jpg) no-repeat top left; 
font-family: verdana, arial, helvetica, sans-serif;

}

/* _______________________________ Block styles_________________________________ */

#navig { 
width: 780px;
padding: 0px 0px 0px 40px;  
margin: 0px 0px 0px 0px; 
position: absolute;
top: 50px;
left: 0px;
border-bottom: #5C204F solid 1px;
}

#navigindex { 
width: 660px;
padding: 0px 0px 0px 0px;  
margin: 0px 0px 0px 0px; 
position: absolute;
top: 540px;
left: 0px;
border-bottom: #5C204F solid 1px;
}

#navigsub-a { 
width: 480px;
padding: 0px 0px 30px 0px;  
position: absolute;
top: 630px;
left: 0px;
z-index: 30;
}

.navigsub { 
padding: 0px 0px 0px 160px;  
margin: 0px 0px 30px 0px; 
border-bottom: #5C204F solid 1px;
}

#inhalt { 
width: 290px;
padding: 0px 0px 0px 0px;  
margin: 0px 0px 0px 0px; 
position: absolute;
top: 130px;
left: 505px;
}

#inhaltbest { /*breite für bestellform*/
width: 320px;
padding: 0px 0px 0px 0px;  
margin: 0px 0px 0px 0px; 
position: absolute;
top: 130px;
left: 505px;
}


#impressionen { 
width: 480px;
height: 480px;
display: block;
position: absolute;
top: 123px;
left: 0px;
}

#impression-index { 
background: url(images/imp-index-trauben.gif) no-repeat top left;
width: 265px;
height: 531px;
display: block;
padding: 0px 0px 0px 0px;  
margin: 0px 0px 0px 0px; 
position: absolute;
top: 0px;
left: 0px;
}

#logo-s{ 
width: 138px;
height: 119px;
display: block;
position: absolute;
top: 480px;
left: 320px;
z-index: 20;
background: url(images/logo-site.gif) no-repeat top left;
}

#logo-i{ 
background: url(images/logo-index.gif) no-repeat top left;
width: 314px;
height: 372px;
display: block;
padding: 0px 0px 0px 0px;  
margin: 0px 0px 0px 0px; 
position: absolute;
top: 40px;
left: 370px;
z-index: 20;
}

.adressindex { 
width: 530px;
padding: 0px 0px 50px 0px;  
margin: 0px 0px 0px 0px; 
position: absolute;
top: 30px;
left: 120px;
}

#welcindex { 
width: 230px;
padding: 5px 0px 10px 10px;  
margin: 0px 0px 0px 0px; 
position: absolute;
top: 494px;
left: 660px;
border-left: #5C204F solid 1px;
}

.welc-text-index{ 
width: 284px;
position: absolute;
top: -20px;
left: -3px;
z-index: 20;
}


/* _______________________________ Block styles End__________ */


/* _______________________________ text styles_________________________________ */



h1{ 
font: bolder 14px/20px Verdana; 
margin: 11px 0px 10px 0px;
text-align: left;
color: #5C204F;
letter-spacing: 1px;
}

h2{ 
font: bolder 14px/20px Verdana; 
margin: 11px 0px 10px 0px;
text-align: left;
color: #5C204F;
}




p { 
font: 12px/18px verdana; 
margin: 0px 0px 0px 0px;
text-align: left;
color: #5C204F; 
}

.ps { 
font: 11px/18px verdana; 
margin: 0px 0px 0px 0px;
text-align: left;
color: #5C204F; 
}

.psref { 
font: 10px/16px verdana; 
margin: 0px 0px 0px 0px;
text-align: left;
color: #5C204F; 
}

.psagb { 
font: 10px/16px verdana; 
margin: 30px 0px 30px 0px;
text-align: left;
color: #5C204F; 
}

.pinline { 
font: 12px/18px verdana; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
color: #5C204F; 
}

.pbest { 
font: 12px/12px verdana; 
margin: 0px 80px 0px 40px;
padding: 5px 0px 5px 0px;
text-align: right;
border-bottom: solid 1px #5C204F;
}

.pbestin { 
font: 12px/18px Verdana; 
margin: 0px 0px 0px 0px;
padding: 3px;
text-align: left;
border: solid 1px #5C204F;
background: #FBF9F7;
}

.ppak { 
font: 12px/18px verdana; 
margin: 0px 0px 0px 15px;
padding: 5px 0px 5px 0px;
text-align: left;
color: #5C204F; 
list-style-type: disc;
}

.ulpak { 
margin: 8px 0px 8px 0px;
}

.ulindex{
margin-top: 0px;
}

b { 
font-weight: bold; 
}

.topsite{ 
margin: 15px 0px 50px 0px;
text-align: left;
}

.absatzh2{ 
margin: 15px 0px 0px 0px;
padding: 2px 0px 0px 0px;
text-align: left;
}


/* _______________________________ text styles End__________ */


/* ______________________________ link styles ___________________________________ */

.litopnav{ 
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
}

.li-indexnav{ 
list-style-type: none;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.lisubnav{ 
list-style-type: none;
float: left;
padding: 0px 30px 0px 0px;
margin: 0px 0px 0px 110px;
}

.menu { 
font: 900 14px/22px Verdana; 
margin: 0px 0px 0px 0px;
padding: 3px 15px 3px 15px;
text-align: left;
color: #5C204F; 
}
a.menu:link { color: #5C204F;  text-decoration: none; }	
a.menu:visited{ color: #5C204F;  text-decoration: none; }
a.menu:hover { color: #FFF; text-decoration: underline; background: #BA9CBB; }

.menuactive { 
font: 900 14px/22px Verdana; 
margin: 0px 0px 0px 0px;
padding: 3px 15px 3px 15px;
text-align: left;
color: #5C204F; 
}
a.menuactive:link { color: #FFF; text-decoration: none;  background: #935A97;}	
a.menuactive:visited { color: #FFF; text-decoration: none;  background: #935A97;}
a.menuactive:hover { color: #FFF; text-decoration: underline;  background: #935A97;}

.menu-sub { 
font: 900 14px/22px Verdana; 
text-align: left;
color: #5C204F; 
}
a.menu-sub:link { color: #5C204F;  text-decoration: none; }	
a.menu-sub:visited{ color: #5C204F;  text-decoration: none; }
a.menu-sub:hover { color: #FFF; text-decoration: underline; background: #BA9CBB;}
a.menu-sub:active{ color: #FFF; text-decoration: underline;  background: #935A97;}

.menu-sub-keller { 
padding: 2px 36px 3px 15px;
}

.menu-sub-anfahrt { 
padding: 2px 17px 3px 15px;
}

.menu-sub-lagen{ 
padding: 2px 16px 3px 15px;
}

.menu-sub-agb{ 
padding: 2px 39px 3px 15px;
}

.menu-sub-a { 
font: 900 14px/22px Verdana; 
text-align: left;
color: #5C204F; 
}
a.menu-sub-a:link { color: #FFF; text-decoration: none; background: #935A97;}	
a.menu-sub-a:visited { color: #FFF; text-decoration: none; background: #935A97;}
a.menu-sub-a:hover { color: #FFF; text-decoration: underline; background: #935A97;}

.ptop{ 
font: 11px/18px verdana; 
margin: 0px 0px 0px 0px;
color: #A1869B;
text-align: left;
}
a.ptop:link { color: #A1869B; text-decoration: underline; }	
a.ptop:visited{ color: #A1869B; text-decoration: underline; }
a.ptop:hover { color: #5C204F; text-decoration: underline;}
a.ptop:active{ color: #5C204F; text-decoration: underline;}

.inhalt-link{ 
color: #5C204F;
}
a.inhalt-link:link { color: #5C204F; text-decoration: underline; }	
a.inhalt-link:visited{ color: #5C204F; text-decoration: underline; }
a.inhalt-link:hover { color: #FFF; text-decoration: underline; background: #935A97; }
a.inhalt-link:active{ color: #5C204F; text-decoration: underline;}

.button{ 
font: bold 12px/18px verdana; 
padding: 2px;
margin: 0px 0px 0px 0px;
color: #5C204F;
text-align: center;
border-left: solid 5px #5C204F;
border-right: solid 5px #5C204F;
border-top: solid 1px #5C204F;
border-bottom: solid 1px #5C204F;
background: #FBF9F7;
}
a.button:link { color: #5C204F; text-decoration: none; }	
a.button:visited{ color: #5C204F; text-decoration: none; }
a.button:hover { color: #FFF; text-decoration: none; background: #935A97; }
a.button:active{ color: #FFF; text-decoration: none; background: #935A97; }


.submenu{ 
display: block;
z-index: 30;
border-left: solid 5px #5C204F;
border-bottom: solid 1px #5C204F;
}

.submenu-anf{ 
width: 92px;
position: absolute;
top: 23px;
left: 627px;
}

.submenu-lagen{ 
width: 78px;
position: absolute;
top: 23px;
left: 114px;
border-right: solid 5px #5C204F;
}

.submenu-keller{ 
width: 95px;
position: absolute;
top: 23px;
left: 422px;
border-right: solid 5px #5C204F;
}

.submenu-agb{ 
width: 100px;
position: absolute;
top: 23px;
left: 197px;
border-right: solid 5px #5C204F;
}


/* ____________________________ link styles end______________ */


/* ______________________________ Impressionen styles ___________________________________ */


.impressfoto-anfahrt { 
margin: 35px 0px 0px 35px;
padding: 0px;
float: left;
}

.imp-a-weine { 
background: url(images/site-impress-weine.jpg) no-repeat top left; 
}

.imp-a-lagen { 
background: url(images/site-impress-lagen.jpg) no-repeat top left; 
}

.imp-a-weingut { 
background: url(images/site-impress-weingut.jpg) no-repeat top left; 
}

.imp-a-weinprobe { 
background: url(images/site-impress-weinprobe.jpg) no-repeat top left; 
}

.imp-a-kontakt { 
background: url(images/site-impress-kontakt.jpg) no-repeat top left; 
}

.imp-a-keller { 
background: url(images/site-impress-keller.jpg) no-repeat top left; 
}

.imp-a-bestellen { 
background: url(images/site-impress-bestellen.jpg) no-repeat top left; 
}

.imp-a-aktuelles { 
background: url(images/site-impress-bestellen.jpg) no-repeat top left; 
}

.htitel-bg-lagen
{ 
background: url(images/htitel-bg-lagen.gif) no-repeat top left; 
}

.htitel-bg-weinprobe
{ 
background: url(images/htitel-bg-weinprobe.gif) no-repeat top left; 
}

.htitel-bg-weingut
{ 
background: url(images/htitel-bg-weingut.gif) no-repeat top left; 
}

.htitel-bg-weingut-kaiser
{ 
background: url(images/htitel-bg-weingut-kaiser.gif) no-repeat top left; 
}

.htitel-bg-weine
{ 
background: url(images/htitel-bg-weine.gif) no-repeat top left; 
}

.htitel-bg-kontakt
{ 
background: url(images/htitel-bg-kontakt.gif) no-repeat top left; 
}

.htitel-bg-kontakt-anschrift
{ 
background: url(images/htitel-bg-kontakt-anschrift.gif) no-repeat top left; 
}

.htitel-bg-kontakt-anfahrt
{ 
background: url(images/htitel-bg-kontakt-anfahrt.gif) no-repeat top left; 
}

.htitel-bg-bestellen
{ 
background: url(images/htitel-bg-bestellen.gif) no-repeat top left; 
}

.htitel-bg-agbs
{ 
background: url(images/htitel-bg-agbs.gif) no-repeat top left; 
}

.htitel-bg-auszeichnungen
{ 
background: url(images/htitel-bg-auszeichnungen.gif) no-repeat top left; 
}

.htitel-bg-keller
{ 
background: url(images/htitel-bg-keller.gif) no-repeat top left; 
}

.htitel-bg-keller-branntw
{ 
background: url(images/htitel-bg-keller-branntw.gif) no-repeat top left; 
}

.htitel-bg-impressum
{ 
background: url(images/htitel-bg-impressum.gif) no-repeat top left; 
}


/* ____________________________ Impressionen styles end______________ */

/* ____________________________ Border styles____________________________________________ */

.menu-bl{
border-left: solid 5px #5C204F;
}

.menu-bsub{
border-left: solid 5px #5C204F;
border-bottom: solid 1px #5C204F;
}

.bestell-bb{
border-bottom: solid 1px #5C204F;
}

/* ____________________________ Border styles end______________ */

/*_______________________________Form styles________________________________*/

.form {width: 310px; 
padding: 0px;
margin: 15px 0px 0px 270px;
}

.formdist{
clear: both;
padding: 5px 0px 5px 0px;
margin: 5px 5px 10px 5px;
width: 290px;
}

.formbez {
float: left;
width: 110px;
text-align: left;
display:block
}

.formwert {
float: left;
width: 150px;
text-align: left;  
margin-right: 10px;
display:block
}

.formdistfin{
clear : both;
padding: 5px 0px 5px 0px;
margin: 5px 5px 20px 5px;
}

.formbezfin {
float: left;
width: 110px;
text-align: right;
padding: 2px;
}

.formwertfin {
float: right;
width: 150px;
text-align: right;  
margin-right: 10px;
padding: 2px;
}

/*
label{ 
display: block;
float: left;
width: 120px; 
text-align: left; 
}

select{ 
display: block;
float: left;
width: 140px; 
height: 30px;
text-align: left; 
}

*/



/*
form {
  background: #de2;
  border: thin solid #ab0;
  margin:0;
  padding:.5em;
}

input#submit {    den Submit-Button  
  float: none;
  width: auto;
}

*/


/*____________________________Form styles end __________*/