/* CSS Layout für Bäckerei Mälzer */

body,html					{ background: #F0EFED url(images/bg_schatten.gif) repeat-y top; padding: 0px; margin: 0px; text-align: center; font: 101% Verdana, Arial, Helvetica, sans-serif; }

#layout 
{ 
padding: 0px;
width: 773px; 
background-color: #FFF; 
margin: 0px auto 0px auto; 
text-align: left; 
font-size: 12px; 
}

#header
{
background: url(images/logo_head.gif) no-repeat;
height: 103px;
width: 773px;
margin: 0px;
}

.filialenbild
{
float:left;
padding-right:8px;
}

.mainkasten
{
padding-bottom:10px;
}

/* CONTENT BODY */
#contentBody						{ width: 564px; float: right; text-align: left; margin: 10px 10px 20px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height: 20px; color: #505A61; }
#contentBody h1						{ font-family: "trebuchet MS",Verdana, Arial, Helvetica, sans-serif; color: #007777; font-weight: normal; margin: 0px 0px 20px 0px; font-size: 18px; }
#contentBody h2						{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #999; line-height: 20px; margin: 0px 0px 20px 0px; font-size: 14px; }
#contentBody h3						{ margin: 0px; color: #333; font-size: 100%; }
#contentBody .seperation			{ border-top: 3px double #CCC; }
#contentBody dl dt a				{ font-weight: bold; }

.filialen							{ width:564px; height:225px; margin:0 0 20px 0; background-color:#F7F7F7; font-size:12px; line-height: 20px; color: #505A61;}

/* NAVIGATION */
ul#nav								{ clear: left; position: absolute; top: 78px; list-style-type: none; margin: 0px; padding: 0px; width: 773px; background: #04949C; }
ul#nav li							{ display: block; float: left; }
ul#nav li span						{ border-right: 1px solid #FFF; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; display: block; width: 128px; }
ul#nav li a							{ line-height: 23px; display: block; width: 128px; color: #ffffff; text-align: center; text-decoration: none; }
ul#nav li a:hover					{ background-color: #00C4C4; }
ul#nav li#menu6Container span		{ border-right: none; }
ul#nav ul							{ margin: 0px; padding: 0px; list-style-type: none; text-align: left; width: 160px; position: absolute;  border-left: 1px solid #FFF; border-right: 1px solid #FFF; overflow: hidden; }
ul#nav ul li						{ background-color: #04949C; }
ul#nav ul li span					{ border-right: 0px; border-top: 0px; border-bottom: 1px solid #FFF; width: 160px; }
ul#nav ul li span a					{ width: 160px; text-align: left; padding-left: 5px; }
#menu2Content						{ display: none; z-index: 10; height: 0px; }
#menu3Content						{ display: none; z-index: 10; height: 0px; }
#menu4Content						{ display: none; z-index: 10; height: 0px; }
#menu5Content						{ display: none; z-index: 10; height: 0px; }

/* SUBNAV */
#subNavContainer					{ border-top: 1px solid #FFF; width: 179px; height: 250px; text-align: left; background: url(images/dot.vert.gif) repeat-y right; float: left; }
#subNavContent						{ background: url(images/subnav_header.gif) no-repeat; }
#subNavContent fieldset				{ border: none; margin: 0px; padding: 0px; color: #505A61; max-width: 179px;}
#subNavContent fieldset legend span	{ font-weight: bold; line-height: 46px; color: #ffffff; }
#subNavContent fieldset label		{ line-height: 25px; display: block; }
#subNavContent fieldset label span	{ padding-left: 28px; }
#subNavContent ul					{ list-style-type: none; margin: 0px; padding: 0px; }
#subNavContent ul li				{ height: 25px; width: 179px; background: url(images/folio.arrow.gif) no-repeat 8px; }
#subNavContent ul li span			{ display: block; height: 25px; line-height: 25px; width: 178px; background: url(images/dot.horo.gif) repeat-x bottom; }
#subNavContent ul li span a			{ padding-left: 28px; display:block; line-height: 24px; height: 23px; max-width: 178px; text-decoration: none; color: #505A61; }
#subNavContent ul li span a:hover	{ background-color: #E9E9E9; width: auto; color:#007777; }

/* FOOTER */
#footer 							{ clear: both; padding: 5px 0px 10px 0px; font-size: 11px; text-align:center; line-height:20px; background: url(images/dot.horo.gif) repeat-x top; }
#footer a							{ color:#007777; text-decoration:none;}
#footer a:visited					{ color:#007777; text-decoration:none;}
#footer a:hover						{ color:#00C4C4; text-decoration:underline;}

#logo_print {display:none}
#copyright_print {display:none}

/* Links */
a:link, a:visited
{
color:#007777;
text-decoration:none;
}

a:hover
{
color:#00C4C4;
text-decoration:underline;

}

a.arrowlink
{
background-image:url(images/arrow_link.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:8px;
color:#007777;
text-decoration:none;
}

a.arrowlink:visited
{
color:#007777;
text-decoration:none;
}

a.arrowlink:hover
{
color:#00C4C4;
text-decoration:underline;
}

hr {height: 1px;border: 0 none;border-top: 1px solid #999999;margin: 20px 0 10px 0;padding: 0; clear:both}

/* Guestbook */
#head_guestbook
{
position: absolute;
top: 78px;
width:773px;
height:25px;
background-color:#04949C;
border-top:1px solid white;
border-bottom:1px solid white;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:3px;
color:white;
line-height:25px;
text-align:center;
}

#content_guestbook
{
width: 750px;
float: left;
text-align: center;
margin: 10px 10px 80px 0px;
}

#content_guestbook h1
{
color:#007777;
font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#artikel
{
width:540px;
height:auto;
padding:10px;
background:#F2F2F2;
}

#quelle
{
font-size:10px;
font-style:italic;
}

#textbox
{
width:200px;
height:20px;
background-color:#ECE9D8;
border:1px solid #007777;
margin:6px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:20px;
padding-left:3px;
}

#textarea
{
width:343px;
height:200px;
background-color:#ECE9D8;
border:1px solid #007777;
margin-bottom:15px;
margin-top:6px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:20px;
padding-left:3px;
}

#button
{
width:110px;
height:25px;
background-image:url(http://www.fanny18.de/maelzer/images/button_guestbook.gif);
background-repeat:no-repeat;
font-size:12 px;
color:#ffffff;
border:0px;
cursor:pointer;
}

.kunden1
{
width:230px;
float:left;
line-height: 20px;
color: #333;
border-right:1px solid #007777;
padding-right:20px;
}

.kunden2
{
width:270px;
float:left;
line-height: 20px;
color: #333;
padding-left:20px;
}

.top
{
float:left;
width:564px;
border-top:1px solid #007777;
padding-top:12px;
}

strong
{
color:#8D3033;
}

/* Kontaktformular */
label			{float: left;width: 200px;margin:0 0 14px 0;}
input, textarea	{width: 250px;margin-bottom: 5px; padding:3px; background:#EEEEEE; border:1px solid #999999;font-size:inherit; font-family:Verdana, Arial, Helvetica, sans-serif}
select			{width: 260px;margin-bottom: 5px; padding:3px; font-size:inherit; font-family:Verdana, Arial, Helvetica, sans-serif ;background:#EEEEEE; border:1px solid #999999}
textarea		{width: 250px;height: 150px}
form br				{clear: left;}
input.btn		{padding:3px;cursor:pointer;background:#04949C;border:1px solid #666666;color:#ffffff;width:110px;font-size:11px;margin:0;}
input.btnhov	{background-color:#00C4C4;color:#ffffff;}