/*----------------------------------------------------------------*/
/* CSS by K4SYSTEMS */
/*----------------------------------------------------------------*/


/*----------------------------------------------------------------*/
/* Allgemeines */
/*----------------------------------------------------------------*/

* {padding: 0; margin: 0;}
html {height: 100%;}
body { font-size: 82.5%; background: #f3f4e6 url(../bilder/back_main.jpg) top left repeat-x;}
body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, p, input, textarea, select {
  font-family: Arial,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
  color: #666666;
  text-align: left;
}
ul, li {padding: 0;margin: 0;list-style-type: none;}
img, a img {border: 0;}
form {display: inline;}
acronym {cursor: help;border-bottom: 1px dotted;}

/*----------------------------------------------------------------*/
/* h1 und co */
/*----------------------------------------------------------------*/
p {line-height: 1.4em;margin: 0 0 1.0em 0;}
#inhalt p {line-height: 1.4em;margin: 0 0 1.0em 0; padding: 3px 10px;}
a { color: #CC0033;}
a:hover { color: #000;}
h1 {
	font-size:1.4em;
	color: #993300;
	padding:5px 0 5px 10px;
	margin:0 10px 5px 0;
	background: #F9F9F9;
	border:#CCCC99 solid;
	border-width:0 0 1px 0;
}
h2 {
	font-size:1.2em;
	color:#996600;
	padding:5px 0 5px 10px;
	margin:0 10px 5px 0;
	background: #F9F9F9;
	border:#CCCC99 solid;
	border-width:0 0 1px 0;
}
h3 {
	font-size:1.0em;
	color:#996600;
	padding:5px 0 5px 10px;
	margin:0 10px 5px 0;
	border:#CCCC99 solid;
	border-width:0 0 1px 0;
	font-style:italic;
}

/*----------------------------------------------------------------*/
/* pseudoklassen */
/*----------------------------------------------------------------*/
.clear {clear: both;}
.versteckt, .no_screen {display: none;}

/*----------------------------------------------------------------*/
/* die Seite */
/*----------------------------------------------------------------*/

#wrap 			{width:840px; margin:auto;}
#header 		{width:800px; height:89px;}
#logo 			{float:left; width:252px; height: 89px; background:#f1f2e4;}
#logo img		{margin: 10px 0 0 28px;}
#iconnav 		{float:right;}
#site_header 	{ background: url(../media/bilder/kopfteil/header_porzellan_02.jpg) top left no-repeat; height:274px; border:#621e05 solid; border-width:1px 0 1px 0;}
#porzellan #site_header  {background: url(../media/bilder/kopfteil/header_porzellan_01.jpg) top left no-repeat;}
#glas #site_header  {background: url(../media/bilder/kopfteil/header_glas_01.jpg) top left no-repeat;}
#bestecke #site_header  {background: url(../media/bilder/kopfteil/header_besteck_01.jpg) top left no-repeat;}
#hausrat #site_header  {background: url(../media/bilder/kopfteil/header_hausrat_01.jpg) top left no-repeat;}
#kunstgewerbe #site_header  {background: url(../media/bilder/kopfteil/header_kunstgewerbe_01.jpg) top left no-repeat;}
#mainnav 		{float:left; width:252px; height: 274px;}
#slogan 		{float:right; width:574px; height:70px; margin-top:180px;}
#slogan p		{ font-size:1.4em; font-weight:bold; color:#fff; padding: 15px 0 0 0;}
#site 			{ min-height:300px;  width:800px; background:#FFFFFF url(../bilder/back_site.gif) left bottom no-repeat;border:#a52f01 solid; border-width:0 0 1px 0;}
#inhalt			{ padding:15px 20px;}
#inhalt .banner { text-align:center; padding:10px 2px; margin:0 0 20px 0;}
#inhalt .banner img { margin:3px 0;}
#footer 		{ width:800px;}
#footer p 		{text-align:center; color:#a05534; padding:4px 0px;}
#trible 		{
	z-index:99; 
	position:absolute;
	float:right;
	margin: 50px 0 0 674px;
	width:168px;
	height:320px;
}
/*----------------------------------------------------------------*/
/* Navigationslisten - Topnavi */
/*----------------------------------------------------------------*/

/* 1. Ebene */
#iconnav ul 			{float:right;}
#iconnav ul li 			{display:inline; border:#621e05 solid; border-width:0 0 0 1px;}
#iconnav ul li#n4		{display:inline; border:#621e05 solid; border-width:0;}
#iconnav ul li a 		{display:inline-block; padding:5px 7px; text-decoration:none; color:#621e05; font-size:1.0em;}
#iconnav ul li a:hover	{}
#iconnav ul li.selected a {font-weight:bold;}

/*----------------------------------------------------------------*/
/* Navigationslisten - LinkeNavi */
/*----------------------------------------------------------------*/

/* 1. Ebene */
#mainnavi ul 		{}
#mainnavi ul li 	{}
#mainnavi ul li a 	{
	font-family:"Trebuchet MS";
	font-weight:bold;
	display:inline-block;
	padding:12px 0 13px 25px;
	text-decoration:none;
	color:#a05534;
	font-size:1.1em;
	text-transform: uppercase;
	border:#a52f01 solid;
	border-width:0 0 1px 0;
	width:227px;
}
#mainnavi ul li.last a,
#mainnavi ul li.last.selected a,
#mainnavi ul li.last a:hover	{border:none;}
#mainnavi ul li a:hover,
#mainnavi ul li.selected a 		{border:#a52f01 solid;border-width:0 0 1px 0; background:url(../bilder/back_trans_mainnavi_on.png) right top no-repeat; color:#621e05;}


/*----------------------------------------------------------------*/
/* kontakformular */ 
/*----------------------------------------------------------------*/
#content_oben h1 { margin: 0 0 0 50px;}
table.kontaktformular { margin: 0 0 0 50px;}

/*Die Feldlabel*/
.spalte-1 { width: 100px; height: 30px;}

.spalte-2 select.default { width: 300px; border:#7F9DB9 1px solid; height:20px; }

/*die inputfelder*/
.spalte-2 .default { width: 300px; border:#7F9DB9 1px solid; height:20px; }

/*das Textareafeld für die Nachricht*/
.spalte-2 textarea.default { width: 300px; border:#7F9DB9 1px solid; height:70px; margin-top:4px;}

.cx_pflicht { color:#00824E;}

/*die Buttons*/
td.buttons 			{}
input.submit_send 	{float:left;  text-align: center; margin: 20px 0 10px 100px; background: url(../bilder/back_button_frm_kontakt.jpg) left repeat-x; border:#666 1px solid; padding: 2px 5px; color:#000;}
input.submit_send:hover	{background: url(../bilder/back_button_frm_kontakt_on.jpg) left repeat-x;}
input.submit_clear {float:right; text-align: center; margin: 20px 0 10px 0; background: url(../bilder/back_button_frm_kontakt.jpg) left repeat-x; border:#666 1px solid; padding: 2px 5px; color:#000;} 
input.submit_clear:hover {background: url(../bilder/back_button_frm_kontakt_on.jpg) left repeat-x;}

/*----------------------------------------------------------------*/
/* Sitemap */ 
/*----------------------------------------------------------------*/

#sitemap						{padding: 0; margin: 0 0 20px 0;}
#sitemap #content_rechts 		{float:right; width:350px;}
#sitemap #content_links		 	{float:left; padding: 0 0 0 40px;}

#sitemap #content_links	ul	 	{}
#sitemap #content_links	ul li 	{ list-style:disc; margin-left:10px;}
#sitemap #content_links	ul li a { display:inline-block; padding:5px 0; color: #CC0000;}

#sitemap #content_rechts ul		{}
#sitemap #content_rechts ul li 	{list-style:disc; margin-left:10px;}
#sitemap #content_rechts ul li a { display:inline-block; padding:5px 0; color: #CC0000;}
#sitemap #content_rechts ul li a:hover 	{}

#sitemap #content_rechts ul li ul li	{list-style:none; margin-left:10px;}
#sitemap #content_rechts ul li ul li a	{}
#sitemap #content_rechts ul li ul li a:hover {}


/*----------------------------------------------------------------*/
/* Suche */ 
/*----------------------------------------------------------------*/
h3.suche { margin:60px 0 0 0; text-align:right; color:#9ea0a3; padding: 0 9px 0 0; font-size:1.1em;}
#tbl_suche { width:152px;}
#tbl_suche input.eingabefeld { float:right;width:90px; border:#d1d2d4 1px solid; height:20px;}
#tbl_suche input.button { width:30px;}

/*Ergebnisse*/
.suchcontainer table { background:#FFFFFF; border:#CCCCCC 1px solid; margin: 0 0 10px 0; width:589px;}
.suchcontainer table td {padding: 5px;}
.suchcontainer table td input { width:350px;}
.suchcontainer table td input.btn { width:90px;}
ul.suchergebnis {}
ul.suchergebnis li a { color:#CC0000;}

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

img.angebot_vorschau { margin: 0 10px 0 0; border:#CCCC00 1px solid;}