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

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

* 			{padding: 0;margin: 0;}
html		{height: 100%;}
body		{font-size: 82.5%;background:#000 url(../bilder/back_main.jpg) left top 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: #000;
  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;}
#rechte p 	{line-height: 1.4em;margin: 0 0 1.0em 0; color:#999999;}
a 			{color: #000000;}
a:hover		{color: #CC0033;}
#rechte a 	{ color:#CC0000;}
h1 			{ 
	font-weight:normal; 
	color: #333333; 
	text-transform: capitalize; 
	font-size:1.8em; 
	margin: 10px 0 22px 0;
	border:#CC0000 solid; border-width: 0 0 1px 0;
}
h2 			{font-size:1.2em;}
#suche h2 	{margin: 0 0 10px 0;}
h3 			{}
h4 			{}
h5 			{color:#CC3300; font-size:1.4em; font-weight:bold; margin: 0 0 10px 0;}
#suche h5 	{color:#000; font-size:1.2em; font-weight:bold; margin: 0 0 10px 0;}
/*----------------------------------------------------------------*/
/* pseudoklassen */
/*----------------------------------------------------------------*/
.clear 	{clear: both;}
.versteckt, .no_screen { display: none;}

/*----------------------------------------------------------------*/
/* Die Seite */
/*----------------------------------------------------------------*/

#wrap 		{width:940px; margin: 10px auto 3px auto; min-height:650px; background: #FFF url(../bilder/back_wrap.jpg) left top repeat-x; border: #999999 solid; border-width: 1px;}
#linke 		{float:left; width:220px; min-height:750px; background:url(../bilder/back_linke_shad.png) top center no-repeat;}
	#linke_innerwrap { width:200px; min-height:715px; background:#eff2ec; border:#FFFFFF 1px solid; margin:16px 10px 10px 10px; padding-bottom:10px;}
	#logo	{ margin:10px 0 0 5px;}
	#hauptnavi_zweite {width:180px; }
	#hauptnavi_erste { background: url(../bilder/back_hauptnavi_erste_oben.jpg) right top no-repeat; width:180px;}
	#adresse {border:#333 solid; border-width:0 0 0 6px; padding: 0 0 0 6px; margin:30px 0 0 16px;}
	#subnavi { margin: 20px 0;}
	#adresse p { color:#666666; font-size:0.9em;}
	#adresse p a { color:#666666;}	
	#adresse p a:hover { color:#000;}		
#rechts		{float:right; width:720px; min-height:650px;}
	#topnavi{ height:47px;}
	#slogan { z-index:99; float:left; height:60px; width:350px; position:absolute; margin:90px 0 0 10px;}
	#slogan p { font-size:1.8em; font-weight:bold; color:#FFFFFF;}	
	#header {float:right; width:500px; height:170px; background:#000000; margin-right:15px; overflow:hidden;}
	#header p { margin:0; padding:0;}
	#breadcrumb {min-height:17px;font-size:0.8em; text-decoration:none; color: #666666; padding: 5px 0 0 22px; background:url(../bilder/ico_home.gif) left center no-repeat;}	
	#breadcrumb a {text-decoration:none; color:#999999; display:inline-block; margin: 0 3px;}
	#breadcrumb a.first {margin: 0;}	
	#breadcrumb a:hover {color:#000;}
	#inhalt { min-height:450px;padding:15px; width:680px;}
#footer {margin:auto; width:940px;}

/*----------------------------------------------------------------*/
/* Navigationslisten - Topnavi */
/*----------------------------------------------------------------*/

/* 1. Ebene */
#topnavi ul 			{padding:0; float:right; margin:6px 10px 0 0;}
#topnavi ul li 			{ display:inline;}
#topnavi ul li a 		{ display:inline-block; padding:5px 7px; text-decoration:none; color:#FFF; font-size:0.9em;}
#topnavi ul li a:hover	{background:url(../bilder/back_topnavi_on.gif) top right no-repeat;}
#topnavi ul li.selected a {background:url(../bilder/back_topnavi_on.gif) top right no-repeat;font-weight:bold;}

/*----------------------------------------------------------------*/
/* Navigationslisten - LinkeHaupnavi-Erste */
/*----------------------------------------------------------------*/

/* 1. Ebene */
#hauptnavi_erste ul {background: url(../bilder/back_hauptnavi_erste_unten.jpg) right bottom no-repeat; padding:10px 5px 10px 0;}
#hauptnavi_erste ul li 			{
	background:url(../bilder/back_hauptnavi_erste.gif) left top no-repeat; 
	margin:3px 0 3px 0; 
	border:#999999 1px solid; 
	height:26px; 
	width:164px;
}
#hauptnavi_erste ul li#n13 			{
	background:url(../bilder/back_hauptnavi_erste_neu.gif) left top no-repeat; 
	margin:3px 0 3px 0; 
	border:#999999 1px solid; 
	height:26px; 
	width:164px;
}
#hauptnavi_erste ul li a 		{display:inline-block; padding:5px 0 0 30px; text-decoration:none; color:#000; font-size:0.9em;}
#hauptnavi_erste ul li a:hover,
#hauptnavi_erste ul li.selected a {}

/*----------------------------------------------------------------*/
/* Navigationslisten - LinkeHaupnavi-Zweite */
/*----------------------------------------------------------------*/

/* 1. Ebene */
#hauptnavi_zweite ul { margin:50px 5px 10px 5px;}
#hauptnavi_zweite ul li {}
#hauptnavi_zweite ul li a {
	display:inline-block; 
	padding:5px 0 5px 30px; 
	text-decoration:none; 
	color:#000; 
	font-size:0.9em; 
	border:#9dac8e solid; 
	border-width:1px 0 0 0;
	width:150px;
	background:url(../bilder/back_hauptnavi_zwei_arrow.gif) left center no-repeat;
}
#hauptnavi_zweite ul li.last a {
	border:#9dac8e solid; 
	border-width:1px 0;
}

#hauptnavi_zweite ul li a:hover,
#hauptnavi_zweite ul li.selected a {background:#FFFFFF url(../bilder/back_hauptnavi_zwei_arrow.gif) left center repeat-y;}

/* 2. Ebene */
#hauptnavi_zweite ul li.selected ul{ margin: 5px 0 5px 10px;}
#hauptnavi_zweite ul li.selected ul li a 	{
	display:inline-block;
	padding:4px 0 4px 45px;
	text-decoration:none; 
	color: #666666; 
	font-size:0.9em;
	border: #CCCCCC solid; 
	border-width:1px 0 0 0;
	width:125px;
	background:none;
}
#hauptnavi_zweite ul li.selected ul li.first a 	{
	border: #CCCCCC solid; 
	border-width:0;
}

#hauptnavi_zweite ul li.selected ul li a:hover,
#hauptnavi_zweite ul li.selected ul li.selected a {background:#FFFFFF url(../bilder/back_zweitenavi_on.jpg) left top repeat-y; color:#CC0000; border:none;}

/*----------------------------------------------------------------*/
/* Subnavi Downloads/Aktuelles */ 
/*----------------------------------------------------------------*/
#subnavi { margin-left:10px;}
#subnavi ul li { border:none; background:none;}
#subnavi ul li a { border:none; background:none;}

/*Aktuelles*/
#subnavi ul li#n54 a, 
#subnavi ul li.first a {
	display:block;
	padding:7px 0 7px 40px;
	background:url(../bilder/back_btn_aktuelles.jpg) top left no-repeat; 
	border:none;
	margin: 0;
}
/*Downloads*/
#subnavi ul li#n64 a, 
#subnavi ul li#n66 a, 
#subnavi ul li#n68 a,
#subnavi ul li#n70 a,
#subnavi ul li#n72 a,
#subnavi ul li#n55 a {
	display:block;
	padding:7px 0 7px 40px;
	background:url(../bilder/back_btn_download.jpg) top left no-repeat;
	border:none;
}
/*Referenzen*/
#subnavi ul li.last a {
	display:block;
	padding:7px 0 7px 40px;
	background:url(../bilder/back_btn_referenzen.jpg) top left no-repeat;
	border:none;
}

/*----------------------------------------------------------------*/
/* 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;}


/*----------------------------------------------------------------*/
/* Ansichten */ 
/*----------------------------------------------------------------*/

/*Buttons*/
#hipp-sonnensegel #n15 {display:none;}
#hipp_deko #n10 {display:none;}
#hipp-gastroline #n11 {display:none;}
#hipp-moebel #n12 {display:none;}
#hipp-in-und-out #n13 {display:none;}
#hipp-industrieboeden #n14 {display:none;}

/*Logos ausblenden*/
img.logo_deko				{display:none;}
img.logo_sonnensegel		{display:none;}
img.logo_gastroline			{display:none;}
img.logo_moebel				{display:none;}
img.logo_inandout			{display:none;}	
img.logo_industrieboeden	{display:none;}

/*Logos einblenden*/
#downloads img.logo_deko,
#aktuelles img.logo_deko,
#hipp_deko img.logo_deko,
#startseite img.logo_deko,
#kontakt img.logo_deko,
#impressum img.logo_deko,
#partner img.logo_deko,
#ausstellung img.logo_deko						{display:block;}
#hipp-sonnensegel img.logo_sonnensegel			{display:block;}
#hipp-gastroline img.logo_gastroline			{display:block;}
#hipp-moebel img.logo_moebel					{display:block;}
#hipp-in-und-out img.logo_inandout				{display:block;}
#hipp-industrieboeden img.logo_industrieboeden 	{display:block;}


/*----------------------------------------------------------------*/
/* Tabelle mit den Downloads */ 
/*----------------------------------------------------------------*/

#tbl_downloads {width: 100%; border: #666 solid; border-width: 1px 0;}
#tbl_downloads td { padding: 6px; font-weight: bold;}
#tbl_downloads .titel { font-weight: bold; text-transform: uppercase; color:#000;}
#tbl_downloads .dl_01 { background: #ececec; color: Gray;}
#tbl_downloads .dl_02 { background: #fff; color: Gray;}

/*----------------------------------------------------------------*/
/* Aktuelles */ 
/*----------------------------------------------------------------*/
 .aktuelles_hold { border:#ccc solid; border-width: 0 0 1px 0; margin: 0 0 10px 0; padding: 0 0 10px 0;}
 .aktuelles_hold h2 { display:inline-block; color:#9b7501; text-decoration:none; font-size:1.3em; margin: 0 0 5px 0;}
 .aktuelles_hold h2 a { display:inline-block; color:#9b7501; text-decoration:none; font-size:1.0em;}
 .aktuelles_hold h2 span.date_creat { font-size:0.75em; font-style:italic; margin-left:10px; color:#999;}
 .aktuelles_hold a.weiter {
 	float:right;
 	display:inline-block;
	text-decoration:none;
	font-size:1.0em;
	background:url(../bilder/back_btn_weiter.gif) center left repeat-x; 
	color:#000;
	padding: 4px 10px;
	border:#d9dfe4 solid; border-width:1px;
}


#superbox-overlay{background:#e0e4cc;}
		#superbox-container .loading{width:32px;height:32px;margin:0 auto;text-indent:-9999px;background:url(styles/loader.gif) no-repeat 0 0;}
		#superbox .close a{float:right;padding:0 5px;line-height:20px;background:#333;cursor:pointer;}
		#superbox .close a span{color:#fff;}
		#superbox .nextprev a{float:left;margin-right:5px;padding:0 5px;line-height:20px;background:#333;cursor:pointer;color:#fff;}
		#superbox .nextprev .disabled{background:#ccc;cursor:default;}
		#superbox img { width: 900px; height: 648px; }

.facebook {
  float: right;
  display: inline;
  padding-right: 5px;
  padding-top: 2px;
}

.twitter {
  float: right;
  display: inline;
  padding-right: 5px;
  padding-top: 2px;
}