/**
 * Basic Styles Autrado Dealer Sites
 *
 * @author Cornelia Lange <lange@clkm.de>
 * @package Autrado
 *
 * Global fonts and font-sizes
 * Global styling elements
 * Forms
 * Helper classes
 *
 */


/* CL / Nicht mehr verwendete Styles oder Styles nur fuer das Backend Stand: 22.11.14 */

 /* ===========================================================
	Navigation
   =========================================================== */ 
/* Selectall control zum ak-/deaktivieren von mehreren Checkboxen (AW) */
/* CL / Betrifft das nicht nur das Backend? */
img.selectall {
padding: 3px 3px 3px 3px;
cursor: pointer;
}

/* CSS Hack für V/H-Centering des Splashscreens (AW / 26.03.2008) */
/* CL / Wird das aktuell noch eingesetzt? */
#splash {
position: fixed;
z-index: 65535;
top: 50%;
left: 50%;
width: 560px;
height: 320px;
margin: -160px auto auto -280px; /* t = height / 2, l = width / 2 */
border: 1px solid #000000;
background-image: url(../../../bilder/screen.jpg);
background-position: left top;
background-repeat: no-repeat;
/* Initialeinstellungen auf Nichtanzeige und voll-transparent */
display: none;
opacity: 0.0;
filter: alpha(opacity=0);
}
/* Window-Locker für Splashscreen */
#splashwl {
position: fixed;
display: none;
left: 0px;
top: 0px;
width: 100px;
height: 100px;
z-index: 65530;
background-color: #000000;
opacity: 0.5;
filter: alpha(opacity=50);
}
/* AJAX-Loader */
/* CL / Wird das aktuell noch eingesetzt? */
#ajaxloader {
position: absolute;
left: 0px;
top: 0px;
background-image: url(../../../bilder/ajax-loader.gif);
background-repeat: no-repeat;
width: 16px;
height: 16px;
z-index: 65535;
}

/* Bildergalerie Register: grosses Bild oben rechts, darunter thumbnails, Text links daneben */
/* CL / Wird das aktuell noch eingesetzt? */
.showcase_gallery_top {
float: right;
width: 405px;
padding: 0 0 10px 10px;
}
.showcase_gallery_top ul {
list-style: none;
margin: 5px 0 0 0;
}
.showcase_gallery_top li {
display: inline;
}
.showcase_gallery_top li a {
display: block;
float: left;
margin: 0 5px 5px 0;
width: 130px;
overflow: hidden;
}
/* Bildergalerie Register: grosses Bild links, thumbnails rechts, Text unter grossem Bild */
/* CL / .showcase_gallery nur in /inc/classes/IBot_Galerie.php - ist das noch relevant? */
.showcase_gallery img {
float: left;
padding: 0 10px 20px 0;
}
.showcase_gallery ul {
float: right;
width: 180px;
list-style: none;
margin: 0;
text-align: center;
overflow: hidden;
}
.showcase_gallery ul img {
float: none;
padding: 0 0 5px 0;
}
.showcase_gallery li {
display: inline;
}
.showcase_gallery a {
display: block;
margin: 0 5px 5px 0;
}
/* Link zur Galerie (oeffnet sich bei Klick in Greybox) */
/* CL / diesen Style konnte ich nirgends eingesetzt finden */
.galerielink {
float: right;
display: block;
width: 150px;
margin: 2px 2px 2px 15px;
padding: 0 0 0 50px;
font-weight: bold;
text-align: left;
line-height: 40px;
text-decoration: none;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
color: #000;
background: #ccc url(../../../bilder/galerie-icon.gif) 10px 5px no-repeat;
cursor: pointer;
white-space: nowrap;
}
.galerielink:hover {
color: #000;
border-left: 1px solid #666;
border-top: 1px solid #666;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

/* Rahmenfarbe in der Farbmatrix */
/* CL / diesen Style fg_farbmatrix... konnte ich nirgends eingesetzt finden */
.fg_farbmatrix_border {
background-color: #666;
}
/* Standard-Hintergrundfarbe, falls bei Außenfarbe keine spezifische Farbe gesetzt wurde */
.bg_farbmatrix_aussenfarbe {
background-color: #eee;
}
/* Standard-Hintergrundfarbe für Galeriebilder */
/* CL / diesen Style konnte ich nirgends eingesetzt finden */
.bg_gallery {
background-color: #eee;
}
/* CL / diesen Style konnte ich nirgends eingesetzt finden */
#extrawindow {
position: fixed;
}

/* Formular Bewerbung */
.bewerbung fieldset {
background: #f5f5f5;
padding: 10px;  
margin: 10px 0;
}
.bewerbung dt { 
clear: left;  
float: left;
padding: 5px 8px;
text-align: right;
width: 200px;
font-weight: normal;
}
.bewerbung dd {
float: left; 
padding: 5px 8px;
width: 340px;
}
.bewerbung input {
width: 200px;
}
.bewerbung .numbers {
width: 50px;
} 
.bewerbung textarea {
width: 300px;
height: 100px;
}
.bewerbung .submit { 
display: block;
clear: both;
margin: 10px 0 10px 225px;
} 

td.parkedheadwords {
    padding-top:6px;
}


/******* Kundenmeinungen *******/  

.c-form-guestbook *{
  -webkit-box-sizing: border-box; 
     -moz-box-sizing: border-box; 
          box-sizing: border-box; 
}

.c-form-guestbook {
    border: 0;
    padding: 14px;
}

.c-form__fieldset-ratings {
    margin-bottom: 0;
}

.c-form-guestbook .guestbook {
    margin-top: 10px;
}

/******* Kontaktformular *******/  


.c-contact-form label {
  display: block;
}
.c-contact-form .c-form-group {
  margin-bottom: 10px;
}
@media all and (max-width: 46.24em) {
  .c-contact-form .o-layout__item {
    width: 100% !important;
  }
}
.c-contact-form .c-button--submit {
  margin-top: 10px;
}

.c-contact-form input.c-form-control:invalid,
.c-contact-form textarea:invalid {
    background-color: #ffffff;
}

.c-contact-form  select,
.c-contact-form  .c-form-control,
input.c-form-control,
textarea.c-form-control {
    display: inline-block;
    border: 1px solid #ddd;
    background: #ffffff;
    color: #333;
    padding: 5px 10px;
    width: 100%;
}

.c-contact-form  .c-form-control:focus,
.c-contact-form  select:focus  {
    border-color: #666;
    outline: none;
    }


.c-form__captcha .c-form-control {
    width: auto;
}

.c-contact-form  textarea {
    min-height: 120px;
    resize: vertical;
}