@charset "utf-8";
/* CSS Dokument für Bildschirmausgabe */


/* global reset */
* { 
    margin: 0;
    padding: 0;
}


html, body  {
    background: #FFFFFF;
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.5em;    
    letter-spacing: 1px;
    height: 100%;
}


#container {
    width: 860px;
    margin: 0 auto;
    height: 100%;
}


#header { 
    background-color: #CBD300;  
    text-align: right;
}
        


/* seitenbreiter Container für Menupunkte */
#menu {
    position: relative;
    background-color: #F6F7DA;
    width: 860px;
    height: 185px; 
}


/* Menu1 - Menu6 enthalten die pixelgenaue Positionsangabe für die Menuboxen */


#menu1 {
    display: block;
    position: absolute;
    width: 400px;
    left: 230px;
    top: 13px;
}


#menu2 {
    display: block;
    position: absolute;
    width: 400px;
    left: 333px;
    top: 13px;
}


#menu3 {
    display: block;
    position: absolute;
    width: 400px;
    left: 426px;
    top: 13px;
}


#menu4 {
    display: block;
    position: absolute;
    width: 60px;
    left: 518px;
    top: 13px;
}


#menu5 {
    display: block;
    position: absolute;
    width: 60px;
    left: 614px;
    top: 13px;
}


#menu6 {
    display: block;
    position: absolute;
    width: 60px;
    left: 710px;
    top: 13px;
}


#menu7 {
    display: block;
    position: absolute;
    width: 60px;
    left: 806px;
    top: 13px;
}


/*  Die folgenden id und Klassen definieren die verschiedenen Menuelemente */


#menu p {
    margin: 0 0 1em 0;
}


#menu a {
    text-decoration: none;
    font-weight: bold;
}

#menu a:hover, #menu a:focus {
    color: #CBD300;  
/*    font-weight: bold; */
}


#menu ul {
    list-style: none;
}

    
#menu li a {
    margin: 0.8em 0 0 0;
    text-decoration: none;
    font-weight: normal;    
}


/* grau (inaktive Menutitel) */
.gray {
    color: #9C9E9F;
}


/* schwarz (aktiver Menutitel, inaktiver Menupunkt) */
.black {
    color: #000000;
}


/* grün (aktiver Menupunkt) */
.green {
    color: #CBD300;  
}


/* Titel */

/* Haupttitel mit farbigem Balken */
h1 {
    width: 630px;   /* = 860 - 230 */
    height: 22px;   /* = 50 - 22 - 6 */
    margin: 0;
    padding: 6px 0px 22px 230px; 
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1em;
}


/* spezielle Klasse für 2. H1-Titel bei "Fremde Heimat", enthält bereits Farbschema 3 */
.second {
	position: relative;
	right: 230px;
    background-color: #70BFA5;	
}


.title1 {
    background-color: #CBD300;
}


.title2 {
    background-color: #799C13;
}


.title3 {
    background-color: #70BFA5;
}


.title4 {
    background-color: #E0D027;
}


.title5 {
    background-color: #009790;
}


.title6 {
    background-color: #4DAF6C;
}


/* kleine Texttitel */
h2 {
    padding: 1em 0px 1em 0px; 
    color: #000000;
    font-weight: bold;
    font-size: 1em;
}


/* Box für Hauptinhalt auf der rechten Seite (height-Angabe in % bewirkt Farbe bis Seitenende) */
#content {
    padding-top: 30px;
    padding-left: 230px;
	padding-right: 24px;
    height: 250%;
}


.color1 {
    background-color: #F6F7DA;
}


.color2 {
    background-color: #E3EAD1;
}


.color3 {
    background-color: #E8F3EE;
}


.color4 {
    background-color: #F8F6DC;
}


.color5 {
    background-color: #D6ECE8;
}


.color6 {
    background-color: #D7EAD7;
}


p strong {
    font-weight: bold;
}


/* Box für Fotos am linken Rand */
#photobox {
    z-index: 5;
    position: absolute;
    width: 200px;
}    


/* Box für grosse Fotos in der Seite */
#photo {
	position: relative;
	top: -30px;
}

/* Formulare */


/* Beschriftungstext für Formularfelder, linksbündig */
.form_text {
	position: absolute;
}


/* Langes Formularfeld, linksbündig mit Vereine, rechtsbündig mit Login */
.form_long {
	position: relative;
	left: 226px;
	width: 390px;
	margin-bottom: 10px;
	border-width: 0px;
    background-color: #EBEA9A;
}


/* Langes Formularfeld, linksbündig mit Vereine, rechtsbündig mit Login */
.form_short {
	position: relative;
	left: 226px;
	width: 125px;
	margin-bottom: 10px;
	border-width: 0px;
    background-color: #EBEA9A;
}


/* weisser Abschicken Knopt */
.form_button {
	position: relative;
	left: 226px;
	margin: 1em 0 0 0;
	border-color: #FFFFFF;
	border-style: solid;
	background-color: #FFFFFF;
}


/* nötig für linksbündige Ausrichtung von Text zu Vereine */
.text_aligned {
	position: relative;
	left: 226px;
	width: 380px;
}


/* nötig, damit nachfolgender Text linksbündige zu Vereine sein kann*/
.text_left {
	position: absolute;
}


/* Einstiegsseite */


.colorentry {
	background-color: #7DB398;
}


.white {
	color: #FFFFFF;
}


.noline {
	border: none;
	text-decoration: none;
}