@charset "utf-8";
/* CSS Document */
/* meine-erste-homepage.com */

/* HTML-Elemente */

body {
    background-color:       LightYellow;
	color:                  #000000;
	font-family:            Times, serif;
	margin:                 0px;
    }
	
body a {
    color:                  #0066ff;
    }

/* 2016-02-07 */    
a:link {
    color:                  Yellow;
}

a:visited {
    color:                  Red;    
}


header {
    background-color:       LightGreen;
	color:                  #000000;
	/*font-size:              xx-large;*/
    font-size:              100%;
	font-style:             italic;
	font-weight:            bolder;
	padding:                10px;
	text-align:             center;
    }

	
#hilfscontainer {
    margin:                 0px auto;
    /* 2016-02-07 */
	/*max-width:              1024px; */
    }

aside {
    float:                  left;
	text-align:             center;
	width:                  25%;
    
    /* oder nav */
    color:                  Black;
    /* 2016-02-07 */
    max-width:              250px;
    }

nav {margin:                 10px;
	padding-bottom:         20px;
	padding-left:           5px;
	padding-right:          5px;
	padding-top:            10px;
	text-align:             center;
    }

main {
    background-color:       White;
	color:                  Black;
	float:                  left;
	width:                  75%;
    }
	
main h1 {
    font-size:              xx-large;
 	margin-bottom:          10px;
	margin-top:             0px;
    }		

article {
    border:                 1px solid grey;
	border-radius:          10px;
	margin:                 20px;
	padding-bottom:         10px;
	padding-left:           20px;
	padding-right:          20px;
	padding-top:            10px;
    
    color:                  White;
    
    /* Tranparenz */
    opacity:                0.80;
    filter:                 alpha(opacity=80); /* For IE8 and earlier */
    
    /* Hintergrundbild */
    /* 2016-02-07 */ 
    /* background-image:       url(../img/grin0004.png); */
    background-color:       green;
    background-repeat:      no-repeat;
    background-position:    center;
    background-size:        100% 100%;
    background-attachment:  fixed;
    }

footer {
    background-color:       LightGreen;
	clear:                  left;
	color:                  Black;
	font-size:              large;
	font-style:             italic;
	font-weight:            bolder;
	padding-bottom:         10px;
	padding-top:            10px;
	text-align:             center;
	width:                  100%;
    }

img {max-width:              100%; 
    height:                 auto;
}

ul { margin:                  0; 
    padding:                 0;
    width:                   100%;
    list-style-type:         none;
	font-size:               large;
}

ul li a {text-decoration:       none;
    color:                  White; 
    padding:                10.5px 11px;
	margin-bottom:          10px;
    background-color:       DarkGreen;
    display:                block;
	border-radius:          10px;
}

ul li a:visited {
    color:                  White;
    }
 
ul li a:hover, 
ul li .current {color:          black;
    background-color:       yellow;
}
    
    
/* KLassen */

.column {
    float:                  left;
}

/* IDs */
	
/* ------------------------------------------------------------------------ */