/*#############################################################################
#                                                                             #
#                         MIGANO - CSS-Definitionen für                       #
#                  JavaScript-Kontaktformular ab Version 1.20                 #
#               ------------------------------------------------              #
#                     (C)opyright by MIGANO Web Solutions                     #
#                               Michael Gasbers                               #
#                                                                             #
#                             All rights reserved                             #
#                                                                             #
#  Jegliche Form der Kopie, Veränderung und kommerziellen Verbreitung dieser  #
#  Daten oder Teilen davon sowie des Quellcodes ist strengstens verboten!     #
#  *************************************************************************  #
#   Any form of copying, modification or commercial distribution of this      #
#   data or any part thereof or it's sourcecode is strictly prohibited!       #
#                                                                             #
#   Für Anregungen und Fragen nehmen Sie bitte Kontakt mit uns auf über       #
#   http://migano.de oder per E-Mail an >> kontakt@migano.de <<. Danke.       #
#                                                                             #
#############################################################################*/

#cform_box {
display:inline-block;
vertical-align:top;
margin:20px;
padding:20px;
/*
color:#0F417D;
text-shadow:1px 1px 0px #D2E1FB;
*/
color:#fff;
font-size:1.0rem;
text-shadow:1px 1px 0px #3F71AD;
background:transparent;
background-image:none;
background-color:#6FA1DD;
background:-ms-linear-gradient(#6FA1DD,#8FC1FD,#4F81BD);
background:-o-linear-gradient(#6FA1DD,#8FC1FD,#4F81BD);
background:-webkit-linear-gradient(#6FA1DD,#8FC1FD,#4F81BD);
background:-moz-linear-gradient(#6FA1DD,#8FC1FD,#4F81BD);
background:linear-gradient(#6FA1DD,#8FC1FD,#4F81BD);
/*
border:2px solid;
border-color:#4F81BD;
*/
border-radius:10px;
box-shadow:3px 3px 3px rgba(0,0,0,0.3), -3px 3px 3px rgba(0,0,0,0.3);
}

#cform_box.cform_box_normal {
/*
color:#0F417D;
text-shadow:1px 1px 0px #D2E1FB;
*/
color:#fff;
text-shadow:1px 1px 0px #3F71AD;
}
#cform_box.cform_box_failure {
color:#f00;
text-shadow:none;
}

#cform_box.cform_box_success {
margin-bottom:50px;
/*
color:#0f0;
*/
color:#fff;
text-shadow:1px 1px 0px #3F71AD;
}

.cform_dib, .cform_dib_left, .cform_dib_right {
display:inline-block;
vertical-align:top;
}
.cform_dib_left {
float:left;
}
.cform_dib_right {
float:right;
}

#cform_headline {
margin-bottom:10px;
padding:2px;
border:2px solid;
border-radius:5px;
}

#cform_headline.cform_headline_normal {
/*
color:#0F417D;
text-shadow:1px 1px 0px #D2E1FB;
*/
color:#fff;
text-shadow:1px 1px 0px #3F71AD;
background-color:transparent;
border-color:transparent;
}
#cform_headline.cform_headline_missing {
color:#f00;
text-shadow:none;
background-color:#eee;
border-color:#f00;
}

.cform_fieldname, .cform_task_text, #cform_task {
display:inline-block;
vertical-align:middle;
float:left;
height:20px;
line-height:20px;
margin-right:10px;
padding-top:5px;
text-align:right;
}

.cform_fieldname {
width:100px;
}

.cform_fieldname_cctome {
display:inline-block;
vertical-align:middle;
float:left;
height:16px;
line-height:16px;
margin-right:5px;
text-align:right;
font-size:0.9rem;
}

.cform_value, textarea.cform_message, .cform_solution, .cform_missing {
display:inline-block;
vertical-align:middle;
float:left;
width:300px;
height:20px;
padding:4px;
padding-left:8px;
padding-right:8px;
background-color:#eee;
text-align:left;
font-size:0.9rem;
border:2px solid;
border-color:#4F81BD;
border-top-color:#4F81BD;
border-left-color:#4F81BD;
border-radius:5px;
}

.cform_value, textarea.cform_message, .cform_missing {
color:#ccc; /* ACHTUNG: auch "cform_field_value_color" im Script anpassen !!! */
}
.cform_solution {
color:#0F417D;
}

.cform_missing {
border-color:#f00;
}
textarea.cform_message, textarea.cform_missing {
width:300px;
height:100px;
resize:none;
}
.cform_value:focus, textarea.cform_message:focus, .cform_solution:focus, .cform_missing:focus {
background-color:#fff;
}
.cform_value:focus, textarea.cform_message:focus, .cform_missing:focus {
color:#ccc; /* ACHTUNG: auch "cform_field_value_color" im Script anpassen !!! */
}

.cform_wrapper {
display:block;
vertical-align:top;
height:8px;
clear:both;
}

span.cform_button {
display:inline-block;
vertical-align:top;
float:left;
margin:0px;
padding:10px;
color:#fff;
text-shadow:1px 1px 0px #0F417D;
background-color:#4F81BD;
background:-ms-linear-gradient(#5F91CD,#3F71AD);
background:-o-linear-gradient(#5F91CD,#3F71AD);
background:-webkit-linear-gradient(#5F91CD,#3F71AD);
background:-moz-linear-gradient(#5F91CD,#3F71AD);
background:linear-gradient(#5F91CD,#3F71AD);
text-align:center;
text-decoration:none;
font-weight:normal;
border:2px solid;
border-color:#6FA1DD;
border-radius:5px;
cursor:pointer;
}

span.cform_button:hover {
background-color:#4F81BD;
background:-ms-linear-gradient(#8FC1FD,#4F81BD);
background:-o-linear-gradient(#8FC1FD,#4F81BD);
background:-webkit-linear-gradient(#8FC1FD,#4F81BD);
background:-moz-linear-gradient(#8FC1FD,#4F81BD);
background:linear-gradient(#8FC1FD,#4F81BD);
}

.cform_solution {
width:40px; /* Achtung - wird im Fehlerfall auch im Script gesetzt! */
}

.cform_checkbox, .cform_checkbox_checked {
display:inline-block;
vertical-align:middle;
float:left;
width:24px;
height:24px;
padding:0px;
background-color:#eee;
border:2px solid;
border-color:#4F81BD;
border-top-color:#4F81BD;
border-left-color:#4F81BD;
border-radius:5px;
cursor:pointer;
}
.cform_checkbox {
background-image:none;
}
.cform_checkbox_checked {
background-image:url("../grafik/cform_checkbox_on.png");
}

.cform_checkbox_small, .cform_checkbox_small_checked {
display:inline-block;
vertical-align:middle;
float:left;
width:16px;
height:16px;
padding:0px;
background-color:#eee;
border:1px solid;
border-color:#4F81BD;
border-top-color:#4F81BD;
border-left-color:#4F81BD;
border-radius:4px;
cursor:pointer;
}
.cform_checkbox_small {
background-image:none;
}
.cform_checkbox_small_checked {
background-image:url("../grafik/cform_checkbox_small_on.png");
}

.cform_info_sign {
position:relative;
display:inline-block;
vertical-align:middle;
float:left;
width:14px;
height:14px;
margin-left:8px;
background-image:url("../grafik/cform_info_sign.png");
border:1px solid;
border-color:#4F81BD;
border-radius:7px;
}

.cform_info_text {
position:absolute;
top:-60px;
right:-120px;
display:none;
vertical-align:top;
padding:8px;
color:#0F417D;
text-shadow:1px 1px 0px #D2E1FB;
background-color:#eee;
font-size:0.8rem;
white-space:nowrap;
border:1px solid;
border-color:#4F81BD;
border-radius:5px;
box-shadow:2px 2px 2px rgba(0,0,0,0.3), -2px 2px 2px rgba(0,0,0,0.3);
}

.cform_info_arrow {
position:absolute;
bottom:-20px;
right:130px;
width:20px;
height:20px;
background-image:url("../grafik/cform_info_arrow.png");
}

.cform_info_sign:hover .cform_info_text {
display:inline-block;
}

#cform_captcha {
display:inline-block;
vertical-align:top;
float:left;
margin-top:5px;
margin-right:30px;
}

.cform_fill_text {
font-size:0.8rem;
}
.cform_fill_box {
position:relative;
display:inline-block;
vertical-align:top;
width:90px;
height:10px;
margin-top:5px;
background-color:#B2C1DB;
border:1px solid;
border-color:#4F81BD;
border-radius:3px;
overflow:hidden;
}
#cform_fill_bar {
position:absolute;
top:0px;
left:0px;
width:0px;
height:10px;
background-color:#4F81BD;
border-top-left-radius:2px;
border-bottom-left-radius:2px;
overflow:hidden;
}

.cform_theme_list_box {
display:inline-block;
vertical-align:top;
margin-left:10px;
padding-left:15px;
text-align:left;
border-left:1px solid;
border-color:#4F81BD;
}
.cform_theme_list {
display:inline-block;
vertical-align:top;
font-size:0.9rem;
}
.cform_theme_list_item {
display:block;
cursor:pointer;
margin:0px;
padding:0px;
height:16px;
line-height:16px;
}
.cform_theme_list_item_value {
display:inline-block;
vertical-align:top;
margin-left:5px;
}

#cform_version {
width:100%;
margin:0px;
margin-top:5px;
padding:0px;
padding-top:5px;
color:#2F61AD;
text-shadow:1px 1px 0px #6FA1DD;
text-align:right;
font-size:0.7rem;
border-top:1px solid;
border-color:#6FA1DD;
}