/* COMMON STUFF */
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
/* make transparent link selection, adjust last value opacity 0 to 1.0 */
/* color:white; */
    font-weight: normal;
    -webkit-overflow-scrolling:touch;
}

.ui-bar, .ui-body {
    display: -webkit-box;           /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;              /* OLD - Firefox 19- (doesn't work very well) */
    display: -ms-flexbox;           /* TWEENER - IE 10 */
    display: -webkit-flex;          /* NEW - Chrome */
    display: flex !important;       /* NEW, Spec - Opera 12.1, Firefox 20+ */
    padding:0px !important;

}
input[type=number] {
    -moz-appearance: textfield !important;
}


.ui-slider-switch {
    width:55px !important;
  /*  height: 38px !important;*/
    margin:8px 0px 0px 10px !important;
    left:0px !important;
    padding:0px !important;
    line-height: 1em;
}
.ui-slider-switch .ui-btn-inner {
/*   background-image: none;
   background-color: grey;*/
   height:108% !important;
   width:90% !important;
}

#flip-1-label {
    font-size: 24px !important;
    font-family: "DinProCondensedMedium",Helvetica,Verdana,sans-serif;
    font-weight:normal;
}
#checksolar {
    margin:17px 0 0 -5px; 
    width: 185px;
    display: -webkit-box;           /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;              /* OLD - Firefox 19- (doesn't work very well) */
    display: -ms-flexbox;           /* TWEENER - IE 10 */
    display: -webkit-flex;          /* NEW - Chrome */
    display: flex !important;       /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
#checksolar .ui-btn-inner{
padding-right:0px !important;
background-color:transparent !important;
margin-top:0px !important;
margin-left: -2px;
}
#solar_area {
padding-bottom: 40px !important;    
}

#wall_info {
    padding-bottom: 40px;
}

#checksolar .ui-btn-text {
    font-size: 22px !important;
    font-weight: normal;
    font-family: "DinProCondensedMedium",Helvetica,Verdana,sans-serif !important;
    text-transform: uppercase;
    margin-left:20px;
    background-color:transparent !important;
}
#checksolar .ui-checkbox input {
    display:none    
}
#checksolar .ui-icon {
    margin-left: -10px;
    background-color: #FF0000;
    top:0px;
    margin-top:0px;
}

/* CUSTOM LINK DESIGN */
a:link, a:visited, a:hover, a:active {
    text-decoration:none;
}
body, html {
    margin:0px;
    padding:0px;
    width:100%;
    height:100%;
/* Disable the yellow focus border on android */
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-touch-callout: none;
/* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;
/* prevent webkit from resizing text to fit */
    -webkit-user-select: none;
/* prevent copy paste, to allow, change 'none' to 'text' */
    font-family: "DinPro", Helvetica, Verdana, sans-serif;
/* font-size: 62.5% */
}

.ui-controlgroup-controls {
    width: 100% !important;    
}

#hauptdiv{
    padding: 0px;
    top: 72px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    position: absolute;
   
}

#calculation_solution_fullscreen {
    background: #FFFFFF;
}

#render_image_fullscreen {
    height: 95%;
    display:block;
    margin-left:auto;
    margin-right:auto;
    align-self:center;
    text-align:center;
/*    margin-top:-45px;*/
    max-width:95%;
}

#fullscreen_button {
  background-image: url("../img/buttons/fullscreen_button.png") !important;
  width:51px;
  height:44px;
  background-size: 100% 100%;
  cursor:pointer;
  float:right;
  margin-right:5%;
}

#backfullscreen {
  background-image: url("../img/buttons/close_button.png") !important;
  width:46px;
  height:46px;
  background-size: 100% 100%;
  cursor:pointer;
  left:30px;
  top:65px;
  position:fixed;
  z-index:99999;
}

/* OVERRIDE JQUERY MOBILE STUFF */
.ui-mobile .ui-page .ui-content {
    background : none;
}
.ui-header > .ui-btn, .ui-footer > .ui-btn {
    display:none;
}
.ui-header {
    min-height: 72px;
}
@media screen and (-webkit-device-pixel-ratio: 0.75) {
}
@media screen and (-webkit-device-pixel-ratio: 1.0) {
/* desktop browsers */
}
@media screen and (-webkit-device-pixel-ratio: 1.5) {
/* e.g. Google Nexus S (Samsung Galaxy S) */
}
@media screen and (-webkit-device-pixel-ratio: 2.0) {
/* e.g. iPad */
}
/*
  @media (max-width: 600px)
  {
  .ui-title
  {
  height:30px;
  line-height:30px;
  }
  .ui-btn-text
  {
  font-size:1.6em;
  }
  }
/* aspect-ratio | min-aspect-ratio | max-aspect-ratio */
/*
  .ui-mobile .ui-page {
  background: #570710;
  background: -moz-linear-gradient(top,  #570710 0%, #e40b26 50%, #570710 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#570710), color-stop(50%,#e40b26), color-stop(100%,#570710));
  background: -webkit-linear-gradient(top,  #570710 0%,#e40b26 50%,#570710 100%);
  background: -o-linear-gradient(top,  #570710 0%,#e40b26 50%,#570710 100%);
  background: -ms-linear-gradient(top,  #570710 0%,#e40b26 50%,#570710 100%);
  background: linear-gradient(to bottom,  #570710 0%,#e40b26 50%,#570710 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#570710', endColorstr='#570710',GradientType=0 );
  }
 */
/* BACKGROUND GRADIENT */
#start {
    background-color: rgba(0, 0, 0, 0);
    background-image: none !important;
    border: 2px solid #999999;
/*    background: #570710;*/
/*    background-image:url(../img/page_bg_red.png);*/
    background-size: 100% 100%;
/*    background: -moz-linear-gradient(top, #570710 0%, #e40b26 50%, #570710 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#570710), color-stop(50%,#e40b26), color-stop(100%,#570710));
    background: -webkit-linear-gradient(top, #570710 0%,#e40b26 50%,#570710 100%);
    background: -o-linear-gradient(top, #570710 0%,#e40b26 50%,#570710 100%);
    background: -ms-linear-gradient(top, #570710 0%,#e40b26 50%,#570710 100%);
    background: linear-gradient(to bottom, #570710 0%,#e40b26 50%,#570710 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#570710', endColorstr='#570710',GradientType=0 );*/
}
/* WHITE BACKGROUND */
/*
  #body, .ui-page, .ui-mobile {
  background: #8e8e8e;
  background: -moz-linear-gradient(top, #aeaeb0 0%, #9fa09f 7%, #a2a1a2 7%, #a4a5a4 8%, #a9a9a9 9%, #a9a9a9 10%, #abacab 11%, #aeaeae 12%, #b0b0b0 12%, #b4b4b4 14%, #b8b9b8 16%, #bebdbe 17%, #bebfbe 18%, #c2c1c2 19%, #c2c2c2 20%, #c4c4c4 20%, #c4c4c4 21%, #c8c8c8 21%, #cecfce 25%, #d2d2d2 25%, #d2d2d2 26%, #d5d5d5 27%, #dadada 30%, #dcdcdc 30%, #dcdcdc 30%, #e4e4e4 33%, #fefefe 41%, #fefefe 41%, #ffffff 50%, #fefefe 60%, #fefefe 61%, #e2e2e2 69%, #dfdfdf 69%, #d2d2d2 76%, #c4c4c4 81%, #c2c2c2 82%, #bebfbe 83%, #bebfbe 84%, #aeaeb0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e8e8e), color-stop(7%,#9fa09f), color-stop(7%,#a2a1a2), color-stop(8%,#a4a5a4), color-stop(9%,#a9a9a9), color-stop(10%,#a9a9a9), color-stop(11%,#abacab), color-stop(12%,#aeaeae), color-stop(12%,#b0b0b0), color-stop(14%,#b4b4b4), color-stop(16%,#b8b9b8), color-stop(17%,#bebdbe), color-stop(18%,#bebfbe), color-stop(19%,#c2c1c2), color-stop(20%,#c2c2c2), color-stop(20%,#c4c4c4), color-stop(21%,#c4c4c4), color-stop(21%,#c8c8c8), color-stop(25%,#cecfce), color-stop(25%,#d2d2d2), color-stop(26%,#d2d2d2), color-stop(27%,#d5d5d5), color-stop(30%,#dadada), color-stop(30%,#dcdcdc), color-stop(30%,#dcdcdc), color-stop(33%,#e4e4e4), color-stop(41%,#fefefe), color-stop(41%,#fefefe), color-stop(50%,#ffffff), color-stop(60%,#fefefe), color-stop(61%,#fefefe), color-stop(69%,#e2e2e2), color-stop(69%,#dfdfdf), color-stop(76%,#d2d2d2), color-stop(81%,#c4c4c4), color-stop(82%,#c2c2c2), color-stop(83%,#bebfbe), color-stop(84%,#bebfbe), color-stop(100%,#aeaeb0));
  background: -webkit-linear-gradient(top, #aeaeb0 0%,#9fa09f 7%,#a2a1a2 7%,#a4a5a4 8%,#a9a9a9 9%,#a9a9a9 10%,#abacab 11%,#aeaeae 12%,#b0b0b0 12%,#b4b4b4 14%,#b8b9b8 16%,#bebdbe 17%,#bebfbe 18%,#c2c1c2 19%,#c2c2c2 20%,#c4c4c4 20%,#c4c4c4 21%,#c8c8c8 21%,#cecfce 25%,#d2d2d2 25%,#d2d2d2 26%,#d5d5d5 27%,#dadada 30%,#dcdcdc 30%,#dcdcdc 30%,#e4e4e4 33%,#f0f0f0 41%,#fefefe 41%,#ffffff 50%,#fefefe 60%,#f0f0f0 61%,#fefefe 69%,#dfdfdf 69%,#d2d2d2 76%,#c4c4c4 81%,#c2c2c2 82%,#bebfbe 83%,#bebfbe 84%,#aeaeb0 100%);
  background: -o-linear-gradient(top, #aeaeb0 0%,#9fa09f 7%,#a2a1a2 7%,#a4a5a4 8%,#a9a9a9 9%,#a9a9a9 10%,#abacab 11%,#aeaeae 12%,#b0b0b0 12%,#b4b4b4 14%,#b8b9b8 16%,#bebdbe 17%,#bebfbe 18%,#c2c1c2 19%,#c2c2c2 20%,#c4c4c4 20%,#c4c4c4 21%,#c8c8c8 21%,#cecfce 25%,#d2d2d2 25%,#d2d2d2 26%,#d5d5d5 27%,#dadada 30%,#dcdcdc 30%,#dcdcdc 30%,#e4e4e4 33%,#f0f0f0 41%,#fefefe 41%,#ffffff 50%,#fefefe 60%,#f0f0f0 61%,#e2e2e2 69%,#dfdfdf 69%,#d2d2d2 76%,#c4c4c4 81%,#c2c2c2 82%,#bebfbe 83%,#bebfbe 84%,#aeaeb0 100%);
  background: -ms-linear-gradient(top, #aeaeb0 0%,#9fa09f 7%,#a2a1a2 7%,#a4a5a4 8%,#a9a9a9 9%,#a9a9a9 10%,#abacab 11%,#aeaeae 12%,#b0b0b0 12%,#b4b4b4 14%,#b8b9b8 16%,#bebdbe 17%,#bebfbe 18%,#c2c1c2 19%,#c2c2c2 20%,#c4c4c4 20%,#c4c4c4 21%,#c8c8c8 21%,#cecfce 25%,#d2d2d2 25%,#d2d2d2 26%,#d5d5d5 27%,#dadada 30%,#dcdcdc 30%,#dcdcdc 30%,#e4e4e4 33%,#f0f0f0 41%,#fefefe 41%,#ffffff 50%,#fefefe 60%,#f0f0f0 61%,#e2e2e2 69%,#dfdfdf 69%,#d2d2d2 76%,#c4c4c4 81%,#c2c2c2 82%,#bebfbe 83%,#bebfbe 84%,#aeaeb0 100%);
  background: linear-gradient(to bottom, #aeaeb0 0%,#9fa09f 7%,#a2a1a2 7%,#a4a5a4 8%,#a9a9a9 9%,#a9a9a9 10%,#abacab 11%,#aeaeae 12%,#b0b0b0 12%,#b4b4b4 14%,#b8b9b8 16%,#bebdbe 17%,#bebfbe 18%,#c2c1c2 19%,#c2c2c2 20%,#c4c4c4 20%,#c4c4c4 21%,#c8c8c8 21%,#cecfce 25%,#d2d2d2 25%,#d2d2d2 26%,#d5d5d5 27%,#dadada 30%,#dcdcdc 30%,#dcdcdc 30%,#e4e4e4 33%,#f0f0f0 41%,#fefefe 41%,#ffffff 50%,#fefefe 60%,#f0f0f0 61%,#e2e2e2 69%,#dfdfdf 69%,#d2d2d2 76%,#c4c4c4 81%,#c2c2c2 82%,#bebfbe 83%,#bebfbe 84%,#aeaeb0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeaeb0', endColorstr='#aeaeb0',GradientType=0 );
  }
 */
/*#body, .ui-page, .ui-mobile {
    background-image:url(../img/page_bg.png);
    background-size: 100% 100%;
}
*/

#parentdiv {
    align-self: center;
    bottom: 0;
    top: 0;
    display: table !important;
    height: 100%;
    width: 100%;
    position: fixed !important;
    positin: absolute;
    text-align: center;
}

#imagediv {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 100%;
}

/* CALCULATION INFORMATION */
#pellets_umrechnung_image {
    max-width:520px;
    width:85%;
/*    height:85%;
    max-height: 801px;
    margin-top:80px !important;*/
}
#calculationinformation_start {
    /*background-image: url(../img/umrechnen_bg.png);*/
    background-image:none;
    background-size: 100% 100%;
}

/* MAKE THE SLIDE TITLE WHITE */
label.ui-slider, label.ui-select, label.ui-input-text {
/* color:white; */
/* font-size:22px; */
}
/*
  .ui-btn {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
  }
  .ui-btn-up-a {
  background: linear-gradient(#cccccc, #999999) repeat scroll 0 0 #666666;
  }
 */
/* ADD WINDHAGER FONTS TO THE APP */


@font-face {
    font-family: "DinPro";
    src: url('../fonts/DINPro.otf') format('otf');
/*    src: url('../fonts/DINPro.eot');*/
    src: local("DinPro"), url('../fonts/DINPro.woff') format("woff"),
    url('../fonts/DINPro.ttf') format("truetype");
    font-weight: normal;
}
@font-face {
    font-family: "DinPro";
    src: url('../fonts/DINPro-Bold.otf') format('otf');
 /*   src: url('../fonts/DINPro-Bold.eot');*/
    src: local("DinPro"), url('../fonts/DINPro-Bold.woff') format("woff"),
    url('../fonts/DINPro-Bold.ttf') format("truetype");
    font-weight: bold;
}
@font-face {
    font-family: "DinProMedium";
    src: url('../fonts/DINPro-Medium.otf') format('otf');
 /*   src: url('../fonts/DINPro-Medium.eot');*/
    src: local("DinProMedium"), url('../fonts/DINPro-Medium.woff') format("woff"),
    url('../fonts/DINPro-Medium.ttf') format("truetype");
    font-weight: normal;
}
@font-face {
    font-family: "DinProMedium";
    src: url('../fonts/DINPro-Medium.otf') format('otf');
 /*   src: url('../fonts/DINPro-Medium.eot');*/
    src: local("DinProMedium"), url('../fonts/DINPro-Medium.woff') format("woff"),
    url('../fonts/DINPro-Medium.ttf') format("truetype");
    font-weight: bold;
}
@font-face {
    font-family: "DinProBlack";
    src: url('../fonts/DINPro-Black.otf') format('otf');
 /*   src: url('../fonts/DINPro-Black.eot');*/
    src: local("DinProBlack"), url('../fonts/DINPro-Black.woff') format("woff"),
    url('../fonts/DINPro-Black.ttf') format("truetype");
}
@font-face {
    font-family: "DinProCondensed";
    src: url('../fonts/DINPro-CondMedium.oft') format('otf');
/*    src: url('../fonts/DINPro-CondLight.eot');*/
    src: local("DinProCondensed"), url('../fonts/DINPro-CondLight.woff') format("woff"),
    url('../fonts/DINPro-CondLight.ttf') format("truetype");
    font-weight: normal;
}
@font-face {
    font-family: "DinProCondensed";
    src: url('../fonts/DINPro-CondBold.oft') format('otf');
/*    src: url('../fonts/DINPro-CondBold.eot');*/
    src: local("DinProCondensed"), url('../fonts/DINPro-CondBold.woff') format("woff"),
    url('../fonts/DINPro-CondBold.ttf') format("truetype");
    font-weight: bold;
}

@font-face {
    font-family: "DinProCondensedMedium";
    src: url('../fonts/DINPro-CondMedium.oft') format('otf');
/*    src: url('../fonts/DINPro-CondMedium.eot');*/
    src: local("DinProCondensedMedium"), url('../fonts/DINPro-CondMedium.woff') format("woff"),
    url('../fonts/DINPro-CondMedium.ttf') format("truetype");
    font-weight: normal;
}



/* COMMON STYLE INFORMATION */
h2 {
    font-family: "DinPro", Helvetica, Verdana, sans-serif;
    font-weight: bold;
    font-size: 30px !important;
    margin-top:0.7em !important;
    color:white;
    margin:0px;
    padding:0px;
    text-align: center;
    font-size:5vmin;
}
h3 {
    font-family: "DinPro", Helvetica, Verdana, sans-serif;
    color: #333;
    font-weight: normal;
    font-size: 5vw;
    font-size:2.6vmin;
    margin:0px;
    padding:0px;
    text-align: center;
}

#requirement_numbervalue_extended, #requirement_numbervalue, .calculation_area #width-label, 
.calculation_area #batterWallDistance-label, .calculation_area #width_extended-label, calculation_area #batterWallDistance_extended-label,
.calculation_area #length-label, .calculation_area #height-label, .calculation_area #batterWallAngle-label, .calculation_area #length_extended-label, 
.calculation_area #height_extended-label, .calculation_area #batterWallAngle_extended-label, .calculation_area #hotwater_numbervalue{
    font-family: "DinProCondensed", Helvetica, Verdana, sans-serif;
    font-weight: bold;
    font-size:24px;
/*  letter-spacing: 1px;*/
}


.page {
/* border:1px solid green; */
/* display:none; */
}
.center {
    width:50%;
    margin: 0 auto;
    position:relative;
    text-align:center;
}

.ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text  {
    font-family: "DinProCondensedMedium", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color:#000000;
    font-size: 24px;
    padding-top:3px;
}


#noborderbox .ui-btn-inner {
    width: 128%;
}

/* STARTSCREEN DESIGN */
/*
  .start_title {
  position:absolute;
  display:block;
  outline-style:none;
  background-image:url(../img/main_menu/main_menu_title.png);
  }
 */
#start_title {
    /*left: 50%;
    margin-left: -23%;
    margin-right: 30%;*/
    left: 34% !important;
    right: 34% !important;
    margin-top: -10%;
    position: absolute;
    text-align: center;
    width: 32%;
    padding:0px;
}
#main_title_header {
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    padding: 0px;
    left:0px;
    right:0px;
}
#logo {
    position:absolute;
    top:2%;
    right:30px;
    max-width:40%;
}
#contact {
    position:absolute;
    color: #333;
    left:30px;
    bottom:30px;
    cursor:pointer;
    text-transform: uppercase;
    font-family: "DinPro",Helvetica,Verdana,sans-serif;
    /*font-weight: bold;*/
    font-size: 2.5vmin !important;
}
#url {
    position:absolute;
    right:30px;
    bottom:30px;
    cursor:pointer;
    font-family: "DinPro",Helvetica,Verdana,sans-serif;
    font-size: 2.5vmin;
    /*font-weight: bold;*/
}
/* STARTSCREEN MAIN MENU */
#main_menu {
    position:absolute;
    opacity: 0;
/*    -webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    -ms-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in;*/
  /*  max-width:600px;*/
    width:92%;
    height:auto;
/* height is set with javascript */
/* centers the circle */
    margin-left:4%;
    margin-right:4%;
    text-align:center;
    bottom: 30px;
/* border-radius is set with javascript */
}
#main_wrapper {
    border: 1px solid red;
}
#center_circle {
/* background:#e40b26; */
    position:absolute;
    bottom: 26.5%;
    left: 27%;
    right: 27%;
    top: 27.5%;
/* text-decoration: :underline; */
/* set border-radius with javascript */
}
#center_circle:hover {
    background-color: rgba(0, 0, 0, 0.2);
}
#prospect_button, #prospect_button a, #prospect_button a:hover {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 100% !important;
    border-top-right-radius: 0;
    -webkit-border-top-left-radius: 100% !important;
    -moz-border-radius-topright: 100% !important;
}

#planing_folder_button, #planing_folder_button a, #planing_folder_button a:hover {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 100% !important;
    -webkit-border-top-right-radius: 100% !important;
    -moz-border-radius-topright: 100% !important;
}

#calculationinformation_button, #calculationinformation_button a, #calculationinformation_button a:hover {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 100% !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 100% !important;
-moz-border-radius-bottomright: 100% !important; 
}

#settings_button, #settings_button a, #settings_button a:hover {
    border-bottom-left-radius: 100% !important;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 100% !important;
    -moz-border-radius-bottomleft: 100% !important;
}
 /*Security Popup Start*/
.SecurityPopup {
  background-image:url(../img/buttons/popup_bg.png);
  background-size: 100% 100% !important;
  left:8%;
  right:8%;
  height: 300px;
  text-align:center;
  position:absolute;
/*  top: 125px;  */
/*    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;*/
/*  padding: 20px;*/
  z-index: 999999 !important;
  margin-top:-55px;
  /* also need animation and -moz-animation */
}

#pwd.invalid {
    outline-color: red;
    -webkit-animation: shake .6s linear;
    -moz-animation: shake .6s linear;
    animation: shake .6s linear;
}

/* also keyframes and -moz-keyframes */
 @-webkit-keyframes shake {
    0% {
        left:-10px;
    }
    16% {
        left:9px;
    }
    33% {
        left:-6px;
    }
    50% {
        left:5px;
    }
    66% {
        left:-2px;
    }
    83% {
        left:1px;
    }
    100% {
        left: 0px;
    }
}

@keyframes shake{
0%, 100% {transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
    20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.shake {
    animation-name: shake;
}
 
@-moz-keyframes shake{
0%, 100% {transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
    20%, 40%, 60%, 80% {transform: translateX(10px);}
}



.SecurityPopup label{
font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
    font-weight: bold !important;
  color: #ffffff;
  font-size: 28px;
  text-shadow: 0 -2px 0 #323232;
  margin-top:45px;
  }
.SecurityPopup > div.ui-input-text {
    width:92.2%;
    left:3.8%;
    -webkit-border-radius: 0.5em !important;
    -moz-border-radius: 0.5em !important;
    border-radius: 0.5em !important;    
}

#pwd {
    font-size: 1.5em;
}

.cancelpwd a:link {
    font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
    font-weight: bold !important;
    color:#ffffff;
}

.cancelpwd {
    -webkit-border-radius: 0.5em !important;
    border-radius: 0.5em !important;
    font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
    font-weight: bold !important;
    font-size: 28px !important;
    width:44.5%;
    background-image: url(../img/buttons/ng_bg.png)!important;
    background-size: 100% 200% !important;
    padding: 3px 0px !important;
/*    width: 120px;*/
    color: #ffffff !important;
 /*   margin: 0 2px;*/
    outline: none;
/* {a-bup-shadow-x} *//* {a-bup-shadow-y} *//* {a-bup-shadow-radius} *//* {a-bup-shadow-color} */    text-shadow: 0 -2px 0 #323232;
    display:inline-block;
    cursor:pointer;
    line-height: 2em;
    border-width:2px;
    border-style:solid;
    border-top-color: #5e140b;
    border-right-color: #5e140b;
    border-left-color: #5e140b;
    border-bottom-color: #5e140b;
    vertical-align:top;
    position: absolute;
    bottom: 25px;
    left: 3.5%;
}
.cancelpwd:hover {
/* {a-bup-shadow-x} *//* {a-bup-shadow-y} *//* {a-bup-shadow-radius} *//* {a-bup-shadow-color} */    text-shadow: 0 -2px 0 #323232;
    background-position: 0 100%;
    font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
    font-weight: bold !important;
    border-top-color: #5e140b;
    border-bottom-color: #5e140b;
}
.cancelpwd:active {
/* {a-bup-shadow-x} *//* {a-bup-shadow-y} *//* {a-bup-shadow-radius} *//* {a-bup-shadow-color} */    text-shadow: 0 -2px 0 #323232;
    background-position: 0 100%;
    font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
    font-weight: bold !important;
}
    
.enterpwd {
    -webkit-border-radius: 0.5em !important;
    border-radius: 0.5em !important;
    font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
    font-weight: bold !important;
    font-size: 28px !important;
    width:44.5%;
    background-image: url(../img/buttons/ok_bg.png)!important;
    background-size: 100% 200% !important;
    padding: 3px 0px !important;
/*    width: 120px;*/
    color: #ffffff !important;
/*    margin: 0 2px;*/
    outline: none;
/* {a-bup-shadow-x} *//* {a-bup-shadow-y} *//* {a-bup-shadow-radius} *//* {a-bup-shadow-color} */    text-shadow: 0 -2px 0 #323232;
    display:inline-block;
    cursor:pointer;
    line-height: 2em;
    border-width:2px;
    border-style:solid;
    border-top-color: #5e140b;
    border-right-color: #5e140b;
    border-left-color: #5e140b;
    border-bottom-color: #5e140b;
    vertical-align:top;
    position: absolute;
    bottom: 25px;
    right:3.5%;
    
}
.enterpwd:hover {
/* {a-bup-shadow-x} *//* {a-bup-shadow-y} *//* {a-bup-shadow-radius} *//* {a-bup-shadow-color} */    text-shadow: 0 -2px 0 #323232;
    background-position: 0 100%;
    font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
    font-weight: bold !important;
    border-top-color: #5e140b;
    border-bottom-color: #5e140b;
}
.enterpwd:active {
/* {a-bup-shadow-x} *//* {a-bup-shadow-y} *//* {a-bup-shadow-radius} *//* {a-bup-shadow-color} */    text-shadow: 0 -2px 0 #323232;
    background-position: 0 100%;
    font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
    font-weight: bold !important;
}





 /*Security Popup End*/
.main_menu_button {
    position:absolute;
    display:block;
    outline-style:none;
/*    width: 100%;
    height: 100%;
    background-size: 50% 50%;
    background-repeat: no-repeat;*/
}
/* START make main menu buttons size and position */
#prospect_button > *, #planing_folder_button  > *, #calculationinformation_button  > *, #settings_button  > * {

    width: 50%;
    height:50%;
    background-size: 100% 100%;
}
#planing_folder_button  > * {
    left:50%;

}
#calculationinformation_button  > *{
    top:50%;
    left:50%;
}
#settings_button  > *{
    top: 50%
}

/* End make main menu buttons size and position */
#settings_information {
    margin-left:2%;
    margin-top:1%;
    font-size:2vmax;
}

/* START DESIGN FOR TOP NAVIGATION BAR */
/* gradient */
.navigation_bar {
    background: #9a9a9a;
/* Old browsers */
    background: -moz-linear-gradient(top, #9a9a9a 0%, #8d8d8d 1%, #7c7c7c 2%, #797979 3%, #777777 7%, #6f6f6f 11%, #6a6a6a 20%, #676767 21%, #595959 36%, #505050 43%, #4c4c4c 49%, #404040 51%, #444444 94%, #454545 97%, #505050 100%);
/* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9a9a9a), color-stop(1%,#8d8d8d), color-stop(2%,#7c7c7c), color-stop(3%,#797979), color-stop(7%,#777777), color-stop(11%,#6f6f6f), color-stop(20%,#6a6a6a), color-stop(21%,#676767), color-stop(36%,#595959), color-stop(43%,#505050), color-stop(49%,#4c4c4c), color-stop(51%,#404040), color-stop(94%,#444444), color-stop(97%,#454545), color-stop(100%,#505050));
/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #9a9a9a 0%,#8d8d8d 1%,#7c7c7c 2%,#797979 3%,#777777 7%,#6f6f6f 11%,#6a6a6a 20%,#676767 21%,#595959 36%,#505050 43%,#4c4c4c 49%,#404040 51%,#444444 94%,#454545 97%,#505050 100%);
/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #9a9a9a 0%,#8d8d8d 1%,#7c7c7c 2%,#797979 3%,#777777 7%,#6f6f6f 11%,#6a6a6a 20%,#676767 21%,#595959 36%,#505050 43%,#4c4c4c 49%,#404040 51%,#444444 94%,#454545 97%,#505050 100%);
/* Opera 11.10+ */
    background: -ms-linear-gradient(top, #9a9a9a 0%,#8d8d8d 1%,#7c7c7c 2%,#797979 3%,#777777 7%,#6f6f6f 11%,#6a6a6a 20%,#676767 21%,#595959 36%,#505050 43%,#4c4c4c 49%,#404040 51%,#444444 94%,#454545 97%,#505050 100%);
/* IE10+ */
    background: linear-gradient(to bottom, #9a9a9a 0%,#8d8d8d 1%,#7c7c7c 2%,#797979 3%,#777777 7%,#6f6f6f 11%,#6a6a6a 20%,#676767 21%,#595959 36%,#505050 43%,#4c4c4c 49%,#404040 51%,#444444 94%,#454545 97%,#505050 100%);
/* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a9a9a', endColorstr='#505050',GradientType=0 );
/* IE6-9 */
}
.navigation_bar {
    position:absolute;
    height:10%;
    width:100%;
}
.back_button {
    position:absolute;
    background-image:url(../img/back_button.png);
    left:2%;
    text-align: center;
}
.back_button span {
    position: relative;
/* border: 1px solid red; */
}
.navigation_bar .bar_title {
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}
/* CALCULATION START STYLE */
#calculation_input {
    width:100%;
    top:11%;
    position:absolute;
}
/* SOLUTION SCROLLER STUFF */
#additional_information {
    font-size:28px;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    font-family: "DinProCondensed", Helvetica, Verdana, sans-serif;
}
#fussnote {
    font-size: 18px;
}
#fussnote_hide > td, #fussnote_show > td {
    background: #FFFFFF;
}
#additional_information_title, #additional_information_top_title, #additional_information_side_title, #additional_information_image_title {
    text-align:center;
    margin-top:15px;
    padding-bottom:5px;
    font-size: 28px;
    color: #e2001a;
    font-weight: normal;
    font-family: "DinProBlack", Helvetica, Verdana, sans-serif;
}
#additional_information_top_view, #additional_information_side_view, #additional_information_image_view {
    font-size: 24px;
    padding-bottom: 0px;
    text-align: center;
    color: #707173;
/*    font-weight: bold;*/
    font-family: "DinProMedium", Helvetica, Verdana, sans-serif;
    text-transform: uppercase;
}
#additional_information_table {
    background-image: url("../img/calculation/ergebnis_arrow.png");
    background-repeat:no-repeat;
    font-family: "DinProCondensed", Helvetica, Verdana, sans-serif;
    background-size: 4% 100%;
    background-color:#ffffff;
    border-style: solid;
    border-color: #e2001a;
    border-width: 2px;
    padding: 10px 0px 10px 0px;
    width: 99.4%;
    max-width:600px;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    border-collapse: collapse;
/*
  -moz-box-shadow: inset 0 0 5px 5px #DCDCDC;
  -webkit-box-shadow: inset 0 0 5px 5px#DCDCDC;
  box-shadow: inset 0 0 5px 5px #DCDCDC;
 */
    color: #707173;
}
#additional_information tr td {
    border-bottom-width: 1px;
    border-bottom-color: #9c9e9f;
    border-bottom-style:solid;
    border-collapse: collapse;
    border-right-width: 0px;
    border-left-width: 0px;
}

#additional_information tr:nth-child(even) {
background: #ececed !important;
}
#additional_information  tr:nth-child(odd) {
background: #FFF !important;
}

#additional_information #info_roomsize, #additional_information #info_volume, #additional_information #info_area, #additional_information #info_usablevolumepercent,
#additional_information #info_usablevolume, #additional_information #info_maxpelletscharge, #additional_information #info_usableheadingload, #additional_information #info_bevelvolume,
#additional_information #info_maxpelletssuffice,
#additional_information #addTR1TD2,
#additional_information #addTR2TD2,
#additional_information #addTR3TD2,
#additional_information #addTR4TD2
{
    color:#000000 !important;
}
/*#additional_information #back1 td, #additional_information #info_bevelvolume_hide td, #additional_information #info_maxpelletssuffice_hide td {
    background-color: #ececed;
}*/
#additional_information_table h2 {
    text-align:left;
    color:#e2001a;
    font-family: "DinPro", Helvetica, Verdana, sans-serif;
    font-size: 28px;
}
#additional_information_hint {
    font-family: "DinProCondensed",Helvetica,Verdana,sans-serif;
    font-size: 28px;
    text-align: center;
}

/* INDICATOR STYLE */
.dot {
    display: inline-block;
    width:12px;
    height:12px;
    border-radius:6px;
    background-color:#cccccc;
    cursor:pointer;
}
.activdot {
    background-color: #E2001A;

}
/* CONTACT INDICATOR STYLE */
#contact_indicator {
  /*  left:50%;
    margin-left:-50px;*/
    width:100%;
    position:absolute;
    text-align:center;
    bottom:3%;
/*    padding:10px;*/
}

.lang0 {
    display: inline-block;
    margin: 0 1;
    width:14.666%;
    height:70px;
   /* border-radius:6px;*/
    cursor:pointer;
}

.lang0 img, .lang1 img, .lang2 img, .lang3 img, .lang4 img, .lang5 img{
    max-width:100%;
    height:auto;
    cursor:pointer;
    opacity:0.3;
}
.lang1 {
    display: inline-block;
    margin: 0 1;
    width:14.666%;
    height:70px;
   /* border-radius:6px;*/
    cursor:pointer;
}
.lang2 {
    display: inline-block;
    margin: 0 1%;
    width:14.666%;
    height:70px;
   /* border-radius:6px;*/
    cursor:pointer;
}
.lang3 {
    display: inline-block;
    margin: 0 1;
    width:14.666%;
    height:70px;
   /* border-radius:6px;*/
    cursor:pointer;
}
.lang4 {
    display: inline-block;
    margin: 0 1%;
    width:14.666%;
    height:70px;
   /* border-radius:6px;*/
    cursor:pointer;
}
.lang5 {
    display: inline-block;
    margin: 0 1;
    width:14.666%;
    height:70px;
   /* border-radius:6px;*/
    cursor:pointer;
}
.activlang img{
    opacity:1;

}


/* SOLUTION SCROLLER DESIGN */
#solution_scroller .iscroll-scroller {
    width:400%;
}
.iscroll-content {
    height:100%;
}
#solution_scroller {
    position:absolute;
    left:0px;
    right:0px;
    height:100%;
    float:left;
    padding:0px;
    margin:0px;
}
.solution_scroller_content {
    width:25%;
    float:left;
/*    overflow:hidden;*/
    height:100%;
}
#canvas_top, #canvas_side {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

/*#canvas_side{
    margin-bottom: 20px !important;
    padding-bottom: 40px !important;
    height: 80% !important;
}*/
#render_image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    height: auto !important;
}
#description_image {
    display: block;
    margin: 20px auto;
/*    max-width: 564px;*/
    width: 84%;
}
/* CONTACT SCROLLER DESIGN */
strong {
    font-weight: bold;
}
strong_1 {
    font-weight: bold;
    font-size: 2vmax;
}
paragraph_1 {
    font-size: 1.8vmax;
    font-family: "DinPro", Helvetica, Verdana, sans-serif;
    font-weight: normal;
    line-height: 0.9em;
}
#contact_scroller {
    position:absolute;
    left:0px;
    right:0px;
    height:100%;
    float:left;
    padding:0px;
    margin:0px;
    margin-top:10px;
    font-size:1vw;
    font-size:2.5vmin;
}

#contact_scroller a:link, #contact_scroller a:hover, #contact_scroller a:visited, #contact_scroller a:active {
    color:#E2001A;
    font-weight:normal;
}
.scrollercontent {
    width:16.6666%;
    float:left;
    overflow:hidden;
    margin-top:5px;
    height:100%;
}
#contact_scroller .iscroll-scroller {
    width:600%;
}
.scrollercontent > div {
    font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
    font-size: 22px;
    height: 100%;
    margin-left: 20%;
    margin-right: 18%;
/*    padding-left: 50%;*/
    text-align: left;
    width: 60%;
}
.scrollercontent img {
    max-width:177px;
    width:45%;
}
#flag_bar {
    bottom:0px;
    left:0px;
    right:0px;
    position:absolute;
}
#flag_bar img {
    max-width:70px;
    width:10%;
    margin-left:2%;
    float:right;
    cursor:pointer;
}
/* CALCULATION START */
#calculation_start .ui-content h3, #calculation_start_extended .ui-content h3, #settings_start .setting_area h3 {
    color: #FFFFFF;
    font-family: "DinProCondensed", Helvetica, Verdana, sans-serif;
    font-weight: bold;
    font-size: 30px;
    margin: 0;
    padding-top: 5px;
    text-align: center;
    background-image: url(../img/calculation/head_bg.png);
    background-color: #FF0000;
    text-transform: uppercase;
}
#calculation_start .ui-content, #calculation_start_extended .ui-content {
    padding: 0px;
}
#calculation_start input.ui-input-text.ui-slider-input, #calculation_start_extended input.ui-input-text.ui-slider-input {
    -moz-box-sizing: content-box;
    background-image: url(../img/calculation/input_bg_small.png);
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
    font-family: "DinPro", Helvetica, Verdana, sans-serif;
    font-weight: bold;
    border-width: 0;
    display: block;
    float: left;
    font-weight: bold;
    outline: 0 none;
    padding-right: 13px;
    padding-left: 0px;
    padding-top:0.8em !important;
    padding-bottom:0px !important;
    text-align: center;
    vertical-align: text-bottom;
    width: 88px;
    color:#ffffff;
    margin-left: 20px;
    font-size: 2em;
    height: 1.3em;
    line-height: 0;
/*    height: 1.7em;*/
/* {global-radii-blocks} */    -webkit-border-radius: 0em;
/* {global-radii-blocks} */    border-radius: 0em;
    -moz-box-shadow: inset 0 0 0 		rgba(0,0,0,0);
    -webkit-box-shadow: inset 0 0 0 	rgba(0,0,0,0);
    box-shadow: inset 0 0 0 			rgba(0,0,0,0);
}

#calculation_start .ui-input-text.ui-shadow-inset.ui-corner-all.ui-btn-shadow.ui-body-c, #calculation_start_extended .ui-input-text.ui-shadow-inset.ui-corner-all.ui-btn-shadow.ui-body-c {
    background-image: url(../img/calculation/input_bg_small.png);
    background-repeat: no-repeat;
/*    width: 92px;*/
    height: 68px !important;
    margin-left: 25px;
    /* {global-radii-blocks} */    -webkit-border-radius: 0em;
/* {global-radii-blocks} */    border-radius: 0em;
    -moz-box-shadow: inset 0 0 0 		rgba(0,0,0,0);
    -webkit-box-shadow: inset 0 0 0 	rgba(0,0,0,0);
    box-shadow: inset 0 0 0 			rgba(0,0,0,0);
    vertical-align: text-bottom;
}

#requirement_value, #requirement_value_extended, #hotwater_value{
    -moz-box-sizing: content-box;
    /*background-image: url(../img/calculation/input_bg_small.png);
    background-repeat: no-repeat;*/
    background-color: rgba(0, 0, 0, 0);
    font-family: "DinPro", Helvetica, Verdana, sans-serif;
    border:none;
    display: block;
    float: left;
    font-weight: bold;
    outline: 0 none;
    /*padding-right: 13px;*/
    padding-left: 0px;
    padding-top:0.7em !important;
    padding-bottom:0px !important;
    text-align: center;
    vertical-align: text-bottom;
    width: 92px;
    color:#ffffff;
    margin-left: -5px;
    font-size: 2em;
    height: 1.3em;
/*    height: 1.5em;*/
/*    margin-bottom:-25px;*/
/* {global-radii-blocks} */    -webkit-border-radius: 0em;
/* {global-radii-blocks} */    border-radius: 0em;
    -moz-box-shadow: inset 0 0 0 		rgba(0,0,0,0);
    -webkit-box-shadow: inset 0 0 0 	rgba(0,0,0,0);
    box-shadow: inset 0 0 0 			rgba(0,0,0,0);
}
#requirement_numbervalue_extended, #requirement_numbervalue, #hotwater_numbervalue{
    color: #FFFFFF;
    margin-left: 26px;
    margin-top: 15px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 88px;
    z-index: 99999;
}


.ui-checkbox-on .ui-icon, .ui-radio-on .ui-icon {
    background-color: #ED1C24;
}

#calculation_start .ui-body-c, #calculation_start .ui-overlay-c, #calculation_start_extended .ui-body-c, #calculation_start_extended.ui-overlay-c {
    border:none !important;
}
#calculation_start .ui-block-a, #calculation_start_extended .ui-block-a {
    width: 128px;
    margin-left:-5px;
    height: 75px;
}
/* Eingabe der Optionalen Informationen */
#noborderbox .ui-btn-up-c, #calculation_start_extended .ui-btn-up-c {
    background-color:transparent;
    border:none;
}
#noborderbox .ui-shadow {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#calculation_start .ui-btn-up-c, #calculation_start_extended .ui-btn-up-c {
    background-color:transparent;
}

#noborderbox .ui-btn-inner {
    background-color: #c1c1c1 !Important;
/*    width:140% !important;*/
    padding-bottom: 0px !imporant;
    padding-top: -1px !important;
    border: 1px solid #BBBBBB;
}

.ui-icon-shadow {
    box-shadow:none;

}

#noborderbox .ui-btn-inner .ui-btn-text{
    background-color: transparent !Important;
    margin-top: -2px !important;
    margin-bottom: -2px !important;
}

#noborderbox > .ui-btn-down-c {
    background: none !important;
}

#noborderbox .ui-icon, .ui-icon-searchfield:after {
background-image: url("images/br_down.png") !important;
background-color: #c1c1c1 !important;
background-size: 105% 105%;
}

#noborderbox .ui-icon-arrow-d {
background-position: 0px 0px !important;    
}
/* Eingabe der Optionalen Informationen */
input.ui-input-text.ui-slider-input {
    border-radius: 0em;
}


.calculation_area {
    background: url(../img/calculation/calc_bg.png);
    box-shadow: 0px 2px 2px 2px #999999;
    -moz-box-shadow: 0px 2px 2px 2px #999999;
    -webkit-box-shadow: 0px 2px 2px 2px #999999;
    padding-bottom: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
}

#calc_padding {
    margin-bottom: 5px !important;
    padding-bottom: 40px;
}
.setting_area {
    background: url(../img/calculation/calc_bg.png);
    box-shadow: 0px 2px 2px 2px #999999;
    -moz-box-shadow: 0px 2px 2px 2px #999999;
    -webkit-box-shadow: 0px 2px 2px 2px #999999;
    padding-bottom: 10px;
    margin-top: 0px;
    font-family: "DinProCondensedMedium", Helvetica, Verdana, sans-serif;
    font-color:#00000;
    font-size: 20px;
}
.setting_area .ui-shadow-inset {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
}
/*.setting_area > h3 {
    color: #FFFFFF;
    font-family: "DinProCondensed", Helvetica, Verdana, sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-align: center;
    background-image: url(../img/calculation/head_bg.png);
    background-color: #c70017;
}*/


#settings_information_form {
    margin-left: auto;
    margin-right: auto;
    width:85%;
    max-width: 700px;
    display: table;

}

#togglepwd {
   display: table-row;
   width:100% !important;
   padding: 15px 0 0;

}

.setting_area .ui-field-contain label.ui-input-text, #logolabel {
    display:table-cell;
    min-width:100px;
    width:10%;
    margin-right: 0;
    vertical-align: middle;
    font-size:24px; 
    height: 35px;
    line-height:0.5em;
    text-transform: uppercase;
    }


.setting_area .ui-input-text.ui-shadow-inset {
    display: table-cell;
    border-color: #c70017;
    height: 35px;
    width:100%;

}

.ui-input-text br {
    line-height: 1em;
}

#logolabel {
    width: 100px !important;    
}

div.ui-input-text input.ui-input-text, div.ui-input-text textarea.ui-input-text, .ui-input-search input.ui-input-text {

display:inline-block !important;


}

.setting_area .ui-corner-all {
    border-bottom-left-radius: 0.3em;
    border-bottom-right-radius: 0.3em;
    border-top-left-radius: 0.3em;
    border-top-right-radius: 0.3em;
}

/*.speichernbutton a {
    outline: none;
/\* get rid of dotted borders in FireFox *\/
    text-indent: -5000px;
/\* this move the text outside of the screen area *\/
    display: inline-block;
    width: 132px;
    height:46px;
    background-size: 264px 46px;
    vertical-align: top;
    float:right;
    margin-right: 8%;
}*/
/*.speichernbutton a:hover {
    background-position: 100% 0;
}
.speichernbutton a:active {
    background-position: 100% 0;
}*/

/*.uploadbutton {
    outline: none;
/\* get rid of dotted borders in FireFox *\/
    text-indent: -5000px;
/\* this move the text outside of the screen area *\/
    display: inline-block;
    width: 92px;
    height:33px;
    background-size: 184px 33px;
    vertical-align: top;
}
.uploadbutton:hover {
    background-position: 100% 0;
}
.uploadbutton:active {
    background-position: 100% 0;
}*/


#upload {
    display:none;
    width: 0px !important;        /* For OLD syntax, otherwise collapses. */
    -webkit-box-ordinal-group: 4;   /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 4;      /* OLD - Firefox 19- */
    -moz-box-flex: 1;               /* Firefox 19- */
    -ms-flex-order: 4;              /* TWEENER - IE 10 */
    -webkit-order: 4;
    -webkit-flex: 1;                /* NEW - Chrome */
    flex: 1 1 1;                    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    order: 4;                       /* OLD - iOS 6-, Safari 3.1-6 */
    -ms-flex: 1;                    /* TWEENER - IE 10 */

}

#logoupload {
  text-align:center;

}


/*Logoupload*/
.attachmentbutton {
    background-image: url(../img/buttons/attach_button.png)!important;
    background-size: 100% 100% !important;
    width:44px;
    height:38px;
    margin: 0 2px;
    outline: none;
/*    display:table-cell;*/
    vertical-align:top;
    margin-left:20px;
}

/*Logodelete*/
.deletebutton {
    background-image: url(../img/buttons/delete_image.png)!important;
    background-size: 100% 100% !important;
    width:30px;
    height:38px;
    margin: 0 2px;
    outline: none;
/*    display:table-cell;*/
    cursor:pointer;
    vertical-align:top;
    margin-left:10px;
}

.setting_area  #kundenform {
vertical-align:top !important;

}

#kundenform .ui-input-text.ui-shadow-inset.ui-corner-all.ui-btn-shadow.ui-body-c {
    margin-top: 10px;
}
.setting_area #notizen {
    vertical-align: top !important;
}
.setting_area .ui-field-contain, .setting_area .ui-mobile fieldset.ui-field-contain {
    margin-top: 0.3em;
    margin-bottom: 0.3em;
}
.button_calculation_area a {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 200% auto;
    display: block;
    height: 167px;
    margin-top: -43px;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
    text-indent: -5000px;
    width: 167px;
    z-index: 9999;
}

#requirements {
    width: 410px !important;
    padding:0px !important;
    background-color:transparent !important;
}

#calculation_start .button_calculation_area a {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 200% auto;
    display: block;
    height: 167px;
    margin-top: -43px;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
    text-indent: -5000px;
    width: 167px;
    z-index: 9999;
}


#calculation_start .button_calculation_area a:hover {
    background-position: 100% 0;
}
#calculation_start .button_calculation_area a:active {
    background-position: 0 0;
}
.button_calculation_area a:hover {
    background-position: 100% 0;
}
.button_calculation_area a:active {
    background-position: 0 0;
}
.button_calculation_area {
    z-index: 9999;
    margin-left:auto;
    margin-right: auto;
    width:164px;
}


/* Optional Dropdown Button*/

.ui-btn-up-c {
	border: 0px solid 		transparent !important;
	background: transparent !important;
	font-weight: bold;
	color: #000000;
	text-shadow: 0 /*{c-bup-shadow-x}*/ 0px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #fff /*{c-bup-shadow-color}*/;
	background-image: none;
}
.ui-btn-up-c:visited,
.ui-btn-up-c a.ui-link-inherit {
	color: 					transparent !important;
}
.ui-btn-hover-c {
	border: 0px solid 		transparent !important;
	background: 		transparent !important;
	font-weight: bold;
	color:#000000;
	text-shadow: 0 /*{c-bhover-shadow-x}*/ 0px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #fff /*{c-bhover-shadow-color}*/;
	background-image: none;
}
.ui-btn-hover-c:visited,
.ui-btn-hover-c:hover,
.ui-btn-hover-c a.ui-link-inherit {
	color: #000000;
}

.ui-btn-down-c:visited,
.ui-btn-down-c:hover,
.ui-btn-down-c a.ui-link-inherit {
	color: #000000;
}
.ui-btn-up-c,
.ui-btn-hover-c,
.ui-btn-down-c {
	font-family: "DinProCondensed",Helvetica,Verdana,sans-serif;
	font-weight: bold;
	text-decoration: none;
}


#calculation_start .ui-btn-up-c, #calculation_start_extended .ui-btn-up-c {
    background-color: #rgba(0, 0, 0, 0) !important;
    font-family: "DinProCondensed", Helvetica, Verdana, sans-serif;
    font-weight:bold;
    background: none !important;
    border:none !important;
}
.ui-slider-track, .ui-slider-switch {
    top: 24px;
    left: 25px;
    margin: 0 40px 0 90px;
    z-index: 1;
}
div .ui-slider {
    padding-bottom: 10px;
    padding-top: 14px;
}
.ui-btn-hover-c:visited, .ui-btn-hover-c:hover, .ui-btn-hover-c a.ui-link-inherit {
    color: #000000 !important;
    font-family: "DinProCondensed", Helvetica, Verdana, sans-serif;
    background-color:#ffffff;
}
div.ui-slider {
    padding-bottom: 20px;
    padding-top: 25px;
}
.calculation_area .ui-body-c, .calculation_area .ui-overlay-c {
    text-shadow: none;
}
/* NEW STUFF */
.calculation_area #length-label, .calculation_area #height-label, .calculation_area #batterWallAngle-label, .calculation_area #length_extended-label, .calculation_area #height_extended-label, .calculation_area #batterWallAngle_extended-label {
    position: absolute;
    color: #FFFFFF;
    margin-left: 24px;
    margin-top: 18px;
    position: absolute;
    text-transform: uppercase;
    text-align: center;
    width: 88px;
    height: 18px;
}
.calculation_area #width-label, .calculation_area #batterWallDistance-label, .calculation_area #width_extended-label, calculation_area #batterWallDistance_extended-label {
    color: #FFFFFF;
    margin-left: 20px;
    margin-top: 18px;
    height: 18px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 88px;
}
div .ui-slider #length, div .ui-slider #width, div .ui-slider #height {
    margin-top: 0px;
}
/* Back Button */
.backbutton {
    height: auto;
    left: 7px;
    position: absolute;
    top: 7px;
}
.backbutton a {
    outline: none;
/* get rid of dotted borders in FireFox */
    text-indent: -5000px;
/* this move the text outside of the screen area */
    display:block;
    width: 81px;
    height:58px;
    background: url("../img/calculation/backbutton.png") 0 0 no-repeat;
    background-size: 162px 58px;
}
.backbutton a:hover {
    background-position: 101% 0;
}
.backbutton a:active, .backbutton a:focus {
    background-position: 0 0 !important;
}
/* Tipp Button */
/*.tippbutton {
    height: auto;
    right: 7px;
    position: absolute;
    top: 7px;
}

.tippbutton a {
    outline: none;
/\* get rid of dotted borders in FireFox *\/
    text-indent: -5000px;
/\* this move the text outside of the screen area *\/
    display:block;
    width: 87px;
    height:58px;
    background-size: 174px 58px;
}
.tippbutton a:hover {
    background-position: 100% 0;
}
.tippbutton a:active {
    background-position: 0 0;
}*/

/* Berechnen Skala */


#breite {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    width: 90%;
}

.calculation_area #width_min,
.calculation_area #length_min,
.calculation_area #height_min,
.calculation_area #distance_min,
.calculation_area #angle_min {
    color: #6e6f71;
    display: inline-table;
    left: 10px;
/*    margin-top: -5px;*/
    position: relative;
    font-size: 20px;
    font-family: "DinProCondensed", Helvetica, Verdana, sans-serif;
    font-weight: bold;

}
.calculation_area #width_max, .calculation_area #length_max, .calculation_area #height_max,
.calculation_area #distance_max, .calculation_area #angle_max {
    display:inline-table;
    font-family: "DinProCondensed", Helvetica, Verdana, sans-serif;
    font-weight: bold;
    float: right;
    color: #6e6f71;
    display: table-cell;
    height: 17px;
  /*  margin-top: -25px;*/
    position: relative;
    right: 30px;
    vertical-align: bottom;
    font-size: 20px;
}
.ui-slider .ui-btn-inner {
    background-image: url("../img/calculation/schieber_bg.png");
    background-color:grey;
    background-size: 100% 100%;
}
.ui-btn-active {
    border: 1px solid #ED1C24;
    color: #FFFFFF;
    cursor: pointer;
    font-family: "DinProCondensed", Helvetica, Verdana, sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-shadow: none;
}
#calculation_start .ui-btn-inner, #calculation_start_extended .ui-btn-inner {
    padding-bottom: 0px;
    padding-left: 7px;
    padding-top: 0px;
    text-align: left;
}
#calculation_start .ui-select, #calculation_start_extended .ui-select {
margin-left: -16px;
    margin-top: 28px;
}
/*
  .ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d {
  margin-left: 20px;
  margin-right: 20px;
 */
/* DESIGN FOR SETTINGS TEMPLATE */
#settings_start #save {
/* border:1px solid green; */
    margin-top:30px;
}
#settings_start #logo {
/* border:1px solid blue; */
}
.ui-btn-corner-all {
}
.ui-body-c, .ui-overlay-c {
    text-shadow: none !important;
}
/* Die Anordnung der Buttons im unteren Menü */
/*
  .ui-block-b {
  bottom: 80px;
  left: 50%;
  margin-left: -50px;
  position: absolute;
  width: 100px;
  }
 */
/*
  .ui-grid-b .ui-block-a {
  clear: left;
  width: 45%;
  }
 */
/*
  .ui-grid-b .ui-block-c {
  clear: right;
  width: 45%;
  }
 */
#tipps_lagerraum_image {
/*    max-width: 490px;*/
    width: 85%;
}
#tippspage {
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    font-family: "DinPro", Helvetica, Verdana, sans-serif;
    padding-top:0px !important;
}
#tipps, #settings_start, #calculation_start, #calculation_start_extended {
  /*background-image: url("../img/page_bg.png") !important;*/
  background-image: none !important;
  background-size: 100% 100% !important;
  background-color: rgba(0,0,0,0);
}
#calculation_solution{
  background-size: 100% 100% !important;
  background-color: #ffffff !important;
  background-image: none !important;

}

#contact_start{
  /*background-image: url("../img/umrechnen_bg.png") !important;*/
  background-image:none;
  background-size: 100% 100%;
  background-color: rgba(0,0,0,0);
}

#tippspage > h3 {
    color: #E2001A;
    font-family: "DinPro", Helvetica, Verdana, sans-serif;
    font-weight: bold;
    font-size: 2vmax;
    margin-bottom: 0;
    margin-top: 10px;
    padding-bottom: 0;
    padding-top: 0;
    text-align: left;
}


/* Bottom Menu */
/*
  .ui-grid-b1 {
  background-attachment: scroll;
  background-clip: border-box;
  background-image: linear-gradient(#111111, #3C3C3C);
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto auto;
  bottom: 0;
  height: 50px;
  position: absolute;
  width: 100%;
  }
  .ui-block-b1 {
  bottom: 15px;
  left: 50%;
  margin-left: -32px;
  position: absolute;
  width: 64px;
  }
  .ui-block-c1 {
  float: right;
  right: 10px;
  max-width: 300px;
  position: absolute;
  width: 40%;
  }
  .ui-block-a1 {
  float: left;
  left: 10px;
  max-width: 300px;
  position: absolute;
  width: 40%;
  }
 */
#scrollpoints {
    position: absolute;
    bottom: 70px;
    left: 50%;
    margin-left:-32px;
}
.footerbar {
    background-image:url(../img/buttons/footer_bg.png) !important;
    background-size: 100% 100%;
    clear:left;
    margin-top:1em;
    text-align:center;
    padding: 3px 0 !important;
    width: 100%;
    bottom: 0px !important;
    position:absolute;
    color: #ffffff;
    font-size: 16px;
    font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
    font-weight: bold !important;
/* {a-bup-shadow-x} *//* {a-bup-shadow-y} *//* {a-bup-shadow-radius} *//* {a-bup-shadow-color} */    text-shadow: 0  -1px  1 #111;
}
#alternativ_button a {
    -webkit-border-radius: 0.2em !important;
    border-radius: 0.2em !important;
    font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
    font-weight: bold !important;
    max-width:200px;
    background-image: url(../img/buttons/footer_button.png);
    padding: 10px 0;
    width: 23%;
    background-size: 100% 200%;
    color: #ffffff;
    float:left;
    margin: 0 2px;
    outline: none;
/* {a-bup-shadow-x} *//* {a-bup-shadow-y} *//* {a-bup-shadow-radius} *//* {a-bup-shadow-color} */    text-shadow: 0  -1px  1 #111;
    display:block;
    cursor:pointer;
    line-height: 2em;
}
#generate_pdf a {
    -webkit-border-radius: 0.2em !important;
    border-radius: 0.2em !important;
    font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
    font-weight: bold !important;
    max-width:200px;
    background-image: url(../img/buttons/footer_button.png);
    padding: 10px 0;
    width: 15%;
    background-size: 100% 200%;
    color: #ffffff;
    float:right;
    margin: 0 2px;
    outline: none;
/* {a-bup-shadow-x} *//* {a-bup-shadow-y} *//* {a-bup-shadow-radius} *//* {a-bup-shadow-color} */    text-shadow: 0  -1px  1 #111;
    display:block;
    cursor:pointer;
    line-height: 2em;
}

#generate_new {
    -webkit-border-radius: 0.2em !important;
    border-radius: 0.2em !important;
/*    font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
    font-weight: bold !important;*/
    background-size: 100% 200%;
/*    max-width:200px;*/
/*    padding: 10px;*/
 /*   width: 15%;*/
    float:right;
    margin: 0px 2px;
    outline: none;
    display:block;
    cursor:pointer;
    line-height: 2em;
    height: 65px !important;
}


#change_to_level_button a {
    -webkit-border-radius: 0.2em !important;
    border-radius: 0.2em !important;
    font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
    font-weight: bold !important;
    max-width:200px;
    background-image: url(../img/buttons/footer_button.png);
    padding: 10px 0;
    width: 31%;
    background-size: 100% 200%;
    color: #ffffff;
    float:right;
    margin: 0 2px;
    outline: none;
/* {a-bup-shadow-x} *//* {a-bup-shadow-y} *//* {a-bup-shadow-radius} *//* {a-bup-shadow-color} */    text-shadow: 0  -1px  1 #111;
    display:block;
    cursor:pointer;
    line-height: 2em;
}
#empfohlen_button a {
    -webkit-border-radius: 0.2em !important;
    border-radius: 0.2em !important;
    font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
    font-weight: bold !important;
    max-width:200px;
    background-image: url(../img/buttons/footer_button.png);
    background-size: 100% 200%;
    padding: 10px 0;
    width: 23%;
    color: #ffffff;
    float:left;
    margin: 0 2px;
    outline: none;
/* {a-bup-shadow-x} *//* {a-bup-shadow-y} *//* {a-bup-shadow-radius} *//* {a-bup-shadow-color} */    text-shadow: 0  -1px  1 #111;
    display:block;
    cursor:pointer;
    line-height: 2em;
}
#empfohlen_button a:hover, #change_to_level_button a:hover, #generate_pdf a:hover, #alternativ_button a:hover {
/* {a-bup-shadow-x} *//* {a-bup-shadow-y} *//* {a-bup-shadow-radius} *//* {a-bup-shadow-color} */    text-shadow: 0  -1px  1 #111;
    background-position: 0 100%;
    font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
    font-weight: bold !important;
    
}
#empfohlen_button a:active, #change_to_level_button a:active, #generate_pdf a:active, #alternativ_button a:active {
/* {a-bup-shadow-x} *//* {a-bup-shadow-y} *//* {a-bup-shadow-radius} *//* {a-bup-shadow-color} */    text-shadow: 0  -1px  1 #111;
    background-position: 0 100%;
    font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
    font-weight: bold !important;
}
#empfohlen_button_active a, #alternativ_button_active a {
    -webkit-border-radius: 0.2em !important;
    border-radius: 0.2em !important;
    max-width:200px;
    font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
    font-weight: bold !important;
    background-image: url(../img/buttons/footer_button.png);
    background-size: 100% 200%;
    background-position: 0 100%;
    padding: 10px 0;
    width: 23%;
    color: #ffffff;
    float:left;
    margin: 0 2px;
    outline: none;
/* {a-bup-shadow-x} *//* {a-bup-shadow-y} *//* {a-bup-shadow-radius} *//* {a-bup-shadow-color} */    text-shadow: 0  -1px  1 #111;
    display:block;
    cursor:default;
    line-height: 2em;
}
#empfohlen_button_inactive a, #alternativ_button_inactive a {
    -webkit-border-radius: 0.2em !important;
    border-radius: 0.2em !important;
    max-width:200px;
    font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
    font-weight: bold !important;
    background-image: url(../img/buttons/inactive_button.png);
    background-size: 100% 100%;
    padding: 10px 0;
    width: 23%;
    color: #939494;
    float:left;
    margin: 0 2px;
    outline: none;
/* {a-bup-shadow-x} *//* {a-bup-shadow-y} *//* {a-bup-shadow-radius} *//* {a-bup-shadow-color} */    text-shadow: 0  -1px  1 #111;
    display:block;
    cursor:default;
    line-height: 2em;
/* opacity: 0.5; */
}
#change_to_level_button_inactive a {
    -webkit-border-radius: 0.2em !important;
    border-radius: 0.2em !important;
    max-width:200px;
    font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
    font-weight: bold !important;
    background-image: url(../img/buttons/inactive_button.png);
    padding: 10px 0;
    width: 31%;
    background-size: 100% 100%;
    color: #939494;
    float:right;
    margin: 0 2px;
    outline: none;
    line-height: 2em;
/* {a-bup-shadow-x} *//* {a-bup-shadow-y} *//* {a-bup-shadow-radius} *//* {a-bup-shadow-color} */    text-shadow: 0  -1px  1 #111;
    display:block;
    cursor:default;
/* opacity: 0.5; */
}


/*Upload und speichern button*/

.uploadbutton {
    -webkit-border-radius: 0.5em !important;
    border-radius: 0.5em !important;
    font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
    font-weight: bold !important;
    font-size: 14px !important;
    max-width:200px;
    background-image: url(../img/buttons/upload_button_bg.png)!important;
    background-size: 100% 200% !important;
    padding: 3px 20px !important;
/*    width: 120px;*/
    color: #ffffff !important;
    margin: 0 0;
    outline: none;
/* {a-bup-shadow-x} *//* {a-bup-shadow-y} *//* {a-bup-shadow-radius} *//* {a-bup-shadow-color} */    text-shadow: 0  -1px  1 #111;
    /*display:inline-block;*/
    cursor:pointer;
    line-height: 2em;
    border-width:1px;
    border-style:solid;
    border-top-color: #e2011a;
    border-right-color: #e2011a;
    border-left-color: #e2011a;
    border-bottom-color: #f18d70;
    vertical-align:top;
    text-shadow: 0 -1px 0 #323232;
    

}
.uploadbutton:hover {
/* {a-bup-shadow-x} *//* {a-bup-shadow-y} *//* {a-bup-shadow-radius} *//* {a-bup-shadow-color} */    text-shadow: 0  -1px  1 #111;
    background-position: 0 100%;
    font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
    font-weight: bold !important;
    border-top-color: #f18d70;
    border-bottom-color: #e2011a;
}
.uploadbutton:active {
/* {a-bup-shadow-x} *//* {a-bup-shadow-y} *//* {a-bup-shadow-radius} *//* {a-bup-shadow-color} */    text-shadow: 0  -1px  1 #111;
    background-position: 0 100%;
    font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
    font-weight: bold !important;
}



/*Tippsbutton */

.tippbutton a{
    outline: none;
    right: 7px;
    position: absolute;
    top: 7px;
    -webkit-border-radius: 0.5em !important;
    border-radius: 0.5em !important;
    font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
    font-size: 28px !important;
/*    max-width:200px;*/
    background-image: url(../img/buttons/tippbutton_bg.png)!important;
    background-size: 100% 200% !important;
    padding: 2px 8px 0px 8px !important;
/*    width: 120px;*/
    color: #ffffff !important;
    outline: none;
/* {a-bup-shadow-x} *//* {a-bup-shadow-y} *//* {a-bup-shadow-radius} *//* {a-bup-shadow-color} */    text-shadow: 0  -1px  1 #111;
    display:inline-block;
    cursor:pointer;
    line-height: 2em;
    border-width:1px;
    border-style:solid;
    border-top-color: #000000;
    border-right-color: #000000;
    border-left-color: #000000;
    border-bottom-color: #777777;
    vertical-align:top;
}
.tippbutton a:hover {
/* {a-bup-shadow-x} *//* {a-bup-shadow-y} *//* {a-bup-shadow-radius} *//* {a-bup-shadow-color} */    text-shadow: 0  -1px  1 #111;
    background-position: 0 100%;
    font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
}
.tippbutton a:active, .tippbutton a:focus {
/* {a-bup-shadow-x} *//* {a-bup-shadow-y} *//* {a-bup-shadow-radius} *//* {a-bup-shadow-color} */    text-shadow: 0  -1px  1 #111;
    background-position: 0 0 !important;
    font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
}


/*Tippsbutton Ende*/

.customername label {
    line-height: 1em;
    margin-top: -5px !important;
}




.speichernbutton  a {
    -webkit-border-radius: 0.5em !important;
    border-radius: 0.5em !important;
    vertical-align: top;
    float:right;
    margin-right: 8%;
    font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
    font-weight: bold !important;
    max-width:200px;
    background-image:url(../img/buttons/upload_button_bg.png) !important;
    background-size: 100% 200% !important;
    padding: 5px 20px !important;
/*    width: 120px;*/
    color: #ffffff !important;
    float:right;
    outline: none;
/* {a-bup-shadow-x} *//* {a-bup-shadow-y} *//* {a-bup-shadow-radius} *//* {a-bup-shadow-color} */    text-shadow: 0  -1px  1 #111;
    display:inline-block;
    cursor:pointer;
    line-height: 1.5em;
    border-width:2px;
    border-style:solid;
    border-top-color: #e2011a;
    border-right-color: #e2011a;
    border-left-color: #e2011a;
    border-bottom-color: #f18d70;
    text-shadow: 0 -1px 0 #323232;
}
.speichernbutton a:hover {
/* {a-bup-shadow-x} *//* {a-bup-shadow-y} *//* {a-bup-shadow-radius} *//* {a-bup-shadow-color} */    text-shadow: 0  -1px  1 #111;
    background-position: 0 100%;
    font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
    font-weight: bold !important;
    border-top-color: #f18d70;
    border-bottom-color: #e2011a;
}
.speichernbutton a:active {
/* {a-bup-shadow-x} *//* {a-bup-shadow-y} *//* {a-bup-shadow-radius} *//* {a-bup-shadow-color} */    text-shadow: 0  -1px  1 #111;
    background-position: 0 100%;
    font-family: "DinPro", Helvetica, Verdana, sans-serif !important;
    font-weight: bold !important;
}

/*Upload und speichern button*/