body {
   margin: 0px auto;
   background: #333;
   font-family: Arial, sans-serif;
}

A {
   COLOR:#aaa;
   FONT-FAMILY:  Arial, sans-serif;
   FONT-SIZE: 22px;
   line-height: normal;
   text-decoration: none;
}
.button {
COLOR:#aaa;
   background-color:#ffffff;
   FONT-FAMILY:  Arial, sans-serif;
   FONT-SIZE: 32px;
   text-align:center;
   text-decoration: none;
   padding: 16px 32px;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
    border-radius: 30px;
    border-color:#333;
    border-style: solid;
    border-width: 0px;
    cursor: pointer;

}
.button:hover {
   COLOR:#ffffff;
   background-color:#aaa;
   FONT-FAMILY:  Arial, sans-serif;
   FONT-SIZE: 32px;
   text-align:center;
   padding: 16px 32px;
   text-decoration: underline;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
    border-radius: 30px;
    border-color:#aaa;
    border-style: solid;
    border-width: 0px;
    cursor: pointer;
}
A:hover {
   COLOR:#ffffff;
   FONT-FAMILY:  Arial, sans-serif;
   FONT-SIZE: 22px;
   text-decoration: underline;
}
A.activ {
   COLOR#ffffff;
   background: #111;
   FONT-FAMILY:  Arial, sans-serif;
   FONT-SIZE: 22px;
   text-decoration: underline;
}
.T1 {
   COLOR:#ffffff;
   FONT-FAMILY:  Arial, sans-serif;
   FONT-SIZE: 16px;
   line-height: normal;
   text-decoration: none;

}
.H2 {
     font-family: Arial, sans-serif;
     font-size:18px;
     color:#333;
     line-height:30px;
}
.T2 {
   COLOR:#ffffff;
   margin-top:90px;
   FONT-FAMILY:  Arial, sans-serif;
   FONT-SIZE: 16px;
   line-height: normal;
   text-decoration: none;

}
.titel {
position:absolute;
top:20px;
left:60px;
width:1180px;
height:120px;
font-style:bold;
font-family: Arial, sans-serif;
font-size:42px;
color:black;
}
.textBox {
   position:absolute;
   top:80px;
   left:60px;
   width:500px;
   height:340px;
   padding:15px;

   background-color:#ffffff;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
    border-radius: 20px;

}
.textBoxR {
   position:absolute;
   top:80px;
   left:710px;
   width:500px;
   height:340px;
   padding:15px;

   background-color:#ffffff;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
    border-radius: 20px;
}
.box {
  position:absolute;
  top:80px;
  left:60px;
  width:1180px;
  height:340px;
  font-family: Arial, sans-serif;
  font-size:24px;
  color:#333;
  line-height:38px;"
  z-index:0;

}
.boxL {
   position:absolute;
   top:80px;
   left:60px;
   width:560px;
   height:340px;
   font-family: Arial, sans-serif;
   font-size:24px;
   color:#333;
   line-height:38px;

}
.boxR {
   position:absolute;
   top:80px;
   left:650px;
   width:590px;
   height:340px;
   font-family: Arial, sans-serif;
   font-size:24px;
   color:#333;
   line-height:38px;

}
input[type=text] {
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 24px;
    font-family: Arial, sans-serif;
    background-color: white;
    padding: 9px 10px 9px 10px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

select {
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 24px;
    font-family: Arial, sans-serif;
    background-color: white;
    padding: 9px 10px 9px 10px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

textarea{
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 24px;
    font-family: Arial, sans-serif;
    background-color: white;
    padding: 9px 10px 9px 10px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

input[type=text]:focus {
   /*  width:100%;  */
}
input[type=text].activ {
  /*  background-color: #aaa;
     width:100%;  */
}
input[type=button], input[type=submit], input[type=reset] {
   COLOR:#aaa;
   background-color:#ffffff;
   FONT-FAMILY:  Arial, sans-serif;
   FONT-SIZE: 32px;
   text-align:center;
   text-decoration: none;
   padding: 16px 32px;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
    border-radius: 30px;
    border-color:#333;
    border-style: solid;
    border-width: 2px;
    cursor: pointer;

}
input[type=submit]:hover {
   COLOR:#ffffff;
   background-color:#aaa;
   FONT-FAMILY:  Arial, sans-serif;
   FONT-SIZE: 32px;
   text-align:center;
   padding: 16px 32px;
   text-decoration: underline;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
    border-radius: 30px;
    border-color:#aaa;
    border-style: solid;
    border-width: 4px;
    cursor: pointer;
}
label {margin-right:20px;}

input[type=radio].css-checkbox {
position:absolute;
z-index:-1000;
left:-1000px;
overflow: hidden;
clip: rect(0 0 0 0);
height:1px;
width:1px;
margin:-1px;
padding:0;
border:0;
}


input[type=radio].css-checkbox + label.css-label {
padding-left:27px;
height:25px;
display:inline-block;
line-height:25px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:18px;
font-weight:bold;
vertical-align:middle;
cursor:pointer;

}

input[type=radio].css-checkbox:checked + label.css-label {
background-position: 0 -25px;
}

label.css-label {
background-image:url('../_images/slider/radio.png');
background-size: 25px 50px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fileLAB {
   background: url('../_images/slider/klammer.png') 0 0 no-repeat;
    FONT-FAMILY:  Arial, sans-serif;
   FONT-SIZE: 32px;
   width:50px;
   height:100px;
   text-align:center;
   text-decoration: none;
   /*padding: 16px 42px;


   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
    border-radius: 30px;
    border-color:#333;
    border-width: 2px;
      */
    cursor: pointer;
    z-index:0;
}

.fileUpload {
    position: relative;
    overflow:hidden;
    margin: 10px;
    width:80px;
}
.fileUpload input.upload {
    position: relative;
    width:80px;
    top: 0;
    right: 0;
    margin:0px;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}