﻿#dlmenu {margin:0;}
#menu {list-style-type:none; padding:2px 0 0 0;margin:0; width: 200px;background:#f1d4a4; z-index:100;}
#menu li {display:block; padding:0; margin:0; position:relative; z-index:100;}
#menu li a, #menu li a:visited {display:block; text-decoration:none;}
#menu li dd {display:none;}
#menu li:hover, #menu li a:hover {border:0;}
#menu li:hover dt a , #menu li a:hover dt a {color: #950100;font-weight:bold;background:#faefdd; }
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {height:155px;}
#menu table {border-collapse:collapse; padding:0; margin:-4px; font-size:1em;}
#menu dl {margin: 0; cursor:pointer;}
#menu dt {margin:0; padding: 0; font-size: 16px;}
#menu dd {margin:3px; padding:0; font-size: 1em; text-align:left; }
.catering dt a, .catering dt a:visited {color: #d49259;font-weight:bold;display: block;background:#f4dcb4;padding: 3px 0 3px 5px;margin:3px;font-size:16px;line-height:25px;}
.catering dd a, .catering dd a:visited {background:#f4dcb4 url("../images/pfeil.gif") no-repeat ;padding: 3px 0 0 5px;font-weight:bold;color:#950100;font-size:14px;line-height:25px;}
* html .catering dd a, * html .catering dd a:visited {height:1em;}
.catering dd a:hover {background:#f4dcb4 url("../images/pfeil2.gif") no-repeat ;padding: 3px 0 0 5px;font-weight:bold;color:#950100;}
#menu #t1 a:link, #menu #t1 a:visited {color: #d49259;font-weight:bold;display: block;background:#f4dcb4;padding: 3px 0 3px 5px;margin:3px;font-size:16px;line-height:25px;}
#menu #t1 a:hover { color: #950100;font-weight:bold;background:#faefdd;}
#menu #t1 #current {color: #950100;font-weight:bold;background:#faefdd;}
#menu #t2  a {background:#f4dcb4 url("../images/pfeil.gif") no-repeat ;padding: 3px 0 0 5px;margin:3px;font-weight:bold;color:#950100;font-size:14px;line-height:25px;}
#menu #t2  a:visited {background:#f4dcb4 url("../images/pfeil.gif") no-repeat ;padding: 3px 0 0 5px;font-weight:bold;color:#950100;}
#menu #t2  a:hover {background:#f4dcb4 url("../images/pfeil2.gif") no-repeat ;padding: 3px 0 0 5px;font-weight:bold;color:#950100;}
#menu #t3  a {background:#faefdd url("../images/pfeil3.gif") no-repeat ;padding: 3px 0 0 5px;margin:3px;font-weight:bold;color:#950100;font-size:14px;line-height:25px;}
#menu #t3  a:visited {background:#faefdd url("../images/pfeil3.gif") no-repeat ;padding: 3px 0 0 5px;font-weight:bold;color:#950100;}
#menu #t3  a:hover {background:#faefdd url("../images/pfeil3.gif") no-repeat ;padding: 3px 0 0 5px;font-weight:bold;color:#950100;}
#menu #t4 {margin:3px; padding:0; font-size: 1em; text-align:left; }
#menu #t4  a {background:#f4dcb4 url("../images/pfeil.gif") no-repeat ;padding: 3px 0 0 5px;font-weight:bold;color:#950100;font-size:14px;line-height:25px;}
#menu #t4  a:hover {background:#f4dcb4 url("../images/pfeil2.gif") no-repeat ;padding: 3px 0 0 5px;font-weight:bold;color:#950100;}
#menu #t4 #current {background:#f4dcb4 url("../images/pfeil2.gif") no-repeat ;padding: 3px 0 0 5px;font-weight:bold;color:#950100;}
#info {height:400px;}
.red {color:#c00;}
#positioner {clear:both; position:relative; top:25px; left:1px; z-index:100;}
.menu {display:none;}
#noniemenu {height:height:25px;}
#noniemenu .holder ul {padding:0; margin:0;}
#noniemenu .holder ul li {list-style-type: none;}
#noniemenu .holder li ul {display: none; margin-top:-20px; } 
#noniemenu .holder {  color:#fff;   width:200px;   height:25px;overflow:hidden;font-size:14px; }
#noniemenu .holder:hover {  height:auto;   }
#noniemenu a.outer, #noniemenu a.outer:visited {   color:#fff;    width:200px;    line-height:25px;   display:block;    background:#e09222;    text-align:center;    text-decoration:none;    font-family: verdana, arial, sans-serif;   }
#noniemenu a.outer:hover {  background:#697210;   overflow:visible;  }
#noniemenu div.open {display:none;}
#noniemenu a.inner, #noniemenu a.inner:visited {background:#f4dcb4 url("../images/pfeil.gif") no-repeat ;padding: 3px 0 0 5px;font-weight:bold;color:#950100;font-size:14px;}
#noniemenu a.second {font-weight:bold;}
#noniemenu a.inner:hover {background:#f4dcb4 url("../images/pfeil2.gif") no-repeat ;padding: 3px 0 0 5px;font-weight:bold;color:#950100;}
/* NAVIGATION */
#menu5 {padding:2px 0;width: 200px;background:#f1d4a4;}
#menu5 li a {height: 25px; text-decoration: none; font-size:16px;line-height:25px;}
* html #menu5 li a {height: 25px;}
#menu5 li a:link, #menu5 li a:visited {color: #d49259;font-weight:bold;display: block;background:#f4dcb4;padding: 3px 0 3px 5px;margin:3px;}
#menu5 li a:hover { color: #950100;font-weight:bold;background:#faefdd;}
#menu5 li #current {color: #950100;font-weight:bold;background:#faefdd;}
#menu5 ul {list-style: none;margin: 0;padding: 0;}
#menu5 img {border: none;}
#menu5 #t1  a {background:#f4dcb4 url("../images/pfeil.gif") no-repeat ;padding: 3px 0 0 5px;font-weight:bold;color:#950100;font-size:14px;}
#menu5 #t1  a:visited {background:#f4dcb4 url("../images/pfeil.gif") no-repeat ;padding: 3px 0 0 5px;font-weight:bold;color:#950100;}
#menu5 #t1  a:hover {background:#f4dcb4 url("../images/pfeil2.gif") no-repeat ;padding: 3px 0 0 5px;font-weight:bold;color:#950100;}
#menu5 #t2  a {background:#faefdd url("../images/pfeil3.gif") no-repeat ;padding: 3px 0 0 5px;font-weight:bold;color:#950100;font-size:14px;}
#menu5 #t2  a:visited {background:#faefdd url("../images/pfeil3.gif") no-repeat ;padding: 3px 0 0 5px;font-weight:bold;color:#950100;}
#menu5 #t2  a:hover {background:#faefdd url("../images/pfeil3.gif") no-repeat ;padding: 3px 0 0 5px;font-weight:bold;color:#950100;}
#menu5 #t3  a {background:#f4dcb4 url("../images/pfeil6.gif") no-repeat ;padding: 3px 0 0 15px;font-weight:bold;color:#950100;font-size:14px;}
#menu5 #t3  a:visited {background:#f4dcb4 url("../images/pfeil6.gif") no-repeat ;padding: 3px 0 0 15px;font-weight:bold;color:#950100;}
#menu5 #t3  a:hover {background:#faefdd url("../images/pfeil4.gif") no-repeat ;padding: 3px 0 0 15px;font-weight:bold;color:#950100;}
#menu5 #t4  a {background:#faefdd url("../images/pfeil4.gif") no-repeat ;padding: 3px 0 0 15px;font-weight:bold;color:#950100;font-size:14px;}
#menu5 #t4  a:visited {background:#faefdd url("../images/pfeil4.gif") no-repeat ;padding: 3px 0 0 15px;font-weight:bold;color:#950100;}
#menu5 #t4  a:hover {background:#faefdd url("../images/pfeil4.gif") no-repeat ;padding: 3px 0 0 15px;font-weight:bold;color:#950100;}
/* ALLGEMEIN */
img     {border: 0;}
img.floatleft{margin-right: 10px;margin-bottom: 10px;float: left;}
img.floatright{margin-left: 10px;margin-bottom: 10px;float: right;}
div.cleardiv {clear: both;}
/* LAYOUT */
body    {background-image:url(../images/content_bg.jpg);
		background-repeat:repeat-y;
		background-position:center;
		background-color:#f8f7f7;

margin: 0;border: 0;padding: 0;font-family: Arial, lucida, helvetica, sans-serif;font-size: 13px;color: #000;}
   a.s1       { display:block;
             background-image:url(../images/fingercatering.jpg);
             width:175px; height:169px;text-decoration:none; }
   a.s1:hover { background-image:url(../images/fingercatering2.jpg);text-decoration:none;  }
      a.kontaktf       {display:block;
             background-image:url(../catering/kontaktform_normal.jpg);
             width:181px; height:49px;text-decoration:none; }
   a.kontaktf:hover { background-image:url(../catering/kontaktform_aktiv.jpg);text-decoration:none;  }
   #kontaktbb{ padding-left:550px;text-align:right;}
	 a.s2       { display:block;
             background-image:url(../images/buffetcatering.jpg);
             width:175px; height:169px;text-decoration:none; }
   a.s2:hover { background-image:url(../images/buffetcatering2.jpg);text-decoration:none;  }
   a.s3       { display:block;
             background-image:url(../images/locationscatering.jpg);
             width:175px; height:169px;text-decoration:none; }
   a.s3:hover { background-image:url(../images/getraenkecatering_hover.jpg);text-decoration:none;  }
   a.s4       { display:block;
             background-image:url(../images/hochzeitscatering.jpg);
             width:175px; height:169px;text-decoration:none; }
   a.s4:hover { background-image:url(../images/hochzeitscatering_hover.jpg);text-decoration:none;  }

#wrapper	{	margin: 0;	border: 0;	padding: 0;	width: 980px;position: absolute;left: 50%;margin-left: -490px;}
#contentwrapper	{float:left;width: 765px;padding-left:15px;}
#content	{	width:765px;}
.box1{background:#fef3e1;padding:10px; width:730px;}
.box1 h1,h2,h3,h4,h5,h6{color:#c26b2a;font-size:16px;font-weight:bold;}
.box1 p,ul,li{color:#626262;font-weight:normal;}
.box33{background-image:url(../images/catering-katalog.jpg);
		background-repeat:no-repeat;width:730px;height:1033px;}
.box33 h1,h2,h3,h4,h5,h6{color:#c26b2a;font-size:16px;font-weight:bold;}
.box33 p,ul,li{color:#626262;font-weight:normal;}
.box3{background-repeat:no-repeat;width:730px;height:1033px;}
.box3 h1,h2,h3,h4,h5,h6{color:#c26b2a;font-size:16px;font-weight:bold;}
.box3 p,ul,li{color:#626262;font-weight:normal;}
.box4{background-image:url(../images/hochzeit.jpg);
		background-repeat:no-repeat;width:730px;height:1119px;}
		.box41{background-image:url(../images/hochzeit2.jpg);
		background-repeat:no-repeat;width:730px;height:1500px;}
		.box42{background-image:url(../images/hochzeit3.jpg);
		background-repeat:no-repeat;width:730px;height:1119px;}
.box4 h1,h2,h3,h4,h5,h6{color:#c26b2a;font-size:16px;font-weight:bold;}
.box4 p,ul,li{color:#626262;font-weight:normal;}
#catering_l2{width:328px;float:left;padding:0 10px 0 25px;margin-top:150px;}
#catering_l2 h1,#catering_r h1{color:#a21d20;font-style:italic;font-size:14px;}
#catering_l{width:328px;float:left;padding:0 10px 0 25px;}
#catering_l h1,#catering_r h1{color:#a21d20;font-style:italic;font-size:14px;}
.person{color:#a21d20;font-style:italic;font-size:12px;font-weight:bold;}
.preis{color:#a21d20;font-style:italic;font-size:18px;font-weight:bold;}
#catering_l2 ul,#catering_r ul,li{color:#000;}
#catering_r2{width:353px;float:left;border-left:1px #dddbdb solid;padding-left:10px;margin-top:150px;height:750px;}
#catering_l ul,#catering_r ul,li{color:#000;}
#catering_r{width:353px;float:left;border-left:1px #dddbdb solid;padding-left:10px;height:750px;}
#sidebar	{position: relative;    left: 170px;    margin: 30px 0 0 -150px;    float: right;	width: 170px;}
#sidebar img	{    margin: 0 0 5px 0;}
#footer {height:65px;background-image:url(../images/ende.jpg);
		background-repeat:no-repeat;text-align:right;}
/* HEADER */
#header {width: 980px;	height: 246px;	}

#navi1	{background: url(../images/navi_bottom.gif) no-repeat bottom #ba0000;margin: 0;	border: 0;	padding: 0;position: absolute;left: 0px;top:280px;width: 245px;	}
#navi1 ul	{	margin: 20px 0 20px 55px;border: 0;padding: 0;list-style-type: none;}
#navi1 li	{margin: 0 0 15px 0;	}
#navi1 ul li a	{    color: #fff;padding: 0 0 0 16px;font-size: 13px;font-weight: bold;text-decoration: none;}
#navi1 ul li a:hover	{color: #fef9f0;background: url(../images/bg_nav1_a.gif) no-repeat 0 4px;padding: 0 0 0 16px;font-size: 13px;font-weight: bold;text-decoration: none;}
#nav1 ul li a:active	{color: #fef9f0;background: url(../images/bg_nav1_a.gif) no-repeat 0 4px;padding: 0 0 0 16px;font-size: 13px;    font-weight: bold;text-decoration: none;}

#navi2	{margin: -15px 0 15px 90px;border: 0;padding: 0;width: 160px;border:0;}
#navi2 ul	{margin: 0;	border: 0;	padding: 0;	list-style-type: none;	}
#navi2 li	{    margin: 0 0 0 0;	}
#navi2 ul li a	{color: #fff;padding: 0px;font-size: 11px;font-weight: bold;text-decoration: none;}
#navi2 ul li a:hover	{color: #fef9f0;background: transparent;padding: 0px;font-size: 11px;font-weight: bold;text-decoration: underline;}
#nav2 ul li a:active	{ color: #fef9f0; background: transparent;padding: 0px;font-size: 11px;font-weight: bold;text-decoration: underline;}

/* LINKS */

#footer a {color: #950100;    }
#footer a:hover {    color: #950100;    text-decoration: none;    }
/* TYPO */
h1	{	font-size: 22px;	margin: 0;	margin-bottom: 1em;	color: #000;	font-weight: bold;    text-transform: uppercase;	}
h2	{	font-size: 15px;	margin: 16px 0 8px 0;	margin-bottom: 1em;	font-weight: bold;	}
p   {    line-height: 150%;}
span.slogan {
    font-weight: bold;
    white-space: nowrap;
}

span.small {
    font-size: 10px;
}


/* LINKS */
a:link, a:visited {
    text-decoration : underline;
	color: #8e0000;
 	}

a:hover {
    text-decoration : none;
	color: #ed0d0d;
	}

a.back:link, a.back:visited, .back a:link, .back a:visited {
		padding: 0 0 0 12px;
		background: url(../images/bg_a_back_l.gif) no-repeat left;
		color: #8e0000;
		text-decoration: none;
}
a.back:hover, a.back:active, .back a:hover, .back a:active {
		padding: 0 0 0 12px;
		background: url(../images/bg_a_back_h.gif) no-repeat left;
		color: #ed0d0d;
		text-decoration: underline;
}

/* LISTEN */

li  {
    line-height: 150%;
}


/* FORMS */

form {
	float: left;
	border: 0;
	width: 100%;
	font-family: verdana, lucida, helvetica, sans-serif;
    font-size: 13px;
}

fieldset {
	float: left;
	margin: 0;
	border: 0;
	padding: 0 0 5px 0;
	width: 100%;
}

legend {
	margin: 0 0 5px 0;
	border: 0;
	padding: 5px 0 0 0;
	font-weight: bold;
}

div.row {
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
}

div.rowerror, div.rowerrorerror, div.rowerrorerrorerror {
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
	color: #ed0d0d;
}

span.label {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	border: 0;
	padding: 4px 0 0 0;
	width: 170px;
	text-align: left;
	font-family: verdana, lucida, helvetica, sans-serif;
    font-size: 13px;
}

span.labelreq {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	border: 0;
	padding: 4px 0 0 0;
	width: 170px;
	text-align: left;
	font-family: verdana, lucida, helvetica, sans-serif;
    font-size: 13px;
}

span.labelreq label {
	margin: 0;
	border: 0;
	padding: 0;
	font-weight: bold;
}

span.form {
	display: block;
	float: left;
	margin: 0 0 5px 0;
	border: 0;
	padding: 0;
	width: 330px;
}

label {
	margin: 0;
	border: 0;
	padding: 0;
}

span.button {
	display: block;
	clear: both;
	margin: 10px 0 1em 180px;
	border: 0;
	padding: 0;
}

select, input, textarea {
	cursor: pointer;
	font: 13px/16px "Trebuchet MS", trebuchet, helvetica, verdana, arial,  sans-serif;
}

input {
	background: #fff;
	margin: 0;
	border: 1px solid #8e0000;
	padding: 0px 4px 0 4px;
	color: #000;
	width: 250px; /* Falscher Wert fuer IE4-5.x/Win */
	height: 22px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 240px; /* Richtiger Wert fuer konforme Browser */
	height: 18px;
}

html>body input {
  width: 240px; /* Und nochmal fuer Opera */
  height: 18px;
}

input.disabled {
	background: #ddd;
}

textarea {
	background: #fff;
	margin: 0;
	border: 1px solid #8e0000;
	padding: 4px 4px 0 4px;
	color: #060f02;
    height: 150px;
    width: 500px; /* Falscher Wert fuer IE4-5.x/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 500px; /* Richtiger Wert fuer konforme Browser */
}

html>body textarea {
  width: 500px; /* Und nochmal fuer Opera */
}

select {
	margin: 0 1px 0 0;
	border: 1px solid #8e0000;
	padding: 0 0 0 0;
	background: #fff;
	color: #060f02;
	width: 249px; /* Falscher Wert fuer IE4-5.x/Win */
	height: 22px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 249px; /* Richtiger Wert fuer konforme Browser */
	height: 18px;
}

html>body select {
  width: 249px; /* Und nochmal fuer Opera */
  height: 22px;
}

input.checkbox {
	background: #fef9f0;
	margin: 6px 2px 0 0;
	border: 0;
	width: auto;
	height: auto;
}

.rowerror input, .rowerror textarea, .rowerrorerror input, .rowerrorerror textarea, .rowerrorerrorerror input, .rowerrorerrorerror textarea {
	border: 1px solid #ed0d0d;
}

input:focus, textarea:focus, select:focus {
	border: 1px solid #666666;
	color: #666666;
}

input.button {
	float: left;
	background: url(../images/bg_inline-button_l.gif);
	margin: 0;
	border: 1px solid #a50000;
	padding: 0px 10px 0 20px;
	color: #a50000;
	text-decoration: none;
    width: 160px; /* wrong value for IE4-5 Win */
	height: 30px; /* wrong value for IE4-5 Win */
	voice-family: "\"}\"";
	voice-family:inherit;
    width: 150px; /* right value for standard browsers */
	height: 21px; /* right value for standard browsers */
}

input.button:hover {
	float: left;
	background: url(../images/bg_inline-button_h.gif);
	margin: 0;
	border: 1px solid #ba0000;
	padding: 0px 10px 0 20px;
	color: #ba0000;
	text-decoration: none;
    width: 160px; /* wrong value for IE4-5 Win */
	height: 30px; /* wrong value for IE4-5 Win */
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 150px; /* right value for standard browsers */
	height: 28px; /* right value for standard browsers */
	}
html>body input.button:hover {
	height: 21px; /* right value for Opera */
}



.errorwrapper {
	float: left;
	margin: 0 0 1em 0;
	border: 1px solid #ed0d0d;
	padding: 0;
	color: #ed0d0d;
	width: 100%;
}

.error {
	margin: 0;
	border: 0;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

.error ul {
	list-style-type: none;
	list-style-image: url(../images/bg_alert.gif);
	margin: 0;
	border: 0;
	padding: 0 0 0 20px;
}

.error ul li {
	margin: 0 0 0.5em 0;
	border: 0;
	padding: 0 0 0 5px;
}


/* Inline-Button */

#content .inline-button {
	margin: 0 0 1em 0;
	border: 0;
	padding: 0;
	width: 360px;
	height: 22px;
}

.inline-button a:link, .inline-button a:visited {
	float: left;
	background: url(../images/bg_inline-button_l.gif);
	margin: 0;
	border: 1px solid #a50000;
	padding: 1px 10px 3px 30px;
	color: #a50000;
	text-decoration: none;
	height: 22px; /* wrong value for IE4-5 Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 14px; /* right value for standard browsers */
}
html>body .inline-button a:link, html>body .inline-button a:visited {
	height: 14px; /* right value for Opera */
}

.inline-button a:hover, .inline-button a:active {
	float: left;
	background: url(../images/bg_inline-button_h.gif);
	margin: 0;
	border: 1px solid #ba0000;
	padding: 1px 10px 3px 30px;
	color: #ba0000;
	text-decoration: none;
    height: 22px; /* wrong value for IE4-5 Win */
    voice-family: "\"}\"";
    voice-family:inherit;
    height: 14px; /* right value for standard browsers */
	}
html>body .inline-button a:hover, html>body .inline-button a:active {
	height: 14px; /* right value for Opera */
}


/* LOCATIONS */

div.locationbox{
	float: left;
    margin: 4px 0 4px 0;
    padding: 5px 0 5px 0;
    display: inline;
    text-align: center;
	width: 510px;
}

div.locationcover{
    width: 110px;
    float: left;
}

div.locationtext{
    float: left;
    width: 390px;
    text-align: left;
}




#more
	{
    position: relative;
    display:none;
	color: #000000;
	padding: 5px;
	font-size: 12px;
	font-family:  verdana;
	font-weight: normal;
	text-align: justify;
	background-color: transparent;
	}
@font-face
{
 src: local('CharlemagneStd-Bold'),
      url(CharlemagneStd-Bold.otf) format('opentype');
 font-family: 'CharlemagneStd-Bold';
}	

#hochz_btn1 {
	background-image:url(../images/btn1.png);
	
	display:block;
	width:234px;
	height:234px;
}
#hochz_btn1:hover {
	background-image:url(../images/btn1_hover.png);
}

#hochz_btn2 {
	background-image:url(../images/btn2.png);
	display:block;
	
	width:234px;
	height:234px;
}
#hochz_btn2:hover {
	background-image:url(../images/btn2_hover.png);
}
#hochz_btn3 {
	background-image:url(../images/btn3.png);
	display:block;float:left;
	width:234px;
	height:234px;
	
}
#hochz_btn3:hover {
	background-image:url(../images/btn3_hover.png);
}
#info_btn {
	background-image:url(../images/info_btn.png);
	display:block;float:left;
	width:172px;
	height:49px;
	margin-left:45px;
}

#info_btn:hover {
	background-image:url(../images/info_btn_hover.png);
}

#catering_l p {
	margin:0px;
}

	
