
/* Dear visitor,
 * thank you for your interest in this stylesheet. Feel free to learn as
 * much as you can from reading it. Please note that the design itself must
 * not be copied by you since someone put hard work into it and owns it --
 * and someone else paid for permission to use it. Thank you.
 *
 * Note: Classes are used for reusable looks, IDs are used for specific
 *       positioning.
 *
 * Note: Apart from "max-width" (which is only used to counteract a
 *       workaround for IE), everything's from CSS1.
 */
 
 /* ORIGINAL DESIGN BY WWW.OPTISEM.COM
 * KLARE ZEICHEN FUER UNTERNEHMEN !
 *
 * OPTISEM: SEMIOTISCH OPTIMAL.
 */

/* For debugging: (this selector is from CSS2...) */
/* * { border-style: solid ; border-width: 1px; } */

body {
  background-color: #B6C1C1 ;
  color: #001978 ;
  font-family: sans-serif ;
  text-align: center ;		/* Need this against IE... */
  vertical-align: top ;
}

p {
  text-align: justify;
  font-size: small ;
  
}

a:link {
  color: #501428 ;
  text-decoration: none ;
}

a:visited {
  color : #7B2F48 ;
  text-decoration: none ;
}

a:hover {
  color: #501428 ;
  background-color: #E6E8F2 ;
  text-decoration: none ;
}

a:active {
  color: #001978 ;
  background-color: #E6E8F2 ;
  text-decoration: none ;
}

img {
border-style: none ;
}

.flatlist a {
padding-left: 5px ;
padding-right: 4px ;
}

.flatlist li, .flatlist  div {
  display: inline;
  list-style-type: none ;
  margin-left: 0px;
  margin-right: 0px ;
}

.box, .flatlist ul {
  width: auto ;
  border-width: 1px ;
  border-color: #001978 ;			
  border-top-style: solid ;			/* THIS IS FROM CSS2 FOR CSS1 COULDN'T DO A THING FOR ME*/
  border-bottom-style: solid ;	
/*  border-style: solid ;*/			/* THAT'S THE SAME LOOKING AWFUL BUT COMPLYING WITH CSS1 RIGIDLY */
}

.navactive a, navactive a:hover {
  color: #001978 ;
  background-color: white ;
  text-decoration: none ;
}

.navnorm, .navactive {
  background-color: white ;
  padding-right: 30px ;
  padding-left: 20px ;
}

.less {
margin-top: -15px
}

.sidebyside {
margin-left: 70px ;
float: left ;
}

.bold {
font-weight: bold ;
}

#bg {
  background-color: white ;
  width: 760px ;
  height: auto ;
  text-align: left ;
  margin-top: 20px ;
  margin-bottom: 20px ;
  margin-left: auto ;
  margin-right: auto ;
}

#head {
  background-color: #E6E8F2 ;
  width: 760px ;
  height: 80px ;
}

#headbind {
  padding-left: 30px ;
  margin-top: 20px ;
  float: left ;
}

#nav div {
  width: auto ;
  height: 27px ;
}

#content {
  float: left ;
  width: 70% ;
  padding-left: 30px ;
  vertical-align: top;
  text-align: left ;
}

#list li {
  list-style-position: inside ;
  list-style-type: circle ;
  color: #001978 ;
  padding-top: 10px ;
  padding-left: 120px;
  font-size: small ;
}

#rightslogan {
  float: right ;
  text-align: center ;
  vertical-align: top ;
  padding-right: 0px ;
  margin-top: 9% ;
  width: 25% ;
}

#footer {
  float: none ;
  text-align: left ;
  padding-bottom: 0px ;
  margin-top: 520px ;
}