/**************************************************************************/
/* pour les pages du site Karola Altona                                   */
/**************************************************************************/

body       {margin:20px 0 10px 0;
            background:#1E1E1E url(bilder/fond_noir.jpg) fixed center;
            /*background:#FFCC00 url(bilder/fond_or.jpg) fixed center;*/
            text-align:center;
            color:#1E1E1E;
            font-size:11px;
            font-family:Verdana,Helvetica,Arial,sans-serif;
	    scrollbar-base-color: #EFEFEF; 
	    scrollbar-face-color: #EFEFEF; 
	    scrollbar-shadow-color: #000000;
	    scrollbar-highlight-color: #FFFFFF;
	    scrollbar-3dlight-color: #FFFFFF; 
	    scrollbar-darkshadow-color: #000000; 
	    scrollbar-track-color: #EFEFEF; 
	    scrollbar-arrow-color: #EFEFEF;}

#themen    {background:#1E1E1E url(bilder/fond_noir.jpg);}

#mensch    {background:#1E1E1E url(bilder/fond_noir.jpg);}

#bleu      {background:#1E1E1E url(bilder/fond_noir.jpg);}

#presse    {background:#1E1E1E url(bilder/fond_noir.jpg);}

#altonafond{background:#9ACD32 url(bilder/fond_altona.jpg)}

#spirale   {background:#EFEFEF url(bilder/spirale_mittel.jpg);}

#rand      {border:1px solid #CC0033;    /*cadres extérieurs, aussi rouges*/
            padding:3px 3px 20px 3px;
            text-align:center;
            width:626px;
            position:relative;margin:0 auto;
            background:#FFFFFF;}

#randrot   {border:1px solid #CC0033;    /*cadres extérieurs avec bord rouge*/
            padding:3px 3px 20px 3px;
            text-align:center;
            width:626px;
            position:relative;margin:0 auto;
            background:#FFFFFF;}

p          {text-align:center;}

h1         {font-size:21px;font-family:Arial,Verdana,sans-serif;}

h2         {font-size:17px;             /* titres des tableaux*/ 
            font-style:italic;} 
 
h3         {font-weight:bold;font-size:14px;}

table      {align:center;text-align:center;}

td         {align:center}
td a:hover {background:none;}

a          {color:#CC0033;text-decoration:none;}   /*les liens*/
a:visited  {color:#CC0033;text-decoration:none;}
a:hover    {color:#1E1E1E;background:#FFCC00;  }
a:active   {color:#1E1E1E;background:#FFCC00;  }

.liens     {font-weight:bold;}                        /*liens de titre*/
 
.them      {font-size:11px;     }                     /*liens de thèmes*/

.lien      {font-size:10px;     }                     /*les liens secondaires*/

.citation {font-style:italic;font-family:Times Roman,serif;font-size:13px;}/*les citations de Karola en italique*/

.dim        {font-size:11px      }                     /*Grössen der Bilder*/

/* F A R B E N */

.vert            {color:#339966;font-weight:bold;}     /*Baum+Künstlerin*/            
.vert a          {color:#339966;}
.vert a:visited  {color:#339966;}
.vert a:hover    {color:#1E1E1E;}
.vert a:active   {color:#1E1E1E;}

.orange          {color:#FF6600;font-weight:bold;}     /*Multitalent+Identität*/
.orange a        {color:#FF6600;}
.orange a:visited{color:#FF6600;}
.orange a:hover  {color:#1E1E1E;}
.orange a:active {color:#1E1E1E;}
        
.gelb            {color:#FFCC00;font-weight:bold;}     /*Bauten+Schulen*/  
.gelb a          {color:#FFCC00;}
.gelb a:visited  {color:#FFCC00;}
.gelb a:hover    {color:#1E1E1E;}
.gelb a:active   {color:#1E1E1E;}

.braun           {color:#996600;font-weight:bold;}     /*Länder*/

.hgruen          {color:#33CC33;font-weight:bold;}    /*Weltenbummler+Beruf*/
.hgruen a        {color:#33CC33;}
.hgruen a:visited{color:#33CC33;} 
.hgruen a:hover  {color:#1E1E1E;}
.hgruen a:active {color:#1E1E1E;}        

.hblau           {color:#33CCCC;font-weight:bold;}     /*Mottos+Ausstellungen*/
.hblau a         {color:#33CCCC;}
.hblau a:visited {color:#33CCCC;}
.hblau a:hover   {color:#1E1E1E;}
.hblau a:active  {color:#1E1E1E;}      

.dblau           {color:#0000FF;font-weight:bold;}    /*Referenzen+Sonstiges*/
.dblau a         {color:#0000FF;}
.dblau a:visited {color:#0000FF;}
.dblau a:hover   {color:#000000;}
.dblau a:active  {color:#000000;}          

.lila           {color:#CC00FF;font-weight:bold;}     /*Bücher+Presse*/
.lila a         {color:#CC00FF;}
.lila a:visited {color:#CC00FF;}
.lila a:hover   {color:#1E1E1E;}
.lila a:active  {color:#1E1E1E;}

.rot            {color:#CC0033;font-weight:bold;}     /*Bücher+Presse*/
.rot a          {color:#CC0033;}
.rot a:visited  {color:#CC0033;}
.rot a:hover    {color:#1E1E1E;}
.rot a:active   {color:#1E1E1E;}

.weiss           {font-size:12px;color:#FFFFFF;font-weight:bold;line-height:150%} /*Seiten Verschiedenes und Werke*/
.weiss a         {color:#FFFFFF;}
.weiss a:visited {color:#FFFFFF;}
.weiss a:hover   {color:#1E1E1E;background:transparent;}
.weiss a:active  {color:#1E1E1E;background:transparent;}

.schwarz           {font-size:12px;color:#000000;font-weight:bold;line-height:150%} /*Seiten Werke, Hundertwasser*/ 
.schwarz a         {color:#1E1E1E;;}
.schwarz a:visited {color:#1E1E1E;}
.schwarz a:hover   {color:#FFFFFF;background:transparent;}
.schwarz a:active  {color:#FFFFFF;background:transparent;}

.rosa            {color:#FF6699;font-weight:bold;}    /*Ausstellung 2007*/
.rosa a          {color:#FF6699;}
.rosa a:visited  {color:#FF6699;}
.rosa a:hover    {color:#1E1E1E;}
.rosa a:active   {color:#1E1E1E;}

.blau            {color:#335AA1; }                     /*blaue Blume*/

/* ------------------------------------------------------------------*/

#tulpe      {background:url(bilder/rtspirale_klein.jpg) center;}
#tulipier   {float:right;margin:3px 0 0 8px;}

#altona     {text-align:justify;border:2px solid #339966;margin-left:80px;
            margin-right:80px;padding:4px;}

.wichtig    {font-weight:bold;}

.mottos     {line-height:150%;}
.mottas     {line-height:310%;}

#texte      {margin-left:79px;margin-right:79px;text-align:justify;}
#text       {margin-left:79px;margin-right:79px;text-align:left;}

.links      {text-align:left;}
.mitte      {text-align:center;}
.rechts     {text-align:right;}

#plan       {border : 2px solid #CC0033;}

.form       {border: 1px solid #000000;
             background-color:#FFFFCC;
             padding: 4px; 4px 4px 8px;}
.ab         {color:#CC0000;
             font-weight:bold;
             background-color:#FFFFCC;
             border: 3px solid #CC0033; 
             padding: 1px; 1px 1px 1px;}

.galerie    {text-align:left;}
.bilder     {text-align:center;}
.presse     {text-align:right;}
.links      {text-align:left;}
.mitte      {text-align:center;}
.rechts     {text-align:right;}