/* Formate - PIXXL WEBDESIGN www.pixxl-webdesign.de */

/* Body ---------------------------------------------------------------------------------------------------- */
body				{ background: #525252; }


/* Hauptraster ---------------------------------------------------------------------------------------------------- */
/* Table Head Top - graue Tabelle ganz oben */
.tableheadtop			{ background: #525252; border:1px solid; border-color:#FFFFFF #000000 #000000 #FFFFFF; }
.tdheadtopleft			{ color: #ECECEC; font: 11px Tahoma, Arial; }
.tdheadtopright			{ color: #ECECEC; font: 11px Tahoma, Arial; }
/* Table Head Pic - Tabelle mit NavMain und Logo - unterschiedlich je nach Rubrik */
.tableheadpicpixxl		{ background: #CCC6C6 url(../gfx/headpic_pixxl.jpg) no-repeat; }
.tableheadpicwirueberuns	{ background: #CCC6C6 url(../gfx/headpic_wirueberuns.jpg) no-repeat; }
.tableheadpicleistungen		{ background: #CCC6C6 url(../gfx/headpic_leistungen.jpg) no-repeat; }
.tableheadpicprojekte		{ background: #CCC6C6 url(../gfx/headpic_projekte.jpg) no-repeat; }
.tableheadpicreferenzen		{ background: #CCC6C6 url(../gfx/headpic_referenzen.jpg) no-repeat; }
.tableheadpickontakt		{ background: #CCC6C6 url(../gfx/headpic_kontakt.jpg) no-repeat; }
.tableheadpicimpressum		{ background: #CCC6C6 url(../gfx/headpic_pixxl.jpg) no-repeat; }
.tableheadpiclegal		{ background: #CCC6C6 url(../gfx/headpic_legal.jpg) no-repeat; }
.tdheadpictop			{  }
.tdheadpicbottom		{  }
/* Table Headline - rote Tabelle oben mit Headline */
.tableheadline			{ background: #BA362F; border:1px solid; border-color:#FFFFFF #000000 #000000 #FFFFFF; }
.tdheadlineleft			{ color: #FFFFFF; font: 11px Verdana, Arial; font-weight: bold; font-variant: small-caps; letter-spacing: 3px; }
.tdheadlineright		{ color: #FFFFFF; font: 11px Arial; }
/* Table Content Main - Hauptrastertabelle des Haupt-Inhaltsbereichs */
.tablecntmain			{ background: #ECECEC; }
.tdcntmain			{ color: #222222; font: 12px Arial; }
/* Table Foot - dunklerer Bereich unter dem Haupt-Inhaltsbereichs */
.tablefoot			{ background: #CCC6C6; }
.tdfootleft			{ color: #525252; font: 11px Tahoma, Arial; }
.tdfootright			{ color: #525252; font: 11px Tahoma, Arial; }


/* Hauptnavigation ---------------------------------------------------------------------------------------------------- */
.tablenavmain			{  }
.tdnavmainlinkstd		{ font: 3px Arial; filter: Alpha(opacity=60); }
.tdnavmainlinkhl		{ font: 3px Arial; filter: none; }
.tdnavmainright			{ font: 3px Arial; background: #525252; filter: Alpha(opacity=60); border: 1px solid; border-color: #FFFFFF #000000 #000000 #FFFFFF; }
a.navmainlinkstd		{ display: block; padding: 3px 15px 3px 15px; border: 1px solid; border-color: #FFFFFF #000000 #000000 #FFFFFF; text-decoration: none; background: #525252; color: #FFFFFF; font: 11px Verdana, Arial; font-weight: bold; font-variant: small-caps; letter-spacing: 2px; }
a.navmainlinkstd:hover		{ text-decoration: none; }
a.navmainlinkact		{ display: block; padding: 3px 15px 3px 15px; border: 1px solid; border-color: #FFFFFF #000000 #000000 #FFFFFF; text-decoration: none; background: #BA362F; color: #FFFFFF; font: 11px Verdana, Arial; font-weight: bold; font-variant: small-caps; letter-spacing: 2px; }
a.navmainlinkact:hover		{ text-decoration: none; }


/* Links ---------------------------------------------------------------------------------------------------- */
a				{ text-decoration: none; color: #AD2019; font-weight: bold; }
a:hover				{ text-decoration: underline; }
a.headtop			{ text-decoration: none; color: #ECECEC; font: 11px Tahoma, Arial; }
a.headtop:hover			{ text-decoration: none; color: #FFFFFF; }
a.foot				{ text-decoration: none; color: #525252; font: 11px Tahoma, Arial; line-height: 17px; }
a.foot:hover			{ text-decoration: none; color: #111111; letter-spacing: 2px; }
a.footline			{ text-decoration: none; color: #CCC6C6; font-weight: bold; }
a.footline:hover		{ text-decoration: none; color: #AD2019; }


/* Content ---------------------------------------------------------------------------------------------------- */
.subheadline			{ color: #333333; font: 11px Verdana, Arial; font-weight: bold; font-variant: small-caps; letter-spacing: 2px; }
.subheadlinelined		{ color: #333333; font: 11px Verdana, Arial; font-weight: bold; font-variant: small-caps; letter-spacing: 2px; border-left:1px solid #AD2019; border-bottom:1px solid #AD2019; }
.subheadlinedotted		{ color: #333333; font: 11px Verdana, Arial; font-weight: bold; font-variant: small-caps; letter-spacing: 2px; border-left:1px dotted #AD2019; border-bottom:1px dotted #AD2019; }
.footline			{ color: #222222; font: 11px Arial; }
.footlinedotted			{ color: #222222; font: 11px Arial; border-right:1px dotted #AD2019; border-bottom:1px dotted #AD2019; }
.footlinedottedlight		{ color: #222222; font: 11px Arial; border-right:1px dotted #CCC6C6; border-bottom:1px dotted #CCC6C6; }
.content			{ color: #222222; font: 12px Arial; line-height: 18px; }
.contentblock			{ color: #222222; font: 12px Arial; line-height: 18px; text-align:justify; }
.contentlisttd			{ color: #222222; font: 12px Arial; line-height: 18px; font-weight: bold; }
.signature			{ color: #222222; font: 12px "Comic Sans MS", Arial; font-style: italic; letter-spacing: 1px; }
.table3dborder			{ border: 1px solid; border-color: #FFFFFF #000000 #000000 #FFFFFF; }
.table3dborderhl		{ background: #E5E5E5; border: 1px solid; border-color: #FFFFFF #000000 #000000 #FFFFFF; }
.imglinedborder			{ border: 1px solid #525252; }
.img3dborder			{ border: 1px solid; border-color: #FFFFFF #000000 #000000 #FFFFFF; }


/* Formulare ---------------------------------------------------------------------------------------------------- */
/* Subnavform - Drop-Down-Menu der Subnavigation */
.selectsubnav			{ background: #CCC6C6; color: #525252; font: 11px Verdana, Arial; font-weight: bold; width: 302px; }


/* Dummy ---------------------------------------------------------------------------------------------------- */
.dummy				{  }