@CHARSET "ISO-8859-1";
/* CSS-Definitionsdatei, www.araber-rappen.de 
 *
 *   Farben:
 *      Allgemeiner Hintergrund:       rgb(169,218,173)   #A9DAAD
 *        Hintergrund Header/Footer    rgb(64,174,73)     #40AE49  
 *        Hintergrund Preisliste       rgb(116,196,123)
 *
 *      Schrift Menu und Links     rgb(34,81,138)     #22518A   blau 
               Links hover                            #FBDE85   hellgelb
 *      Hintergrund Menu hover     rgb(204,154,0)     #CC9A00   gelb 
                                  
 *      überschriften              rgb(34,81,138)     #22518A   blau
 *      Text                                          #333333   dunkel grau
 */


body  {margin: 0; padding: 0; border: 0;
       background-color: #F9F3E1; color: #333333;
       font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;  font-size: 9pt;  
       min-width: 40em; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */}
     
 img   {border: 0}    /* wichtig für IE */
 

 
/* ===========================   common areas     =========================== */
 
/*  --- wrapper ----*/   
   div#wrapper     {width: 998px; margin: 0 auto; }    

/*  --- header ---- */ 
   div#header      {padding-top: 5px; border-bottom: 8px solid #CC9A00; height: 140px }
   div#logo        {float: left;  margin-left: 30px; margin-top: 10px; width: 150px}
   div#logo img    {height: 120px; width: 120px}
   div#title       {float: right; margin: 10px 0 10px 20px; width: 700px}
   
                        
/*  ------ main ---- */
/* main umfasst den Bereich zwischen Header und Footer auf der gesamten Breite ohne das Menü */ 
   div#main        {min-height: 500px; width: 850px; padding-left:155px; }
                     
   div#main hr     {clear:both; height: 0; border: 0 }            
                    
                    
/* Menü-Bereich, Details folgen weiter unten      */           
   div.menu        {float: left; margin: 60px 0 0 10px;  z-index: 200; width: 150px}
                    

/*  ----- footer ------- */
   div#footer      {clear: both;  border-top: 8px solid #CC9A00; margin-top: 10px }

   div#footer  a   { font-size: 8pt; }   
    .copyright     { text-align:center; font-size:7pt;margin-top: 5px}      
    .seitenlinks   { text-align:center;  padding-top: 10px; }
   
   div#contact     { float: left; font-size: 8pt; padding-left: 20px; padding-top: 10px; }
   div#contact p   { margin: 0}
   div#contact a   { font-size: 8pt}
    
   /* Status wird außerhalb des footer positioniert und zwar links, oberhalb der Trennlinie */
   div#status      {position: relative; top: -100px;  left:-165px; font-size: 7pt}     


/*  ===================   Haupt-Menü     ==========================    */
  
/* Definitionen für das Gesamtmenu */
   #nav, #nav ul { padding:0;  list-style:none; line-height: 1;}
   
   #nav a        {display:block; padding: 0.5em 1em;   /* oben+unten, rechts+links */ 
                  font-weight: bold; text-decoration:none; color: #22518A;   }    
   #nav p        {display:block; padding: 0.5em 1em; margin:0;
                  font-weight: bold; text-decoration:none; color: #22518A;  }   
                
   /* Dient der Anzeige des Pfeil unten, */
   #nav p.daddy  {background: transparent url(../Media/right.gif) no-repeat scroll 9em center }
   
   
   #nav a:hover  {color: #22518A; background-color: #CC9A00 }
    
   #nav li       {float:left; padding: 0;}
     
   #nav li li    {padding-right: 1em; width: 9em; background-color: #FBDE85 }
     
   #nav li.sfhover, 
   #nav li:hover {background-color: #CC9A00  } 
     
   #nav li ul    {position: absolute; width: 8em; left: -999em; }  
     
   #nav li ul a  {font-weight:normal; font-size: 8pt; }
   #nav li ul p  {font-weight:normal; font-size: 8pt; } 
       
   #nav li ul a.hover {color:black;} 
     
   #nav li ul ul {margin: -1.8em 0 0 10em; } 
      
   #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul 
                 {left: -999em; }
        
   #nav li:hover ul, #nav li li:hover ul,#nav li li li:hover ul, #nav li.sfhover ul, 
        #nav li li.sfhover ul, #nav li li li.sfhover ul 
                 {left: auto;  }

/* ====== Generelle Formate  ======== */
   h1              {font-family: Georgia, serif; font-size: 14pt; color: #22518A;
                    margin-top: 30px}
                    
   h2              {font-family: Georgia, serif; font-size: 12pt; color: #22518A;
                    margin-top: 15px; margin-bottom: 3px }     
   
   h3              {font-family: Georgia, serif; font-size: 9pt; color:  #22518A;
                    margin-top: 5px; margin-bottom: 3px }                                  

   h4              {font-family: Georgia, serif; font-size: 9pt; color: #22518A;
                    margin-top: 5px; margin-bottom: 3px }                                  

   em              {color: #000000; font-style: italic; letter-spacing: 0.05em} 
   
   p               {margin-top: 0px; margin-bottom: 10px;}
   
   a               {font-weight: normal; color: #22518A; text-decoration: none;
                    background-color: transparent;
                    font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;  font-size: 9pt;}

   a:link          {  }
   a:visited       {  }
   a:focus         {  }
   a:hover         { background-color: #FBDE85}
   a:active        { background-color: #FBDE85}
   

/* ====== Einzelne Seiten Formate  ======== */

/* -----  home--------*/   
  div#footer #adr {font-size: 10pt; text-align:center; color: white; font-weight: bold; margin-top: 10px}


/* === HTML für Einzelbilder === */
.picturetitle {min-height: 70px; margin-top: 10px}      /* HTML für Einzelbilder */
.picsheader   {margin-top: 20px; margin-bottom: 30px}   /* Einzelbilder */

.hinweis {font-size: 8pt; margin-top: 10px;}
.picDesc {font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 8pt; text-align:center}


/*  ========= Alle Seiten ======================== */
   div.section        {padding-top:10px;}
   div.section hr     {clear: both; height: 0px; border: 0}
   div.section p      {margin-top: 10px; line-height: 140%}
   div.bericht p      {line-height: 140%}
  
   div.zitat          {padding: 10px 15px; line-height: 140%; margin-bottom: 10px;font-style:italic;
                       background: rgb(249,243,200); border: 2px solid rgb(132,88,16); }
               
   div.picLeft        {float:left; padding: 10px;}
   div.picLeft p      {font-size: 8pt; text-align:center}
  
   div.picRight       {float:right; padding: 10px;}             
   div.picRight p     {font-size: 8pt; text-align:center}
  
   div#center         {margin: 20%}  

/* ========= Standort  =============================== */
   div.contactRight   {margin-top: 30px; padding-left: 400px; width: 400px;}
   div.contactRight p {margin: 5px 0}
   div.contactLeft    {margin-top: 20px; width: 380px; float: left;} 
   

/* ========== Nachwuchs =============================  */
   div.thumbs         {float: right; width: 420px}
   div.thumbs img     {margin: 0 5px; border: solid 1px black}

/* ========== Zu Verkaufen =============================  */
   div.steckbrief         {width: 40%; float:left;}
   table.steckbrief       { margin-top: 30px}
   table.steckbrief  td.label        { width: 100px; height: 1.6em; color: #22518A; font-style: italic; 
                         font-weight: bold; }
                    
   div.foto             {text-align: center}
   div.thumbsVerkauf    {text-align:center;  margin-bottom: 30px}
   
   div.trenner          {border-bottom: 4px solid rgb(204,154,0); height: 4px;margin-bottom: 40px}

/* ========= Fehlerseite 403 / 404  =============================== */        
 div#errortext {  width: 565px; height: 346px; margin: 40px auto 10px; 
                  padding-top: 40px; text-align: center;
              background-image: url(../Media/bgFehlerhinweis.png); background-repeat:no-repeat}