h1,h2,h3,h4,p,body,a,div,td,th,address,blockquote,nobr,b,i {
 font-family:Verdana,Arial,sans-serif; font-size:12px }

h1 { font-size:22px; margin-bottom:18px; }
h2 { font-size:16px; margin-bottom:14px; color:#3333CC}
h5 { font-size:20px; color:#3333CC; border:1px; align:center; }

body.leo { font-style: normal; background-color:#FEF3A1; margin:0px; scrollbar-base-color:#006600; scrollbar-3dlight-color:#FFFFFF; scrollbar-arrow-color:#FFFFFF; scrollbar-darkshadow-color:#000000; scrollbar-face-color:#336600; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#000000; }

.leo3 { font-size: 10pt; font-family: Arial, Verdana, sans-serif; list-style-type: disc; list-style-position: outside; margin-top: 2pt; margin-bottom: 2pt }

.newtab {color:#FFFFFF; font-weight:bold; text-align:center; background-color:#008000; vertical-align:middle;} /* Überschrift weiss auf grün */
.tabw  {text-align:left; background-color:#FFFFFF; color:#000000; vertical-align:top;} /* weisser bg */
.tabg  {text-align:left; background-color:#CCCCCC; color:#000000; vertical-align:top;} /* grauer bg */
.sold {position: absolute; left: 50%; width: 235px; height: 120px; top:300px;  z-index: 20;}
a:link { color:#000000; text-decoration:none; font-size:11px;   }
a:visited { color:#000000; text-decoration:none; font-size:11px; }
a:active { color:#000000; text-decoration:none; font-size:11px;}
a:hover { color:#FF0000; text-decoration:none; font-size:11px;}

a.hotnews:link { color:#006600; text-decoration:none; font-weight:bold; }
a.hotnews:visited { color:#006600; text-decoration:none; font-weight:bold;}
a.hotnews:active { color:#006600; text-decoration:none; font-weight:bold;}
a.hotnews:hover { color:#CC0000; text-decoration:underline; font-weight: bold;}


a.weine:link { color:#666666; text-decoration:none; font-weight:bold; }
a.weine:visited { color:#666666; text-decoration:none; font-weight:bold;}
a.weine:active { color:#666666; text-decoration:none; font-weight:bold;}
a.weine:hover { color:#000000; text-decoration:none; font-weight: bold;}


.mitterot { font-size:16px; color:#CC0000; font-weight: bold; text-align:center; }
.textinfo { font-size:12px; font-family:sans-serif,Verdana; color:#000000; text-align:justify; }
.mminfo { font-size:11px; font-family:sans-serif,Verdana; color:#000066; text-align:center; }
.thema { font-size:14px; color:#000000; font-weight:bold; padding-left:5px; }
.header1 { font-size:18px; color:#000000; font-weight:bold; text-align:left; }
.titel_w { font-size:12px ;padding-left: 1mm; font-style:italic; color:#000099; font-weight:bold;  }
.xlarge { font-size:24px; font-weight: bold; color:#666666; }
.start {font-family:"Courier New", Courier, monospace; font-size:6px; color:#666666; text-align:center; }

span { color: #000000; font-size:11px; }

.main { background-color: #CCEEEE; color:#000000; font-family:verdana; font-size:8pt; font-weight:normal; font-style:normal; }
.sub { background-color:#01559d; color:#000000; border-color:#ffffff; border:1px solid #ffffff; }


 /* common styling */
.menu2 {
float:left; width:100%; font-family: verdana, arial, sans-serif; font-size:11px; border-top:1px solid #c00;
background:#ddd url(design/menu2.gif) repeat-x; margin:0 0 20px 0; /* for this demo only */ }
.menu2 ul {padding:0;margin:0;list-style-type:none;}
.menu2 ul li {float:left; position:relative;}
.menu2 ul li.group {display:block; text-indent:10px; background:#666; color:#ff0; width:152px; padding:4px 0;}
.menu2 ul li a, .menu2 ul li a:visited {float:left; display:block; text-decoration:none; color:#444; padding:0px 16px; line-height:25px; height:40px;}
.menu2 ul li:hover {width:auto;}
.menu2 ul li a:hover {background:#aaa url(design/sub2a.gif); color:#c00;}
.menu2 ul li:hover a {background:#aaa url(design/sub2a.gif); color:#c00;}
.menu2 ul li ul {display: none;}
.menu2 table {margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;}

/* specific to non IE browsers */
.menu2 ul li:hover ul {display:block; position:absolute;top:29px; margin-top:1px; left:0; width:152px;}
.menu2 ul li:hover ul.scroller {height:138px; width:172px; overflow:auto;}
.menu2 ul li:hover ul.endstop {left:-90px;}
.menu2 ul li:hover ul li ul {display: none;}
.menu2 ul li:hover ul li a {display:block; color:#000;height:auto;line-height:15px;padding:4px 16px; width:120px;}
.menu2 ul li:hover ul li a.drop {background:#F7F7F7;}
.menu2 ul li:hover ul li a:hover {color:#000; font-weight:bold;}
.menu2 ul li:hover ul li a:hover.drop {color:#000;}
.menu2 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-70px; color:#000; left:152px; height:138px; width:172px; overflow:auto; background:#FAFFFA;}
.menu2 ul li:hover ul li:hover ul li a {background:#FAFFFA;}
.menu2 ul li:hover ul li:hover ul li.group {width:152px; padding:5px 0;}

.menu2 ul li:hover ul li:hover ul.left {left:-172px;}
.menu2 ul li:hover ul li:hover ul li a:hover {background:#FAFFFA; color:#0ff;}

/* specific to IE5.5 and IE6 browsers */
.menu2 ul li a:hover ul {display:block;position:absolute;top:30px; t\op:29px; background:#aaa;left:0; marg\in-top:1px;}
.menu2 ul li a:hover ul.scroller {height:138px; overflow:auto;}
.menu2 ul li a:hover ul.endstop {left: -90px;}
.menu2 ul li a:hover ul li a {display:block; color:#fff; height:1px; line-height:15px; padding:4px 16px; width:152px; w\idth:120px;}
.menu2 ul li a:hover ul li a.drop {background:#888; padding-bottom:5px;}
.menu2 ul li a:hover ul li a ul {visibility:hidden; position:absolute; height:0; width:0;}
.menu2 ul li a:hover ul li a:hover {color:#ff0; background: #888;}
.menu2 ul li a:hover ul li a:hover.drop { background: #888; color:#ff0;}
.menu2 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:-69px; t\op:-70px; color:#000; left:152px; height:138px; width:170px; overflow:auto; background:#888;}
.menu2 ul li a:hover ul li a:hover ul.left {left:-170px;}
.menu2 ul li a:hover ul li a:hover ul li a:hover {background:#666; color:#0ff;}

.left {clear:both;}


dl.curved {background:#0E5C06 url(grafix/c_tl.gif) top left no-repeat; margin:5px 0; padding:0; width:90%;}
dl.curved dt {background:transparent url(grafix/c_tr.gif) top right no-repeat; padding:10px; text-align:center; color:#fff;}
dl.curved dd {background:#eee url(grafix/c_bl.gif) bottom left no-repeat; padding:0; margin:0;}
dl.curved dd p {margin:0; padding:10px; line-height:1.3em;}
dl.curved dd p.last {background:transparent url(grafix/c_br.gif) bottom right no-repeat; }

/**************** weinmenu coding *****************/
#weinmenu {
width: 14em;
background: #eee;
}

#weinmenu ul {
list-style: none;
margin: 0;
padding: 0;
}

#weinmenu a, #weinmenu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#weinmenu h2 {
color: #fff;
background: #009900;
text-transform: uppercase;
}

#weinmenu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#weinmenu a:hover {
color: #a00;
background: #fff;
}

#weinmenu li {
position: relative;
}

#weinmenu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#weinmenu ul ul ul,
div#weinmenu ul ul li:hover ul ul
{display: none;}

div#weinmenu ul ul li:hover ul,
div#weinmenu ul ul ul li:hover ul
{display: block;}

</style>
<!--[if IE]>
<style type="text/css" media="screen">
 #weinmenu ul li {float: left; width: 100%;}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}
#weinmenu ul li {float: left; width: 100%;}
#weinmenu ul li a {height: 1%;}

#weinmenu a, #weinmenu h2 {
font: bold 0.9em/1.4em arial, helvetica, sans-serif;
}

</style>
<![endif]-->

.preload1 {background: url(design/m/three_1.gif);}
.preload2 {background: url(design/m/three_1a.gif);}

#nav {padding:0; margin:0; list-style:none; height:38px; background:#fff url(design/m/three_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:10px; font-weight:bold; padding:0 0 0 6px; cursor:pointer;background: url(design/m/three_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 6px; color:#FFF; height:35px; background: url(design/m/three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 6px; height:35px; background: url(design/m/three_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#fff; background: url(design/m/three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(design/m/three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(design/m/three_1a.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:38px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:110px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:110px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:108px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #bbd37e;}
#nav li ul.sub li a.fly
{background:#bbd37e url(design/m/arrow.gif) 100px 6px no-repeat;}
#nav li:hover ul.sub li a:hover
{background:#6a812c; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#6a812c url(design/m/arrow_over.gif) 100px 6px no-repeat; color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:100px; z-index:400; height:auto;}

#nav ul,
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#6a812c url(design/m/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;}

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#bbd37e url(design/m/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#bbd37e;}


 /* Untermenü für Weine */
 
#weinliste dl {width: 180px; margin: 0 auto; padding: 0 0 10px 0; background: #12550A url(desgin/bottom.gif) no-repeat bottom left;}
#weinliste dt {margin:0; padding: 10px; font-size: 1.2em; font-weight:bold; color: #fff; border-bottom:1px solid #fff; background: #12550A url(design/top.gif) no-repeat top left;}
#weinliste dd {margin:0; padding:0; color: #fff; font-size: 1em; border-bottom:1px solid #fff; background: #47a;}
#weingal a, #weingal a:visited {color:#fff; text-decoration:none; display:block; padding:5px 5px 5px 20px;
background: #4FAC24 url(design/arrow.gif) no-repeat 10px 10px; width:155px;
}
#jahrgang, {color:#fff; text-decoration:none; display:block; padding:15px 5px 15px 20px;
background: #666666;}
#weingal a:hover {background: #FFF594 url(design/arrowr.gif) no-repeat 11px 10px; color:#000;}

ol li {font-size:10px;}



.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Verdana;
color: white;
background: black url(design/m/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{

background: url(design/m/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #333333;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}