* {
   font-family: verdana, sans serif;
   color: lightblack;
}
body {
   background-image: url('../images/hg.jpg');
   font-color: black;
}
a {
   text-decoration: none;
   color: grey;
   text-transform:uppercase;
}

.gerüst {
   margin-top: -65%; 
}
#inhalt,
#inhalt-index {
   margin:auto;
   height:570px;
   width:850px;
   background-image: -moz-linear-gradient(bottom,white, #ECCEF5);
   background-image: -o-linear-gradient(bottom,white, #ECCEF5);
   background-image: -ms-linear-gradient(bottom,white, #ECCEF5);
   background-image: -webkit-linear-gradient(bottom,white, #ECCEF5);
   border: 1.5px medium;
   border-radius: 10px;
}
hgroup {
   margin-top: 10px;
   white-space: nowrap;
}
h2 {
   font-family:'Parchment';
   font-size: 5em;
   text-align: center;
   font-weight: 100;
}
h3 {
   margin-top: -30px;
   margin-left: 250px;
   font-family:'times';
   font-size: 1.1em;
   background-color: lightgrey;
   width: 72px;
   color: white;
   background-image: -moz-linear-gradient(bottom,lightgrey, grey);
   background-image: -o-linear-gradient(bottom,lightgrey, grey);
   background-image: -webkit-linear-gradient(bottom,lightgrey, grey);
   background-image: -ms-linear-gradient(bottom,lightgrey, grey);
   font-weight:100;
}
.capital {
   color: red;
}
.box {
   
   width: 100px;
   height: 75px;
   border-radius: 5px;
   box-shadow: grey 3px 3px 2px 2px;
   font-size: 0.7em;
   text-align: center;
}

   
#inhalt-box {
   margin-left: 70px;
   margin-right: 60px;
   min-height: 400px;
   text-align: center;
}
.appwin {
   margin-top: -70px;
}
#impressum {
   margin-left: 70px;
   margin-right: 60px;
   min-height: 300px;
   max-height:400px;
   text-align: left;
   scrollbar: yello;
   overflow-y: scroll;
}

#inhalt-box,
#impressum,
p.start {
   line-height: 1.5em;
   font-family: 'Times';
   font-size: 1.5em;
}
#impressum {
   line-height: 1.5em;
   font-family: 'Times';
   font-size: 0.8em;
}
#boxen-links {
   padding-top:8%;
   width:105px;
   margin-left: -50px;
}

#boxen-rechts {
   margin-top:-50.1%;
   width:105px;
   margin-left: 800px;
}
#box1 {
   margin-top:10%;
   background-image: url('../images/4.jpg');
   }
#boxen-links #box1,#box2,#box3 {
   -moz-transition:3s;
}
#boxen-rechts #box4,#box5,#box6 {
   -ms-transition:3s;
   -o-transition:3s;
   -webkit-transition:3s;
   -moz-transition:3s;
   transition:3s;
}
#boxen-links #box1:hover,
#boxen-links #box2:hover,
#boxen-links #box3:hover,
#boxen-rechts #box4:hover,
#boxen-rechts #box5:hover,
#boxen-rechts #box6:hover {
   
   -webkit-transform: rotateY(1080deg);
   -moz-transform: rotateY(1080deg);
   -o-transform: rotateY(1080deg);
   -ms-transform: rotateY(1080deg);
   transform: rotateY(1080deg);
}

#box2 {
   margin-top: 100px;
   background-image: url('../images/3.jpg');
}
#box3            {
   margin-top: 100px;
   background-image: url('../images/5.jpg');
}
#box4 {
   background-image: url('../images/2.jpg');
}
#box5 {
   margin-top: 100px;
   background-image: url('../images/1.jpg');
}
#box6 {
   margin-top: 100px;
   background-image: url('../images/admin.jpg');
}
#copyright {
   color: grey;
   font-size: 8px;
}
#mailer {
   margin-left: 70px;
   margin-right: 60px;
}
/*Formular*/
label {
   text-transform: uppercase;
   margin-top: 2px;
   font-size: 0.5em;
}
#form {
   margin-left: 280px;
   width:140px;

}
p.standart input {
   width: 240px;
   border-color: lightblue;
}
p.standart textarea {
   width: 240px;
   height: 30px;
   border-color: lightblue;
}
p.button input {
   width: 240px;
   border-color: lightblue;
   text-transform: uppercase;
   font-weight: bold;
   background-color: lightgreen;

}