/* CSS Document */
@font-face {
    font-family: 'open_sansregular';
    src: local('Open Sans'), local('OpenSans'), 
	       url('opensans-regular.woff2') format('woff2'),
           url('opensans-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
   font-family: 'open_sansregular', sans-serif;
   margin: 0;
}

html {
   font-family: 'open_sansregular', sans-serif;
   font-size: 8px;
}

h1, h2, h3 {
   margin-top: 1.8em;
   margin-bottom: 0;
}

h1 {
   font-size: 2.1rem;
   color: #2828d8;
}

h2 {
   font-size: 1.9rem;
   color: #2828d8;
}

h3 {
   font-size: 1.8rem;
   color: #2828d8;
}

h3 + p {
   margin-top: 0;
}

p {
   font-size: 1.55rem;
	color: #2828d8;
}

li {
	color: #2828d8;
}

.li-h2 {
   margin-top: 4.6em;
   margin-bottom: 0;
}

.li-blau-pfeil {
	list-style-image: url(../bilder/pfeile/blau-10-10.gif);
}

.li-blau-pfeil-gedreht {
	list-style-image: url(../bilder/pfeile/blau-10-10-gedreht.gif);
}

.li-rot-pfeil {
	list-style-image: url(../bilder/pfeile/rot-10-10.gif);
}

.li-gruen-pfeil {
	list-style-image: url(../bilder/pfeile/gruen.gif);
}

.li-blau {
	color: #2828d8;
}

.li-blau-klein {
	color: #2828d8;
	font-size: smaller;
}

.li-rot {
	color: #e02018;
}

.li-rot-klein {
	color: #e02018;
	font-size: smaller;
}

.li-gruen-klein {
	color: #01be13;
	font-size: smaller;	
}

.li-square {
	font-size: smaller;
	list-style-type: square;	
}

.td-rahmen-blau {
    border-width: 1px;
	border-color: #2828d8;
	border-style: solid;
}

.td-rahmen-blau-gestrichelt {
    border-width: 1px;
	border-color: #2828d8;
	border-style: dotted;
}

a:link {
	color: #2828d8;
    font-family: 'open_sansregular', sans-serif;
}

a:visited {
	color: #e02018;
    font-family: 'open_sansregular', sans-serif;
}

a:hover {
	color: #e02018;
    font-family: 'open_sansregular', sans-serif;
}

a:active {
	color: #2828d8;
    font-family: 'open_sansregular', sans-serif;
}

.p-zentrieren-strecken {
    text-align: center;
	letter-spacing: 1px;
	color: #e02018;
}

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

.text-blau {
	color: #2828d8;
}

.text-rot {
	color: #e02018;
}

.text-klein {
	font-size: smaller;
}

.text-kleinstens {
	font-size: xx-small;
}

.text-italic {
	font-style: italic;
}

.text-klein-fett {
	font-weight: bold;
}

.text-klein-fett-italic {
	font-weight: bold;
	font-style: italic;	
}

.text-italic-blau {
	font-style: italic;
	color: #2828d8;
}

.text-mittig {
	text-align: center;
}

.text-rechts {
	text-align: right;
}

.text-decoration-blink {
	text-decoration: blink;
}

.text-mittel {
	font-size: small;
}

.text-groesser {
	font-size: medium;
}

.text-groesser-blau {
	font-size: medium;
	color: #2828d8;
}

.text-gross {
	font-size: large;
}

.text-times {
    font-family: 'open_sansregular', sans-serif;
	font-size: small;
}

.text-blau-fett-gross {
	font-style: italic;
	color: #2828d8;
	font-weight: bold;
}

.text-fett {
   font-weight: bold;
}

@media screen and (min-width: 650px) {

   html {
      font-size: 9px;
   }

}

@media screen and (min-width: 950px) {

   html {
      font-size: 10px;
   }
   
}

 @media screen and (min-width: 1200px) {

   html {
      font-size: 11px;
   }
     
}