/***********************************************/
/* HTML tag styles                             */
/***********************************************/

html,body,form, table, p, tr, td, th, ul, ol, object, embed, applet, caption, dl, h1, h2, h3, h4, h5, h6, input, textarea, label, fieldset  {
    font-family:"Times New Roman", Times, serif;
    font-size:12px;
    letter-spacing: 1px;
    word-spacing: 1.6px;
    color: #fff;
    line-height: 15px;
	text-align: left;
    margin: 0 ;
	padding: 0;
    background-color: #d7bf93;

}


/******* hyperlink and anchor tag styles *******/
a:link {
font-family:"Times New Roman", Times, serif;
font-size:11px;
	color: #d7bf93;
	text-decoration: underline;
	font-weight:bold;
}
a:visited {
font-family:"Times New Roman", Times, serif;
	font-size:11px;
	color: #d7bf93;
	text-decoration: underline;
	font-weight:bold;
}
a:hover {
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
	color: #f9d739;
	text-decoration: underline;
	font-weight:bold;
}
a:active {
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
	color: #d7bf93;
	text-decoration: underline;
	font-weight:bold;
}

a.mail, a.mail:visited, a.mail:active{
padding: 0 0 0 135px;
font-family:"Times New Roman", Times, serif;
text-align: left;
font-size:11px;
font-weight:500;
letter-spacing: 0px;
display:inline;
margin-left: -135px;
color: #6b080d;
background-color:transparent;
}

/***********************************************/
/* Layout Divs     + tabs                            */
/***********************************************/

table.maintable {
margin: 0 ;
border: none;
padding:0;
width: 100%;
height: 100%;
background-color: #d7bf93;
}

td.maintable {
width: 100%;
height: 100%;
text-align: center;
vertical-align:top;
}

#main{
margin: 0 auto;
padding:0;
position: relative;
width: 730px;
height: 920px;
overflow:visible;
background-image:url(images/shadow.jpg);
background-repeat:repeat-y;
}

#mainnewsletter{
margin: 0 auto;
padding:0;
position: relative;
width: 730px;
height: 930px;
overflow:visible;
background-image:url(images/shadow.jpg);
background-repeat:repeat-y;
}

#mainkontakt{
margin: 0 auto;
position: relative;
width: 730px;
height: 1080px;
overflow:visible;
background-image:url(images/shadow.jpg);
background-repeat:repeat-y;
}

#maincatering{
margin: 0 auto;
position: relative;
width: 730px;
height: 940px;
overflow:visible;
background-image:url(images/shadow.jpg);
background-repeat:repeat-y;
}

#maingrosshandel{
margin: 0 auto;
position: relative;
width: 730px;
height: 3150px;
overflow:visible;
background-image:url(images/shadow.jpg);
background-repeat:repeat-y;
}

#mainspezial{
margin: 0 auto;
position: relative;
width: 730px;
height: 1100px;
overflow:visible;
background-image:url(images/shadow.jpg);
background-repeat:repeat-y;
}

#mainfamilie{
margin: 0 auto;
position: relative;
width: 730px;
height: 920px;
overflow:visible;
background-image:url(images/shadow.jpg);
background-repeat:repeat-y;
}

#mainimpressum{
margin: 0 auto;
position: relative;
width: 730px;
height: 1090px;
overflow:visible;
background-image:url(images/shadow.jpg);
background-repeat:repeat-y;
}

#header{
position: absolute;
top: 0;
left: 0;
height: 125px;
width: 730px;
background-image:url(images/header.jpg);
}

#container{
position: absolute;
left: 15px;
top:165px; 
width: 700px;
height: 600px;
}

#headline{
float: left;
margin-top: 50px;
height: 40px;
width: 770px;
text-align: center;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color: #fff;
}


#left{
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 500px;
}

#menu{
position: absolute;
top: 0;
left: 6px;
width: 145px;
text-align: left;
}

#newsletter{
position: absolute;
top: 456px;
left: 22px;
width: 138px;
text-align: center;
padding-top:20px;
background-image:url(images/contentright1bg.jpg);
background-repeat:repeat-x;
background-position: 0 -20px;
z-index:999;
}


#menu :link {
font-family:"Times New Roman", Times, serif;
font-size:12px;
font-weight: bold;
display:block;
color: #d7bf93;
text-align: left;
text-decoration:none;
padding-left: 23px;
line-height: 30px;
letter-spacing: 1px;
background-image:url(images/menubg.jpg);
background-repeat:no-repeat;
}

#menu :visited{
font-family:"Times New Roman", Times, serif;
font-size:12px;
font-weight:800;
display:block;
color: #d7bf93;
letter-spacing: 1px;
text-align: left;
text-decoration:none;
padding-left: 22px;
line-height: 30px;
background-image:url(images/menubg.jpg);
background-repeat:no-repeat;
}

#menu :hover{
font-family:"Times New Roman", Times, serif;
color: #6b080d;
background-image:url(images/menubgover.jpg);
background-repeat:no-repeat;
}


#contentleft{
position: absolute;
top: 0;
left: 149px;
width: 220px;
height: 605px;
background-image:url(images/contentrightbg.jpg);
background-repeat:repeat-y;
background-position: 0 0px;

}

#contentleft1{
position: absolute;
top: 0;
left: 13px;
width: 200px;
height: 320px;
background-image:url(images/contentright1bg.jpg);
background-repeat:repeat-x;
background-position: 0 271px;
}

#contentleft2{
position: absolute;
top: 320px;
left: 13px;
width: 200px;
height: 200px;
background-image:url(images/contentright1bg.jpg);
background-repeat:repeat-x;
background-position: 0 300px;
}

#contentimpressum{
position: absolute;
top: 0;
left: 149px;
width: 510px;
height: 510px;
background-image:url(images/contentrightbg.jpg);
background-repeat:repeat-y;
background-position: 0 0;
padding-left: 10px;
}

#contentright{
position: absolute;
top: 0px;
left: 370px;
width: 330px;
height: 600px;
background-image:url(images/contentrightbg.jpg);
background-repeat:repeat-y;
background-position: 0 0;
text-align: left;
}

#contentrightimp{
position: absolute;
top: 0px;
left: 370px;
width: 330px;
height: 540px;
text-align: center;
}

#contentrightkontakt{
position: absolute;
top: 0px;
left: 370px;
width: 330px;
height: 660px;
background-image:url(images/contentrightbg.jpg);
background-repeat:repeat-y;
background-position: 0 0;
text-align: left;
}


#contentrightcatering{
position: absolute;
top: 0px;
left: 370px;
width: 330px;
height: 620px;
background-image:url(images/contentrightbg.jpg);
background-repeat:repeat-y;
background-position: 0 0;
text-align: left;
}

#contentrightspezial{
position: absolute;
top: 0px;
left: 370px;
width: 330px;
height: 790px;
background-image:url(images/contentrightbg.jpg);
background-repeat:repeat-y;
background-position: 0 0;
text-align: left;
}

#contentright1{
position: absolute;
top: 0px;
left: 10px;
width: 310px;
height: 100px;
vertical-align: middle;
background-image:url(images/contentright1bg.jpg);
background-repeat:repeat-x;
background-position: 0 50px ;
text-align: left;
}

#right1{
position: absolute;
top: 0px;
left: 10px;
width: 310px;
height: 30px;
vertical-align: middle;
background-image:url(images/contentright1bg.jpg);
background-repeat:repeat-x;
background-position: 0 0 ;
text-align: left;
}

#contentright2{
position: absolute;
top: 100px;
left: 10px;
width: 310px;
height: 200px;
vertical-align: middle;
background-image:url(images/contentright1bg.jpg);
background-repeat:repeat-x;
text-align: left;
}

#right2{
position: absolute;
top: 40px;
left: 10px;
width: 310px;
height: 400px;
vertical-align: middle;
}

#contentright3{
position: absolute;
top: 300px;
left: 10px;
width: 310px;
height: 200px;
vertical-align: middle;
background-image:url(images/contentright1bg.jpg);
background-repeat:repeat-x;
background-position: 20px -29px;
text-align: left;
}



h1 {
font-family:"Times New Roman", Times, serif;
font-size:14px;
font-weight: bold;
color: #fff;
text-align: left;
display:block;
letter-spacing: 1.4px;
line-height:18px;
padding-left: 7px;
background-color:transparent;

}


h1 p.f-letter{
font-family:"Times New Roman", Times, serif;
font-weight: bold;
font-size:18px;
color: #d7bf93;;
background-color:transparent;
display: inline;

}

h2 {
font-family:"Times New Roman", Times, serif;
font-size:14px;
font-weight: bold;
color: #fff;
text-align: left;
display:block;
letter-spacing: 1.5px;
padding-left: 7px;
background-image:url(images/contentright1bg.jpg);
background-repeat:repeat-x;
background-position: 0 -1px;

}


h2 p.f-letter{
font-family:"Times New Roman", Times, serif;
font-weight: bold;
font-size:18px;
color: #d7bf93;
background-color:transparent;
display: inline;

}

h3 {
font-family:"Times New Roman", Times, serif;
font-size:14px;
font-weight: bold;
color: #fff;
text-align: left;
display:block;
letter-spacing: 1.5px;
padding-left: 7px;
height: 18px;
background-image:url(images/contentright1bg.jpg);
background-repeat:repeat-x;
background-position: 0 -12px;

}


h3 p.f-letter{
font-family:"Times New Roman", Times, serif;
font-weight: bold;
font-size:18px;
color: #d7bf93;
background-color:transparent;
display: inline;

}

p.txtnorm{
padding-left: 7px;
font-family:"Times New Roman", Times, serif;
font-size:12px;
letter-spacing: 1px;
word-spacing: 1.6px;
color: #fff;
line-height: 15px;
background-color:transparent;

}

p.datenschutz{
font-family:"Times New Roman", Times, serif;
font-size:11px;
display:block;
color: #fff;
text-align: left;
line-height: 15px;
padding-left: 7px;
background-color:transparent;

}

p.kontakt{
font-family:"Times New Roman", Times, serif;
font-size:11px;
display:block;
color: #fff;
text-align: left;
line-height: 15px;
background-color:transparent;
padding-left: 7px;

}


.smalltxt{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
display:block;
color: #26919b;
background-color: transparent;
}


#content_small{
position: absolute;
top: 130px;
left: 185px;
width: 585px;
height: 250px;
z-index: 999;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:600;
display:block;
color: #243956;
text-align: left;
}


p.list{
font-family:"Times New Roman", Times, serif;
font-size:12px;
width: 300px;
color: #fff;
line-height: 22px;
text-align: left;
background-color:transparent;
padding-left: 7px;
}


#footer {
position: absolute;
bottom: 0;
left: 0;
height:130px;
width: 730px;
background-image:url(images/footer.jpg);
background-repeat:no-repeat;
background-position: 0 0;

}

#beans {
position: absolute;
top: -200px;
left: 16px;
height:205px;
width: 149px;
background-image:url(images/beans.jpg);
background-repeat:no-repeat;
background-position: 0 0;
z-index:1;
}

#cup {
position: absolute;
top: -18px;
left: -24px;
height:149px;
width: 240px;
background-image:url(images/tasse.jpg);
background-repeat:no-repeat;
background-position: 0 0;
z-index:2;
}

#bread {
position: absolute;
top: 1px;
left: 527px;
height:139px;
width: 218px;
background-image:url(images/bread.jpg);
background-repeat:no-repeat;
background-position: 0 0;
}


#adress{
position: absolute;
top: 33px;
left: 0;
width: 730px;
z-index: 999;
background-color:transparent;
}

p.adress1{
padding: 0 0 0 185px;
text-align: left;
font-family:"Times New Roman", Times, serif;
letter-spacing: 0px;
display:block;
font-size:11px;
font-weight:500;
color: #6b080d;
background-color:transparent;

}

p.adress2{
padding: 0 0 0 180px;
font-family:"Times New Roman", Times, serif;
text-align: left;
font-size:11px;
font-weight:500;
letter-spacing: 0px;
display:block;
color: #6b080d;
background-color:transparent;
}

table.images{
width: 310px;
background-color:transparent;
}

table.images tr{
background-color:transparent;
width: 310px;
}
table.images td{
width: 155px;
height: 175px;
vertical-align: bottom;
background-color:transparent;
}

table.open{
width: 304px;
margin:8px 0 0 8px;
background-color:transparent;
}

table.open tr{
background-color:transparent;
width: 310px;
}
table.open td{
width: 155px;
height: 25px;
vertical-align: middle
text-align:left;
font-weight:bold;
background-color:transparent;
letter-spacing: 1px;
}

table.grosshandel{
width: 510px;
background-color:transparent;
}

table.grosshandel tr{
background-color:transparent;
width: 510px;
}
table.grosshandel td{
height: 15px;
vertical-align: middle;
background-image:url(images/contentright1bg.jpg);
background-repeat:repeat-x;
background-position: 0 143px;
background-color:transparent;
border: 1px solid #d7bf93;
padding-left: 5px;
}
/* -------------- Kontaktformular-CSS -------------
##### Dies ist nur ein Beispiel - die Angaben können bis auf wenige Ausnahmen beliebig angepasst werden ####
*/


form#Kontaktformular { 	/* Gestaltung des Formulars - Breite und Abstände z. B. */
font-family:"Times New Roman", Times, serif;
	width:310px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color:transparent;

}

form#Kontaktformular label, form#Kontaktformular input, form#Kontaktformular textarea {		/* Allgemeine Stile für Labels und Formularfelder */
	font:inherit;
	color:inherit;
	width:155px;
	margin:8px 5px 0 0;
	padding:1px;

/* Diese beiden Angaben bitte nicht verändern: */
	display:block;
	float:left;
}

form#Kontaktformular input, form#Kontaktformular textarea {				/* Stile, die nur auf Formularfelder angewandt werden sollen */
	border:1px solid #d7bf93;
	background:#fcfcfc url(../images/form-hg.png) repeat-x;
	color:#6b080d;
}

form#Kontaktformular textarea {						/* Seperate Angaben für die Textarea, falls benötigt */
	height:100px;
	color:#6b080d;
}

form#Kontaktformular input:focus, form#Kontaktformular textarea:focus {		/* Stile für aktivierte Formularfelder */
	border:1px solid #d7bf93;	
	color:#6b080d;
}

form#Kontaktformular label {							/* Feldbeschriftungen */
	text-align:right;				
	width:80px;		
	letter-spacing: 0.5px;				
	padding:0 15px 0 0;	
	color: #fff;	
	background-color:transparent;	
}

form#Kontaktformular legend {							/* Stile für die Überschriften der Formularabschnitte ("fieldset") */

	/* Hiermit werden die Überschriften nicht angezeigt.
	Falls gewünscht entfernen, um die Anzeige zu ermöglichen */
	display:none;
}

form#Kontaktformular fieldset {						/* Formularabschnitte */
	border:none;
	padding:0 0 0 10px;
	background-color:transparent;
}

form#Kontaktformular input#submit {				/* Gestaltung des Submit-Buttons */
	width:120px;
	background-image:url(images/menubgover.jpg);
	background-position: -2px -5px;
	color:#6b080d;
	font-size:1.2em;
	font-weight:bold;
	font-variant:small-caps !important;
	cursor:pointer;
	border:none;
	text-align:center;
}

form#Kontaktformular fieldset#submitbox {			/* Element zur Ausrichtung des Submit-Buttons */
	width:310px;
	height:22px;
	padding:0 0 0 125px;	/* Diese Angabe bestimmt den Abstand zum linken Rand des Formulars */
	clear:both;
}

form#Kontaktformular fieldset#adresse {			/* Formularabschnitt mit den Adressdaten */
	margin:0 10px 0 0;
}

form#Kontaktformular input.radio {					/* Anpassungen für Radio-Buttons - diese müssen die Angabe class="radio" erhalten! */
	width:20px;
	margin-top:10px;
}

* html form#Kontaktformular input.radio {			/* Für die Radio-Buttons im IE ein etwas anderer Abstand... */
	margin-top:7px;
}

form#Kontaktformular label.radio {					/* Beschriftungen für Radio-Buttons */
	width:90px;
}

form#Kontaktformular input.checkbox {					/* Anpassungen für Checkboxen - diese müssen die Angabe class="radio" erhalten! */
	width:20px;
	margin-top:10px;
}

* html form#Kontaktformular input.checkbox {			/* Für die Checkboxen im IE ein etwas anderer Abstand... */
	margin-top:7px;
}

form#Kontaktformular label.checkbox {						/* Beschriftungen für Checkboxen */
	width:90px;
}

form#Kontaktformular label.required {				/* Klasse zur Kennzeichnung von Pflichtfeldern */
	background:url(images/required.png) top right no-repeat;	
}

.error {								/* Stil für die Gestaltung der als fehlerhaft markierten Felder */
	color:#f00 !important;
	font-weight:bold !important;
}

p#fehlermeldung {			/* Die Fehlermeldung */
	display:none;
	background:#fff;
	border:1px solid #d7bf93;
	color: #6b080d;
	padding:5px;
	margin:0 0 10px 0;
}



/* Die folgenden Angaben bitte nicht verändern! */
form#Kontaktformular br {
	clear:left;
}

form#Kontaktformular input[type=hidden] {
	display:none;
	border:0;
	padding:0;
}