/*
CSS-Definitionen karosserie-reisch.de

(c) 2015 - AuTec Software GmbH

Farben:
blau:  27, 39, 52  Hintegrund header/footer
blau:   0,144,204  Reisch/Links
rot : 230,  0,  0  Balken/Logo
gelb: 254,212,  0  Balken/Logo
grau:  27, 39, 53  Schrift
grau:  80, 85,101  Schrift Subline
*/

/*----- Allgemein ---------------------------------------------------------*/
body               {
                     background-color            : rgb(27, 39, 52);
                     font-family                 : Verdana,Tahoma,Arial,Helvetica,Sans-serif;
                     font-size                   : 12px;
                     text-align                  : center;
                     padding                     : 0px;
                     margin                      : 0px;
                     color                       : rgb(27,39,53);
                   }

h1                 {
                     margin                      : 0px;
                     margin-top                  : 20px;
                     margin-bottom               : 5px;
                     font-family                 : Verdana,Tahoma,Arial,Helvetica,Sans-serif;
                     font-size                   : 15px;
                     font-weight                 : bold;
                     color                       : rgb(27,39,53);
                   }

h2                 {
                     margin                      : 0px;
                     margin-bottom               : 5px;
                     font-family                 : Verdana,Tahoma,Arial,Helvetica,Sans-serif;
                     font-size                   : 13px;
                     font-weight                 : bold;
                     color                       : rgb(80,85,101);
                   }

h3                 {
                     margin                      : 0px;
                     margin-bottom               : 5px;
                     font-family                 : Verdana,Tahoma,Arial,Helvetica,Sans-serif;
                     font-size                   : 13px;
                     font-weight                 : bold;
                     color                       : rgb(0,144,204);
                   }

p                  {
                     font-family                 : Verdana,Tahoma,Arial,Helvetica,Sans-serif;
                     line-height                 : 20px;
                     padding                     : 0px;
                     margin                      : 0px;       
                     margin-bottom               : 5px;
                   }

ul                 {
                     margin                      : 0px;
                     padding                     : 0px;
                     margin-left                 : 1em;
                   }

img                {
                     border                      : none;
                     margin                      : 0px;
                   }
                                                        
/*----- Layouts -----------------------------------------------------------*/
          
div#headerfix      {
                     width                       : 100%;
                     height                      : 200px;
                     background-color            : rgb(27,39,52);
                     position                    : fixed;
                     left                        : 0px;
                     top                         : 0px;
                     z-index                     : 99;
                   }

div#hinfo           {
                     width                       : 980px;
                     margin-left                 : auto;
                     margin-right                : auto;
                     text-align                  : left;
                   }

div#hmenu          {
                     width                       : 980px;
                     height                      : auto;
                     margin-left                 : auto;
                     margin-right                : auto;
                     text-align                  : left;
                     background-color            : rgb(27,39,52);
                     overflow                    : hidden;
                     z-index                     : 99;
                   }

div#outer          {
                     width                       : 100%;
                     max-width                   : 2560px;
                     margin-top                  : 200px;
                     background-color            : white;
                     overflow                    : hidden;
                     margin-left                 : auto;
                     margin-right                : auto;
                   }

div#inner          {
                     overflow                    : hidden;
                     background-repeat: no-repeat;
                     background-position: 50% 0%;
                   }

div#content        {
                     width                       : 980px;
                     margin-left                 : auto;
                     margin-right                : auto;
                     margin-top                  : 455px;
                     text-align                  : left;
                     min-height                  : 500px;
                   }

div#footer         {
                     width                       : 100%;
                     background-color            : rgb(27,39,52);
                     min-height                  : 180px; 
                   }

div#finfo          {
                     width                       : 980px;
                     margin-left                 : auto;
                     margin-right                : auto;
                   }
                   
/*----- Bilderstrecken ----------------------------------------------------*/

div#picwin         {
                     display                     : none;
                     position                    : fixed;
                     top                         : 10px; 
                     left                        : 0px; 
                     width                       : 560px;
                     text-align                  : center;
                     background-color            : white;
                     z-index:100;
                     border:1px solid black;
                   }

div#picui          {
                     background-color            : gray;
                     padding                     : 2px;
                     color                       : white;
                     font-weight                 : bold;
                     margin-bottom               : 5px;
                     vertical-align              : middle;
                     height                      : 20px;
                   }

div#picbox         {
                     margin-bottom               : 5px;
                     vertical-align              : middle;
                     height                      : 500px;
                     line-height: 250px;
                   }

div#pictit         {
                     text-align                  : center;
                     line-height                 : 28px;
                   }

img#winpic         {
                     width                       : 500px;
                   }

/*----- Verschiedenes -----------------------------------------------------*/

img#img_balken     {
                     position                    : absolute;
                     top                         : 200px; 
                     left                        : 100%;
                     margin-left                 : -264px; /*-293px;*/
                     z-index                     : 1;
                   }

img.img_collage    {
                     width                       : 100%;
                     max-width                   : 980px;
                     margin-left                 : auto;
                     margin-right                : auto;
                   }

div.vz_img         {
                     width                       :176px;
                     height                      :176px;
                     margin-bottom               :25px;
                     float                       :left;
                   }

div.vz_fil         {
                     width                       :25px;
                     height                      :176px;
                     margin-bottom               :25px;
                     float                       :left;
                   }

div.ub_img         {
                     width                       :226px;
                     float                       :left;
                     margin-bottom               :10px;
                   }
div.ub_fil         {
                     width                       :15px;
                     float                       :left;
                   }

div.ps_img         {
                     width                       :176px;
                     float                       :left;
                     margin-bottom               :10px;
                   }
div.ps_fil         {
                     width                       :15px;
                     float                       :left;
                   }

div.ps_img_big     {
                     width                       :377px;
                     float                       :left;
                     margin-bottom               :10px;
                   }

.ibox              {
                     width                       : 240px;
                     margin-top                  : 15px;
                     margin-right                : 5px;
                     float                       : left;
                     text-align                  : left;
                     color                       : white;                     
                     overflow                    : hidden;
                   }

.reisch            { color                       : rgb(0,144,204); }                   

.clear             { clear                       : both; }


/*----- Links -------------------------------------------------------------*/

#menu00,
#menu98,
#menu99            {
                     display                     : none;
                   }

.menu_i            {
                     margin-left                 : 0px;
                     margin-right                : 20px;
                     margin-top                  : 0px;
                     margin-bottom               : 0px;
                     line-height                 : 20px;
                     height                      : 20px;
                     padding                     : 0px;
                     overflow                    : hidden;
                     vertical-align              : middle;
                     cursor                      : pointer;
                     font-size                   : 12px;
                     font-weight                 : bold;                     
                     color                       : white;
                     text-decoration             : none;
                   }
                   

.menu_a            {
                     color                       : rgb(0,144,204);
                   }

.ilink             { 
                     color                       : rgb(0,144,204);
                     font-size                   : 13px;
                     font-weight                 : bold;
                     cursor                      : pointer;
                     text-decoration             : none;
                   }         

/*
A:link,
A:hover,
A:visited
A:active           {
                     color                       : rgb(0,144,204);
                   }

*/
/*
@media only screen and (max-width: 1280px)
{
  div#inner        {
                     background-size             : 1280px auto;
                   }

  div#content      {
                     margin-top                  : 237px;
                   }

}
*/

@media only screen and (max-width: 1023px)
{
  div#headerfix    {
                     height                      : 100px;
                   }

  div#hinfo        {
                     width                       : 100%;
                   }

  div#hmenu        {
                     width                       : 100%;
                     height                      : 20px;
                   }

  div#outer        {
                     margin-top                  : 100px;
                   }

  div#content      {
                     width                       : 100%;
                     padding-left                : 3px;
                     padding-right               : 3px;
                     margin-top                  : 194px;
                   }

  div#finfo        {
                     width                       : 100%
                   }

  div.vz_img       {
                     width                       :100%;
                     margin-bottom               :25px;
                     text-align                  :center;
                   }

  div.vz_fil       {
                     display                     : none;
                   }

  div.ps_img       {
                     width                       :176px;
                     margin-bottom               :10px;
                     float: none;
                   }
                   
  div.ub_img       {
                     width                       :100%;
                     margin-bottom               :10px;
                     float: none;
                     text-align                  :center;
                   }
  div.ub_fil       {
                     display                     : none;
                   }

  div.ps_fil       {
                     display                     : none;
                   }

  div.ps_img_big   {
                     width                       :377px;
                     margin-bottom               :10px;
                   }

/*----- Verschiedenes -----------------------------------------------------*/

  #menu00,
  #menu99          {
                     display                     : block;
                   }

  img#img_balken   {
                     width                       : 105px;
                     position                    : absolute;
                     top                         : 100px; 
                     left                        : 100%;
                     margin-left                 : -105px;
                     z-index                     : 1;
                   }

  div#img_collage  {
                   }


  div#picwin       {
                     width                       : 320px;
                   }

  div#picbox       {
                     margin-bottom               : 5px;
                     vertical-align              : middle;
                     height                      : 250px;
                     line-height: 250px;
                   }

  img#winpic       {
                     width                       : 250px;
                   }

  img#img_logo     {
                     width                       : 210px;
                   }

  .menu_i          {
		     display                     : block;
		   }
}

@media only screen and (max-width: 559px)
{
  img#img_balken   {
                     display:none;
                   }
}

@media only screen and (max-width: 377px)
{
  div.ps_img_big   {
                     width                       :99%;
                     margin-bottom               :10px;
                   }
  img.ps_img_big   {
                     width                       :99%;
                   } 
}