/****************************************************************************/
/* Dies ist eine Beispiel CSS Datei                                         */
/* welche auch im Musterform 100_0090_de verwendet wird                     */
/****************************************************************************/

/******************************************/
/* create a custom checkbox               */
/* hier die Farbe der checkbox einstellen */
/******************************************/
.ct_checkbox input:checked + .ct_label:before {
  background-color: #1c75bc;
}

.ct_checkbox {
 position: relative;
 margin-right:8px;
}
.ct_checkbox input {
 margin: 0px;
 margin-top: 1px;
 cursor: pointer;
 opacity: 0;
 filter: alpha(opacity=0);
 position: absolute;
 z-index: 1;
 top: 0px;
 left: 0px;
 width: 60px;
 height: 30px;
}
.ct_checkbox {
 float:left;
 position: relative;
 padding-left: 68px;
}
.ct_checkbox input:checked + .ct_label:after {
  left: 30px;
}
.ct_checkbox .ct_label:before, .ct_checkbox .ct_label:after {
 position: absolute;
}
.ct_checkbox .ct_label:before {
 display: inline-block;
 content: "";
 box-sizing: border-box;
 background-color: #1c75bc;
 left: 0px;
 top: 0px;
 height: 30px;
 width: 60px;
 border: 2px solid #ddd;
 background-color: #eee;
 border-radius: 30px;
 transition: background-color 0.5s, left 0.5s;
}
.ct_checkbox .ct_label:after {
 width: 25px;
 height: 25px;
 border-radius: 30px;
 background-color: #fff;
 display: block;
 content: "";
 float: left;
 margin-right: 5px;
 transition: margin 0.1s linear;
 box-shadow: 0px 0px 5px #aaa;
 left: 2px;
 top: 2px;
}
/******************************************/
/* end custom checkbox                    */
/******************************************/

/**********************************************/
/* create a custom radio button               */
/* hier die Farbe des radio button einstellen */
/**********************************************/
.ct_radio input:checked ~ .ct_check {
  background-color: #1c75bc;
}

.ct_radio {
 padding-left: 35px;
 margin-bottom: 12px;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}
.ct_radio input {
 position: absolute;
 opacity: 0;
 cursor: pointer;
}
.ct_check {
 position: absolute;
 top: 0;
 left: 0;
 height: 25px;
 width: 25px;
 background-color: #eee;
 border-radius: 50%;
}
.ct_radio:hover input ~ .ct_check {
  background-color: #ccc;
}
.ct_check:after {
  content: "";
  position: absolute;
  display: none;
}
.ct_radio input:checked ~ .ct_check:after {
  display: block;
}
.ct_radio .ct_check:after {
 top: 9px;
 left: 9px;
 width: 8px;
 height: 8px;
 border-radius: 50%;
 background: white;
}
.radio_v {
 display: block;
 position: relative;
}
.radio_h {
 display: inline;
 position: relative;
 margin-right:8px;
}

/******************************************/
/* end custom radio button                */
/******************************************/

table{
 letter-spacing:2px;
}
.main{
 width:33.33%
}
table * .align {
 text-align:left;
 display:none !important;
}
.textarea {
 font-size:15px;
 font-family : 'Raleway', Verdana, Helvetica, sans-serif;
 padding: 7px;
 letter-spacing:2px;
}
.input {
 font-family : 'Raleway', Verdana, Helvetica, sans-serif;
 padding: 7px;
 letter-spacing:2px;
}
.select {
 font-family : 'Raleway', Verdana, Helvetica, sans-serif;
 padding: 6px;
 letter-spacing:2px;
}
input{
 width:100%;
}
select{
 width:100% !important;
}
input[type="radio"]{
width:1%;
}
input[type="checkbox"]{
width:1%;
}
::placeholder {
 font-size:12px;
}
.button {
 font-family : 'Raleway', Verdana, Helvetica, sans-serif;
}
.button_send {
 font-family : 'Raleway', Verdana, Helvetica, sans-serif;
}
.col2 {
 width: 1% !important;
 padding:0 !important;
}
.autocomplete{
 width:100% !important;
}

@media only screen and (min-width: 0) and (max-width: 480px) {
 .input {
  border-radius:0 !important; -webkit-border-radius:0 !important;
 }
 .table td .textarea, .table2 td .textarea {
  border-radius:0 !important; -webkit-border-radius:0 !important;
 }
 .table td .select, .table2 td .select {
  border-radius:0 !important; -webkit-border-radius:0 !important;
 }
 .table td .button,  .table td .button_send {
  border-radius:0 !important; -webkit-border-radius:0 !important;
 }
 input[type="checkbox"] {
  width:5%;
 }
 .input, .button, .button_send, .table td .textarea, .table2 td .textarea {
  padding:7px 5px !important;
 }
 .table td .select, .table2 td .select {
  padding:6px 5px !important;
 }
 table * .align {
  text-align:left;
  display:none !important;
 }
 .table td .button, .table td .button_send {
  font-weight: bold !important;
 }
}