html						{
						height: 100%;
						}

body						{
						font-family: arial, verdana, sans-serif;
						font-size: 11px;
						color: #646567;

						height: 100%;
						background: #666666;
						margin: 0px;
						padding: 0px;

						background: #666666 url(../img/layout/bg_top.jpg) top left repeat-x;
						}

img						{
						margin: 0px;
						border: 0px;
						}

form						{
						margin: 0px;
						}

small					{
						font-size: 100%;
						font-weight: normal;
						color: #bbbbbb;
						}

table						{
						font-family: arial, verdana, sans-serif;
						font-size: 100%;
						!font-size: 95%;
						color: #000000;
						}

th						{
						font-size: 110%;
						vertical-align: top;
						text-align: left;

						font-weight: bold;
						}

td						{
						font-size: 110%;
						vertical-align: top;
						text-align: left;
						}

p						{
						font-family: arial, verdana, sans-serif;
						font-size: 9pt;

						padding: 0px;
						margin: 5px 0px 5px 0px;
						}

p.none strong, p.none em		{
						font-weight: normal;
						font-style: normal;
						}

a						{
						color: #e20a16;
						text-decoration: underline;
						}

a:hover					{
						color: #666666;
						text-decoration: underline;
						}


/* ---------------------------- Emotion-Link ---------------------------- */

#emotion a, #emotion a:visited	{
						display: block;
						width: 760px;
						height: 144px;

						text-decoration: none;
						}


/* ---------------------------- Navigation ---------------------------- */

#navbar_center a, #navbar_center a:visited	{
						display: block;
						float: left;
						height: 21px;
						line-height: 20px;
						!line-height: 21px;

						padding: 8px 7px 2px 7px;
						!padding: 9px 7px 1px 7px;

						color: #666666;
						font-size: 100%;
						text-transform: uppercase;
						font-weight: bold;
						text-decoration: none;
						letter-spacing: 1px;

						border-bottom: #666666 3px solid;
						}

#navbar_center a:hover		{
						color: #e20a16;

						border-bottom: #e20a16 3px solid;
						}

#navbar_center[ID] a:first-letter	{
						font-size: 120%;
						}

#navbar_center a.active, #navbar_center a.active:visited		{
						color: #e20a16;
						border-bottom: #e20a16 3px solid;
						}

#main input, select, textarea	{
						font-family: arial, verdana, sans-serif;
						font-size: 100%;
						color: #000000;

						overflow: hidden;

						border: #666666 1px solid;
						background: #ffffff;
						}

#main input.redish, textarea.redish	{
						color: #e20a16;
						background: #ffeeee;
						border: #ff0000 1px solid;
						}

#main input:focus, select:focus, textarea:focus	{
						border: #404040 1px solid;
						background: #fbfbfb;
						}

#main h1					{
						display: block;

						margin: 10px 0px 1px 0px;
						padding: 2px 0px 1px 5px;

						color: #ffffff;
						font-size: 140%;
						font-family: arial, verdana, sans-serif;
						text-transform: uppercase;

						background: #9a9a9a url(../img/layout/h1.jpg) top left repeat-y;
						}

#main h1 a, #main h1 a:visited	{
						color: #ffffff;
						font-family: arial, verdana, sans-serif;
						text-decoration: none;
						}

#main h1 a:hover			{
						color: #ffffff;
						font-family: arial, verdana, sans-serif;
						text-decoration: none;
						}

#main h2					{
						margin: 15px 0px 10px 0px;

						color: #000000;
						font-size: 160%;
						font-family: arial, verdana, sans-serif;
						}

#main h3					{
						margin: 20px 0px 5px 0px;
						color: #000000;
						font-size: 140%;
						font-family: arial, verdana, sans-serif;
						}

#header_navi a, #header_navi a:visited	{
						font-size: 100%;
						color: #666666;
						text-decoration: none;
						}

#header_navi a:hover			{
						font-size: 100%;
						color: #e20a16;
						text-decoration: none;
						}

#header_navi a.active, #header_navi a.active:visited	{
						font-size: 100%;
						color: #e20a16;
						text-decoration: none;
						}

#header_navi a.active:hover		{
						font-size: 100%;
						color: #e20a16;
						text-decoration: none;
						}


.seitennavigation a, .seitennavigation a:visited	{
						padding: 2px 5px 2px 5px;

						font-size: 100%;
						color: #e20a16;
						text-decoration: none;
						font-weight: normal;

						background: #dddddd;
						}

.seitennavigation a:hover		{
						padding: 2px 5px 2px 5px;

						font-size: 100%;
						color: #e20a16;
						text-decoration: none;
						font-weight: bold;

						background: #d6d6d6;
						}

.seitennavigation b			{
						padding: 2px 5px 2px 5px;

						font-size: 100%;
						color: #000000;
						text-decoration: none;
						font-weight: bold;

						background: #dddddd;
						}



/* ---------------------------- Sub-Navigation ---------------------------- */

.lvl1_link					{
						display: block;

						padding: 5px 0px 5px 20px;

						color: #666666;
						font-size: 100%;
						font-weight: bold;
						text-decoration: none;

						background: url(../img/layout/navi_arrow_off.jpg) center left no-repeat;
						border-bottom: #cccccc 1px solid;
						}

.lvl1_link:hover				{
						display: block;

						padding: 5px 0px 5px 20px;

						color: #e20a16;
						font-size: 100%;
						font-weight: bold;
						text-decoration: none;

						background: url(../img/layout/navi_arrow_off.jpg) center left no-repeat;
						border-bottom: #cccccc 1px solid;
						}

.lvl1_link_active				{
						display: block;

						padding: 5px 0px 5px 20px;

						color: #e20a16;
						font-size: 100%;
						font-weight: bold;
						text-decoration: none;

						background: url(../img/layout/navi_arrow_on.jpg) center left no-repeat;
						border-bottom: #cccccc 1px solid;
						}

.lvl1_link_active:hover			{
						display: block;

						padding: 5px 0px 5px 20px;

						color: #e20a16;
						font-size: 100%;
						font-weight: bold;
						text-decoration: none;

						background: url(../img/layout/navi_arrow_on.jpg) center left no-repeat;
						border-bottom: #cccccc 1px solid;
						}



.lvl2_link					{
						display: block;

						padding: 5px 0px 5px 20px;

						color: #666666;
						font-size: 100%;
						font-weight: bold;
						text-decoration: none;
						}

.lvl2_link:hover				{
						display: block;

						padding: 5px 0px 5px 20px;

						color: #e20a16;
						font-size: 100%;
						font-weight: bold;
						text-decoration: none;
						}

.lvl2_link_active				{
						display: block;

						padding: 5px 0px 5px 20px;

						color: #e20a16;
						font-size: 100%;
						font-weight: bold;
						text-decoration: none;
						}

.lvl2_link_active:hover			{
						display: block;

						padding: 5px 0px 5px 20px;

						color: #e20a16;
						font-size: 100%;
						font-weight: bold;
						text-decoration: none;
						}



.lvl3_link					{
						display: block;

						padding: 2px 0px 2px 23px;

						color: #666666;
						font-size: 100%;
						font-weight: normal;
						text-decoration: none;
						}

.lvl3_link:hover				{
						display: block;

						padding: 2px 0px 2px 23px;

						color: #e20a16;
						font-size: 100%;
						font-weight: normal;
						text-decoration: none;
						}

.lvl3_link_active				{
						display: block;

						padding: 2px 0px 2px 23px;

						color: #e20a16;
						font-size: 100%;
						font-weight: normal;
						text-decoration: none;
						}

.lvl3_link_active:hover			{
						display: block;

						padding: 2px 0px 2px 23px;

						color: #e20a16;
						font-size: 100%;
						font-weight: normal;
						text-decoration: none;
						}


.lvl2b_link					{
						display: block;
						width: 140px;

						color: #666666;
						font-size: 100%;
						font-weight: bold;
						text-decoration: none;
						text-align: center;
						}

.lvl2b_link:hover				{
						display: block;
						width: 140px;

						color: #e20a16;
						font-size: 100%;
						font-weight: bold;
						text-decoration: none;
						text-align: center;
						}



/* ---------------------------- Main ---------------------------- */

#main ul					{
						list-style: none;
						margin-left: -20px;
						!margin-left: 20px;
						}

#main ul li					{
						font-size: 9pt;
						padding-left: 15px;
						line-height: 15px;
						background: url(../img/layout/list.jpg) top left no-repeat;
						}


#main ol li					{
						font-size: 9pt;
						padding-bottom: 10px;
						}



/* ---------------------------- News ---------------------------- */

#main .news .text h2			{
						margin: 0px;

						color: #e20a16;
						font-size: 110%;
						}



/* ---------------------------- Angebot ---------------------------- */

#main .angebot .text h2		{
						margin: 0px;

						color: #e20a16;
						font-size: 110%;
						}



/* ---------------------------- Items ---------------------------- */

#main div.item				{
						float: right;
						width: 250px;
						height: auto;

						padding: 10px 0px;
						}

#main div.item h1			{
						background: #e8495b url(../img/layout/h1_item.jpg) top left repeat-y;

						margin: 0px;
						}

#main div.item p			{
						font-weight: bold;
						text-transform: uppercase;
						padding: 0px;
						margin: 0px;
						}

#main div.item div.img		{
						float: left;

						width: 75px;
						}

#main div.item div.text		{
						float: right;

						width: 175px;
						}

#main div.item a, #main div.item a:hover	{
						text-decoration: none;
						}



/* ---------------------------- Produkte ---------------------------- */

.box_produkte				{
						display: block;
						float: left;

						width: 200px;
						padding: 15px 10px 15px 10px;

						color: #aaaaaa;
						font-size: 170%;
						font-weight: bold;
						text-decoration: none;

						background: #ffffff url(../img/layout/ecke_bottomright.jpg) bottom right no-repeat;
						}

.box_produkte:hover			{
						display: block;
						float: left;

						width: 200px;
						padding: 15px 10px 15px 10px;

						color: #666666;
						font-size: 170%;
						font-weight: bold;
						text-decoration: none;

						background: #ffffff url(../img/layout/ecke_bottomright.jpg) bottom right no-repeat;
						}


.box_produkte_artikel			{
						display: block;

						padding: 5px 0px 5px 0px;

						color: #666666;
						font-size: 100%;
						font-weight: bold;
						text-decoration: none;

						border-bottom: #cccccc 1px solid;
						}

.box_produkte_artikel img		{
						margin-right: 10px;
						}

.box_produkte_artikel a		{
						color: #666666;
						font-size: 100%;
						font-weight: bold;
						text-decoration: none;
						}

.box_produkte_artikel a:hover	{
						color: #e20a16;
						font-size: 100%;
						font-weight: bold;
						text-decoration: underline;
						}



.produktdetails_menu			{
						width: 100%;

						font-family: arial, verdana, sans-serif;
						font-size: 10px;
						}

.produktdetails_menu th		{
						padding: 0px;
						}

th.bild					{
						width: 300px;
						height: 200px;

						background: url(../img/layout/noimage_artikel_big.jpg) top left no-repeat;
						}

.produktdetails_menu td		{
						padding: 0px;
						}

.produktdetails_menu span		{
						display: block;

						padding: 5px 0px 5px 3px;

						border-bottom: #dddddd 1px solid;
						}

.produktdetails_menu a		{
						color: #666666;
						font-weight: normal;
						text-decoration: none;
						}

.produktdetails_menu a:hover	{
						color: #e20a16;
						font-weight: normal;
						text-decoration: none;
						}



.produktdetails_table			{
						width: 100%;

						empty-cells: show;
						background: #ffffff;
						}

.produktdetails_table th		{
						width: 60%;

						padding: 4px;

						font-weight: normal;

						border-bottom: #666666 1px dotted;
						}

.produktdetails_table td		{
						padding: 4px;

						border-bottom: #666666 1px dotted;
						}



.kontaktformular_table			{
						width: 100%;

						empty-cells: show;
						}

.kontaktformular_table th		{
						width: 25%;

						padding: 4px;

						font-weight: normal;
						}

.kontaktformular_table td		{
						padding: 4px;
						}



.empfehlungsformular_table		{
						width: 100%;

						empty-cells: show;
						}

.empfehlungsformular_table th	{
						width: 40%;

						padding: 4px;

						font-weight: normal;
						}

.empfehlungsformular_table td	{
						padding: 4px;
						}



.werkstattsuche_table			{
						width: 100%;

						empty-cells: show;
						}

.werkstattsuche_table th		{
						padding: 4px;

						font-weight: normal;
						}

.werkstattsuche_table td		{
						padding: 4px;
						}


/* ---------------------------- Tabellen ---------------------------- */

table.adresse				{
						border: none;
						}

table.adresse th				{
						padding-right: 20px;
						font-weight: normal;
						}



/* ---------------------------- Verschiedenes ---------------------------- */

div.hr					{
						width: 100%;
						height: 1px;
						background: #ebebeb url(../img/layout/hr.gif) repeat-x;
						}

div.hr hr					{
						display: none;
						}

p.m						{
						padding: 0px;
						margin: 0px 0px 10px 0px;
						}

.green					{
						color: #009900;
						}

.red						{
						color: #e20a16;
						}

.bold						{
						font-weight: bold;
						}

.left						{
						float: left;
						}

.right						{
						float: right;
						}

img.left					{
						float: left;
						margin-right: 10px;
						}

img.right					{
						float: right;
						margin-left: 10px;
						}

.blocklink					{
						display: block;

						padding: 2px 5px 2px 5px;

						text-align: right;

						background: #cccccc;
						}

.asterisk					{
						color: #e20a16;
						font-size: 12px;
						}

/* ---------------------------- Suche ---------------------------- */

div#indexSearchBox *		{
						vertical-align: middle;
						}

div#indexSearchBox big		{
						font-size: 150%;
						font-weight: bold;
						text-transform: uppercase;
						}

div#searchBox					{

						}

div#searchBox input.text                        {
                                                margin : 3px 0px 6px 0px;
                                                width : 156px;
						}