@charset "utf-8";
body {
    margin: 0 auto;
    max-width: 76em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    background-image: url(../img/Sourcecode2.jpg);
    background-attachment: fixed;
    background-size: 100% 100%;
}
#Ausgabe #form1 #CodeAusgabe {
    width: 600px;
    min-height: 300px;
}


#main #Kopf {
    background-color: #000000;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
	border-right: 3px solid #FECE1A;	
	border-left: 3px solid #FECE1A;
	border-bottom: 1px solid #FECE1A;
}
#Mitte #PSGUI .block {

}
#Mitte #PSGUI input {

}

#main #Kopf h1 {
    float: none;
}
#main #Kopf img {
    float: left;
}


#main #Fuss {
    background-color: #000000;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: 3px solid #FECE1A;
    border-right: 3px solid #FECE1A;
    border-left: 3px solid #FECE1A;
    border-top: 1px solid #FECE1A;
    text-align: right;
}

main {
    display: flex;
    flex-flow: row wrap;
    border-right: 3px solid #FECE1A;
    border-left: 3px solid #FECE1A;
    -webkit-box-shadow: 20px 20px #000000;
    box-shadow: 20px 20px #000000;
}

#main #NavMenu {
    background-color: #FECE1A;
}

nav {
	flex: 1 13em;
}
#Mitte #PSGUI .ZweiKleineFelder {
    display: block;
}
#PSGUI .ZweiKleineFelder input {
    width: 37px;
    text-align: center;
}





#main #Mitte {
    background-color: #E3E3E3;
    flex: 2 18em;
}
#Mitte #ElementeForm label, #Mitte #PSGUI label {
    width: 140px;
    display: inline-block
}
#Mitte #ElementeForm input {
    width: 120px;
}


#main #Ausgabe {
    background-color: #E3E3E3;
    flex: 3 46%;
    min-height: 400px;
}

.Link{
    cursor: pointer;
    border-left-width: 8px;
    border-left-style: solid;
    border-left-color: #FECE1A;
    padding-left: 8px;
}
.Link:hover{
    border-right-width: 8px;
    border-right-style: dotted;
    border-right-color: #000000;
    border-left-width: 8px;
    border-left-style: dotted;
    border-left-color: #000000;
}
.LinkCurrent{
    border-right-width: 10px;
    border-right-style: dotted;
    border-right-color: #000000;
    border-left-width: 10px;
    border-left-style: dotted;
    border-left-color: #000000;
}

.Spalte{
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;	
}
.PardoGelberText{
	color: #FECE1A;
}
#Mitte input[type="number"] {
    width: 75px;
    text-align: center;
}
#Mitte .evo-cp-wrap {
    display: inline;
}
#ElementeForm {
	display: none;
}
main #NavMenu #BetaLink {
	position: absolute;	
	bottom:   0;}
#NavMenu #BetaLink a {
    color: #FECE1A;
    font-size: small;
    text-decoration: none;
}
