/* CSS Document */

body   { font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 2em; margin: 0px; background-image: url(../images/hintergrund3.jpg); line-height: 140%; }

a:link	{color: #FF6600; text-decoration: none; }
a:hover	{color: #333333;}
a:visited { color: #FF6600; text-decoration: none;}

#zusatz_h1	{ margin: 0px 0px -2px 0px; }
h1	   { font-size: 1.25em; font-weight: bold; color: #333333  ; margin: 0px 0px 20px 0px; }
h2	   { font-size: 1.25em; font-weight: normal; color: #666666; letter-spacing: 0.1em; margin: 15px 0px 8px 0px; }
#bsp h2	{ font-size: 1em; font-weight: normal; color: #666666; letter-spacing: 0.1em; margin: 8px 0px 8px 0px; }
h3	   { font-size: 1em; font-weight: normal; color: #666666; margin: 0px 0px 2px 0px; }
h4	   { font-size: 1em; font-weight: normal; color: #999999; margin: 0px 0px 2px 0px; }

p		{ margin: 0px 0px 14px 0px ; }

em		{ color: #FF6600; }

td	{ vertical-align: top; }

ol	{ list-style: none; padding: 0px; margin: 0px; }

#inline	{  width: auto; display:inline-table; margin: 0px 0px 10px 0px; min-height: 70px; }
#inline_titelseite	{  width: 456px; display: inline-table; margin: 0px 0px 2px 0px; }
#inline_titelseite img	{ margin: 0px 18px 30px 0px; }
#inline_symbole	{  width: auto; display:inline-table; margin: 26px 0px 0px 24px; }
#inline_symbole img	{ margin-right: 32px; }

#text_titelgrafik	{ background-image: url(../images/hinter_text_titelgrafik.png); color: #333333; padding: 10px 14px 12px 10px; font-size: 13px; letter-spacing: 0.1em; }
#bsp	{ width: 603px; display:inline-table; margin: 4px 0px 0px 0px; background-image: url(../images/strich_schwarz.gif); background-repeat:no-repeat; background-position: left bottom; padding-bottom: 8px; margin-bottom: 8px; color: #999999; }
#bsp_internet	{ width: 603px; display:inline-table; margin: 2px 0px 0px 0px; background-image: url(../images/strich_schwarz.gif); background-repeat:no-repeat; background-position: left bottom; padding-bottom: 0px; margin-bottom: 0px; color: #999999; }

#bsp p	{ margin-bottom: 2px; }
#bsp img	{ float: left; margin: 0px 6px 4px 0px;  }
#bsp p img	{ float: left; margin: 0px 30px 4px 0px;  }

#eingerueckt	{ padding: 0px 0px 0px 60px; }

#rechts	{ text-align: right ; }

#beschriftung	{ position: absolute; left: 410px; top: 180px; margin: 0px 0px 0px 0px; width: 260px; border: dashed #FF6600 thin; background-color: #ffffff;  padding: 22px 18px 20px 20px; }

/* Hauoptnavigation */
	#menu { width: 740px; list-style-type: none; overflow:hidden;}
	#menu ul { float:left; display:inline; list-style-type: none; padding: 0; margin: 0; }
	
	#menu ul a { text-decoration: none; font-weight: normal; display:block; width: auto; }
	#menu ul li { float:left; display:inline; padding: 0; margin: 0;}
	#menu ul li a { color: #FFFFFF; font-weight: normal; padding: 7px 0px 6px 10px; }
	#menu ul li a:hover { color: #FF6600; }

	#menu ul li#active { display:block; width: auto; font-weight: bold; color: #775044; padding: 4px 6px 4px 6px; list-style-type: none;}
/* Hauoptnavigation */
/* Unternavigation */
	#unternavi li#beschreib { display:block; width: auto; font-weight: normal; color: #999999; padding: 0px 3px 11px 0px; }
	#unternavi { width: 154px; list-style-type: none; margin: 30px 0px 0px 24px; padding: 0px; }
	#unternavi a { color: #333333; text-decoration: none; font-weight: normal; display:block; width: auto; }
	#unternavi li { display:inline; }
	#unternavi li a { color: #333333; padding: 0px 0px 11px 6px; }
	#unternavi li a:hover { color: #FF6600; }
	
	#unternavi li ul { list-style-type: none; padding: 0px; margin: 0px;}
	#unternavi li#active ul li a { color: #333333; padding: 3px 0px 3px 11px; font-weight: normal; xborder-bottom: 2px #ffffff solid; }
	#unternavi li#active ul li a:hover { color: #FF6600; }
	#unternavi li#active ul li#active { display:block; width: auto; font-weight: normal; color: #FF6600; padding: 3px 0px 3px 11px; background-image: url(../images/pfeil.gif); background-repeat: no-repeat; background-position: center left}

	#unternavi li#active { display:block; width: auto; font-weight: normal; color: #FF6600; padding: 0px 0px 11px 6px; }
	#unternavi li ul li#active { display:block; width: auto; color: #FF6600; padding: 0px 3px 11px 40px; xborder-bottom: 2px #ffffff solid;}
/* Unternavigation */
.kopf	{ width: 860px; height: 128px; position: relative; left: 50%; top: 0%; margin-top: 8px; margin-left: -430px; }

#logo	{ position: absolute ; left: -8; top: -12; width: 118px; }

#navi	{ position: absolute; right: 0; bottom: 0px; width: 740px; background-image: url(../images/hinter_navi.png); background-position: left top; background-repeat: no-repeat; }

.inhalt	{ width: 860px; min-height: 400px; background-image: url(../images/hinter_inhalt.png); background-position: top left; background-repeat: no-repeat; position: relative; left: 50%; top: 0%; margin-top: -8px; margin-left: -430px; padding: 0px; }
#tabelle_text_mit	{ width: 852px; background-image: url(../images/hinter_text/trauben.jpg); background-position: right bottom; background-repeat:no-repeat; vertical-align: top; }
#text	{ width: 600px; min-height: 480px; border-left: dashed #999999 thin; padding: 0px 0px 0px 30px; margin: 30px 30px 16px 0px; }

#um_unternavi	{ position: absolute; left: 20px; top: 40px; }

#kontakt	{ position: absolute; right: 0; top: -12px; width: 400px; text-align: right; background-image: url(../images/stecker.png); background-position: right top; background-repeat: no-repeat; padding: 40px 8px 10px 0px; }
#kontakt a	{ color: #333333; }
*kontakt a:hover	{ color: #FF6600; }
*kontakt a:visited	{ color: #FF6600; }

#referenzen	{ position: relative; left: 0px; top: 0px; width: 140px; min-height: 180px; margin: 30px 10px 0px 24px; padding: 6px; border: solid #CCCCCC thin; font-size: 11px; line-height: 1.25em; }
#referenzen img	{ margin: 8px 2px 0px 0px; }
#partner	{ position: relative; left: 0px; top: 0px; width: 140px; min-height: 180px; margin: 10px 10px 0px 24px; padding: 6px; border: solid #CCCCCC thin; font-size: 11px; line-height: 1.25em; }

.fliege	{ width: 86px; position: relative; left: 16px; top: 40px; }

.fuss	{
		width: 860px;
		min-height: 40px;
		background-image: url(../images/hinter_fuss.png);
		background-position: top left;
		background-repeat: no-repeat;
		position: relative;
		left: 50%;
		top: 0%;
		margin-top: 0px;
		margin-left: -430px;
		padding: 0px;
		text-align: right;
		}
#adresse	{ width: 840px; list-style-type: none; overflow:hidden; }
#adresse ul	{ float:left; display:inline; list-style-type: none; padding: 0; margin: 4px 0px 0px 136px; }
#adresse ul li { float:left; display:inline; padding: 0; margin: 0px 3px 0px 2px;}
#adresse a	{ font-size: 13px; color: #FFFFFF; margin: 3px;}

#weiss	{ color: #FFFFFF; font-weight: normal; letter-spacing: 0.1em; line-height: 1.25em; }
#titelseite	{ padding: 0px 20px 0px 24px; min-height: 294px; }

#konzept	{width: 160px; position: absolute; left: 20px; top: 30px; margin: 0px; padding: 0px;}
#cd	{background-color:#0066CC; color: #FFFFFF; width: 160px; position: xabsolute; left: 20px; top: 30px; margin: 0px; padding: 4px;}
#werbung	{background-color: #CC0000; color: #FFFFFF; width: 160px; xposition: relative; left: 0; top: 0; margin: 0px; padding: 4px;}
#illustrationen	{background-color: #FF6600; color: #FFFFFF; width: 160px; xposition: relative; left: 0; top: 0; margin: 0px; padding: 4px;}
#farbkonzept	{background-color: #663399; color: #FFFFFF; width: 160px; xposition: relative; left: 0; top: 0; margin: 0px; padding: 4px;}
#textildesign	{background-color: #339900; color: #FFFFFF; width: 160px; xposition: relative; left: 0; top: 0; margin: 0px; padding: 4px;}
#produktedesign	{background-color: #333333; color: #FFFFFF; width: 160px; xposition: relative; left: 0; top: 0; margin: 0px; padding: 4px;}
#cd_farbe	{background-color:#0066CC;; color: #FFFFFF; padding: 4px;}
#werbung_farbe	{background-color: #CC0000; color: #FFFFFF; padding: 4px;}
#illustrationen_farbe	{background-color: #FF6600; color: #FFFFFF; padding: 4px;}
#farbkonzept_farbe	{background-color: #663399; color: #FFFFFF; padding: 4px;}
#textildesign_farbe	{background-color: #339900; color: #FFFFFF; padding: 4px;}
#produktedesign_farbe	{background-color: #333333; color: #FFFFFF; padding: 4px;}


#stern	{ float:left; margin: 0px 24px 0px 0px; }

#formatiert	{ vertical-align: top; text-align: left; }
#tab_kopf	{ background-image: url(../images/tabelle/kopf.jpg); background-repeat: repeat-x; color: #FFFFFF; margin: 4px;}
#tab_kopf td	{ padding: 4px; vertical-align: top; text-align: left; }
#tab_zeile_1	{ background-image: url(../images/tabelle/nach_kopf.jpg); background-repeat: repeat-x; }
#tab_zeile_1 td	{ padding: 4px; vertical-align: top; text-align: left; }
#tab_dunkel	{ background-image: url(../images/tabelle/dunkel.jpg); background-repeat: repeat-x; }
#tab_dunkel td	{ padding: 4px; vertical-align: top; text-align: left; }
#tab_hell	{ background-image: url(../images/tabelle/hell.jpg); background-repeat: repeat-x; }
#tab_hell td	{ padding: 4px; vertical-align: top; text-align: left; }
#tab_fuss	{ background-image: url(../images/tabelle/fuss.jpg); background-repeat: repeat-x; color: #FFFFFF; }
#tab_fuss td	{ padding: 4px; vertical-align: top; text-align: left; }