body				{background: #faba00; margin: 0; padding: 0; font-size: 12px; color: #543030; height: 101%; font-family: Arial,Sans-serif,Tahoma;}
html				{height: 101%;}

h2					{font-family: Georgia; color: #a31a2c; font-size: 22px; margin: 0px 0px 15px 0px;}
h3					{font-family: Arial; color: #531810; font-size: 15px; margin: 0px 0px 10px 0px; font-weight: bold;}
h4					{font-family: Georgia; color: #a31a2c; font-size: 16px; margin: 0px 0px 10px 0px;}

a					{color: #a31a2c; text-decoration: underline;}
a:hover				{color: #793c28; text-decoration: underline;}

img 				{border: 0;}
.img_border 		{border: #a31a2c solid 1px; padding: 2px;}
.img_border_w 		{border: #fff solid 1px; padding: 2px;}

p					{margin: 0 0 15px 0;}

.clear				{clear: both;}
.clear10			{clear: both; margin-bottom: 10px}
.page-desc 			{display: none;}

#popup				{margin: 10px; z-index: 2000;}
#popup p			{margin-top: 10px;}

.toplink			{padding: 10px 0px 10px 340px;}
.toplink a			{text-decoration: none;}

.page				{margin: auto; width: 976px; padding: 0; background: url(../images/leo_bg.jpg) repeat-y;}
.page2				{margin: auto; width: 976px; padding: 0; background: url(../images/leo_bg2.jpg) repeat-y;}
.page3				{margin: auto; width: 976px; padding: 0; background: url(../images/leo_bg3.jpg) repeat-y;}

.logo				{position: absolute; margin-left: 708px; width: 223px; height: 252px; background: url(../images/logo.png); z-index: 3000;}
.header				{height: 155px; width: 976px;}
.header #subnavi	{padding: 10px 0 0 550px; font-family: Georgia; height: 50px;}
.header #subnavi a	{color: #fff; font-weight: bold; text-decoration: none;}

.navigation			{height: 24px; width: 966px; margin: 0px; padding: 5px 0 0 5px; text-align: left; background: #ffffff; z-index: 1000;}

#navi, #navi ul 	{ list-style-type:none; margin:0; padding:0;  z-index: 1000;} /* Style-Reset */
#navi li 			{ width:116px; float:left; } /* Horizontale Anordnung */
#navi li ul 		{ display:none; } /* Normalzustand eingeklappt */
#navi li:hover ul 	{ display:block; } /* Ausgeklappt */
#navi 				{ position:absolute; }
#navi li 			{ margin:0 5px 0 0; }
#navi ul li 		{ border:none; margin:0; }
#navi a 						{ font-family: Georgia; font-size:16px; font-weight:normal; text-align:center; display:block; padding:0.2em; }
#navi a:link, #navi a:visited 	{ font-family: Georgia; color:#793c28; background:#fff; text-decoration:none; }
#navi2 a.e2						{ font-family: Georgia; background: #faf3e2; }
#navi a:active, #navi a:hover 	{ font-family: Georgia; color:#fff; background:#fbc500; text-decoration:none; }
#navi a.active 					{ font-family: Georgia; color:#fff; background:#fbc500; text-decoration:none; }

#breadcrump			{color: #793c28; margin: 0 0 10px 27px}
#breadcrump	a		{color: #793c28; text-decoration: none;}
#breadcrump	a:hover	{color: #000;}

/* unterseite 1 */
.content						{padding: 0; margin: 15px 0 0 0;}

.content #leftcol				{float: left; width: 730px; margin: 0; padding: 0;}
.content #leftcol #headline1 	{font-family: Georgia; margin: 0 27px 0 27px; width: 620px;}
.content #leftcol #headline1 h2	{font-family: Georgia; margin: 0px 0px 27px 0px; color: #a31a2c; font-size: 24px; padding-left: 165px;}
.content #leftcol #images		{float: left; width: 340px;}
.content #leftcol #infos		{float: left; width: 320px; line-height: 150%; font-size: 14px; padding-top: 10px}
.content #leftcol #infos ul		{margin-left: 20px;}
.content #leftcol #infos_2col	{display: block; width: 440px; line-height: 150%; font-size: 14px; padding-left: 192px}
.content #leftcol #infos_2col_b	{display: block; width: 625px; line-height: 150%; font-size: 14px; padding-left: 22px}
.content #leftcol #images2		{float: left; margin-left: 50px; width: 340px;}
.content #leftcol #infos2		{float: left; width: 320px;line-height: 150%; font-size: 14px;}
.content #leftcol #infos3		{float: left; width: 240px;line-height: 150%; font-size: 14px;}

.content #rightcol				{float: left; width: 225px; margin-top: 40px; padding: 0; font-size: 14px; line-height: 150%;}
.content #rightcol img			{margin-bottom: 15px;}
.content #rightcol a			{color: #a31a2c; font-weight: bold;}

/* unterseite angebote */
.content_a2						{padding: 0; margin: 15px 0 0 0;}
.content_a2	#head				{background: url(../images/angebote_bg_header.jpg) no-repeat; padding: 0; margin: 0; height: 180px;}
.content_a2 #info				{margin: 0px}
.content_a2 .pinfo1				{float: left; width: 292px; margin: 3px 0 0 22px;}
.content_a2 .pinfo2				{float: left; width: 291px; margin: 3px 0 0 28px;}
.content_a2 .pinfo3				{float: left; width: 291px; margin: 3px 0 0 28px;}
.content_a2 h2					{font-family: Georgia; margin: 0 10px 0 10px;color: #a31a2c; font-size: 22px;}
.content_a2 p					{margin: 10px; font-size: 14px;}
.content_a2 #bottom				{background: url(../images/angebote_bg_bottom.jpg) repeat-y; height: 100px;}

/* unterseite angebote rechts */
.content_a						{padding: 0; margin: 15px 0 0 0;}

.content_a #leftcol				{float: left; width: 660px; margin: 0; padding: 0;}
.content_a #leftcol #headline1 	{font-family: Georgia; margin: 0 27px 0 27px; width: 620px;}
.content_a #leftcol #headline1 h2	{font-family: Georgia; margin-top: 0px;color: #a31a2c; font-size: 24px; padding-left: 165px;}
.content_a #leftcol #images		{float: left; width: 340px;}
.content_a #leftcol #infos		{float: left; width: 250px; line-height: 150%; font-size: 14px;}
.content_a #leftcol #infos ul	{margin-left: 20px;}

.content_a #rightcol			{float: right; width: 300px; margin: 0; padding: 0; font-size: 14px;}
.content_a #rightcol #info		{margin-top: 156px; padding: 5px 20px 10px 20px; background: url(../images/leo_bg_angebot_rc.jpg) repeat-y;}
/*.content_a #rightcol img		{margin-bottom: 15px;}*/
.content_a #rightcol #angebot	{padding-right: 3px;}


/* startseite */
.content_start			{text-align: center; padding: 50px 140px 30px 140px;}

/* unterseite produkte übersicht */
.content_p				{padding: 50px 0 20px 0px; margin:0;}
.content_p .pinfo		{float: left; width: 175px; margin: 0px 7px 0px 12px; padding:0; line-height: 150%;}
.content_p .pinfo h2	{font-family: Georgia; margin: 0 2px 10px 2px;color: #a31a2c; font-size: 18px;}
.content_p .pinfo p		{margin: 10px 5px 10px 5px; font-size: 14px;}
.content_p .pinfo ul	{margin-left: 20px;}


/*XXXXXXXXXXXXXXXXXX Dropshadow elements XXXXXXXXXXXXXXX*/

html>body .outerpair1 {
background: url(../images/upperrightfade.png) right top no-repeat;
}
/* .outerpair1 must be given a width contraint, via either a width,
or by floating or absolute positioning. In this demo these are
applied from the second class name on the .outerpair1 DIV's.
This box also has one of the corner .png's. */


html>body .outerpair2 {
background: url(../images/lowerleftfade.png) left bottom no-repeat;
padding-top: 8px;
padding-left: 8px;
}
/* .outerpair2 has padding equal to the shadow
thickness, and also has one of the corner .png's */


html>body .shadowbox {
background: url(../images/shadow.png) bottom right;
}
html>body .shadowbox2 {
background: url(../images/shadow.png) bottom right;
}
/* .shadowbox holds the main shadow .png */


html>body .innerbox {
position: relative;
left: -8px;
top: -8px;
}
/* .innerbox is made "relative" and is "pulled" up and to
the left, by a distance equal to the thickness of the shadow.
Because this is a relative-based shift, the box retains its
exact dimensions without change. */


.shadowbox img {
border: 2px solid #fff;
vertical-align: bottom;
}
.shadowbox2 img {
border: 0;
vertical-align: bottom;
}
/* Shadowed images should not be made "block" for eliminating the baseline
space under the images, because this may trigger IE background bugs.
Instead, use "vertical-align: bottom;" for this purpose. */

.floatimage {
float: left; /* Floating causes this box to shrinkwrap around sized content elements. */
margin: 5px;
display: inline; /* IE doubled margin bug is defeated via this fixer rule. */
}

.floatimage2 {
float: left; /* Floating causes this box to shrinkwrap around sized content elements. */
margin: 5px 5px 5px 0;
display: inline; /* IE doubled margin bug is defeated via this fixer rule. */
}

/* Contact form */
div.kontaktformular label 				{float: left; width: 100px;}
div.kontaktformular input 				{vertical-align: middle;}
div.kontaktformular p.abschicken 		{display: block; text-align: right;}
div.kontaktformular p.abschicken input 	{font-size: 11px;}
div.kontaktformular input.eingabe,
div.kontaktformular textarea 			{width: 300px;}
div.kontaktformular textarea 			{height: 150px;}