body {
background: #fff url(/images/3.jpg); 
background-repeat: repeat-x; 
margin: 0px; font: 12px/16px arial, verdana, helvetica, sans-serif; 
color: #555;
}

#container1, #container2 {
width: 794px; 
margin: 0px; 
margin-left: auto; 
margin-right: auto; 
padding: 0 20px; 
border: 0px solid #000;
}

#container1 {
background: transparent url(/images/4.gif); 
background-repeat: repeat-y;
}	  

#container2 {
background: #fff url(/images/5.gif); 
background-repeat: repeat-y;
}

#banner {
background: transparent url(/images/2.jpg); 
padding: 0px; 
height: 107px;
}

#teaser {
background: transparent url(/images/6.jpg); 
background-repeat: no-repeat; 
padding: 0px; 
height: 160px;
}

#menu {
background: url(/images/7.jpg); 
background-repeat: repeat-x; 
float: left; 
width: 197px; 
margin: 0; 
padding: 15px 15px;
}

#content {
background: url(/images/7.jpg); 
background-repeat: repeat-x; 
padding: 15px 13px; 
margin: 0 0 0 227px;
border: 0px solid red;
}

#footer {
font-size: 10px; 
color: #555; 
clear: both; 
padding: 5px 15px; 
background-color: #fff;
}

/* Termine */

.frei {background: url(/images/22.png); background-repeat: no-repeat; width: 50px;}
.belegt {background: url(/images/23.png); background-repeat: no-repeat; width: 50px;}

.termine {
font: 11px/12px arial, verdana, helvetica, sans-serif; 
font-weight: bold; 
color: #555; 
width:195px; 
margin:0; 
padding: 0;
}

.termine a {
background-color: #fff; 
color: #666; 
height:38px; 
display:block; 
padding:5px 0 3px 21px;  
text-decoration:none; 
outline: 0; 
border-right: 1px solid #dfd7d0; 
border-top: 1px solid #dfd7d0; 
border-left: 1px solid #dfd7d0;
}

.termine a span {color: #9e1e05}
.termine a:hover, .termine a:active {color:#A0231A;}
.termine a:link, .termine a:visited {text-decoration: none;}

/* Accordion */
.arrowlistmenu {
width: 195px; 
}

.arrowlistmenu .menuheader { /*CSS class for menu headers in general (expanding or not!)*/
background: url(/images/8.gif);
background-repeat: no-repeat; 
font-family: arial, verdana, helvetica, sans-serif; 
font-size: 12px; 
font-weight: bold; 
color: #9e1e05; 
height:15px; 
width: 174px; 
padding: 5px 0 4px 21px;  
text-decoration: none;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader { /*CSS class to apply to expandable header when it's expanded*/
background-image: url(/images/8.gif);
}

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

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

.arrowlistmenu ul li a, .arrowlistmenu ul li span {
color: #9e1e05;
background: ; /*custom bullet list image*/
display: block;
padding: 4px 0;
padding-left: 19px; /*link text is indented 19px*/
font-size: 10px;
}

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

.arrowlistmenu ul li a:hover { /*hover state CSS*/
color: #9e1e05;
background-color: #dfd7d0;
text-decoration: none;
}

.categoryitems {
font: 11px/12px arial, verdana, helvetica, sans-serif; 
font-weight: bold; 
color: #555; 
width:195px; 
margin:0; 
padding: 0;
}

.categoryitems li {
margin-bottom: 0px;
border-left: 1px solid #dfd7d0;
border-right: 1px solid #dfd7d0;
}

/* vertikale Navigation */
.navi {
font-family: arial, verdana, helvetica, sans-serif; 
font-size: 12px; 
font-weight: bold; 
color: #555; 
width: 195px;  
margin: 0;
}

.navi .offen {
background: url(/images/8.gif); 
background-repeat: no-repeat; 
color: #666; 
height:15px; 
width: 195px; 
padding: 5px 0 4px 21px;  
text-decoration: none;
}

.navi a {
background: url(/images/9.gif); 
background-repeat: no-repeat; 
color: #666; 
height: 15px; 
display: block; 
padding: 5px 0 4px 21px;  
text-decoration:none;
margin: 0;
}

.navi a:hover, .navi a:active {color:#A0231A;}
.navi a:link, .navi a:visited {text-decoration: none;}

/* Guide */
.guide {
width: 503px;
font: 12px arial, verdana, helvetica, sans-serif; 
font-weight: bold;
height: 171px; 
padding: 5px 15px; 
margin-bottom: 15px; 
background: #fff url(/images/11.jpg); 
background-repeat: no-repeat; 
border: 1px solid #dfd7d0;
}

.guide span.guidehead{color:#A0231A;}

.guidelines {margin: 20px 0 0 0}
.guidelines span {
display:block; 
padding: 5px 25px; 
background: url(/images/17.gif); 
background-repeat: no-repeat; 
background-position: left center;
}

.mehr {font: 12px arial, verdana, helvetica, sans-serif; 
font-weight: bold; color: #9e1e05; text-align: left; padding: 15px 25px;}

.mehr a:link, .mehr a:hover, .mehr a:active, .mehr a:visited  {color:#9e1e05;}

/* Artikel */

.post {
width: 503px;
padding: 5px 15px; 
border: 1px solid #dfd7d0;
margin-bottom:15px; 
background: #f1edea url(/images/21.jpg); 
background-repeat: repeat-x; 
background-position: bottom;
}

.post-wein {
width: 503px;
padding: 5px 15px; 
border: 1px solid #dfd7d0;
margin-bottom:15px; 
background: #f1edea url(/images/21.jpg); 
background-repeat: repeat-x; 
background-position: bottom;
}

.abbinder-wein {
clear:both; 
border-top: 1px solid #dfd7d0; 
padding: 5px 0;
font-weight:bold;
}

/* Fotoformatierungen */
IMG.foto, IMG.foto-links, IMG.foto-rechts {
background: #fff; 
border: #dfd7d0 1px solid; 
padding: 2px;
}

IMG.foto {margin: 5px 0;}
IMG.foto-links {margin: 0 5px 0 0; float: left;}
IMG.foto-rechts {margin: 0 0 10px 10px; float: right;}

/* links */
a {color: #555;	text-decoration: underline;}
a:hover {color: #A0231A; text-decoration: none;}
a:active { outline: none; -moz-outline: none; }

h1, h2, h3 {
font-weight: bold; 
color: #555; text-align: left;
}

h1 a, h2 a, h3 a {color: #555; text-decoration: none;}

h1 {
font: 20px Georgia, "Times New Roman", serif; 
margin: 0px 0px 10px 0px;
} 

h2 {
font: 18px Georgia, "Times New Roman", serif; 
margin: 0px 0px 10px 0px;
}
 
h3 {
font: 16px Georgia, "Times New Roman", serif; 
margin: 0px 0px 0px 0px;
}

/* Kommentare */

#txpCommentInputForm input[type=text] /* comment.php */
{
border: solid 1px #dfd7d0;
}

.txpCommentInputMessage
{
border: solid 1px #dfd7d0;
width:500px;
height:150px;
}

.zemContactForm
{
border-top: 1px solid #dfd7d0;
border-bottom: 1px solid #dfd7d0;
padding: 0 0 15px 0;
margin: 15px 0 0 0;
}

.zemTextarea
{
border: solid 1px #dfd7d0;
width:500px;
height:100px;
}
.error, .zemThanks, .zemError
{
font-weight: bold;
color: #9e1e05;
}

label.zemTextarea { border: 0px solid #000}


/* Kontaktformulare */

input[type=text], textarea, select
{
border: solid 1px #dfd7d0;
}

select
{
width: 160px;
}

table 
{
border-collapse:collapse;
}

td {
border-bottom: 1px solid #dfd7d0;
padding: 5px 0px;
}


/* antispam */
#importantfield {display:none;}