/* General Style    */
/* abel-regular - latin */
 @font-face {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;

}
/* josefin-sans-regular - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;

}
     /* Google Web Font Loader Classes */
    .wf-loading h1 { visibility:visible; }
    .wf-inactive h1{ visibility:visible;}
    .wf-active h1 { font-family: 'Josefin Sans', sans-serif; }

    body{background:#F0F0F0 url("../img/body_background.jpg") repeat; text-shadow: 0px 1px 1px #FFF; font-family:'Josefin Sans', sans-serif !important; letter-spacing:0.4px;}
    h1{ font-family:'Josefin Sans', sans-serif !important;font-weight: 400;}
    p{ font-size:1.231em; line-height:21px; }
    blockquote{ border:0; margin:0; padding: 0; }
    blockquote:before{ content: '\201C'; }
    blockquote:after{ content: '\201D'; }
    .carousel .item > img{ text-align:center; margin:0 auto; }

    /* Header Style */
    .tkey { color:#82ccff; font-style: italic; }
    .tboy { color:#ffffff; }
    .tremote { color:#6f6f81; font-style: italic; }
    #header{ display:block; height:80px; width:100%; background:#afafaf url("../img/header_background.png"); background-repeat:no-repeat; background-size:100% 100%; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.4); }
    .logo{ text-align: center; padding: 19px; text-shadow: 2px 2px 8px #4f5267; font-family:Helvetica Neue,Helvetica,Arial,sans-serif; font-size:3em; font-weight: bold;}
    .logo a{display: block; width:300px; height:60px; margin:auto; padding:auto; background:url("../img/logo.png") no-repeat; text-indent:-9999px; }

    /* First Placeholder Style 
     --------------------------
    */
    .first_placeholder{ margin-top:2em; margin-bottom:2em; text-align:center; font-family:'Josefin Sans', sans-serif !important;}
    .first_placeholder h1{ color: #41587c; font-size:3.8em; line-height: 1em; margin-bottom:0.2em; margin-top:1em;}
    .first_placeholder a{color: #41587c; font-size:1.385em;}
     
        /* Collapsible Box Style */
        .first_placeholder .collapse{ visibility: hidden; }
        .first_placeholder .collapsible_box{ width:60%;}
        .first_placeholder .collapsible_box{ background:#DDD; background: rgba(222,222,222,0.5); border:1px solid #CCC; padding:0 1em; margin:0.5em auto; text-align:center;}
        .first_placeholder .collapsible_box a.close{ opacity: 0.9; filter: alpha(opacity=90); }
        .first_placeholder .collapsible_box h1{ font-size:1.8em; margin-top:0.5em; color: #41587c;}
        .first_placeholder .collapsible_box p{ font-size:1.2em; text-align:left; margin-bottom:1.5em; }
        .first_placeholder .collapsible_box ul{ margin-bottom:1em; text-align:left; }
        .first_placeholder .collapsible_box li{ list-style:none; padding:0.5em 1em; font-size:1.2em; }
        .first_placeholder .collapsible_box .btn{ margin-bottom:1em;}

    .first_placeholder form{margin-top:0em; text-align:center;}
    .first_placeholder label{ text-align:center; margin-top: 0px; }
    .first_placeholder label.big{ font-family:'Josefin Sans', sans-serif !important;font-size:2em; color: #41587c; text-align:center; margin-bottom:0.5em; letter-spacing: 0.4px; line-height: 1.1; } /* YUZU */
    .first_placeholder p{ text-align:center; }
    .first_placeholder p span{ color: #41587c; }
    .first_placeholder form input{ font-size:1.55em; color: #535353; font-weight:normal; padding:10px 5px; box-shadow:0px 1px 1px 0px rgba(255,255,255,0.8), inset 0px 1px 2px 0px rgba(0,0,0,0.5); letter-spacing: 1px; }
    .first_placeholder form .btn{ 
        background:#41487c;
        background-color:#41487c;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6c88c7), color-stop(25%, #3d5491), to(#30376a));
        background-image: -webkit-linear-gradient(#6c88c7, #3d5491 25%, #41487c);
        background-image: -moz-linear-gradient(top, #6c88c7, #3d5491 25%, #30376a);
        background-image: -ms-linear-gradient(#6c88c7, #3d5491 25%, #30376a);
        background-image: -o-linear-gradient(#6c88c7, #3d5491 25%, #30376a);
        background-image: linear-gradient(#6c88c7, #3d5491 25%, #30376a);
        background-repeat:repeat;
        border:3px solid #CCC;
        font-size:1.385em;
        color: #FFF;
        text-shadow: 0 1px 1px #2f74f7;
        padding:7px;
        margin-bottom:7px;
        font-family:'Josefin Sans', sans-serif !important;
     }

     /* Carousel Slider */
     .first_placeholder .slide{
        vertical-align:middle;
        margin:0 auto;
        text-align:center;
        max-height:375px;
        overflow: hidden;
     }

     /* IE7, IE8 hacks for First Placeholder Elements */
     .ie7 .first_placeholder form .btn,.ie8 .first_placeholder form .btn{ background-color:#41587c !important;}

     .haken { color: #41587c; font-size:2.231em; font-weight: bold; margin-right:20px; }
     .help { color:#41587c; font-size: 1.5em; letter-spacing: 1px; position: absolute; margin: -6px 0px -6px -34px;} /* top right bottom left */
     .status { color:#41587c; font-size: 1.5em; letter-spacing: 1px; position: absolute; margin: -6px 0px -6px -42px;} /* top right bottom left */

     .sendebutton { min-width:100px; min-height: 20px; }
     .loginbutton { min-width:100px; min-height: 20px; }

    .st_aktiv { color:#1f6a4a; letter-spacing:1px; font-weight: normal; margin-bottom: 15px; }

    .setrahmen { max-width: 500px; margin:auto; }
    .set_liste { margin-bottom: 20px; }
    .set_liste .hilfettext { text-align: left; }

    .links { float:left; color: #41587c !important; font-size:1.8em !important; font-weight:500 !important; }
    .rechts { color: #7f8e96; font-size:1.8em !important; font-weight: 500 !important; float: right; }

    .hilfettitel { color: #41587c !important; font-family:'Josefin Sans', sans-serif !important;font-size:1.3em !important; font-weight:500 !important; }
    .hilferahmen { color: #7f8e96; font-size:1.1em !important; font-weight: 500 !important; text-align:justify !important;  }
    .hilfettext { text-align:justify!important;  }

    .ausgabe_l { float:left; color: #41587c !important; font-size:1.1em !important; font-weight:500 !important; }
    .ausgabe_r { color: #7f8e96; font-size:1.1em !important; font-weight: 500 !important; float: right; }

    .einstellungsrahmen { margin-top: 30px; }
    .einstellung_l { float:left; color: #41587c !important; font-size:1.4em !important; font-weight:500 !important; }
    .einstellung_r { color: #41587c; font-size:1.4em !important; font-weight: 500 !important; float: right; }
    #mail { margin-bottom: -30px; width: 80%;}
    #sms { margin-bottom: -30px; width: 80%;}
    #haken { margin-bottom: -30px; width: 80%;}
    #zimmer { margin-bottom: -30px; width: 80%;}
    #tuer { margin-bottom: -30px; width: 80%;}
    #mail input { width: 90%;}
    #sms input { width: 90%;}
    #zimmer input { width: 90%;}
    #haken input { width: 90%;}
    #tuer input { width: 90%;}

    .colltitle { font-size:1.2em !important; }

    .gruen { color: #417c4f !important; font-size:1.8em !important; font-weight: 500 !important; float: right; }
    .aktiviert { color: #417c4f !important; margin-left: 20px !important; float: right; }
    .deaktiviert { color: #9d1e06 !important; margin-left: 20px !important; float: right; }
    .warnung { color: #9d1e06 !important; }
    .deliver { background-color:#d6c3bd; border: 2px solid #ff5800; font-size: 1.4em; height:40px; }
    .delivers { border: 1px solid #d0d0d0; border-collapse: collapse; color:grey; margin-left: auto; margin-right: auto; padding: 10px; }
    .erledigt { color: #417c4f !important; font-size:1.1em !important; font-weight: 500 !important; float: right; }
    .highlight {background-color: #6dd9ac; border: 1px solid green;}
/* * * * * * * * * Generatebutton * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.generate {
     margin-bottom:10px;
     vertical-align: middle;
	-moz-box-shadow:inset 0 1px 0 0 #ffffff;
	-webkit-box-shadow:inset 0 1px 0 0 #fff;
	box-shadow:inset 0 1px 0 0 #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#2f2f2f;
    font-size:14px !important;
	font-weight:bold;
	font-style:normal;
	height:38px;
	width:110px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0 #ffffff
}
.generate:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.generate:active {
	position:relative;
	top:1px;
}

.openfolder {
     width:30px; 
     margin-left:10px;
}
    /* Second Placeholder Style 
     ---------------------------
    */
    .second_placeholder{margin-top:2em;}
    .second_placeholder h1{text-align:center; font-size:2.769em; color: #41587c; line-height:1.3em; margin-bottom:1em; }
    .second_placeholder h2{ font-size:1.845em; font-weight:normal; line-height:1em; }
    .second_placeholder p{ padding-top:5px; }

        /* Featured Section Style
        .featured_one, .featured_two, .featured_three{ width:auto; height:36px; padding-left:45px; padding-bottom:0.5em; }
        .featured_one{ background:url('../img/featured_icon_display.png') no-repeat left top; }
        .featured_two{ background:url('../img/featured_icon_plus.png') no-repeat left top; }
        .featured_three{ background:url('../img/featured_icon_rss.png') no-repeat left top; } */

     /* Twitter Widget
     -------------------
     */

        .tweet,
        .query {
          color: #333;
        }
        .tweet{ padding:2em 0em; width:50%; margin:0 auto; }
        .tweet h3{ font-weight:normal; text-align:center; }
        .query{ padding: 0.7em 1.4em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; background:#41587c; background:rgba(200,160,130,0.3);text-shadow: 0px 1px 1px #FFF; box-shadow: inset 0px 1px 3px 1px rgba(000,000,000,0.5), 0px 1px 1px 1px #FFF; -webkit-box-shadow: inset 0px 1px 3px 1px rgba(000,000,000,0.5), 0px 1px 1px 1px #FFF; }
        .ie7 .query,.ie8 .query{ background:#41587c; }

          .tweet_list {
             list-style: none;
             margin: 0;
             padding: 0;
             overflow-y: hidden;
          }
          
             .tweet_list li {
                overflow-y: auto;
                overflow-x: hidden;
                padding-bottom: 0.5em;
                list-style-type: none;
             }
             
                .tweet_list li a {
                }

              .tweet_list .tweet_box{ display: block; width:85%; float: right; text-align:left; }
             .tweet_list .tweet_text{ display: block; font-size:1.2em; padding:0.8em 0em; }
             .tweet_list .tweet_even {
                background-color: #91E5E7;
             }
             
             .tweet_list .tweet_avatar {
                padding-right: 1em; float:left;
             }
             
                .tweet_list .tweet_avatar img {
                  vertical-align: middle;
                  border:5px solid #BBB;
                  margin-top:0.8em;
                }

                .ie7 .tweet_list .tweet_avatar img,.ie8 .tweet_list .tweet_avatar img{ boder:0px; }
    
    .set_rahmen { text-align: center; }
    .set_link { width:40px !important; }
    .set_img { width:36px !important; height:36px !important;  }

     /* Footer Style */

     #footer{ margin-top: 1em;padding: 2.5em 0 2.5em;border-top: 1px solid #CCC; color: #555;}
     #footer p, #footer p.credit{ font-size:1em; margin-bottom: 0; line-height:18px; }
     #footer p.html5{ margin:2em auto; text-align: center; }

pre { text-align-last: center; background-color: #f43e3e; padding:20px; width: 100%; height: 50px; border: 1px solid #721919; font-size: 1.6em; font-weight: bold; margin-bottom: -16px; line-height: 1.1;}


.btn_g {
  display: inline-block;
  padding: 8px 10px 4px;
  font-family:'Josefin Sans', sans-serif !important;
  font-size: 1.36em;
  line-height: 18px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #fafafa;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  *margin-left: .3em;
}

/* * * * * * * * * Speicher-Meldung * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.meldung {
    position:absolute; top:82px; left:0px; -moz-box-shadow:inset 0px 39px 0px -24px #73e67c;
	-webkit-box-shadow:inset 0px 39px 0px -24px #73e677;
	box-shadow:inset 0px 39px 0px -24px #73e689;
	background-color:#5de46d;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:15px;
    letter-spacing: 1px;
    text-align: center;
	padding:6px 15px;
	text-decoration:none !important;
	text-shadow:0px 1px 0px #0f361a;
    width:99%;
    z-index:2000;
}
  /* * * * * * * * * Speicher-Meldung FEHLER * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.meldung2 {
    position:absolute; top:82px; left:0px; -moz-box-shadow:inset 0px 39px 0px -24px #e6ba73;
	-webkit-box-shadow:inset 0px 39px 0px -24px #e6ba73;
	box-shadow:inset 0px 39px 0px -24px #e6ba73;
	background-color:#e4a05d;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:15px;
    letter-spacing: 1px;
    text-align: center;
	padding:6px 15px;
	text-decoration:none !important;
	text-shadow:0px 1px 0px #0f361a;
    width:99%;
    z-index:2000;
}
    
    /* * * * * * * * * LogOutButton * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.logout {
    position:absolute; top:1px; right:0px; -moz-box-shadow:inset 0px 39px 0px -24px #e67a73;
	-webkit-box-shadow:inset 0px 39px 0px -24px #e67a73;
	box-shadow:inset 0px 39px 0px -24px #e67a73;
	background-color:#e4685d;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:15px;
	padding:6px 15px;
	text-decoration:none !important;
	text-shadow:0px 1px 0px #b23e35;
}

.logout:hover {
	background-color:#eb675e;
}
    @media (max-width: 480px) {
    .logout {
        position:absolute; top:80px; width: 100%; -moz-box-shadow:inset 0px 39px 0px -24px #e67a73;
        -webkit-box-shadow:inset 0px 39px 0px -24px #e67a73;
        box-shadow:inset 0px 39px 0px -24px #e67a73;
        background-color:#e4685d;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
        border:1px solid #ffffff;
        display:inline-block;
        cursor:pointer;
        color:#ffffff !important;
        font-family:Arial;
        font-size:15px;
        padding:6px 15px;
        text-align: center;
        text-decoration:none !important;
        text-shadow:0px 1px 0px #b23e35;
        }
        .span12 section {
            margin-top:-20px !important;
        }
        .start {
            display: none !important;
        }
        .start {
            display: none !important;
        }
        .tweet {
            margin-top: -40px !important;
        }
    }


     /* =============================================================================
    Non-Semantic Helper Classes
    ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


     /* Landscape phones and down */
  @media (max-width: 480px) {
     .first_placeholder .collapsible_box{ width:95%; }
     .tweet{ padding:2em 0em; width:96%; margin:0 auto; }
     .tweet_list .tweet_box{ width:55%; }
     .tweet_list .tweet_avatar{ padding-right:0em; }
     #footer p.credit{ width:70%; }
  }
 
  /* Landscape phone to portrait tablet */
  @media (max-width: 768px) {
     .first_placeholder .collapsible_box{ width:95%;}
     .tweet{ padding:2em 0em; width:96%; margin:0 auto; }
     .tweet_list .tweet_box{  width:70%; }
     .tweet_list .tweet_avatar{ padding-right:0em; }
    }
 
  /* Portrait tablet to landscape and desktop */
  @media (min-width: 768px) and (max-width: 980px) {
     .tweet{ padding:2em 0em; width:70%; margin:0 auto; }
     .tweet_list .tweet_box{  width:85%; }
     .tweet_list .tweet_avatar{ padding-right:0em; }
    }

  @media (min-width: 980px) and (max-width: 1180px){
     .tweet{ padding:2em 0em; width:70%; margin:0 auto; }
     .tweet_list .tweet_box{  width:85%; }
  }
 
  /* Large desktop */
  @media (min-width: 1200px) {

    .second_placeholder h1{ padding:0 2.5em;}
    .tweet{ padding:2em 0em; width:70%; margin:0 auto; }
    .tweet_list .tweet_box{  width:85%; }

    }
/* * * * * * * * * Tooltips * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
a.tooltip {outline:none; cursor:help; color:#4b4541; text-decoration:none; border-bottom:1px dotted;}
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;}
a.tooltip span { z-index:1000;display:none; padding:14px 20px; margin-top:-30px; margin-left:18px; width:240px; line-height:16px; }
a.tooltip:hover span{ display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;} /*CSS3 extras*/
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; }

/* =============================================================================
    Print Styles
    ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}