/* =============================================================================
 * logo height
 * ========================================================================== */
 
#logo img {height: 45px;}


/* =============================================================================
 * background/image
body {background: #fff url(../img/bg_default.png); background-repeat: repeat;}
 * ========================================================================== */


body {background: #fff url(../img/backgrounds/42_bg.jpg); background-repeat: repeat;}

/* body {background: #fff url(../img/backgrounds/42_bg.jpg); no-repeat; background-size:100% auto;}*/

/* =============================================================================
 * background-full-size
 * ========================================================================== */
/* uncomment the following lines if you want use this option */

/* body {background-image: url(../img/bg_full_default.jpg)!important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; background-position: center top; background-repeat: repeat;} */
/* body.ie8 {background-repeat: no-repeat; background-position: top center;} */


/* =============================================================================
 * body fonts
 * ========================================================================== */
 
body {font-family: 'Questrial', sans-serif; font-size: 13px; line-height: 19px;}


/* =============================================================================
 * header fonts + color
 * ========================================================================== */
 
h1, h2, h3, h4, h5, h6  {font-family:  'Questrial', sans-serif; font-weight: normal;}
h1,h2,h3,h4,h5,h6,.color {color: #657383;}
h1 {color: #ee8024;} 

/* =============================================================================
 * social icons top - color
 * ========================================================================== */

#socials a {color: #959595;}


/* =============================================================================
 * hotline number top - color
alt {color: #454545;}
 * ========================================================================== */

#hotline {color: #E69900;}


/* =============================================================================
 * buttons + submit buttons + hyperlinks - color
 * ========================================================================== */

.button, input[type="submit"], input.submit {background: #657383;}


/* =============================================================================
 * servicebox - background color
 * ========================================================================== */

.servicebox[class^="icon-"]:before, .servicebox[class*="icon-"]:before {background: #657383;}


/* =============================================================================
 * mainmenu - paddings | layer 1 (width of the menuepoints
 * ========================================================================== */

nav#mainmenu ul li a {padding: 15px 18px;}


/* =============================================================================
 * mainmenu - activ + hover
 * ========================================================================== */

#dropdown li a:hover, #dropdown li a.active, #dropdown li a.trail, #dropdown ul li a:hover, #dropdown ul li a.trail, #dropdown ul li a.active, #dropdown ul li.active a {background: #657383;}


/* =============================================================================
 * mainmenu - background-color | layer 1
 * ========================================================================== */

nav#mainmenu ul {background-color: #e9e9e9;}
body.dark nav#mainmenu ul {background-color: #262626;}


/* =============================================================================
 * mainmenu - background-color | layer 2 + 3
 * ========================================================================== */

nav#mainmenu ul ul {background: #E9E9E9;}
body.dark nav#mainmenu ul ul {background: #262626;}


/* =============================================================================
 * mainmenu - font-size | layer 2 + 3
 * ========================================================================== */

#mainmenu ul ul {font-size: 12px;}


/* =============================================================================
 * submenu - hover
 * ========================================================================== */

#submenu a:hover {color: #657383;}


/* =============================================================================
 * list icons
 * ========================================================================== */

.ce_list ul li:before, .ce_text ul li:before {content:'\ea04';}
.ce_list.type2 ul li:before, .ce_text.type2 ul li:before  {content:'\e935';}
.ce_list.type3 ul li:before, .ce_text.type3 ul li:before  {content:'\2605';}


/* =============================================================================
 * default menu icon 
 * ========================================================================== */
/* overwrite all other icon definition in the page setup */
/* info: for icon-code look into the file icons.css */
/*  uncomment the following line if you want use this option !! */


a:hover.tooltip {
    border-bottom:1px solid #999;
    text-decoration:none;
    color:#333;
}

.tool {
    width:450px;
    text-align:left;
}

.tool .tip-title {
    font-size:1.1em;
    color:#fff;
    margin:0 0 1px 0;
    background:#555555;
}

.tool .tip-text {
    margin:0;
    padding:8px;
    font-size:1.0em;
    line-height:1.1;
    background:#fff;
    -moz-box-shadow:2px 2px 8px #999;
    -webkit-box-shadow:2px 2px 8px #999;
    box-shadow:2px 2px 8px #999;
}

/* .mod_navigation li a:before {content:'\e912';} */

/* neu zur Bildeinstellung Tipp von premium Theme*/
#container .image_container img {width:auto;}
.image_container img {width:auto;}
.ce_text.one_fourth .image_container img {width:auto;}

/** nur für mobile geräte wieder zurück zum standard **/
@media only screen and (max-width: 767px)
{
#container .image_container img {width:100%;}
.image_container img {width:100%;}
}


  /* =============================================================================
 * tooltip anfang
 * ========================================================================== */
   /* tooltip
------------------------------------------------- 
  a.tooltip {
  -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    border-bottom-color: #666666;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    color: #333333;
}
    a:hover.tooltip {
     width:300px;
    border-bottom:1px solid #999;
    text-decoration:none;
    color:#333;
}
.tool {
    width:300px;
    text-align:left;
}

.tool .tip-title {
    font-size:1.1em;
    color:#fff;
    margin:0 0 1px 0;
    background:#eee;
}

.tool .tip-text {
    margin:0;
    padding:8px;
    font-size:1.0em;
    line-height:1.1;
    background:#fff;
    -moz-box-shadow:2px 2px 8px #999;
    -webkit-box-shadow:2px 2px 8px #999;
    box-shadow:2px 2px 8px #999;
}
 /*  =============================================================================
 * tooltip ende
 * ========================================================================== */
  
  /* =============================================================================
 * tooltip texter
 * ==========================================================================
  
  a:hover.tooltip{border-bottom:1px solid #999;text-decoration:none;color:#333}
  .tool{width:450px;text-align:left}
  .tool .tip-title{font-size:1.1em;color:#fff;margin:0 0 1px 0;background:#6C8C14}
  .tool .tip-text{margin:0;padding:8px;font-size:1.0em;line-height:1.1;background:#fff;-moz-box-shadow:2px 2px 8px #999;-webkit-box-shadow:2px 2px 8px #999;box-shadow:2px 2px 8px #999}h5 
   a{display:inline;color:#6C8C14}
   */
  
  
  /*     tooltip
------------------------------------------------- 

a.tooltip {outline:none; } a.tooltip strong {line-height:20px;} 
a.tooltip:hover {text-decoration:none;} 
a.tooltip span { z-index:10;display:none; padding:14px 20px; margin-top:-30px; margin-left:28px; width:350px; line-height:13px; } 
a.tooltip:hover span{ display:inline; position:absolute; font-family: 'Questrial',sans-serif;font-size: 12px;
line-height: 17px; color:#555555; border:1px solid #cccccc; background:#ededed;} 
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;} 

a.tooltip span { border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 5px 5px 8px #CCC; -webkit-box-shadow: 5px 5px 8px #CCC; box-shadow: 5px 5px 8px #CCC; }  
  */ 

  .zentriert {margin:0px auto;}
  .zentriertmarginleft {margin-left:40px;text-align: center;}
  .center {text-align: center;}
  .unterstrichen {text-decoration: underline;}
  .marginright40 {margin-right:40px;}
  .kursiv {font-family: Georgia,Times,serif;font-style: italic;}
  .droitsans{font-family: 'Droid Sans', sans-serif; font-size: 13px; line-height: 19px;}
  .ubuntu{font-family: 'Ubuntu', sans-serif; font-size: 13px; line-height: 19px;}
  .fettgraublau {color: #657383; font-weight: bold;}
  .schreibschrift {font-family: 'Reenie Beanie', cursive;}
  .paddingtop10 {padding-top:10px;}
  .orange {color: #D96025;}
  .rot {color: #f00;}
  .fltrt {float : right;margin-left : 8px;}
  .fltrtmiddle {float : right;margin-left : 20px; vertical-align:middle;}
  .fltrt100 {float : right;margin-left : 8px;margin-left : 100px;}
  .fltlft {float : left;margin-right : 20px;}
  .clear {clear: both;}
  a[href^="tel:"] {
    color:#657383;
    text-decoration:none;
}
 
a[href^="tel:"]:before {
    content: "\260E"; /*Telefonsymbol*/
    display: inline;
    margin-right: 0.5em;
}
  
.calltoaction {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 1px solid #ac7202;
    border-radius: 5px;
    background: #faa850;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa850), to(#cc7147));
    background: -moz-linear-gradient(top, #faa850, #cc7147);
    background: linear-gradient(to bottom, #faa850, #cc7147);
    text-shadow: #6c4801 1px 1px 1px;
    font: normal normal normal 16px trebuchet ms;
    color: #ffffff;
    text-decoration: none;
}
.calltoaction:hover,
.calltoaction:focus {
    background: #ffca60;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffca60), to(#f58855));
    background: -moz-linear-gradient(top, #ffca60, #f58855);
    background: linear-gradient(to bottom, #ffca60, #f58855);
    color: #ffffff;
    text-decoration: none;
}
.calltoaction:active {
    background: #966530;
    background: -webkit-gradient(linear, left top, left bottom, from(#966530), to(#cc7147));
    background: -moz-linear-gradient(top, #966530, #cc7147);
    background: linear-gradient(to bottom, #966530, #cc7147);
}
a.calltoaction {  color: #ffffff;}

.calltoaction12 {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 8px 20px;
    border: 1px solid #ac7202;
    border-radius: 5px;
    background: #faa850;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa850), to(#cc7147));
    background: -moz-linear-gradient(top, #faa850, #cc7147);
    background: linear-gradient(to bottom, #faa850, #cc7147);
    text-shadow: #6c4801 1px 1px 1px;
    font: normal normal normal 12px trebuchet ms;
    color: #ffffff;
    text-decoration: none;
}
.calltoaction12:hover,
.calltoaction:focus {
    background: #ffca60;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffca60), to(#f58855));
    background: -moz-linear-gradient(top, #ffca60, #f58855);
    background: linear-gradient(to bottom, #ffca60, #f58855);
    color: #ffffff;
    text-decoration: none;
}
.calltoaction12:active {
    background: #966530;
    background: -webkit-gradient(linear, left top, left bottom, from(#966530), to(#cc7147));
    background: -moz-linear-gradient(top, #966530, #cc7147);
    background: linear-gradient(to bottom, #966530, #cc7147);
}
a.calltoaction12 {  color: #ffffff;}
  
  div#content p {
line-height : 1.5;
text-align:left;
}
ul.square {
    list-style-type: square;
list-style-position: inside;
}
  
  
  /* Relativer Tooltip */ 
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  { position: relative; border-bottom: 1px solid #DDDDDD; font-style: italic;}    
a.tooltip:hover {color: #454545; background: transparent;}  
a.tooltip span { display: none; text-decoration: none;}  
a.tooltip:hover span { display: block; position: absolute; top: 20px; left: 0; width: 250px; z-index: 100; color: #ffffff; font-size: 10px; line-height: 13px; background: #888888; text-align: left; padding:8px; ;-moz-box-shadow:2px 2px 8px #999;-webkit-box-shadow:2px 2px 8px #999;box-shadow:2px 2px 8px # 454545;}    

a.tooltip span b {display: block; margin: 0; padding: 2px; font-size: 12px;   font-weigth: bold; color: #ffffff; background-color: gray; border: 0px; border-bottom: 1px solid black;}
  
.trenner {background-image: url("../img/container-shadow.png"); }
  
a.zeichen::before {font-family: "icons"; content: "\e8f3"; display: inline-block; margin-right: 5px;}  

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-top: 30px;
}
 
.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
  
  
  /*
  a:hover.tooltip {
    border-bottom:1px solid #999;
    text-decoration:none;
    color:#333;
}

.tool {
    width:450px;
    text-align:left;
}

.tool .tip-title {
    font-size:1.1em;
    color:#fff;
    margin:0 0 1px 0;
    background:#6C8C14;
}

.tool .tip-text {
    margin:0;
    padding:8px;
    font-size:1.0em;
    line-height:1.1;
    background:#fff;
    -moz-box-shadow:2px 2px 8px #999;
    -webkit-box-shadow:2px 2px 8px #999;
    box-shadow:2px 2px 8px #999;
}
  */