/* aliceblue css float 05.02.12 upg colors */

/* 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: #330000; /*  dunkelrot */
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; /* Textumbruch nicht ganz am rechten Rand */
}

/* alternative für texte mit ansicht einzelbild */

#einzelbild {
background-color: #FFFFF0; /* ivory */
	/* float: right; */
margin: 0 0 20px 240px;
	/* margin: 0 0 20px 20px; */
	/*padding: 5px; /*test bildliste*/
width: 400px;
height: 422px; /* test bildliste ausblenden */
padding-right: 0px; /* Bild ohne rechten Rand im Hintergrund */
}

#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: #FFCC33;
   } /* Schriftfarbe aktueller Link hellsand */ 

/* Interne Links */

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

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

/* Externe Links */

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

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

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

/* 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;
   }