body 
{
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size:12px;
 background:#ffffff url(../images/buch.jpg) no-repeat fixed left top;
 color:#333333;
 text-align:center;
}

.align-left {
	text-align:left;
}

.align-center {
	text-align:center;
}

.align-right {
	text-align:right;
}

.col_wrap {
  padding:5px;
}
.col1 { float:left; width:48%; padding:5px; }
.col2 { float:left; width:48%; padding:5px; }

.col31 { float:left; width:32%; padding:5px; }
.col32 { float:left; width:32%; padding:5px; }
.col33 { float:left; width:32%; padding:5px; }

#mittig {
width:938px;
margin:0px auto;
text-align:left;
border:1px solid #253f64;
background:#ffffff;
}

#header {
width:938px;
background:#ffffff url(../images/winzerer-buecher-toelz.jpg);
height:105px;
}

#left {
margin:0px;
padding:0px;
width:150px;
float:left;
}

#topleft {
margin:0px;
padding:14px 0px 14px 0px;
width:150px;
height:42px;
background-color:#253f64;
float:left;
}

#mainnavi {
margin:0px;
padding:18px 0px 0px 20px;
width:918px;
height:35px;
background-color:#253f64;
font-family: Arial, Helvetica, "Sans serif";
font-size:1.4em;
float:right;
}

#content {
clear:both;
padding:20px 20px 20px 160px;
background:#ffffff url(../images/winzerer.jpg) no-repeat left top;
min-height:345px;
text-align:left;
}

#breit {
clear:both;
padding:20px;
text-align:left;
}

#footer {
font-family: Arial, Helvetica, "Sans serif";
height:55px;
padding:10px 0px 0px 5px;
text-align:center;
clear:both;
background:#253f64;
color:#ffffff;
}

p {
 font-size: 1.2em;
 line-height: 1.5em;
 margin-bottom: 1.2em;
}

#content p, #content h1 {
 margin: 1em 0;
}

#content h1 {
 font-weight: normal;
 font-size: 1.7em;
 text-indent: 0;
 margin-bottom: 1.2em;
 color:#253f64;
}

#content h2 {
 font-size:1.3em;
 margin-bottom: 1.5em;
}

#content a {
 text-decoration:none;
 color:#990000;
}

#content ul {
  font-size: 1em;
  line-height:150%;
}

#breit p, #breit h1 {
 margin: 1em 0;
}

#breit h1 {
 font-weight: normal;
 font-size: 1.7em;
 text-indent: 0;
 margin-bottom: 1.2em;
 color:#253f64;
}

#breit h2 {
 font-size:1.3em;
 margin-bottom: 1.5em;
}

#breit a {
 text-decoration:none;
 color:#990000;
}

#breit ul {
  font-size: 1em;
  line-height:150%;
}

 
#left h1 {
 text-align:center;
 font-size: 1em;
 margin-bottom: 1em;
 margin-top: 1.5em;
 color: #253f64;
}

#topleft h1 {
 text-align:center;
 font-size: 1em;
 color: #ffffff;
}

#topleft a {
	text-decoration:none;
	color:#ffffff;
}



a.hkm {
	color:#666666;
	font-size:10px;
	text-decoration:none;
}

a.hkm:hover {
	color:#000000;
	text-decoration:underline;
}

a.mail {
	color:#cccccc;
	text-decoration:none;
}

a.mail:hover {
	color:#ffffff;
	text-decoration:underline;
}

/* Ab hier: Menue! */

ul.menu, ul.menu ul {
	margin:0px;
	padding:0px;
	color:#cecfc6;
    list-style-type:none;
}

ul.menu ul {
line-height:100%;
}

ul.menu a {
	padding:0px 20px 0px 0px;
	display:block;
	font-weight:bold;
	color:#cecfc6;
	text-decoration:none;
}

ul.menu a:visited {
	color:#cecfc6;
}

ul.menu a:hover {
	color:#ffffff;
}

ul.menu a.active {
	color:#ffffff;
}

ul.menu ul a {
	padding:5px 0px;
}

ul.menu li {
    padding:0px;
    float:left;
}

/* Für Unterpunkte keine Float-Eigenschaft */
ul.menu ul li {
    float:none;
    background-color: transparent;
}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
ul.menu ul li.hover, ul.menu ul li:hover {
    color: #ffffff;
}

/* Zweite Ebene */
		ul.menu ul {
			margin-left:0;
			padding:0px 0px 0px 3px;
			position:absolute;
			background-color:#253f64;
			border:1px solid #cecfc6;
			display:none;
			min-width:150px;
		}

   /* Zweite Ebene anzeigen */
       ul.menu li.hover ul, ul.menu li:hover ul  {
               display: block;
   }

/* Dritte Ebene */
   ul.menu li.hover ul ul, ul.menu li:hover ul ul {
                display: none;
                margin-left: 90px; /* Breite eines Listenelements - Überlagerung */
                margin-top: -20px; /* Höhe eines Listenelements */
        }

   /* Dritte Ebene anzeigen */
       ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
                display: block;
   }

