/* Global */

         li                       {display: block;}
         .logocitroen             {padding-left: 150px;}

/* Abst�nde, Breiten, Hoehen */
         body                    {margin: 0px; padding: 0px;}
         .umlauf                 {max-width: 950px; margin: 0px auto; text-align: left;}
         .abstand                {margin-top: 10px;}
         .abstand-u              {margin-bottom: 10px;}
         .rand                   {padding: 30px;}
         .randseiten             {margin-left: 30px;margin-right: 30px;}
         .randoben               {padding-top: 30px;}
         .randunten              {padding-bottom: 30px;}
         .rand-i                 {padding: 5px;}
         .rand-i-l               {padding-left: 30px;}
         .inhalt                 {padding: 10%}
         .ganzebreite            {width: 100%;}

/* Grafisches */
          .rund                  {border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
          .rund2                  {border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
          .schatten              {box-shadow: 5px 5px 5px #888888;}

/* Hintergruende */
         body                    {background: #ffffff; background-image: url("../grafiken/bgpic.jpg"); background-repeat: no-repeat; background-position: left top; background-attachment: fixed; background-size:auto 100%;  -moz-background-size:auto 100%;}
         .bgcrot                 {background-color: #d9152e;}
         .bgweiss                {background-color: #ffffff;}
         .bggrau                 {background-color: #f6f6f6;}
         .bgdgrau                {background-color: #888888;}
         .bgtest                 {background-color: #1486ff;}
         .bgblau                 {background-color: #8eb8c8;}
         .bgorange               {background-color: #ff932b;}
         .bggruen                {background-color: #b5e261;}
         .bggelb                 {background-color: #d3c915;}
         .bglila                 {background-color: #b087e6;}
         .bgpink                 {background-color: #cf7b93;}
         .bggruen                {background-color: #9cda29;}
         .bgblau2                {background-color: #505898;}

/* Schriften */
         /* Die korrekte Reihenfolge ist: font-style, font-variant, font-weight, font-size/line-height, font-family:
         font: italic small-caps bold 1em/1.5em verdana, sans-serif; */

         /* open-sans-300 - vietnamese_latin-ext_greek-ext_cyrillic_cyrillic-ext_greek_latin */
        @font-face {
	            font-family: 'Open Sans';
	            font-style: normal;
	            font-weight: 300;
	            src: url('../schriften/open-sans-v15-vietnamese_latin-ext_greek-ext_cyrillic_cyrillic-ext_greek_latin-300.eot'); /* IE9 Compat Modes */
	            src: local('Open Sans Light'), local('OpenSans-Light'),
		            url('../schriften/open-sans-v15-vietnamese_latin-ext_greek-ext_cyrillic_cyrillic-ext_greek_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		            url('../schriften/open-sans-v15-vietnamese_latin-ext_greek-ext_cyrillic_cyrillic-ext_greek_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		            url('../schriften/open-sans-v15-vietnamese_latin-ext_greek-ext_cyrillic_cyrillic-ext_greek_latin-300.woff') format('woff'), /* Modern Browsers */
		            url('../schriften/open-sans-v15-vietnamese_latin-ext_greek-ext_cyrillic_cyrillic-ext_greek_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		            url('../schriften/open-sans-v15-vietnamese_latin-ext_greek-ext_cyrillic_cyrillic-ext_greek_latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
        }

         body                    {font: 400 14px/1.4 'Open Sans', 'Helvetica Neue', arial, helvetica, helve, sans-serif; color: #000000;}
         h1                      {font: 300 40px/2.4 'Open Sans', 'Helvetica Neue', arial, helvetica, helve, sans-serif; color: #000000;}
         h2                      {font: 300 40px/2.4 'Open Sans', 'Helvetica Neue', arial, helvetica, helve, sans-serif; color: #000000;}
         a                       {color:#717171; text-decoration:none;}
         a:focus                 {text-decoration:none;}
         a:hover                 {text-decoration:none;}
         a:active                {text-decoration:none;}

         .text10                 {font-size: 10px}
         .text12                 {font-size: 12px}
         .text14                 {font-size: 14px}
         .text20                 {font-size: 20px}

         .textfett               {font-weight: bold;}

         .textweiss              {color: #ffffff;}
         .textgrau               {color: #333333;}
         .textschwarz            {color: #000000;}

         .textrechts             {text-align:right;}
         .textlinks              {text-align:left;}
         .textmittig             {text-align:center;}
         .textoben               {vertical-align:top;}

/* Bilder */


/* Klein */
@media only screen and (max-width: 1000px) {
         .grenze         {border-left: 3px solid #d9152e;}

/* Abst�nde, Breiten, Hoehen */

         .abstand                {margin-top: 0;}
         .abstand-u              {margin-bottom: ;}

/* Grafisches */
          .rund                  {border-radius: 0; -moz-border-radius:0; -webkit-border-radius:0;}
          .schatten              {box-shadow:  0 0 0;}
          .logocitroen           {height: 42px;} 

/* Abschlussklammer fuer Klein */
         }
/* Ende Klein */