#content {
    background-color: inherit !important;
}
img, fieldset { border:None; }

h1 {
  font-family:inherit;
  font-size:18pt;
  font-weight:Normal;
  border-bottom:1px solid #0072bc;
  margin:10px 0 0 0;
  padding:0 0 2px 0;
}

h1 span { color:#ff7100; }

h2 {
  color:#ff7100;
  font-size:14pt;
  font-weight:bold;
  margin:0 0 10px 0;
  padding:0;
}

#right h2 {
  font-size:10pt;
  margin:0;
}

p, table, form {
  clear:both;
}

p { margin-top:0; }

fieldset {
  clear:both;
  padding-bottom: 0px;
  padding-left: 5px;
}


fieldset label {
  width:150px;
  display:block;
  float:left;
  margin:0;
  padding:0;

}

ul em { font-style:italic; color:#666; }

h3 { color:#709BC6; }

table {
}

td, th {
  padding:3px;
  padding-left:5px;
}

th {
  color:#333;
  text-align: left;
  font-weight: normal;
  background:#daeaf0;
  border-bottom:1px solid #ccc;
}

table a { color: #0072bc; }
table a { color: #0072bc;  font-size:13px; }
table a:Hover { color:#fff; background:#0072bc;}

blockquote {
  clear:both;
  background:#e8f1f5;
  padding:10px;
  margin:10px 0 10px 0;
  border:1px solid #caddef;
}

.nobg, .nobg:hover { background:none !important; }
.t-right { text-align:right; }
.alt { background:#daeaf0; }

.drop { width:130px; margin-top:0px; float:left; display:block; font-size:20pt; color:#FF8100 !important; }

.demoheadline { width:100%; margin-top:15px; display:block; font-size:16pt; color:#FF8100 !important; }

.dropblue {
    width: 500px;
    margin-top: -3px;
    float: left;
    display: block;
    font-size: 15pt;
    color: #648CB0 !important;
}
.red {
    color:red;
}
.rounded {
  background:#daeaf0;
  padding:10px;
}

.folder {
  width:16px;
  height:16px;
  float:left;
  margin-right:10px;
  background:url(../images/folder.jpg) top left no-repeat;
}

.grey_folder {
  width:16px;
  height:16px;
  float:left;
  margin-right:10px;
  background:url(../images/grey_folder.jpg) top left no-repeat;
}

.open_folder {
  background-position:bottom left;
}

.centered { text-align:center; }

.clear { clear:both; height:1px; visibility:hidden; }

.feature { width:230px; height:49px; padding:5px 10px 10px 45px; float:left; font-size:8pt; }
.feature2 { padding:5px 10px 10px 45px; float:left; font-size:8pt; }

.feature { clear:both; width:230px; height:49px; padding:5px 10px 10px 45px; float:left; font-size:8pt; }
.feature2 { clear:both; padding:5px 10px 10px 45px; float:left; font-size:8pt; }

.f1 { background:url(../images/icons/feature1.jpg) top left no-repeat; }
.f2 { background:url(../images/icons/feature2.jpg) top left no-repeat; }
.f3 { background:url(../images/icons/feature3.jpg) top left no-repeat; }
.f4 { background:url(../images/icons/feature4.jpg) top left no-repeat; }
.f5 { background:url(../images/icons/feature5.jpg) top left no-repeat; }
.f6 { background:url(../images/icons/feature6.jpg) top left no-repeat; }
.f7 { background:url(../images/icons/feature7.jpg) top left no-repeat; }
.f8 { background:url(../images/icons/feature8.jpg) top left no-repeat; }
.f9 { background:url(../images/icons/feature9.jpg) top left no-repeat; }
.f10 { background:url(../images/icons/feature10.jpg) top left no-repeat; }

.hidden { display:none; }

.news {
      margin-top:10px;
      padding:10px 0 10px 0;
      border-bottom:1px solid #ccc;
    }
    
      .news .date {
        color: #0072bc;
        font-style:italic;
        width:170px;
        text-align:right;
        float:right;
      }
      
      .news p { clear:both; padding-top:10px; }

    
    
.title {
    clear: both;
    padding-top: 10px;
    color:#3B5D80;
    font: 13px Tahoma;
    line-height: 20px;
    font-weight: bolder;
    background: url( '../images/title_arrow.gif' ) no-repeat left center;
    background-position: 1px 14px;
    padding-left: 20px;
}

#infomessage, #errormessage {
    margin-bottom: 1.5em;
    padding: 0.3em;
    text-align: left;
    font-weight: bold;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

#infomessage {
    background-color: #390;
    border-color: #390;
    color: #390;
    background: #CFC;
}

#errormessage {
    border-color: #903;
    background-color: #fcc;
    color: #903;
}

.error, .msg {
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.error {
    color: #FF0000;
    font-size: 9px;
}

#requirements {
    padding-left:20px;
    width:250px;
    float:left;
}

#requirements h3 { margin:0 0 10px 0; padding:0; }
#donate1, #donate2, #donate3, #donate4 {
    width:150px;
    font-size:24px;
    padding: 10px 0px;
    text-align:center;
    float:left !important;
}

.FormError {
    color: #FF0000;
    font-size:15px;
    margin:3px 15px;
    padding:0px;
}
/* Fenster für Editionsübersicht */
#EditionsPage {
    border: none;
    margin: 20px 0px 15px 15px;
    text-align:center;
}
#EditionsPage img { 
    vertical-align: middle;
}
#EditionsPage hr {
    margin: 0px;
    padding: 0px;
    color:#999;
}

#EditionsPage h3 {
    margin: 0px;
    padding:0px;
    font-size:14px;
    color: #888;
}
#EditionsPage .descCellBox, #EditionsPage .headerCellBox, #EditionsPage .cellBox {
    display: table;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    margin: 0px;
    padding: 0px;
}
#EditionsPage .descCellBox {
    height: 100px;
}
#EditionsPage .headerCellBox {
    height: 25px;
}
#EditionsPage .cellBox {
    height: 50px;
}
#EditionsPage .cellContent {
    display: table-cell;
    width: 100%;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
}
.EditionsFrame1, .EditionsFrame2, .EditionsFrame3, .EditionsFrame4 {
    float:left;
    margin: 0px;
    padding: 0px;
    border: outset 2px;
    text-align: center;
    /*text-shadow: 1px 1px #111;*/
    font-weight:bold;
    -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
    -webkit-box-shadow: 0px 0px 15px #333333; -moz-box-shadow: 0px 0px 15px #333333; box-shadow: 0px 0px 15px #333333;
}
.EditionsHeadFeatures, .EditionsHead1, .EditionsHead2, .EditionsHead3, .EditionsHead4 {
    -webkit-border-radius: 5px 5px 0px 0px; -khtml-border-radius: 5px 5px 0px 0px; 
    -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;
    padding: 10px 0px;
    font-size:23px;
    height: 50px;
}
.EditionsBodyFeatures, .EditionsBody1, .EditionsBody2, .EditionsBody3, .EditionsBody4 {
    padding: 0px;
    font-size:13px;
}
.EditionsFrameFeatures {
    float:left;
    width: 170px;
    margin-top: 195px;
    margin-left: -40px;
    text-align: center;
    font-weight:bold;
    border: outset 2px;
    border-color: #FBD109;
}
.EditionsHeadFeatures {
    background-color: #FBD109;
    text-shadow: 0 -2px #fdb, 2px 0 #fdb, 0 2px #fdb, -2px 0 #fdb;
}
.EditionsBodyFeatures {
}
.EditionsFrame1 {
    width: 315px;
    border-color: #FBD109;
}
.EditionsHead1 {
    background-color: #FBD109;
    text-shadow: 0 -2px #fdb, 2px 0 #fdb, 0 2px #fdb, -2px 0 #fdb;
}
.EditionsBody1 {
}
.EditionsFrame2 {
    width: 225px;
    border-color: #FE8900;
}
.EditionsHead2 {
    background-color: #FE8900;
    text-shadow: 0 -1px #FFDDB3, 1px 0 #FFDDB3, 0 1px #FFDDB3, -1px 0 #FFDDB3;
}
.EditionsBody2 {
}
.EditionsFrame3 {
    width: 225px;
    border-color:#bbb ;
    margin-left: 10px;
    margin-right: -40px;
}
.EditionsHead3 {
    background-color: #bbb;
    text-shadow: 0 -1px #fff, 1px 0 #fff, 0 1px #fff, -1px 0 #fff;
}
.EditionsBody3 {
}
.EditionsFrame4 {
    width: 170px;
    border-color: #E2520B;
}
.EditionsHead4 {
    background-color: #E2520B;
    text-shadow: 0 -1px #FBBA9B, 1px 0 #FBBA9B, 0 1px #FBBA9B, -1px 0 #FBBA9B;
}
.EditionsBody4 {
}
.paketName {
    font-size:larger;
    color:#333;
}
/* ------------------------------------------ */
.CloudSelection1 {
    width:315px;
    margin:0px; 
    padding: 0px;
    background-image:url(..../images/bg_editions1.gif);
    background-repeat:repeat-y;
    background-position:right;
}
.CloudSelection2 {
    width:225px;
    margin:0px; 
    padding: 0px;
    background-image:url(..../images/bg_editions2.gif);
    background-repeat:repeat-y;
    background-position:right;
}
.CloudSelection3 {
    width:225px;
    margin:0px; 
    padding: 0px;
}
.selectionHeader {
    vertical-align: middle;
    height:25px;
    line-height: 25px;
    background-color: #888;
    color:#EEE;
}
.CloudSelectionImg, .CloudSelectionItem, .CloudSelection2Items, .CloudSelection3Items {
    float: left;
}
.CloudSelectionImg {
    width: 45px;
}
.CloudSelectionItem {
    width: 90px;
}
.CloudSelection2Items {
    width: 180px;
}
.CloudSelection3Items {
    width: 270px;
}
/* css für bestellseite */
#orderInfo-outerBox {
    /*width: 750px;  865px; */
    margin: 30px auto;
    margin-bottom: 10px;
    padding: 20px;
    background-color: #FFA;
    border-radius: 30px;
}
#orderInfo-box {
    padding: 15px 30px;
    border: dashed 1px #555;
    background-color:#FF9;
    border-radius: 20px;
    text-align:center;
}
#orderErr-box {
    margin: 0px auto;
    padding: 10px 10px;
    padding-left: 50px;
    text-align: left;
    font-size:13px;
    color:#000;
    background-color: #FBB;
    border: solid 1px #FF0000;
    border-radius: 10px;
}
.orderErr-field {
    padding: 2px 5px !important;
}
.orderErr-field div {
    margin: 0px auto;
    padding: 2px 5px !important;
    text-align: center;
    font-size:13px;
    color:#000;
    background-color: #FBB;
    border: solid 1px #FF0000 !important;
    border-radius: 5px;
}
#orderData-box {
    margin: 15px auto;
    width: 700px;
    text-align:center;
}
#orderInfo-box h1, #orderData-box h1 {
  border-bottom:none;
  margin: 5px;
  font-size:20px;
  font-weight: bold;
  color: #555;
}#orderInfo-box h2, #orderData-box h2 {
    font-size: 16px;
}
.descHeader {
  font-size: 130%;
  font-weight: bolder;
  text-decoration: underline;
}
.descHeaderProductName {
  color: #ff7100;
  font-size: 120%;
}
.DescTable {
    width: 80%;
    min-width: 300px;
    font-size: 80%;
    text-align:left;
    margin:1rem auto;
    color:#333;
}
.DescTable td,
.DescTable th {
    border-bottom: 1px dotted #666666;
}
.DescTable td {
    text-align: justify;
}
.DescTable th {
    width: 30%;
    min-width: 120px;
    padding-left: 0.5rem;
    font-weight: bold;
    vertical-align: top;
}
.bezeichner { /* Feldnamen bei Bestell-Tabelle */
    font-size: 14px;
    white-space: nowrap;
    padding-right: 15px;
}
input {
    box-sizing: border-box;
}
.inputErr {
    background-color: #FAA;
}
.orderButton {
    width: 100%;
    color: #212529 !important;
    font-size:15px !important;
    padding: 3px 10px !important;
    background-color:#FC3 !important;
    border: 2px outset #FC3 !important;
    border-radius: 7px !important;box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    min-height: 1rem;
    height: 40px;
    outline: none;
    margin: 0 .25em 0 0;
    font-weight: 700;
    line-height: 1rem;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
}
.orderButton:hover {
    font-weight: bold;
}
.orderButton:focus {
    border: 2px inset #FC3;
}