body {
	background: #6688b4 url('../img/bg.gif');
	margin: 0;
	padding: 1%;
	min-width: 640px;
	font-size: 100.01%;
	font-family: verdana, arial, sans-serif
}
a { color: #0B4D8C; text-decoration: underline; }
a:visited { color: Black; } 
a:focus   { color:#0B4D8C; text-decoration:underline; }
a:hover   { color:#0B4D8C; text-decoration:none; }
a:active  { color:#6688b4; text-decoration:underline; }

.spi
{	overflow:hidden;
	width:100%;
}

.skip { /* Wichtiger Screenreader soll skip vorlesen */
  position: absolute;
  margin-left: -999px;
  width: 990px;
}
h1 { 
  font-size: 1.4em;
  font-weight: normal;
  line-height: 0.8em;
  padding: 0.5em 0 0.2em 2%;
  margin: 0;
  border-bottom: 1px dashed #E6E6FA;
}
h2 { font-size: 1.2em;}
h3 { font-size: 1.1em;}
h4 { font-size: 1.0em;}

h2, h3, h4 {font-weight: normal;}

h1, h2, h3, h4, h5, h6 {
	color: #6688b4;
	font-style: oblique;
}
img { 
  border: solid 1px #6688b4;
  padding: 1px;
  max-width: 95%;
}
.fleft { /* wo Text vorbeifließt, wird dies oder fright zugewiesen. */
  float: left;
  margin: 0 1em 0.1em 0;
}
.fright {
  float: right;
  margin: 0 0 0.2em 1em;
  padding: 1px;
}


/* -- Layoutspezifisches -- */
#container
{ border-width:0px;
  background-color:transparent;
}

#rahmen
{ border-left:1px solid #6688b4;
  border-right:1px solid #6688b4;
  border-bottom:1px solid #6688b4;
 	background-color:#ffffff;
	margin-top:0px;
	padding:0px;
}


#footer {
  clear: both; /* Damit sich #main mind. ausdehnt wie #subnav, falls #subnav länger sein sollte. */
  padding: 0 20px;
}

/* - Logo bzw. Kopf -*/
#logo {
	background: url('../img/top_right_enlarged.gif') no-repeat right;
	background-position:right top;
	height: 95px;
	text-align: right;
	line-height: 100px;
	font-size: 55px;
	overflow: hidden;
	letter-spacing: -3px;
	margin: 0;
}

#logo a {color: black; text-decoration: none;} 

/* - Menü - */
#menu {
	background: url('../img/menu_bg.gif');
	padding-left:50px;
	margin: 0;
	text-align: left;
	color: #6688b4;
	height: 20px
}
#menu li {
	font-size: 0.8em;
	display: inline;
	list-style-type: none;
	border-right: 1px dotted #6688b4;
	padding: 0 10px 0 15px;
	font-weight: bold;
}
#menu li a {	color: Teal; 	text-decoration : underline; }
#menu li a:focus   { color:#6688b4;}
#menu li a:hover   { color:#6688b4; text-decoration:none; }
#menu li a:active  { color:#6666FF;}


/* - Subnavigation, Rechte Spalte - */
#subnav {
	width: 26%;
	/* Je kleiner Fenster desto kleiner Breite der Subnavigation. */
	min-width: 10em;
    	float: right;
	/* Inhalt links neben Subnavigation */
	padding: 1% 1em 1%;
	margin: 1em 1% 0 1%;
	border-left: 1px dotted #aaa;
	font-size: 0.8em;
}
#subnav dt {
  color: #6688b4;
  font-weight: bold;
  padding: 0.5em;
  margin-top: 1em;
}
#subnav dd { 
  color: black;
  padding: 0;
  padding-bottom: 5px;
  margin: 0.2em 0;
  border-bottom: 1px dotted #aaa;
}
#subnav img {
  border: 0px #6688b4;
  padding: 1px;
  max-width: 95%;
  padding-left:5px;
  padding-top:5px;
}

/* - Der Hauptinhaltsteil - */
#mainstart {
  padding: 0 31% 0 20px;
	line-height: 1.5em;
  font-size: 0.8em;
}
#mainstart img { 
  border: solid 0px;
  padding: 1px;
  max-width: 95%;
}
#main {
  padding: 0 20px 0 20px;
	line-height: 1.5em;
	font-size: 0.8em;
}
#main img { 
  border: solid 0px;
  padding: 1px;
  max-width: 95%;
}

/* - Runde Ecken - */
.spif
{ overflow:hidden;
	height:4px;
}
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#6789b6}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #bdccdf;
  border-right:1px solid #bdccdf;
  background:#8da6c8}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #eff3f7;
  border-right:1px solid #eff3f7;
  background:#839fc3}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #839fc3;
  border-right:1px solid #839fc3;}
.spiffy4{
  border-left:1px solid #bdccdf;
  border-right:1px solid #bdccdf}
.spiffy5{
  border-left:1px solid #8da6c8;
  border-right:1px solid #8da6c8}
.spiffyfg{
  overflow:hidden;
	background:#6688b4;
	padding-left:0.5em;
	padding-right: 0.5em;
	color : White;
  margin:0px;
  padding:5px;}
.spiffyfg	a { color: White; text-decoration: underline; }
.spiffyfg a:visited { color:White; }
.spiffyfg a:focus   { color:#00FFFF; text-decoration:underline; }
.spiffyfg a:hover   { color:#00FFFF; text-decoration:none; }
.spiffyfg a:active  { color:#FFFF99; text-decoration:underline; }