/* Formatierung für die verlinkten Bilder auf der Startseite. Im IE 10 bekommen sonst die verlinkten Bilder einen blauen, rechteckigen Rahmen, besuchte Link-Bilder einen weißen Rahmen */
.index {
    border: 0;
}

.startseite-h2 {
	color: black;
    margin: 0;
    font-size: 11px;
	text-indent: 0;
	background-image: none;
	line-height: 1em;
}

#einfuehrung {
    float: left;
    width: 750px;
    height: 170px;
    background-color: white;
}

#box1-4, #box5-8 {
    float: left;
    width: 750px;
    height: 220px;
    background-color: white;
    text-align: center;
}

#box1-4 a:link, a:visited, #box5-8 a:link, a:visited {
    text-decoration: none;
}

#box1-4 p, #box5-8 p {
    color: black;
    font-size: 11px;
    padding: 0 5px;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
}

#box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8 {
    float: left;
    width: 140px;
    height: 190px;
    background-color: #FFCC00;
    padding-top: 10px;
    border-left: 25px;
    border-right: 0px;
    border-top : 0;
    border-bottom:0;
    border-style: solid;
    cursor: pointer;     /* notwendig, damit der Box-Link im IE funktioniert!*/
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 10px 10px 10px #808080;
    -webkit-box-shadow: 10px 10px 10px #808080;
    -o-border-box-shadow: 10px 10px 10px #808080;
    -khtml-box-shadow: 10px 10px 10px #808080;
    box-shadow: 10px 10px 10px #808080;
}

#box1 {
    margin-left: 0px;
    border-color: #006633;
}
   
#box2 {
    margin-left: 30px;
    border-color: #006633;
}

#box3 {
    margin-left: 30px;
    border-color: #006633;
}

#box4 {
    margin-left: 30px;
    border-color: #CC0000;
}

#box5 {
    margin-left: 0px;
    border-color: #006633;
}

#box6 {
    margin-left: 30px;
    border-color: #006633;
}

#box7 {
    margin-left: 30px;
    border-color: #006633;
}

#box8 {
    margin-left: 30px;
    border-color: #CC0000;
}