/* aliceblue css float 16.04.07  */

/* Allgemeines */

* {
margin: 0;
padding: 0;
}

html, body {
		/*background-color: #CCCC99; /* milchkaffeebraun */
font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; /* Schriftfamilie */
font-size:14px; /* Schriftgröße Fließtext */
color: #000033; /* dunkelblau */
text-align: center;
	/* optional scrollbar attribute */
}

/* Elemente */

#seite {
		/*background-color:#666666; /*  dunkelbraun */
margin: 0 auto;
padding: 0 10px 20px 10px;
text-align: left;
width: 670px;
}

#start {
		/*background-color:#CCCCFF; /* blassblau */
float: left;
margin: 20px 0 20px 20px;
width: 200px;
text-align: right;
font-weight:bold; 
line-height: 30px;
display: inline; /*erg ie fehler float left */
}

#navi {
		/*background-color:#CCFFCC; /* hellgrün */
float: left;
margin: 20px 0 20px 20px;
width: 410px;
font-weight:bold; 
line-height: 30px;
display: inline; /*erg ie fehler float left */
}

#container {
		/*background-color:#666666; /* dimgray */
float: left;
clear: left;
margin: 0 auto;
width: 670px;
display: inline; /*erg ie fehler float left */
}

#bilder {
background-color: #66FFFF; /* hellblau */
float: left; /*links*/
margin: 0 0 20px 20px;
width: 200px;
height: 200px;
display: inline; /*erg ie fehler float left */
}

#eingabe {
background-color: #FFFFF0; /* ivory */
float: left; /*links*/
clear: left; /*links nichts daneben, dh unter bilder*/
margin: 0 0 20px 20px;
border-width: 1px;
border-style: solid;
border-color: #BFBFBF;
width: 200px;
height: 200px;
display: inline; /*erg ie fehler float left */
}

/* alternativer platzhalter ohne eingabefunktionen */

#noeingabe {
background-color: #FFFFFF; /* weiss */
float: left; /*links*/
clear: left; /*links nichts daneben, dh unter bilder*/
margin: 1px 0 21px 20px; /* margin-top und margin-bottom plus ein px w border-style none */
border-width: 1px;
border-style: none;
width: 200px;
height: 200px;
display: inline; /*erg ie fehler float left */
}

#extra {
		/*background-color:#6666FF; /* himmelblau */
float: left; /*links*/
clear: left;/*links nichts daneben, dh unter eingabe*/
margin: 0 0 20px 20px;
width: 200px;
height: 5px;
display: inline; /*erg ie fehler float left */
}

#texte {
		/*background-color:#FFFFFF; /* weiss */
	/*float: right;*/
margin: 0 0 20px 240px;
	/*margin: 0 0 20px 20px;*/
width: 400px;
padding-right: 10px;
}

#unten {
		/*background-color:#CCFF00; /* grün*/
clear: left;
margin: 0 0 20px 0;
width: 670px;
height: 30px;
}

#impressum {
		/*background-color:#CCFFFF; /* hellblau */
float: left;
margin: 0 0 0 20px;
width: 200px;
text-align: right;
font-weight:bold; 
line-height: 30px;
display: inline; /*erg ie fehler float left */
}

#info {
		/*background-color:#CCFFFF; /* hellblau*/
float: left;
margin: 0 0 0 20px;
width: 410px;
font-weight:bold; 
line-height: 30px;
display: inline; /*erg ie fehler float left */
}

#abstand {
background-color: #FFFF66; /* gelb */
clear: left;
margin: 0 0 20px 20px;
width: 200px;
height: 200px;
}

/* Auszeichnungen */

h1 { /* Überschrift */
font-size: 21px;
font-weight:bold;
padding-bottom:10px;  /*Abstand zwischen Überschrift und Fließtext */
}

.fett {
font-weight:bold; /* Hervorhebung interner Links auf der Homepage */
}

/* Aktuelle Interne Links */

/* Link der aktuellen Seite: In der jeweiligen html-Seite in den <a href tag> id="aktuell" einfügen */

   #aktuell {
text-decoration: none; color: #00FF00;
   } /* Schriftfarbe aktueller Link lime */ 

/* Interne Links */

   a.intern:link, a.intern:visited {
text-decoration: none; color:#87CEEB;
   } /* Schriftfarbe Link und besuchter Link skyblue */

   a.intern:hover, a.intern:active {
text-decoration: none; color:#00FF00;
   }  /* Schriftfarbe bei mouseover und aktiv lime */

/* Externe Links */

   a.extern:link {
/*font-weight: bold;*/ color:#FF0000; text-decoration: none;
   } /* rot */

   a.extern:hover, a.extern:active /*, a.extern:focus*/ {
/*font-weight: light;*/ color:#00FF00; text-decoration: none;
   }  /*lime*/

   a.extern:visited {
/*font-weight: light;*/ color:#FF9900; text-decoration: none;
   } /* orange */

/* Bilder ohne Rahmen */

   img {
border: 0px;
   }

/* Formularbutton Eingabe Druck 1 */

/* width 200px = 100px + 100px > ie druck falsch untereinander */

/* width 200px = 99px + 99px > korrekte ausgabe mit 2px rechts */

.button {
width: 99px; /* 100px minus 1px */
height: 20px;
border-width: 1px;
border-style: solid;
border-color: #BFBFBF;
background-color: #FFFFF0; /* ivory */
}

/* Formularbutton Eingabe Druck 2 */

/* width 200px = 1px + 99px + 99px + 1px > korrekte mittige ausgabe */

   input.position { 
margin-left: 1px;
   }