body
		{
            position:absolute;
            font-family: verdana, arial, Helvetica, sans-serif;
			font-size: 11px;
		}
		html, body
		{
			top:0; left:0; right:0;
			min-height:100%;
			margin:0;
			padding:0;
			width:100%;
		}
		#header_container
		{
			position:fixed;
			top:0; left:0; right:0;
			text-align:center;
			margin:0;

            height:210px;
			z-index:4;
            background: url(grafik/hg_kopf.gif) repeat-x;
		}

		#header
		{
			position:absolute;
			top:0; left:0; right:0; bottom:0;
			height:100%;
			background:#ffffff;
			z-index:3;
			margin:0;
			padding:0.2em;
		}
		#menu
		{
            position:fixed;
			top:248px;
			left:3px;
			width:165px;
            height:300px;
			padding:0px;
            z-index:4;
		}
		#content
		{
            margin:0;
			padding-top:120px;
           	padding-left:190px;
			padding-bottom:3px;
			z-index:2;
            background-color: #fdf2f2;
		}
		#footer_container
		{
			position:fixed;
			bottom:0; left:0; right:0;
			text-align:center;
			margin:0;
			height:2em;
			z-index:3;
		}
		#footer
		{
			position:absolute;
			top:0; left:0; right:0; bottom:0;
			background:#efefef;
			z-index:3;
		}

		/* Nun für den MSIE */
		* html, * html body
		{
			overflow:hidden;
			bottom:0;
			height:100%;
            width:100%;


		}
		* html #header_container, * html #footer_container
		{
			position:absolute;
			width:100%;
			padding-right:16px;
            margin-right:16px;
		}
		* html #menu
		{
			position:absolute;
		}
		* html #header,* html #footer
		{
			height:100%;
			position:static;
		}
		* html #content
		{
			position:absolute;
			top:0; bottom:0; left:0; right:5px;
			height:100%;
			width:100%;
			overflow:scroll;
			margin:0px;
		}

		#menu li
		{
			list-style: none;
			margin:0;
			padding:1px;
		}
		#menu li#active
		{
			padding:1px;
			text-decoration:none;
            background: #fdf2f2;
		}
		#menu a:link, #menu a:visited
		{
			display:block;
			background:#ffffff;
			color:black;
			text-decoration:none;
			margin:0;
			padding:1px;;
		}
		#menu a:hover
		{
            text-decoration : none;
		    color: #d00000;
            background-color: #fdf2f2;
           	text-decoration:none;
		}
		* html #menu
		{
			margin:0;
			width:170px;    /* Der IE soll das Element breiter darstellen, da margin und padding hier von
							    der Breite abgezogen wird! */
		}

  #grafik1{position: absolute;
        top: 0px;
        left: 0px;
        width: 171px;
        height: 347px;
        text-align:left;
        background-color: #ffffff;
        background: url(grafik/hg_kopf_m.gif) repeat-x;
        z-index:2;

        }

		#grafik2{position: absolute;
        top: 30px;
        left: 109px;
        width: 234px;
        height:57px;
        z-index:3;}
		#grafik3{position: absolute;
        top: 90px;
        left: 129px;
        width: 234px;
        height:10px;
        z-index:3;}

		#login  {position: absolute;   top: 10px;    right: 10px;    width: 350px;    height:50px;}
        #status {position: absolute;   top:83px;	right: 0px;  width: 610px;    height:30px;
         padding-right: 8px;
         background-color: #fdf2f2;
         font-size: 10px;
         color: #aaaaaa;
         text-align:right;
         vertical-align:middle;
         border-top-style:dotted;
         border-top-width:medium;
         border-left-style:dotted;
         border-left-width:medium;
         border-top-color  :#aaaaaa;
         border-left-color :#aaaaaa;
         }

        * html #status{position: absolute; top:72px; right: 0px;  width: 610px; height:25px;       }

		#zitate {position: absolute;  top:23px;	right: 20px;  width: 600px;    height:30px;
         padding-right: 8px;
         font-size: 8pt;
         color: #aaaaaa;
         text-align:right;
         vertical-align:middle;
         }

    #menu img {	vertical-align: middle; }

#menu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: verdana, arial, Helvetica, sans-serif;
}

#menu a
{
	display: block;
	width: 165px;
	height: 20px;
	color: #333333;
	text-decoration: none;
	font-size: 12px;
	line-height: 19px;
	padding: 3px 5px 0 5px;
}

#menu a:hover
{
	background: #fdf2f2;
}

#menu ul li
{
border-bottom: 1px solid #d00000;
}

#menu ul ul li
{
	padding: 2px 10px 0 40px;
	width: 117px;
    background: #ffffff;
    border-bottom: 1px solid #d00000;

}



#menu ul ul li a
{
    margin-right: 0px;
    padding: 2px 10px 0 40px;
	width: 125px;
    color: #cdcdcd;
    font-size: 10px;
    text-decoration: none;
	background: #ffffff;
}
* html #menu ul ul li a
{
    padding: 2px 0px 0 40px;
    width: 116px;
}

li.normal{
        text-decoration:none;
		}

li		{font-weight: bold;
         margin-left:25;
         padding:5;
         list-style-position:outside;
		}

li a    { color:#eee;
	      text-decoration:none;
		}
li a:hover {text-decoration : none;
		    color: #d00000;
            background-color: #fdf2f2;

		}



p, div, table, form  {
font-size: 10pt;
}

table.keller
{
font-size: 8pt;
//width : 100%;
width : 780px;
outline-color:#91a791;
border-color:#91a791;
border-collapse:collapse;
empty-cells:show;
caption-color:#d8dfc1;
}

table.weinothek
{
font-size: 8pt;
width : 580px;
outline-color:#91a791;
border-color:#91a791;
border-collapse:collapse;
empty-cells:show;
background-color: #d8dfc1;
 }

table.anmeldung
{
 outline-style :dotted;
 outline-color:#990200;
 border-color:#990200;
 empty-cells:show;
 border-collapse:collapse;
}

th
{
 background-color: #d8dfc1;
}

.th
{
 background-color: #d8dfc1;
}

/* Überschrift 1 bis 3 rot färben */
h1, h2, h3 {
color: #c50013;
}
h2 {
 text-decoration: underline;
}


form { padding:0px; border:0px solid #ddd; }
input, select, textarea { color:#666; background-color:#dbdfcf; border:1px solid #5b6759; height:20px;}
.Bereich, .Feld { background-color:#fff; width:60px; border:1px solid #ddd; height:20px;}
.Auswahl        { background-color:#dff; width:300px; border:1px solid #ddd; }
.Check, .Radio  { background-color:#ddff; border:1px solid #ddd; }
.Button { background-color:#aaa; color:#fff; width:80px; border 1px solid #ddd; height:20px;}
.Error { background-color:#ffffcc; color:#000;  border:1px solid #990200; }

.artikel_titel  {
 height: 30pt;
 vertical-align: bottom;
 background-color: #ffffff;
 color: #FF0000;
 font-size: 12pt;
 font-weight: bold;
}
.artikel_text {
 background-color: #fcf2f1;
 color: #000000;
 font-size: 10pt;
}

* html  .artikel_text {
 background-color: #fcf2f1;
 color: #000000;
 font-size: 10pt;
 width: 600px;
}

.artikel_datum {
 color: #aaaaaa;
 font-size: 8pt;
 background-color:#d8dfc1;
}
.artikel_bild{
 width:180px;
 float:left;
}
.artikel_mail{
  font-size: 8pt;
  color: #c50013;
}
.artikel_webseite{
  font-size: 8pt;
  color: #c50013;
}

.artikel_hg{
    width:100%;
    padding: 10px;
}
* html .artikel_hg{
    width:90%;
    padding: 10px;
}

.katitel {
 color: #FF0000;
 font-size: 12pt;
 font-weight: bold;
}

.kadatum {
 color: #aaaaaa;
 font-size: 8pt;
}

#atext{
 max-width:700px;
 min-height;60px;
 border-style:solid;
 border-color:#aaaaaa;
 border-width:1px;
 margin-top:10px;
 padding:10px;
 margin-bottom:10px;
}

#klbg{
 max-width:660px;
 margin:10px;
 padding:10px;
 background-color: #ffffff;
}

.rahmen{
 border-style:solid;
 border-color:#aaaaaa;
 border-width:1px;
 margin-top:10px;
 padding:10px;
}

.katext {
 background-color: #ffffff;
 color: #000000;
 font-size: 10pt;
 width:400px;
}
.kamail {
 color: #FF0000;
 font-size: 9pt;
}
.kaweb {
 color: #FF0000;
 font-size: 9pt;
 font-weight: bold;
}

.rot {
 color: #d00000;
}

.gruen {
 color: #4d6710;
}
.grau {
 color: #a1a1a1;
}

.sechs   {
  font-size: 7pt;
}

/* Passagen rot einfärben */
b.strong {
color: #d00000;
 font-size: 12pt;
 letter-spacing:4pt;
 font-weight: bold;
}

b.strong1 {
 font-size: 12pt;
 letter-spacing:4pt;
 font-weight: bold;
}

/* Passagen blau färben */
i {
color:  #4d6710;
}

/* Hover-Links  */
a:link {
color: #aaaaaa;
}

a:hover {
text-decoration : underline;
color: #cb1d1b;
}

a:active {
color: red;
}

a:visited {
color: gray;
}