/**********************************************************************/
/*** BODY ***/
/**********************************************************************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


/**********************************************************************/
/*** HIDE ELEMENTS ***/
/**********************************************************************/
#head { display: none; }
#leftnav { display: none; }
#rightcol { display: none; }
#slideshow-background { display: none; }
#slideshow { display: none; }
#slideshow-button1 { display: none; }
#slideshow-button2 { display: none; }
#slideshow-button3 { display: none; }
#icons-block { display: none; }
#footer { display: none; }


/**********************************************************************/
/*** CHANGE ELEMENTS ***/
/**********************************************************************/
.button-label { white-space: nowrap; }
.tx-jppageteaser-pi1-list { width: auto; }
.tx-jppageteaser-pi1-list-entry { width: auto; }
.tx-jppageteaser-pi1-list-entry-text-content { width: auto; }
.tx-jppageteaser-pi1-list-entry-description { width: auto; }

/**********************************************************************/
/*** DEFINE ELEMENTS ***/
/**********************************************************************/
h2 {
	font-size: 12px;
	font-weight: normal;
	color: #003a75;
	padding: 0px;
	margin: 0px 0px 2px 0px;
}












/* Chartertable Rendering by GB*/
/* Da Typo3 für nahezu alles bereits allgemeines CSS definiert hat,    */
/* ist es unheimlich schwer und wiederum wichtig für eigenes HTML      */
/* eigene CSS Klassen zu definieren und jede Eigenschaft nochmal       */
/* durchzuschleifen, da sonst allgemeines CSS auf Unterelemente        */
/* angewendet wird. Dazu noch separates Ext-Template für entsprechende */
/* Unterseite um TAG-Wrapping zu deaktivieren.                         */


/* Eigener CPTable-Container DIV */
div.cptabledivgb {display:block; float:none; clear:right; width:505px; height:305px;}


/* Eigene CP-Linkklassen, die zweite für IE */
a.cptableagb   {display:block; float:left; text-decoration:none;}


a.cpiegb         {display:inline; text-decoration:none;}
a.cpiegb:hover   {display:inline; text-decoration:none;}
a.cpiegb:active  {display:inline; text-decoration:none; color:#000;}
a.cpiegb:link    {display:inline; text-decoration:none;}
a.cpiegb:visited {display:inline; text-decoration:none;}

/* Aeußere Tabellen mit Special-crafted Rahmen */

table.cptabletextgb     {border-spacing:0px; margin:0px; border:0px; padding:0px; 
                         float:left; width:174px; text-align:left; 
                         background-color:#fff; color:#000; empty-cells:hide; 
                         line-height:10px;}

table.cptablebasicgb    {border-spacing:0px; margin:0px; border-width:0px 0px 1px 0px; border-style:solid; border-color:#000;  padding:0px; 
                         float:left; width:82px; background-color:#9caace; color:#fff; empty-cells:show;}

table.cptablesilvergb   {border-spacing:0px; margin:0px;  border-width:0px 0px 1px 0px; border-style:solid; border-color:#000; padding:0px; 
                         float:left; width:82px; background-color:#7b8ab5; color:#fff; empty-cells:show;}

table.cptablegoldgb     {border-spacing:0px; margin:0px;  border-width:0px 0px 1px 0px; border-style:solid; border-color:#000; padding:0px; 
                         float:left; width:82px; background-color:#5271a5; color:#fff; empty-cells:show;}

table.cptableplatingb   {border-spacing:0px; margin:0px; border-width:0px 1px 1px 0px; border-style:solid; border-color:#000; padding:0px; 
                         float:left; width:82px;background-color:#395d94; empty-cells:show; color:#fff;}

/* Line und Cell-Styles als Kopie oberer Werte */


tr.cptrgb           {margin:0px; border:0px; padding:0px; background-color:inherit;}

td.cptdthingbbreit  {margin:0px; border-width:1px 0px 0px 1px; padding:0px; border-style:solid; border-color:#000; 
                     height:24px; vertical-align:middle; text-align:center;font-family:arial,helvetica; font-size:11px; 
                     background-color:inherit;}
td.cptdfatgbbreit   {margin:0px; border-width:1px 0px 0px 1px;  padding:0px; border-style:solid; border-color:#000; font-weight:bold; 
                     height:24px; color:#000; vertical-align:middle; text-align:center; font-family:arial,helvetica; font-size:11px; 
                     background-color:inherit;}
td.cptdfatlastgbbreit{margin:0px; border-width:1px 0px 1px 1px;  padding:0px; border-style:solid; border-color:#000; font-weight:bold; 
                     height:24px; color:#000; vertical-align:middle;text-align:center;font-family:arial,helvetica; font-size:11px; 
                     background-color:inherit;}


/* Leere Zellen links ohne Text */
td.cptdleergb       {margin:0px; border-width:1px 0px 0px 1px; padding:0px; border-style:solid; border-color:#fff; 
                     height:24px; vertical-align:middle; text-align:center; font-family:arial,helvetica; font-size:10px;  
                     background-color:inherit;}

/* Standard-Zelle */
td.cptdgb           {margin:0px; border-width:1px 0px 0px 1px; padding:0px; border-style:solid; border-color:#000; 
                     height:24px; vertical-align:middle; text-align:center;font-family:verdana,arial,helvetica; font-size:10.5px; font-weight:bold;
                     background-color:inherit;}

/* Standard-Zelle duenner Text links */
td.cptdthingb       {margin:0px; border-width:1px 0px 0px 1px; padding:0px; border-style:solid; border-color:#000; 
                     height:24px; vertical-align:middle; text-align:center;font-family:'arial narrow',arial,helvetica; font-size:11px; 
                     background-color:inherit;}

/* Überschriften Basic, Silver etc */
td.cptdtopgb        {margin:0px; border-width:1px 0px 0px 1px; padding:0px;  border-style:solid; border-color:#000; 
		     height:24px; font-size:14px; vertical-align:middle; text-align:center; font-family:arial,helvetica; font-weight:bold; 
                     background-color:inherit;}

/* Die Buy-Online buttons unten und unterer Abschluss der jew. Table */
td.cptdbuttongb     {margin:0px; border-width:1px 0px 0px 1px; padding:0px;  border-style:solid; border-color:#000; color:#003c7b; 
                     height:24px; background-image:url(../images/cpbuttongb.gif); background-repeat:no-repeat; background-position:center; 
                     vertical-align:middle; font-weight:normal; text-align:center; font-family:arial,helvetica; font-size:10px; background-color:inherit;}

/* Zellen, in denen ein Haken vorkommt, als Gif, da der Haken in Wingdings.ttf kein allg Standard ist */
td.cptdvgb          {margin:0px; border-width:1px 0px 0px 1px;  padding:0px; border-style:solid; border-color:#000; 
                     height:24px; background-image:url(../images/vhook.gif);background-repeat:no-repeat; background-position:center; 
                     background-size:13px; vertical-align:middle; text-align:center; font-family:arial,helvetica; font-size:10px; background-color:inherit;}

/* Fettgedruckte Zelle */
td.cptdfatgb        {margin:0px; border-width:1px 0px 0px 1px;  padding:0px; border-style:solid; border-color:#000; font-weight:bold; 
                     height:24px; color:#000; vertical-align:middle; text-align:center; font-family:'arial narrow',arial,helvetica; font-size:11px; 
                     background-color:inherit;}

/* Letzte fettgedruckte Zelle wg. unterem Rahmen (pixelgenaues Design) */
td.cptdfatlastgb    {margin:0px; border-width:1px 0px 1px 1px;  padding:0px; border-style:solid; border-color:#000; font-weight:bold; 
                     height:24px; color:#000; vertical-align:middle;text-align:center;font-family:'arial narrow',arial,helvetica; font-size:11px; 
                     background-color:inherit;}

/* Fettgedruckte gelbhinterlegte Zelle */
td.cptdfatnyellowgb {margin:0px; border-width:1px 0px 0px 1px;  padding:0px; border-style:solid; border-color:#000; 
                     font-family:verdana,arial,helvetica; font-weight:bold; font-size:14px; background-color:#ffd220; color:#000; 
                     height:24px; vertical-align:middle; text-align:center; font-family:arial,helvetica;}

table.cptabletextgb td {text-align:left;}

/* Hover-Effekt, um original Tabellen-IMG nachzubilden */
a.cpiegb {text-decoration:none;}

div.cptabledivgb table       td.cptdtopgb a.cpiegb {color:#fff;}
div.cptabledivgb table       td.cptdgb a.cpiegb {color:#fff;}
div.cptabledivgb table       td.cptdbuttongb a.cpiegb {color:#003c7b;}
div.cptabledivgb table:hover td.cptdbuttongb a.cpiegb {color:#003c7b;}
div.cptabledivgb table:hover td.cptdgb a.cpiegb {color:#000;}
div.cptabledivgb table:hover td.cptdtopgb a.cpiegb {color:#000;}
div.cptabledivgb table       td.cptdfatnyellowgb a.cpiegb {color:#000;}

/*
div.cptabledivgb table td.cptdvgb a.cpiegb {background-color:transparent; color:#000;}
div.cptabledivgb table td.cptdgb a.cpiegb {background-color:transparent; color:#fff;}

*/
table.cptablebasicgb:hover {background-color:#ffe78c; color:#000;}
table.cptablebasicgb:hover td.cptdvgb {background-image:url(../images/vhookblk.gif);}

table.cptablesilvergb:hover {background-color:#ffe78c; color:#000;}
table.cptablesilvergb:hover td.cptdvgb {background-image:url(../images/vhookblk.gif)}

table.cptablegoldgb:hover {background-color:#ffe78c; color:#000;}
table.cptablegoldgb:hover td.cptdvgb {background-image:url(../images/vhookblk.gif)}

table.cptableplatingb:hover {background-color:#ffe78c; color:#000;}
table.cptableplatingb:hover td.cptdvgb {background-image:url(../images/vhookblk.gif)}

