@charset "UTF-8";

body {
   font-family: serif;
   font-size: 15px;
   background-color: #2f4c85;
   color: #000;
   padding: 0;
   margin: 0;
   }

#container {
   background-color: #2f4c85;
   padding: 0;
   border: none;
   margin: auto;
   width: 100%;
   height: 700px;
   }
   
#linieunten {
float: left;
display: inline;
   height: 500px;
   border-bottom: 1px solid white;
}

#red {
   background-color: #ffd5ee;
   padding: 0;
   border: none;
   margin: 0;
   width: 25%;
   float: right;
   overflow: auto;
   }
#red-inside {
   background-color: #fad;
   padding: 0;
   margin: 10px;
   }

#blue {
   background-color: #2f4c85;
   padding-left: 19px;
   border: none;
   margin: 0;
   width: 40%;
   height: 100%;
   float: left;
   clear: both;
   overflow: auto;
   }
#blue-inside {
   background-color: #2f4c85;
   padding: 0;
   margin-left: 10px;
   }

#green {
   background-color: #caddfb;
   padding: 0;
   border: none;
   margin: 0;
   width: 55%;
   height: 100%;
   float: right;
   overflow: auto;
   }
#green-inside {
   background-color: #caddfb;
   padding: 0;
   border: 1px solid #caddfb;
   margin: 10px 10px 0px 10px;
   }

#orange {
   background-color: #caddfb;
   padding: 0;
   border: none;
   margin: auto;
   width: 100%;
   height: 20%;
   overflow: hidden;
   }
   
#orange-inside {
   background-color: #caddfb;
      margin: -10px 10px -0 10px;

   padding: 0;

   }

#purple {
   background-color: transparent;
   padding: 0;
   border: none;
   margin: 0;
   width: 100%;
   height:450px;
   border-bottom: 1px solid white;
   clear: both;
   overflow: auto;
   }
#purple-inside {
   background-color: #e3ccff;
   padding: 0;
   border: 1px solid #a6f;
   margin: 10px;
   }


/** globale Navigation
---------------------------------------------------------- */
#navi {
   background-color: #597dc4;
   padding-top: 10px;
   border-bottom: 5px solid #e1db4d;
   margin: auto;
   width: 100%;
   height: 6%;
   overflow: hidden;
 }


div#navi ul {
  font-size: 1em;
  background-color: #597dc4;
  margin-left: 8px;

}
#navi ul,
#navi li {
  display: inline;
  list-style: none;
 
 
}

#navi ul a,
#navi ul strong {
  color: #FFF;
  background-color: transparent;
  text-decoration: none;
  padding: .2em 1.5em;
}
#navi ul a:hover,
#navi ul a:focus {
  color: #597dc4;
  background-color: #caddfb;
  text-decoration: none;
}


P {
   margin: 0.7em 1em;
   }

.gross {
font-size:30px;
}

   
#orange h1 {
margin: 0px;
color: #2f4c85;
font-family: serif;
font-variant: small-caps;
font-size: 3.2em;
font-weight: lighter;
letter-spacing: 0.1em;
}
#orange h2 {
color: #2f4c85;
font-family: serif;
font-variant: small-caps;
font-size: 1.1em;
font-weight: lighter;
letter-spacing: 0.2em;
margin: 0.7em 1.5em;
}  

#green p{
color: #2f4c85; 
margin: 0.7em 1em;

}

#green-inside h2{
color: #2f4c85;
padding-top: 5px;
margin-left: 15px;

}

#green-inside h3{
color: #2f4c85;
margin-left: 15px;

}
   
h1 {
   font: 1.7em  "trebuchet MS",Verdana,sans-serif;
   padding: 0.5em;
   }
h1 code {
   font-weight: bold;
   color: #999;
   }
   

.durchschuss {
line-height: 150%;
}

.disclaimer {
font-size: 85%;
}

#green ul {
color: #2f4c85;

}